/*=========================*/
/*=========================*/
/*=========================*/
/*=========================*/
/*=========================*/
/*=========================*/
::-webkit-scrollbar {
  background-color: inherit;
  height: 2px;
  position: absolute;
  width: 3px;
}
::-webkit-scrollbar-thumb {
  background-color: #d1d1d1;
  border-radius: 10px;
}
.button {
  background-color: #fff;
  border-radius: 8px 8px 8px 0;
  border: 1px solid transparent;
  color: #ee0033;
  cursor: pointer;
  display: block;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 20px;
  padding: 8px 20px 10px 20px;
  position: relative;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 1;
}
.button:before {
  border-radius: 8px 8px 8px 0;
  bottom: 0;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 0;
  z-index: -1;
}
.button:after {
  border-radius: 8px 8px 8px 0;
  bottom: 0;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -2;
}
.button:hover:before {
  width: 100%;
}
.button--primary {
  background-color: #ee0033;
  border-color: #ee0033;
  color: #fff;
}
.button--primary:hover {
  border-color: #be0129;
}
.button--primary:before {
  background-color: #be0129;
}
.button--normal {
  background-color: #fff;
  border-color: #4b4b4b;
  color: #4b4b4b;
}
.button--normal:hover {
  background-color: #4b4b4b;
  color: #fff;
}
.button--normal:before {
  background-color: #4b4b4b;
}
.button--white {
  background-color: #fff;
  border-color: #fff;
  color: #ee0033;
  padding: 5px 12px;
}
.button--white:hover {
  background-color: #fff;
  border-color: #ee0033;
}
.button--white:before {
  background-color: #fff;
}
.button--red {
  background-color: #fff;
  border-color: #ee0033;
  color: #ee0033;
  padding: 5px 12px;
}
.button--red:hover {
  background-color: #ee0033;
  border-color: #ee0033;
  color: #fff;
}
.button--red:before {
  background-color: #ee0033;
}
.button--medium {
  font-size: 14px;
  line-height: 20px;
  padding: 6px 15px;
}
.button--disabled {
  background-color: #c4c4c4;
  border-color: #c4c4c4;
  color: #fff;
  pointer-events: none;
}
.button[readonly],
.button[disabled] {
  background-color: #c4c4c4;
  border-color: #c4c4c4;
  color: #fff;
}
.button[disabled] {
  pointer-events: none;
}
.check-box {
  cursor: pointer;
  display: block;
  padding: 2px 0 0 30px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.check-box__input {
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
.check-box__input:checked ~ .check-box__checkmark {
  background: -webkit-linear-gradient(bottom, rgba(209, 19, 19, 0.2), rgba(209, 19, 19, 0.2)), #fff;
  background: linear-gradient(0deg, rgba(209, 19, 19, 0.2), rgba(209, 19, 19, 0.2)), #fff;
  border-color: #ee0033;
}
.check-box__input:checked ~ .check-box__checkmark:after {
  display: block;
}
.check-box__input:checked ~ .check-box__txt {
  color: #ee0033;
}
.check-box__checkmark {
  background: #fff;
  border: 2px solid #ee0033;
  border-radius: 4px 4px 4px 0;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}
.check-box__checkmark:after {
  border: solid #ee0033;
  border-width: 0 2px 2px 0;
  content: "";
  display: none;
  height: 8px;
  left: 5px;
  position: absolute;
  top: 2px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 4px;
}
.check-box__txt {
  color: #44494d;
  font-size: 16px;
}
@media (max-width: 991px) {
  .check-box__txt {
    font-size: 14px;
  }
}
.check-box__link {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 0 2px;
  text-decoration: underline;
}
@media (max-width: 991px) {
  .check-box__link {
    font-weight: 400;
  }
}
.tabs-top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 20px;
}
@media (max-width: 991px) {
  .tabs-top {
    margin: 0 0 15px;
  }
}
.tabs-top .see-more {
  margin: 0 0 0 20px;
}
@media (max-width: 991px) {
  .tabs-top .see-more {
    display: none;
  }
}
.tabs-top .see-more--sp {
  display: none;
}
@media (max-width: 991px) {
  .tabs-top .see-more--sp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.tabs-info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 991px) {
  .tabs-info {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 100%;
  }
}
.tabs-info .tab-nav {
  margin: 0 0 0 40px;
}
@media (max-width: 991px) {
  .tabs-info .tab-nav {
    margin: 10px 0 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 0 5px;
    white-space: nowrap;
    width: 100%;
  }
  .tabs-info .tab-nav::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 991px) {
  .tabs-info .tab-title {
    border-bottom: 1px solid #44494d;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: hidden;
    padding: 0;
  }
}
.headline-info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 15px;
}
@media (max-width: 991px) {
  .headline-info {
    margin: 0 0 10px;
  }
}
.headline-name {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.15px;
  line-height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .headline-name {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
  }
}
.headline-name--normal {
  text-transform: inherit;
}
.see-more {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
@media (max-width: 991px) {
  .see-more {
    font-size: 14px;
    line-height: 20px;
  }
}
.see-more:hover {
  color: #d11313;
  text-decoration: underline;
}
.form-input .ic-search {
  color: #727272;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  left: 15px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.form-input .ic-search i {
  font-size: 20px;
}
.form-input .input-search {
  padding: 9px 40px;
}
.form-input .input-search::-webkit-input-placeholder {
  font-size: 14px;
}
.form-input .input-search::-moz-placeholder {
  font-size: 14px;
}
.form-input .input-search:-ms-input-placeholder {
  font-size: 14px;
}
.form-input .input-search::placeholder {
  font-size: 14px;
}
.form-images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.form-images img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media (max-width: 991px) {
  .hide-sp {
    display: none;
  }
}
.hide-pc {
  display: none;
}
@media (max-width: 991px) {
  .hide-pc {
    display: block;
  }
}
.w-stt {
  width: 60px;
}
.w-id {
  width: 100px;
}
.w-btn {
  width: 180px;
}
input[type='number'] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
          appearance: textfield;
  margin: 0;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.daterangepicker .calendar-table thead tr:first-child {
  background-color: #f7f7f7;
}
.daterangepicker .calendar-table thead tr:first-child th {
  height: 40px;
}
.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
  border-color: #ee0033;
}
.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
  border: 0;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  height: 34px;
  line-height: 20px;
}
.daterangepicker .calendar-table th.start-date.end-date,
.daterangepicker .calendar-table td.start-date.end-date {
  border-radius: 50%;
}
.daterangepicker .calendar-table th {
  color: #98999a;
  font-weight: 400;
}
.daterangepicker .calendar-table th.month {
  color: #26292b;
}
.daterangepicker th.available:hover,
.daterangepicker td.available:hover {
  background-color: #f7f7f7;
  border: 0;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #ee0033;
  border: 0;
}
.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
  color: #999;
}
input[type="range"] {
  -webkit-appearance: none;
  background-color: #e7e7e7;
  background-image: -webkit-linear-gradient(#ee0033, #ee0033);
  background-image: linear-gradient(#ee0033, #ee0033);
  background-repeat: no-repeat;
  background-size: 0% 100%;
  border: 0;
  border-radius: 100px;
  cursor: pointer;
  height: 7px;
  padding: 0;
  width: 100%;
}
/* Input Thumb */
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #ee0033;
  border-radius: 50%;
  height: 15px;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  width: 15px;
}
.input-range[type="range"]::-moz-range-thumb {
  -webkit-appearance: none;
  background-color: #ee0033;
  border-radius: 50%;
  height: 15px;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  width: 15px;
}
.input-range[type="range"]::-ms-thumb {
  -webkit-appearance: none;
  background-color: #ee0033;
  border-radius: 50%;
  height: 15px;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  width: 15px;
}
.input-range[type="range"]::-webkit-slider-thumb:hover {
  background-color: #d11313;
}
.input-range[type="range"]::-moz-range-thumb:hover {
  background-color: #d11313;
}
.input-range[type="range"]::-ms-thumb:hover {
  background-color: #d11313;
}
/* .input-range Track */
.input-range[type=range]::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  background-color: transparent;
  border: 0;
  box-shadow: none;
}
.input-range[type=range]::-moz-range-track {
  -webkit-appearance: none;
  background-color: transparent;
  border: 0;
  box-shadow: none;
}
.input-range[type="range"]::-ms-track {
  -webkit-appearance: none;
  background-color: transparent;
  border: 0;
  box-shadow: none;
}
.input-range.selected[type="range"] {
  background-image: -webkit-linear-gradient(#e4e4e4, #e4e4e4);
  background-image: linear-gradient(#e4e4e4, #e4e4e4);
}
.input-range.selected[type="range"]::-webkit-slider-thumb {
  background-color: #e4e4e4;
}
/*=========================*/
/*=========================*/
@font-face {
  font-family: 'FS PFBeauSansPro';
  src: local('FS PFBeauSansPro BoldItalic'), url('../fonts/FS PFBeauSansPro-BoldItalic.otf') format("opentype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'FS PFBeauSansPro';
  src: local('FS PFBeauSansPro Light'), url('../fonts/FS PFBeauSansPro-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'FS PFBeauSansPro';
  src: local('FS PFBeauSansPro Bbook'), url('../fonts/FS PFBeauSansPro-Bbook.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'FS PFBeauSansPro';
  src: local('FS PFBeauSansPro SemiBold'), url('../fonts/FS PFBeauSansPro-SemiBold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'FS PFBeauSansPro';
  src: local('FS PFBeauSansPro Bold'), url('../fonts/FS PFBeauSansPro-Bold.otf') format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'FS PFBeauSansPro';
  src: local('FS PFBeauSansPro SemiBoldItalic'), url('../fonts/FS PFBeauSansPro-SemiBoldItalic.otf') format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'FS PFBeauSansPro';
  src: local('FS PFBeauSansPro BbookItalic'), url('../fonts/FS PFBeauSansPro-BbookItalic.otf') format("opentype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'FS PFBeauSansPro';
  src: local('FS PFBeauSansPro LightItalic'), url('../fonts/FS PFBeauSansPro-LightItalic.otf') format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'FS PFBeauSansPro';
  src: local('FS PFBeauSansPro Italic'), url('../fonts/FS PFBeauSansPro-Italic.otf') format("opentype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'FS PFBeauSansPro';
  src: local('FS PFBeauSansPro Regular'), url('../fonts/FS PFBeauSansPro-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'FS Magistral';
  src: local('FS Magistral Light'), local('FS Magistral-Light'), url('../fonts/FS Magistral-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'FS Magistral';
  src: local('FS Magistral Book'), local('FS Magistral-Book'), url('../fonts/FS Magistral-Book.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FS Magistral';
  src: local('FS Magistral Medium'), local('FS Magistral-Medium'), url('../fonts/FS Magistral-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'FS Magistral';
  src: local('FS Magistral BookItalic'), local('FS Magistral-BookItalic'), url('../fonts/FS Magistral-BookItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'FS Magistral';
  src: local('FS Magistral Bold'), local('FS Magistral-Bold'), url('../fonts/FS Magistral-Bold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Sarabun';
  src: local('Sarabun Light'), local('Sarabun-Light'), url('../fonts/Sarabun-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Sarabun';
  src: local('Sarabun Regular'), local('Sarabun-Regular'), url('../fonts/Sarabun-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Sarabun';
  src: local('Sarabun Medium'), local('Sarabun-Medium'), url('../fonts/Sarabun-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Sarabun';
  src: local('Sarabun Italic'), local('Sarabun-Italic'), url('../fonts/Sarabun-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Sarabun';
  src: local('Sarabun SemiBold'), local('Sarabun-SemiBold'), url('../fonts/Sarabun-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Sarabun';
  src: local('Sarabun Bold'), local('Sarabun-Bold'), url('../fonts/Sarabun-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
/* Style Header */
.body-sticky {
  padding-top: 157px;
}
@media (max-width: 991px) {
  .body-sticky {
    padding-top: 77px;
  }
}
.body-sticky-small {
  padding-top: 74px;
}
@media (max-width: 991px) {
  .body-sticky-small {
    padding-top: 64px;
  }
}
.body-pay {
  padding-top: 0;
}
@media (max-width: 991px) {
  .body-pay {
    padding-top: 0;
  }
}
.lp-header {
  background-color: #fff;
  position: relative;
  -webkit-transition: 0.7s all;
  transition: 0.7s all;
  z-index: 3;
}
.lp-header--tet .lp-header__menu:before {
  display: none;
}
.lp-header--tet .lp-header__item:not(:last-child) {
  margin: 0 80px 0 0;
}
@media (max-width: 991px) {
  .lp-header--tet .lp-header__item:not(:last-child) {
    margin: 0 0 30px;
  }
}
.lp-header--tet .lp-header__link {
  font-size: 24px;
  font-weight: 500;
  line-height: 34px;
}
@media (max-width: 991px) {
  .lp-header--tet .lp-header__link {
    font-size: 14px;
  }
}
.lp-header--beelite {
  background-color: transparent;
}
@media (max-width: 991px) {
  .lp-header--beelite {
    background-color: #ee0033;
  }
}
.lp-header--beelite.header--sticky {
  background-color: #ee0033;
}
.lp-header--beelite .lp-header__item.active .lp-header__link,
.lp-header--beelite .lp-header__item:hover .lp-header__link {
  color: #fff;
}
.lp-header--beelite .lp-header__link {
  color: #fff;
}
.header {
  background-color: #fff;
  height: 157px;
  position: relative;
  -webkit-transition: 0.7s all;
  transition: 0.7s all;
  z-index: 3;
}
@media (max-width: 991px) {
  .header {
    height: 77px;
  }
}
.header--sticky {
  box-shadow: 0 5px 10px rgba(129, 126, 126, 0.31);
  left: 0;
  position: fixed;
  top: 0;
  -webkit-transition: 0.7s all;
  transition: 0.7s all;
  width: 100%;
  z-index: 99;
}
.header--small {
  background-color: #ee0033;
  height: 74px;
}
@media (max-width: 991px) {
  .header--small {
    height: 64px;
  }
}
.header__inner {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 74px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 991px) {
  .header__inner {
    height: 64px;
  }
}
@media (max-width: 991px) {
  .header__logo {
    margin-right: 10px;
    width: 118px;
  }
}
.header__logo-link {
  display: block;
}
.header__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.header__auth {
  color: #fff;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.0875px;
  margin-left: 60px;
}
@media (max-width: 991px) {
  .header__auth {
    margin-left: 30px;
  }
}
.header__auth:hover {
  opacity: 0.85;
}
.header--pay .row-top {
  background-color: #fff;
}
.header--pay .off-canvas-toggle {
  color: #000;
}
.header--pay .shopping-cart__icon i {
  color: #000;
}
@media (max-width: 991px) {
  .header--pay .icon-search {
    color: #000;
  }
}
@media (max-width: 991px) {
  .header--pay .content .blogo {
    margin: 0 15px;
    width: 100%;
  }
}
.box-language li.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.hotline {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.hotline:hover {
  opacity: 0.85;
}
.hotline__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 36px;
      -ms-flex: 0 0 36px;
          flex: 0 0 36px;
  height: 36px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 10px;
  width: 36px;
}
@media (max-width: 991px) {
  .hotline__icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 32px;
        -ms-flex: 0 0 32px;
            flex: 0 0 32px;
    height: 32px;
    margin-right: 5px;
    width: 32px;
  }
}
.hotline__number {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 23px;
}
@media (max-width: 991px) {
  .hotline__number {
    font-size: 17px;
    line-height: 20px;
  }
}
.banner-pack__pc {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media (max-width: 991px) {
  .banner-pack__pc {
    display: none;
  }
}
.banner-pack__sp {
  display: none;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media (max-width: 991px) {
  .banner-pack__sp {
    display: block;
  }
}
.service-gtgt__sp {
  display: none;
}
.lists.slider .list-gtgt .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0;
}
.lists.slider .list-news .item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  box-shadow: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}
.lists.slider .list-same .item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  box-shadow: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}
.list-gtgt .owl-stage-outer {
  padding: 30px 0 10px;
}
.list-gtgt .gtgt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px 30px;
  width: calc(100% / 2 - 30px);
}
.list-gtgt .goi-cuoc {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.list-news .owl-stage-outer {
  padding: 30px 0 10px;
}
.list-news .gtgt {
  border-radius: 10px;
  box-shadow: 0px 10px 20px rgba(39, 52, 125, 0.12);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3 - 30px);
      -ms-flex: 0 0 calc(100% / 3 - 30px);
          flex: 0 0 calc(100% / 3 - 30px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 15px 30px;
  width: calc(100% / 3 - 30px);
}
.list-news .gtgt:hover {
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.4);
}
.list-same .owl-stage-outer {
  padding: 30px 0 10px;
}
.list-same .gtgt {
  border-radius: 10px;
  box-shadow: 0px 10px 20px rgba(39, 52, 125, 0.12);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3 - 30px);
      -ms-flex: 0 0 calc(100% / 3 - 30px);
          flex: 0 0 calc(100% / 3 - 30px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 15px 30px;
  width: calc(100% / 3 - 30px);
}
.list-same .gtgt:hover {
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.4);
}
.box-entertainm .gtgt {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.box-music .list-dt .goi-cuoc .minmax {
  display: block;
  padding: 0 30px;
  width: calc(100% - 30%);
}
.box-music .min-data {
  margin: 5px 0;
}
.box-music .goi-cuoc .imgs {
  width: 30%;
}
.box-news .list-dt .goi-cuoc .minmax {
  display: block;
  padding: 0 0 0 25px;
  width: calc(100% - 20%);
}
.box-news .list-dt .min-maxd {
  padding-right: 110px;
}
.box-news .min-data {
  margin: 5px 0;
}
.box-news .goi-cuoc {
  padding: 15px;
}
.box-news .goi-cuoc .imgs {
  width: 20%;
}
.box-utilities .list-dt .goi-cuoc .minmax {
  display: block;
  padding: 0 0 0 25px;
  width: calc(100% - 20%);
}
.box-utilities .list-dt .min-maxd {
  padding-right: 110px;
}
.box-utilities .min-data {
  margin: 5px 0;
}
.box-utilities .goi-cuoc {
  padding: 15px;
}
.box-utilities .goi-cuoc .imgs {
  width: 20%;
}
.goi-cuoc .imgs img {
  border-radius: 10px;
}
.sim-sp {
  display: none;
}
@media (max-width: 991px) {
  .sim-sp {
    display: block;
  }
}
.sim-sp__input {
  position: relative;
}
.sim-sp__input .input-form {
  background-color: #f6fafa;
  border: 0;
  border-radius: 10px;
  color: #576c8a;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 500;
  padding-left: 45px;
  width: 100%;
}
.sim-sp__input .input-form::-webkit-input-placeholder {
  color: #576c8a;
}
.sim-sp__input .input-form::-moz-placeholder {
  color: #576c8a;
}
.sim-sp__input .input-form:-ms-input-placeholder {
  color: #576c8a;
}
.sim-sp__input .input-form::placeholder {
  color: #576c8a;
}
.sim-sp__input .btn-icon {
  font-size: 0;
  left: 12px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.sim-sp__input .btn-icon i {
  color: #576c8a;
  font-size: 20px;
}
.sim-sp__type {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}
.sim-sp__type .radio-custom1:not(:last-child) {
  margin-right: 20px;
}
.sim-sp__type .txt-sim {
  color: #0c0033;
  font-size: 12px;
  line-height: 18px;
  position: relative;
  top: 2px;
}
.sim-sp__list {
  margin-top: 5px;
}
.sim-sp__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #e9e9e9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 70px;
}
.sim-sp__stt {
  color: #576c8a;
  font-size: 12px;
  line-height: 18px;
}
.sim-sp__value {
  color: #ee0033;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.sim-sp__money {
  color: #576c8a;
  font-size: 14px;
  line-height: 21px;
}
.sim-sp__btn {
  border-width: 1px;
  border-radius: 6px;
  padding: 12px;
}
.sim-sp__icon {
  font-size: 0;
}
.sim-sp__icon i {
  color: #ee0033;
  font-size: 22px;
}
.sort-sp {
  display: none;
}
@media (max-width: 991px) {
  .sort-sp {
    display: block;
  }
}
.sort-sp__title {
  color: #576c8a;
  font-size: 14px;
  line-height: 21px;
}
.sort-sp__content {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 10px;
}
.sort-sp__order {
  margin-right: 18px;
  width: 50%;
}
.sort-sp__pack {
  width: 50%;
}
.sort-sp__pack .box-filter__text {
  color: #576c8a;
}
.sort-sp .box-filter {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #e7e7e7;
  border-radius: 6px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 6px 12px;
  position: relative;
}
.sort-sp .filter-content {
  border-radius: 0 0 6px 6px;
  left: 0;
  right: auto;
}
.sort-sp .filter-content ul a {
  font-size: 14px;
  line-height: 21px;
}
.box-filter__icon {
  font-size: 0;
  margin-right: 5px;
}
.box-filter__icon i {
  color: #ee0033;
  font-size: 16px;
}
.box-filter__text {
  color: #ee0033;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
}
.box-filter__next {
  color: #576c8a;
  font-size: 0;
  position: absolute;
  right: 15px;
}
.box-filter__next .fs-angle-down {
  font-size: 8px;
}
.box-filter__next .icon-i-next {
  font-size: 12px;
}
.postage {
  display: none;
}
@media (max-width: 991px) {
  .postage {
    display: block;
  }
}
.postage__list {
  margin: 16px 0 25px;
}
.postage__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 6px;
  box-shadow: 0px 10px 40px rgba(39, 52, 125, 0.12);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 100px;
  padding: 15px 12px;
}
.postage__item:not(:last-child) {
  margin-bottom: 16px;
}
.postage__images {
  height: 48px;
  margin-right: 12px;
  width: 48px;
}
.postage__images img {
  border-radius: 6px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.postage__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: calc(100% - 60px);
}
.postage__detail {
  width: calc(100% - 90px);
}
.postage__name {
  color: #0c0033;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
}
.postage__name span {
  font-size: 14px;
  font-weight: normal;
  line-height: 21px;
  margin-left: 5px;
}
.postage__rate {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 3px 0;
}
.postage__review {
  font-size: 0;
  margin: 0 2px;
}
.postage__review i {
  font-size: 8px;
}
.postage__review .icon-i-star-full {
  color: #ffd500;
}
.postage__review.none .icon-i-star-full {
  color: #bfc4ce;
}
.postage__price-top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.postage__price-new {
  color: #ee0033;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
}
.postage__price-sale {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(255, 213, 0, 0.15);
  border-radius: 6px;
  color: #fe9a00;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  height: 22px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 18px;
  margin-left: 12px;
  min-width: 42px;
}
.postage__price-old {
  color: #bfc4ce;
  font-size: 14px;
  line-height: 21px;
}
.postage__btn {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0;
  border-radius: 6px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 32px;
  min-width: 90px;
  padding: 5px 10px;
}
.sort-device {
  display: none;
}
@media (max-width: 991px) {
  .sort-device {
    display: block;
  }
}
.sort-device__title {
  color: #0c0033;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
}
.sort-device__content {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.sort-device__result {
  color: #ee0033;
  font-size: 14px;
  line-height: 21px;
  position: relative;
  width: calc(100% - 86px);
}
.sort-device__result.opened .result-filter {
  display: block;
}
.sort-device__result.opened .sort-device__icon {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.sort-device__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 0;
  margin-left: 10px;
  position: relative;
  top: 1px;
}
.sort-device__icon i {
  font-size: 12px;
}
.sort-device__button {
  width: 86px;
}
.sort-device__button .btn {
  border-radius: 6px;
  border-width: 1px;
  padding: 6px 12px;
  width: 100%;
}
.sort-device__button.opened .filter-device {
  display: block;
}
.box-result {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 991px) {
  .sort .search {
    padding: 10px 0 0;
  }
}
@media (max-width: 991px) {
  .sort .search input {
    background-color: #f6fafa;
    padding-left: 48px;
  }
}
@media (max-width: 991px) {
  .sort .search button {
    left: 15px;
    top: 26px;
  }
}
.grild-product .infor .price-p {
  line-height: 1.5;
}
.grild-product li {
  margin: 0 2% 20px;
}
.list-product li span,
.list-type li span {
  color: #bfc4ce;
}
.price-old {
  color: #bfc4ce;
  font-size: 14px;
  line-height: 21px;
  padding: 0 0 0 20px;
  text-decoration: line-through;
}
@media (max-width: 991px) {
  .price-old {
    display: block;
    padding: 0 0 0 15px;
  }
}
.about-price {
  margin: 40px 0 30px;
}
.about-price .txt-input {
  padding: 5px 10px;
}
.range-price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 16px 25px 0 35px;
  width: 100%;
}
@media (max-width: 991px) {
  .range-price {
    margin: 0 -5px 30px;
    padding: 0;
    width: auto;
  }
}
.range-price__item {
  border: 2px solid #e7e7e7;
  border-radius: 10px;
  box-shadow: 0 10px 20px rgba(177, 186, 201, 0.15);
  cursor: pointer;
  margin: 0 5px 10px;
  min-width: 110px;
  padding: 0 10px;
  text-align: center;
}
.range-price__name {
  color: #e7e7e7;
  font-family: "Montserrat";
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.result-filter {
  background: #fff;
  border-radius: 6px;
  box-shadow: 0px 10px 40px rgba(39, 52, 125, 0.12);
  display: none;
  left: 0;
  min-width: 230px;
  padding: 15px 0;
  position: absolute;
  top: 100%;
  z-index: 10;
}
.result-filter__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-left: 3px solid transparent;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  padding: 0 15px;
}
.result-filter__item.active,
.result-filter__item:hover {
  background-color: #f7f7f7;
  border-left: 3px solid #ee0033;
}
.result-filter__item.active .result-filter__link,
.result-filter__item:hover .result-filter__link {
  color: #ee0033;
}
.result-filter__link {
  color: #474747;
  font-size: 14px;
  line-height: 21px;
}
.filter-device {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0px 10px 40px rgba(39, 52, 125, 0.12);
  display: none;
  padding: 30px 15px;
  position: absolute;
  right: 0;
  top: 42px;
  width: 100%;
  z-index: 11;
}
.filter-device:before {
  bottom: 100%;
  border-bottom: 10px solid #fff;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  right: 20px;
  width: 0;
}
.filter-device__title {
  font-size: 16px;
  margin-bottom: 15px;
}
.filter-device__item:not(:last-child) {
  margin-bottom: 10px;
}
.filter-device__item:last-child {
  margin-top: 30px;
}
.filter-device__item .btn {
  padding: 12px;
}
.filter-device__item .btn:not(:last-child) {
  margin-bottom: 15px;
}
.filter-device .range-price__item {
  padding: 6px 10px;
  width: calc(100% / 3 - 20px);
}
.list-price {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
}
.list-price__item {
  width: 50%;
}
.list-price__item:not(:last-child) {
  margin-right: 15px;
}
.list-price__label {
  color: #576c8a;
  display: block;
  margin-bottom: 10px;
}
.list-price__input {
  border-radius: 6px;
  padding: 9px 16px;
}
.code-otp .control {
  padding: 0 135px 0 195px;
}
.code-otp .btn-find {
  font-size: 14px;
  line-height: 20px;
  padding: 10px;
  text-decoration: none;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.code-otp .btn-find:hover {
  color: #fff;
}
.field .control .input-otp {
  margin: 0;
}
.tabs-nav {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 30px -15px;
  overflow-x: auto;
}
@media (max-width: 991px) {
  .tabs-nav {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    margin: 15px -8px;
    padding-bottom: 10px;
  }
}
.tabs-item {
  margin: 0 15px 5px;
}
.tabs-item.active .tabs-link {
  border-bottom: 2px solid #ee0033;
  color: #ee0033;
  font-weight: bold;
}
@media (max-width: 991px) {
  .tabs-item {
    margin: 0 8px 5px;
  }
}
.tabs-link {
  border-bottom: 2px solid transparent;
  color: #576c8a;
  font-size: 16px;
  letter-spacing: 0.1px;
  line-height: 19px;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .tabs-link {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
  }
}
.page-result-search {
  margin-top: 40px;
}
@media (max-width: 991px) {
  .page-result-search {
    margin-top: 30px;
  }
}
.results-search {
  padding-bottom: 60px;
}
@media (max-width: 991px) {
  .results-search {
    padding-bottom: 20px;
  }
}
.results-search .tabs-nav {
  margin: 30px -15px 70px;
}
@media (max-width: 991px) {
  .results-search .tabs-nav {
    margin: 15px -8px;
  }
}
.section-title {
  color: #252525;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0.15px;
  line-height: 28px;
  margin-bottom: 30px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .section-title {
    font-size: 16px;
    line-height: 24px;
  }
}
.box-results {
  margin: 0 -15px;
}
.box-results .packs-fee {
  margin: 0 15px;
}
@media (max-width: 991px) {
  .combo-result .owl-carousel .owl-stage-outer {
    padding: 0 0 30px;
  }
}
@media (max-width: 991px) {
  .packs-fee {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0 -8px;
    padding-bottom: 15px;
    overflow: auto;
  }
  .packs-fee--wrap {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: 0;
    overflow: inherit;
    padding-bottom: 0;
  }
  .packs-fee--wrap .packs-fee__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin: 0;
    width: 100%;
  }
  .packs-fee--wrap .packs-fee__item:not(:last-child) {
    margin-bottom: 16px;
  }
}
.packs-fee__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 8px 15px rgba(39, 52, 125, 0.12);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 136px;
  padding: 16px;
  width: 100%;
}
.packs-fee__item:not(:last-child) {
  margin-bottom: 30px;
}
.packs-fee__item:hover {
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.4);
}
@media (max-width: 991px) {
  .packs-fee__item {
    border-radius: 6px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100%/1.1 - 16px);
        -ms-flex: 0 0 calc(100%/1.1 - 16px);
            flex: 0 0 calc(100%/1.1 - 16px);
    margin: 0 8px;
    min-height: 100px;
    padding: 12px;
    width: calc(100%/1.1 - 16px);
  }
  .packs-fee__item:not(:last-child) {
    margin-bottom: 0;
  }
}
.packs-fee__left {
  height: 104px;
  margin-right: 25px;
  width: 104px;
}
@media (max-width: 991px) {
  .packs-fee__left {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 48px;
        -ms-flex: 0 0 48px;
            flex: 0 0 48px;
    height: 48px;
    margin-right: 12px;
    width: 48px;
  }
}
.packs-fee__number {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 6px;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: "Montserrat";
  font-size: 36px;
  font-weight: 500;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 54px;
  width: 100%;
}
@media (max-width: 991px) {
  .packs-fee__number {
    font-size: 16px;
  }
}
.packs-fee__number.purple {
  background-color: #864fdf;
}
.packs-fee__number.orange {
  background-color: #ffba23;
}
.packs-fee__number.red {
  background-color: #fb4600;
}
.packs-fee__img {
  border-radius: 6px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.packs-fee__right {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.packs-fee__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 20px;
  width: 100%;
}
@media (max-width: 991px) {
  .packs-fee__info {
    margin-right: 10px;
  }
}
.packs-fee__title {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.packs-fee__name {
  font-size: 24px;
  font-weight: bold;
  letter-spacing: -0.5px;
  line-height: 28px;
  margin-right: 10px;
}
@media (max-width: 991px) {
  .packs-fee__name {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
  }
}
.packs-fee__link {
  color: #0c0033;
}
.packs-fee__sub {
  color: #0c0033;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .packs-fee__sub {
    font-size: 12px;
    line-height: 18px;
  }
}
.packs-fee__rate {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 8px 0;
}
@media (max-width: 991px) {
  .packs-fee__rate {
    margin: 3px 0;
  }
}
.packs-fee__review {
  font-size: 0;
  margin: 0 3px;
}
.packs-fee__review i {
  color: #ffd500;
  font-size: 15px;
}
@media (max-width: 991px) {
  .packs-fee__review i {
    font-size: 8px;
  }
}
.packs-fee__review.none i {
  color: #bfc4ce;
}
.packs-fee__prices {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 991px) {
  .packs-fee__prices {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.packs-fee__des {
  font-size: 14px;
  line-height: 21px;
}
.packs-fee__btn a {
  border-width: 1px;
  line-height: 20px;
  min-width: 150px;
  padding: 15px 30px;
}
@media (max-width: 991px) {
  .packs-fee__btn a {
    border-radius: 6px;
    min-width: 88px;
    padding: 5px 10px;
  }
}
.prices__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px;
}
@media (max-width: 991px) {
  .prices__info {
    margin-right: 0;
  }
}
.prices__sales {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(255, 213, 0, 0.15);
  border-radius: 6px;
  color: #fe9a00;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  height: 32px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 24px;
  margin-right: 10px;
  min-width: 50px;
}
@media (max-width: 991px) {
  .prices__sales {
    font-size: 13px;
    height: 22px;
    line-height: 21px;
    margin: 0 0 0 12px;
    min-width: 42px;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
}
.prices__new {
  color: #ee0033;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.5px;
  line-height: 180%;
}
@media (max-width: 991px) {
  .prices__new {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 21px;
  }
}
.prices__old {
  color: #bfc4ce;
  font-size: 14px;
  line-height: 24px;
  text-decoration: line-through;
}
@media (max-width: 991px) {
  .prices__old {
    line-height: 21px;
  }
}
.prices__date {
  color: #0c0033;
  font-size: 14px;
  line-height: 24px;
  margin-left: 10px;
}
@media (max-width: 991px) {
  .prices__date {
    font-size: 12px;
    line-height: 18px;
    margin-left: 5px;
  }
}
.prices__icon {
  font-size: 0;
  margin-right: 5px;
}
.prices__icon i {
  color: #ee0033;
  font-size: 12px;
}
.box-item {
  padding-bottom: 40px;
}
.box-item__row {
  position: relative;
}
.box-item__row:not(:last-child) {
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .box-item__row:not(:last-child) {
    margin-bottom: 16px;
  }
}
.box-item__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 10px 40px rgba(39, 52, 125, 0.12);
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 73px;
  padding: 20px 30px;
}
.box-item__top.active .box-item__icon {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
@media (max-width: 991px) {
  .box-item__top {
    border-radius: 6px;
    min-height: 48px;
    padding: 10px 16px;
  }
}
.box-item__title {
  color: #0c0033;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: bold;
  font-size: 22px;
  letter-spacing: -0.5px;
  line-height: 26px;
  margin-right: 20px;
}
@media (max-width: 991px) {
  .box-item__title {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
  }
}
.box-item__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 0;
}
.box-item__icon i {
  color: #14d6cf;
  font-size: 16px;
}
@media (max-width: 991px) {
  .box-item__icon i {
    font-size: 12px;
  }
}
.box-item__content {
  display: none;
  padding-top: 30px;
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 991px) {
  .box-item__content {
    padding-top: 16px;
  }
}
.box-item__more {
  display: none;
  margin-top: 30px;
}
@media (max-width: 991px) {
  .box-item__more {
    display: none !important;
    margin-top: 16px;
  }
}
.box-item__link {
  color: #ee0033;
  font-size: 16px;
  letter-spacing: 0.0875px;
  -webkit-text-decoration-line: underline;
     -moz-text-decoration-line: underline;
          text-decoration-line: underline;
  line-height: 24px;
}
@media (max-width: 991px) {
  .box-item__link {
    font-size: 12px;
    line-height: 18px;
  }
}
.box-item__link:hover {
  color: #14d6cf;
}
.box-item .packs-fee__title {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.box-item .packs-fee__sub {
  margin-top: 5px;
}
@media (max-width: 991px) {
  .box-item .packs-fee__sub {
    margin-top: 0;
  }
}
.packs-service {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}
@media (max-width: 991px) {
  .packs-service {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    margin: 0 0 0 -8px;
    padding-bottom: 15px;
    overflow: auto;
  }
}
.packs-service__item {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 8px 15px rgba(39, 52, 125, 0.12);
  margin: 0 15px 30px;
  width: calc(100%/2 - 30px);
}
.packs-service__item:hover {
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.4);
}
.packs-service__item:hover img {
  opacity: 0.75;
}
@media (max-width: 991px) {
  .packs-service__item {
    border-radius: 6px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100%/2.5 - 16px);
        -ms-flex: 0 0 calc(100%/2.5 - 16px);
            flex: 0 0 calc(100%/2.5 - 16px);
    margin: 0 8px;
    width: calc(100%/2.5 - 16px);
  }
}
.packs-service__image img {
  background: rgba(255, 255, 255, 0.893229);
  border-radius: 10px 10px 0 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media (max-width: 991px) {
  .packs-service__image img {
    height: 136px;
  }
}
.packs-service__content {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 20px 25px;
}
@media (max-width: 991px) {
  .packs-service__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 10px 16px 16px;
  }
}
.packs-service__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-right: 20px;
  width: 100%;
}
@media (max-width: 991px) {
  .packs-service__detail {
    margin-right: 0;
  }
}
.packs-service__title {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 991px) {
  .packs-service__title {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.packs-service__name {
  font-size: 24px;
  font-weight: bold;
  line-height: 28px;
  margin-right: 25px;
}
@media (max-width: 991px) {
  .packs-service__name {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 16px;
    line-height: 24px;
    margin-right: 10px;
    width: 100%;
  }
}
.packs-service__link {
  color: #252525;
}
.packs-service__link:hover {
  color: #ee0033;
}
.packs-service__icon {
  font-size: 0;
}
.packs-service__icon i {
  color: #252525;
  font-size: 16px;
}
@media (max-width: 991px) {
  .packs-service__icon i {
    font-size: 12px;
  }
}
.packs-service__des {
  color: #252525;
  font-size: 16px;
  letter-spacing: 0.0875px;
  line-height: 24px;
  padding: 5px 0;
}
@media (max-width: 991px) {
  .packs-service__des {
    font-size: 14px;
    line-height: 21px;
    padding: 2px 0;
  }
}
.packs-service__price {
  color: #ee0033;
  font-size: 20px;
  font-weight: bold;
  line-height: 23px;
}
@media (max-width: 991px) {
  .packs-service__price {
    font-size: 14px;
    line-height: 21px;
  }
}
.packs-service__btn .btn {
  border-width: 1px;
  line-height: 20px;
  padding: 11px 20px;
}
@media (max-width: 991px) {
  .packs-service__btn {
    margin-top: 15px;
    width: 100%;
  }
  .packs-service__btn .btn {
    border-radius: 6px;
    min-width: 105px;
    padding: 5px 10px;
  }
}
.packs-info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}
@media (max-width: 991px) {
  .packs-info {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    margin: 0 -8px;
    overflow: auto;
    padding-bottom: 15px;
  }
}
.packs-info__item {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 8px 15px rgba(39, 52, 125, 0.12);
  margin: 0 15px;
  padding: 35px;
  width: calc(100%/3 - 30px);
}
.packs-info__item:hover {
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.4);
}
@media (max-width: 991px) {
  .packs-info__item {
    border-radius: 6px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100%/1.5 - 16px);
        -ms-flex: 0 0 calc(100%/1.5 - 16px);
            flex: 0 0 calc(100%/1.5 - 16px);
    margin: 0 8px;
    padding: 16px;
    width: calc(100%/1.5 - 16px);
  }
}
.packs-info__title {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.packs-info__name {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 32px;
  font-weight: bold;
  letter-spacing: 0.2px;
  line-height: 37px;
  margin-right: 10px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .packs-info__name {
    font-size: 16px;
    left: 0;
    line-height: 24px;
  }
}
.packs-info__link {
  color: #576c8a;
}
.packs-info__link:hover {
  color: #ee0033;
}
.packs-info__icon {
  font-size: 0;
}
.packs-info__icon i {
  color: #576c8a;
  font-size: 20px;
}
@media (max-width: 991px) {
  .packs-info__icon i {
    font-size: 12px;
  }
}
.packs-info__price {
  color: #ee0033;
  border-bottom: 1px solid #ededed;
  border-top: 1px solid #ededed;
  font-size: 22px;
  line-height: 26px;
  margin: 18px 0;
  padding: 15px 0;
}
@media (max-width: 991px) {
  .packs-info__price {
    font-size: 14px;
    font-weight: bold;
    line-height: 21px;
    margin: 10px 0;
    padding: 10px 0;
  }
}
.packs-info__des {
  color: #576c8a;
  font-size: 16px;
  line-height: 19px;
}
@media (max-width: 991px) {
  .packs-info__des {
    font-size: 12px;
    line-height: 18px;
  }
}
.packs-info__btn {
  margin-top: 30px;
  text-align: center;
}
.packs-info__btn .btn {
  min-width: 152px;
}
@media (max-width: 991px) {
  .packs-info__btn {
    margin-top: 15px;
  }
  .packs-info__btn .btn {
    border-radius: 6px;
    border-width: 1px;
    min-width: 88px;
    padding: 6px 12px;
  }
}
.packs-other {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}
@media (max-width: 991px) {
  .packs-other {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    margin: 0 -8px;
    overflow: auto;
    padding-bottom: 15px;
  }
}
.packs-other__item {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 8px 15px rgba(39, 52, 125, 0.12);
  margin: 0 15px;
  width: calc(100%/2 - 30px);
}
.packs-other__item:hover {
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.4);
}
.packs-other__item:hover img {
  opacity: 0.75;
}
@media (max-width: 991px) {
  .packs-other__item {
    border-radius: 6px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100%/1.5 - 16px);
        -ms-flex: 0 0 calc(100%/1.5 - 16px);
            flex: 0 0 calc(100%/1.5 - 16px);
    margin: 0 8px;
    width: calc(100%/1.5 - 16px);
  }
}
.packs-other__image img {
  background: rgba(255, 255, 255, 0.893229);
  border-radius: 10px 10px 0 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media (max-width: 991px) {
  .packs-other__image img {
    height: 120px;
  }
}
.packs-other__content {
  padding: 10px 30px 30px;
}
@media (max-width: 991px) {
  .packs-other__content {
    padding: 16px;
  }
}
.packs-other__title {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.packs-other__name {
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0.2125px;
  line-height: 57px;
}
@media (max-width: 991px) {
  .packs-other__name {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
  }
}
.packs-other__link {
  color: #252525;
}
.packs-other__link:hover {
  color: #ee0033;
}
.packs-other__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 5px 0;
}
@media (max-width: 991px) {
  .packs-other__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 10px 0 0;
  }
}
.packs-other__des {
  color: #252525;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  letter-spacing: 0.0875px;
  line-height: 24px;
  margin-right: 20px;
  width: 100%;
}
@media (max-width: 991px) {
  .packs-other__des {
    font-size: 14px;
    line-height: 21px;
    margin-right: 0;
  }
}
.packs-other__btn .btn {
  border-width: 1px;
  line-height: 20px;
  padding: 8px 26px;
}
@media (max-width: 991px) {
  .packs-other__btn {
    margin-top: 15px;
  }
  .packs-other__btn .btn {
    border-radius: 6px;
    min-width: 88px;
    padding: 5px 10px;
  }
}
.sim-tel__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-bottom: 1px solid #e9e9e9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 92px;
  width: 100%;
}
.sim-tel__item:last-child {
  border-bottom: 0;
}
.sim-tel__item--head {
  background-color: transparent;
  border-bottom: 2px solid #979797;
  min-height: 40px;
}
.sim-tel__item--head .sim-tel__stt,
.sim-tel__item--head .sim-tel__number,
.sim-tel__item--head .sim-tel__price {
  color: #0c0033;
  font-size: 20px;
  font-weight: bold;
  line-height: 23px;
}
@media (max-width: 991px) {
  .sim-tel__item--head {
    display: none;
  }
}
@media (max-width: 991px) {
  .sim-tel__item {
    min-height: 70px;
  }
}
.sim-tel__stt {
  color: #576c8a;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 23px;
  padding: 0 15px;
  width: 10%;
}
@media (max-width: 991px) {
  .sim-tel__stt {
    font-size: 12px;
    line-height: 18px;
    padding: 0 10px;
    width: auto;
  }
}
.sim-tel__value {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 15px;
}
@media (max-width: 991px) {
  .sim-tel__value {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
        -ms-flex: auto;
            flex: auto;
    padding: 0 10px;
  }
}
.sim-tel__call {
  font-size: 0;
  margin-right: 10px;
}
.sim-tel__call i {
  color: #576c8a;
  font-size: 15px;
}
@media (max-width: 991px) {
  .sim-tel__call {
    display: none;
  }
}
.sim-tel__number {
  color: #ee0033;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.125px;
  line-height: 57px;
}
@media (max-width: 991px) {
  .sim-tel__number {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 24px;
  }
}
.sim-tel__price {
  color: #576c8a;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 18px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 21px;
  padding: 0 15px;
}
@media (max-width: 991px) {
  .sim-tel__price {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
        -ms-flex: auto;
            flex: auto;
    font-size: 14px;
    line-height: 21px;
    padding: 0 10px;
  }
}
.sim-tel__btn {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0 15px;
  width: 20%;
}
@media (max-width: 991px) {
  .sim-tel__btn {
    padding: 0 10px;
    width: auto;
  }
}
.sim-tel__btn .btn {
  border-width: 1px;
  line-height: 20px;
  padding: 11px 16px;
}
@media (max-width: 991px) {
  .sim-tel__btn .btn {
    border-radius: 6px;
    padding: 10px;
  }
}
.sim-tel__icon {
  margin-left: 15px;
  font-size: 0;
}
.sim-tel__icon i {
  color: #ee0033;
  font-size: 22px;
}
@media (max-width: 991px) {
  .sim-tel__icon i {
    font-size: 20px;
  }
}
.sim-tel__icon:hover i:before,
.sim-tel__icon.active i:before {
  content: "\e917";
}
.feautures {
  margin: 0 -15px;
}
.feautures__list {
  margin: 0 15px;
}
.feautures__item {
  border-radius: 10px;
  box-shadow: 0px 8px 15px rgba(39, 52, 125, 0.12);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px 30px;
  min-height: 88px;
  width: 100%;
}
.feautures__item:hover {
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.4);
}
.feautures__item:not(:last-child) {
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .feautures__item {
    border-radius: 6px;
    min-height: 82px;
    padding: 15px 30px;
  }
  .feautures__item:not(:last-child) {
    margin-bottom: 16px;
  }
}
.feautures__title {
  color: #0c0033;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: -0.5px;
  line-height: 26px;
  margin-bottom: 5px;
}
@media (max-width: 991px) {
  .feautures__title {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 0;
  }
}
.feautures__link {
  color: #ee0033;
  font-size: 16px;
  line-height: 24px;
  text-decoration: underline;
}
@media (max-width: 991px) {
  .feautures__link {
    font-size: 12px;
    line-height: 18px;
  }
}
.results-none {
  margin-bottom: 50px;
  text-align: center;
}
.results-none__image {
  margin-bottom: 20px;
}
.results-none__image img {
  border-radius: 100%;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.results-none__des {
  color: #576c8a;
  font-size: 14px;
  line-height: 21px;
}
.result-search {
  background-color: #fbfbfb;
  padding: 40px 0 60px;
  word-break: break-word;
}
@media (max-width: 991px) {
  .result-search {
    padding: 30px 0 50px;
  }
}
.title-search {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.15px;
  margin: 0 0 20px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .title-search {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0;
  }
}
.form-search {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 40px;
  position: relative;
}
@media (max-width: 991px) {
  .form-search {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.form-search__input {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 558px;
      -ms-flex: 0 0 558px;
          flex: 0 0 558px;
  position: relative;
}
@media (max-width: 991px) {
  .form-search__input {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
  }
}
.form-search__btn {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 264px;
      -ms-flex: 0 0 264px;
          flex: 0 0 264px;
  margin: 0 0 0 30px;
}
@media (max-width: 991px) {
  .form-search__btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 20px 0 0;
    width: 100%;
  }
}
.form-search .input-search {
  font-size: 16px;
  padding: 10px 40px 8px;
}
.form-search .input-search::-webkit-input-placeholder {
  font-size: 16px;
  font-weight: 400;
}
.form-search .input-search::-moz-placeholder {
  font-size: 16px;
  font-weight: 400;
}
.form-search .input-search:-ms-input-placeholder {
  font-size: 16px;
  font-weight: 400;
}
.form-search .input-search::placeholder {
  font-size: 16px;
  font-weight: 400;
}
.form-search .btn-search {
  color: #727272;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  left: 15px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.form-search .btn-search i {
  font-size: 18px;
}
.form-search .btn-close {
  color: #727272;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.form-search .btn-close i {
  font-size: 20px;
}
.subtitle-search {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 40px;
  max-width: 500px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .subtitle-search {
    font-size: 18px;
    line-height: 28px;
    max-width: 220px;
  }
}
.service-search {
  margin: 60px 0 40px;
}
@media (max-width: 991px) {
  .service-search {
    margin: 50px 0 30px;
  }
}
.service-search .data-pack__images {
  height: 130px;
}
@media (max-width: 991px) {
  .service-search .data-pack__images {
    height: 180px;
  }
}
.service-search .data-pack__name {
  font-size: 18px;
  line-height: 28px;
}
.service-search .data-pack__price {
  margin-top: -3px;
}
.service-search .data-pack__des {
  font-size: 14px;
  line-height: 21px;
}
.service-search .data-pack__info {
  margin: 2px 0 15px;
}
.service-search .data-pack__btn {
  margin: 0;
  width: 100%;
}
.service-search .data-pack__btn .button {
  width: 100%;
}
.internet-search {
  margin: 40px 0;
}
@media (max-width: 991px) {
  .internet-search {
    margin: 30px 0;
  }
}
.phone-search {
  margin: 40px 0;
}
@media (max-width: 991px) {
  .phone-search {
    margin: 30px 0;
  }
}
.phone-search .owl-item img {
  width: auto;
}
.posts-search:not(:last-child) {
  margin: 0 0 40px;
}
@media (max-width: 991px) {
  .posts-search:not(:last-child) {
    margin: 0 0 30px;
  }
}
.posts {
  margin: 0 -15px;
}
.posts__list {
  margin: 0 15px;
}
.posts__item {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 12px 12px 12px 0;
  padding: 15px 20px 30px;
}
.posts__item:hover {
  border-color: #ee0033;
}
.posts__item:not(:last-child) {
  margin-bottom: 15px;
}
.posts__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 5px;
}
@media (max-width: 991px) {
  .posts__title {
    font-size: 16px;
    line-height: 21px;
  }
}
.posts__link {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  -webkit-text-decoration-line: underline;
     -moz-text-decoration-line: underline;
          text-decoration-line: underline;
}
.auth {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0 30px;
  word-break: break-word;
}
@media (max-width: 991px) {
  .auth {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px 0 40px;
  }
}
.auth__images {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 580px;
      -ms-flex: 0 0 580px;
          flex: 0 0 580px;
  margin: 0 100px 0 0;
}
@media (max-width: 991px) {
  .auth__images {
    display: none;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
        -ms-flex: auto;
            flex: auto;
    margin: 0 0 30px;
    width: 100%;
  }
}
.auth__images img {
  -o-object-fit: cover;
     object-fit: cover;
}
.auth__images img:hover {
  opacity: 0.75;
}
.auth__content {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 326px;
      -ms-flex: 0 0 326px;
          flex: 0 0 326px;
}
@media (max-width: 991px) {
  .auth__content {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
        -ms-flex: auto;
            flex: auto;
    width: 100%;
  }
}
.auth__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.15px;
  margin: 0 0 20px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .auth__title {
    font-size: 20px;
    letter-spacing: 0;
    text-align: center;
  }
}
.auth__info {
  margin: 20px 0 0;
}
.auth__note {
  color: #44494d;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  margin: 5px 0 0;
}
.auth__note-link {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  text-decoration: underline;
}
@media (max-width: 991px) {
  .auth__note-link {
    font-size: 12px;
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .auth__note-link {
    display: block;
  }
}
.auth__note-link:hover {
  opacity: 0.75;
}
.auth__des {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 5px 0 0;
}
.auth__des-link {
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.auth__des-link--forgot {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.auth__des-link:hover {
  opacity: 0.75;
  text-decoration: underline;
}
.auth__btn {
  margin: 15px 0;
}
.auth__noti {
  color: #44494d;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  margin: 15px 0 0;
}
.auth__noti-link {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 0 2px;
  text-decoration: underline;
}
@media (max-width: 991px) {
  .auth__noti-link {
    font-size: 12px;
    line-height: 18px;
  }
}
.auth__noti-link:hover {
  opacity: 0.75;
}
.auth__qr {
  margin: 10px 0 15px;
}
.auth__qr-images {
  background-color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 2px;
  padding: 10px;
}
.auth__qr-images img {
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 40px;
}
.auth__qr-name {
  color: #44494d;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
}
@media (max-width: 991px) {
  .auth__qr-name {
    font-size: 14px;
    line-height: 20px;
  }
}
.banner img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.nav-pills {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #d1d1d1;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 24px;
}
.nav-item {
  border-bottom: 1px solid transparent;
  color: #b5b4b4;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  margin-bottom: -1px;
  padding: 0 0 3px;
  text-align: center;
}
.nav-item.active,
.nav-item:hover {
  border-color: #ee0033;
  color: #ee0033;
}
.nav-link {
  display: block;
}
.form-icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  border-radius: 50%;
  color: #b5b4b4;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  height: 24px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 24px;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  width: 24px;
}
.form-icon--primary {
  background-color: #ee0033;
  color: #fff;
  font-size: 12px;
}
@media (max-width: 991px) {
  .form-icon--primary {
    font-size: 10px;
  }
}
.form-icon--disable {
  background-color: #e4e4e4;
  color: #fff;
  font-size: 12px;
  pointer-events: none;
}
@media (max-width: 991px) {
  .form-icon--disable {
    font-size: 10px;
  }
}
.form-icon .icon-eye-2 {
  font-size: 24px;
}
.form-close {
  color: #727272;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  right: 40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
}
.form-close i {
  font-size: 16px;
}
.noti-error {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 8px 0 0;
}
.noti-error__text {
  color: #ee0033;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
}
.noti-error__action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 5px 0 0;
}
.noti-error__value {
  background-color: #e4e4e4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 5px;
  width: 20px;
}
.noti-error__value.highlight {
  background-color: #ee0033;
}
.noti-error__value:not(:last-child) {
  margin: 0 5px 0 0;
}
.noti-error--medium .noti-error__text {
  color: #ee9705;
}
.noti-error--medium .noti-error__value.highlight {
  background-color: #ee9705;
}
.note-text {
  color: #44494d;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  margin: 8px 0 0;
}
.note-text--info {
  margin: -8px 0 0;
}
.link-otp {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  font-weight: 600;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  line-height: 24px;
  margin: 0 0 8px;
}
@media (max-width: 991px) {
  .link-otp {
    font-size: 14px;
    line-height: 20px;
  }
}
.link-otp:hover {
  opacity: 0.75;
}
.form-capcha {
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 15px;
  position: relative;
}
.form-capcha__images {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 2;
}
@media (max-width: 991px) {
  .form-capcha__images:before {
    background: url("../images_content/bg-captcha-sp.svg") center center no-repeat;
    content: "";
    height: 80px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 80px;
    z-index: 1;
  }
}
.form-capcha__images img {
  position: relative;
  z-index: 2;
}
.form-capcha__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 10px 0 0;
}
.form-capcha__note {
  color: #44494d;
  font-size: 10px;
  font-style: italic;
  line-height: 16px;
}
.form-capcha__icon {
  color: #ee0033;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 5px;
}
.form-capcha__icon i {
  font-size: 14px;
}
.user-account {
  max-height: 304px;
  overflow: auto;
}
.user-account__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 8px 8px 8px 0;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px 15px 10px;
  position: relative;
}
.user-account__item.selected {
  border-color: #ee0033;
}
.user-account__item:not(:last-child) {
  margin: 0 0 8px;
}
.user-account__item .checkmark {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.user-account__action {
  margin: 0 0 0 10px;
}
.user-account__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 3px;
}
@media (max-width: 991px) {
  .user-account__name {
    font-size: 16px;
  }
}
.user-account__sub {
  color: #727272;
  font-size: 14px;
  line-height: 24px;
  margin: 3px 0;
}
.user-account__des {
  color: #b5b4b4;
  font-size: 14px;
  line-height: 24px;
}
.user-account__icon {
  color: #44494d;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 15px;
  top: 15px;
}
.user-account__icon i {
  font-size: 16px;
}
@media (max-width: 991px) {
  .user-account__icon i {
    font-size: 14px;
  }
}
.modal--auth .modal__body {
  padding: 0 40px 30px;
}
@media (max-width: 991px) {
  .modal--auth .modal__body {
    padding: 0 0 30px;
  }
}
.modal--auth-select .modal__content {
  background-color: #fbfbfb;
}
.modal--auth-select .modal__body {
  padding: 0 85px 30px;
}
@media (max-width: 991px) {
  .modal--auth-select .modal__body {
    padding: 0 0 30px;
  }
}
.modal-auth__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 20px;
  text-align: center;
}
@media (max-width: 991px) {
  .modal-auth__title {
    font-size: 18px;
  }
}
.modal-auth__des {
  color: #727272;
  font-size: 16px;
  line-height: 24px;
  margin: 20px 0;
  text-align: center;
}
@media (max-width: 991px) {
  .modal-auth__des {
    font-size: 14px;
    line-height: 21px;
  }
}
.modal-auth__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0;
}
.modal-auth__images--success {
  color: #03a678;
}
.modal-auth__images--warning {
  color: #d11313;
}
.modal-auth__images i {
  font-size: 70px;
}
.modal-auth__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 24px 0 0;
}
.modal-auth__btn .button {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.modal-auth__btn .button:not(:last-child) {
  margin: 0 20px 0 0;
}
.bill-pstn__link {
  margin-bottom: 40px;
}
.bill-pstn__link .btn {
  border-width: 1px;
  line-height: 20px;
  min-width: 260px;
  padding: 15px 30px;
}
.bill-pstn__note {
  color: #576c8a;
  font-size: 14px;
  font-style: italic;
  line-height: 24px;
  margin-bottom: 40px;
}
.contract__title {
  color: #ee0033;
  font-size: 20px;
  font-weight: 500;
  line-height: 36px;
  padding: 20px 15px;
  text-align: center;
}
.contract__noti {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ffeedf;
  border-radius: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 15px;
  min-height: 84px;
  padding: 10px;
  position: relative;
}
.contract__noti-text {
  color: #576c8a;
  font-size: 13px;
  line-height: 21px;
}
.contract__noti-text span {
  color: #ff421b;
}
.contract__order {
  margin: 25px 15px;
}
.contract__body {
  background: #f1f5f8;
  border-radius: 15px 15px 0px 0px;
  padding: 15px 15px 40px;
}
.contract__detail-link {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 9px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  min-height: 36px;
  width: 244px;
}
.contract__detail-icon {
  font-size: 0;
  margin-right: 10px;
}
.contract__detail-text {
  color: #0176ff;
  font-size: 14px;
  line-height: 1.2;
  text-decoration: underline;
}
.contract__button {
  margin-top: 35px;
  text-align: center;
}
.contract__button .btn:not(last-child) {
  margin-right: 10px;
}
.contract .btn {
  border-radius: 6px;
  border-width: 1px;
  padding: 10px 30px;
}
.section-contract__title {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
.section-contract__title-icon {
  font-size: 0;
  margin-right: 10px;
}
.section-contract__title-text {
  color: #0176ff;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.2;
}
.section-contract__content {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 12px 15px rgba(0, 0, 0, 0.04);
  padding: 20px 15px;
}
.section-contract:not(:last-child) {
  margin-bottom: 25px;
}
.info-basic__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.info-basic__item:not(:last-child) {
  margin-right: 40px;
}
.info-basic__name {
  color: #576c8a;
  font-size: 13px;
  line-height: 1.2;
  margin-bottom: 10px;
}
.info-basic__value {
  color: #000;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
}
.info-product__button {
  cursor: pointer;
  margin-top: 20px;
  text-align: center;
}
.info-product__detail {
  display: none;
}
.info-product__line {
  background-color: #e7e7e7;
  border-radius: 6px;
  height: 3px;
  margin: 15px 0 20px;
  width: 100%;
}
.info-product__row:not(:last-child) {
  margin-bottom: 25px;
}
.info-product__title {
  color: #48596d;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 15px;
}
.info-product__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.info-product__item:not(:last-child) {
  margin-bottom: 15px;
}
.info-product__dot {
  background-color: #0176ff;
  border-radius: 50%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 5px;
      -ms-flex: 0 0 5px;
          flex: 0 0 5px;
  height: 5px;
  margin-right: 15px;
  position: relative;
  top: 8px;
  width: 5px;
}
.info-product__txt {
  color: #48596d;
  font-size: 14px;
  line-height: 1.5;
}
.info-postage .section-contract__content {
  padding: 15px;
}
.info-postage__item:not(:last-child) {
  margin-bottom: 5px;
}
.info-postage__name {
  color: #576c8a;
  font-size: 14px;
  line-height: 21px;
}
.info-postage__value {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
}
.info-customer .section-contract__content {
  padding: 15px;
}
.info-customer__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.info-customer__item:not(:last-child) {
  margin-bottom: 5px;
}
.info-customer__name {
  color: #576c8a;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 105px;
      -ms-flex: 0 0 105px;
          flex: 0 0 105px;
  font-size: 14px;
  line-height: 21px;
  margin: 0 15px 0 0;
}
.info-customer__value {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
}
.info-order .section-contract__content {
  padding: 15px;
}
.info-order__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.info-order__item:not(:last-child) {
  margin-bottom: 5px;
}
.info-order__item.has-sub {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.info-order__line {
  background-color: #e7e7e7;
  border-radius: 6px;
  height: 3px;
  margin: 15px 0;
}
.info-order__name {
  color: #576c8a;
  font-size: 14px;
  line-height: 21px;
}
.info-order__name-sub {
  color: #ee0033;
  display: block;
  font-size: 14px;
  line-height: 21px;
}
.info-order__value {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  margin: 0 0 0 15px;
}
.info-order__value.total {
  color: #ee0033;
  font-size: 16px;
  font-weight: bold;
}
.info-contract__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 6px;
  box-shadow: 0px 10px 40px rgba(39, 52, 125, 0.12);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 64px;
  padding: 10px 15px;
}
.info-contract__item:not(:last-child) {
  margin-bottom: 16px;
}
.info-contract__detail {
  margin-right: 15px;
}
.info-contract__name {
  color: #0c0033;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.info-contract__des {
  color: #576c8a;
  font-size: 12px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.info-contract__icon {
  cursor: pointer;
  font-size: 0;
  position: relative;
  top: -2px;
}
.info-contract__icon i {
  color: #576c8a;
  font-size: 20px;
}
.info-profile .section-contract__content {
  padding: 20px 15px 0;
}
.upload-info__confirm {
  color: #000;
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 24px;
}
.upload-info__note {
  color: #576c8a;
  font-size: 12px;
  font-style: italic;
  margin: 12px 0;
  line-height: 18px;
}
.upload-info .required {
  color: #ff0000;
}
.signature-confirm__des {
  color: #0c0033;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 12px;
  line-height: 21px;
}
.upload-file {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}
.upload-file__item {
  margin: 0 15px 25px;
  width: calc(100% / 2 - 30px);
}
.upload-file__title {
  color: #576c8a;
  display: block;
  font-size: 12px;
  margin-bottom: 12px;
}
.upload-file__title .required {
  color: #ff0000;
}
.upload-file__content {
  position: relative;
}
.upload-file__before {
  background-color: #fff;
  border: 1px dashed #979797;
  border-radius: 10px;
  height: 164px;
  padding: 6px;
  position: relative;
  text-align: center;
  width: 100%;
}
.upload-file__before:before {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f5f8fa;
  border-radius: 50%;
  color: #2e445d;
  content: "+";
  display: none;
  font-size: 24px;
  height: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 40px;
}
.upload-file__before.has-images {
  border-color: transparent;
}
.upload-file__inner {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f8f8f8;
  border-radius: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.upload-file__btn {
  background-color: #ee0033;
  border: 1px solid #ee0033;
  border-radius: 6px;
  color: #fff;
  font-size: 14px;
  font-family: "Montserrat";
  margin-top: 20px;
  line-height: 20px;
  padding: 5px 12px;
  text-align: center;
}
.upload-file input[type="file"] {
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.upload-file__img {
  border-radius: 10px;
  height: 75px;
  margin: 0 auto;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.upload-file__txt {
  color: #ee0033;
  font-size: 12px;
  line-height: 18px;
  margin-top: 10px;
  text-decoration: underline;
}
.upload-file__preview {
  background-color: #fff;
  border: 1px dashed #979797;
  bottom: 0;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.upload-file__preview.active {
  border-radius: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.upload-file__preview img {
  border-radius: 10px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.upload-file__hover {
  bottom: 10px;
  position: absolute;
  width: 100%;
  z-index: 99;
}
.upload-file__icon {
  background-color: #ee0033;
  border: 1px solid transparent;
  border-radius: 50%;
  bottom: 0;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  height: 30px;
  line-height: 26px;
  position: absolute;
  text-align: center;
  width: 30px;
}
.upload-file__icon:first-child {
  left: 10px;
}
.upload-file__icon:last-child {
  right: 10px;
}
.upload-file__icon:hover {
  background-color: #fff;
  border-color: #ee0033;
  color: #ee0033;
}
.upload-file--signature {
  margin: 0;
}
.upload-file--signature .upload-file__before {
  border: 1px solid #e7e7e7;
  height: 125px;
}
.upload-file--signature .upload-file__before:before {
  display: none;
}
.error-404 {
  margin: 35px auto 60px;
  max-width: 750px;
  text-align: center;
}
@media (max-width: 991px) {
  .error-404 {
    margin: 35px auto;
    max-width: 100%;
  }
}
.error-404__title {
  color: #0c0033;
  font-family: "Montserrat";
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 40px;
  line-height: 36px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .error-404__title {
    font-size: 20px;
    margin-bottom: 30px;
  }
}
.error-404__images {
  height: 365px;
  margin: 30px auto;
  width: 735px;
}
@media (max-width: 991px) {
  .error-404__images {
    height: auto;
    width: 100%;
  }
}
.error-404__images img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.error-404__images img:hover {
  opacity: 0.75;
}
.error-404__info {
  margin: 35px auto 0;
  max-width: 410px;
}
@media (max-width: 991px) {
  .error-404__info {
    margin: 30px auto 0;
    max-width: 100%;
  }
}
.error-404__des {
  color: #0c0033;
  font-size: 18px;
  letter-spacing: -0.5px;
  line-height: 27px;
  word-break: break-word;
}
@media (max-width: 991px) {
  .error-404__des {
    font-size: 16px;
  }
}
.error-404__des:not(:last-child) {
  padding: 0 50px;
}
.form-2column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}
@media (max-width: 767px) {
  .form-2column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.form-2column .form-customize {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px 15px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 767px) {
  .form-2column .form-customize {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 15px;
    width: 100%;
  }
}
.form-3column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}
@media (max-width: 767px) {
  .form-3column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.form-3column .form-customize {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3 - 30px);
      -ms-flex: 0 0 calc(100% / 3 - 30px);
          flex: 0 0 calc(100% / 3 - 30px);
  margin: 0 15px 15px;
  width: calc(100% / 3 - 30px);
}
@media (max-width: 767px) {
  .form-3column .form-customize {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 15px;
    width: 100%;
  }
}
.form-full {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.form-customize {
  margin-bottom: 16px;
  position: relative;
  width: 100%;
}
.form-customize .label-title {
  color: #44494d;
  display: inline-block;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 10px;
  position: relative;
  word-break: break-word;
}
@media (max-width: 575px) {
  .form-customize .label-title {
    font-size: 14px;
  }
}
.form-customize .required {
  color: #f25151;
  margin-left: 2px;
  position: absolute;
  top: -2px;
}
.form-customize .form-control {
  background-color: #fff;
  border-radius: 8px 8px 8px 0;
  border: 1px solid #d1d1d1;
  color: #44494d;
  display: block;
  font-size: 16px;
  height: 40px;
  line-height: 24px;
  padding: 9px 30px 9px 15px;
  -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 100%;
}
@media (max-width: 575px) {
  .form-customize .form-control {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 40px 10px 15px;
  }
}
.form-customize .form-control::-webkit-input-placeholder {
  color: #b5b4b4;
}
.form-customize .form-control::-moz-placeholder {
  color: #b5b4b4;
}
.form-customize .form-control:-ms-input-placeholder {
  color: #b5b4b4;
}
.form-customize .form-control::placeholder {
  color: #b5b4b4;
}
@media (max-width: 575px) {
  .form-customize .form-control::-webkit-input-placeholder {
    font-size: 14px;
    line-height: 20px;
  }
  .form-customize .form-control::-moz-placeholder {
    font-size: 14px;
    line-height: 20px;
  }
  .form-customize .form-control:-ms-input-placeholder {
    font-size: 14px;
    line-height: 20px;
  }
  .form-customize .form-control::placeholder {
    font-size: 14px;
    line-height: 20px;
  }
}
.form-customize .form-control:focus {
  border-color: #58b84f;
}
.form-customize .form-control:disabled {
  background-color: #e4e4e4;
  color: #727272;
  opacity: 1;
}
.form-customize .form-control:disabled::-webkit-input-placeholder {
  color: #727272;
}
.form-customize .form-control:disabled::-moz-placeholder {
  color: #727272;
}
.form-customize .form-control:disabled:-ms-input-placeholder {
  color: #727272;
}
.form-customize .form-control:disabled::placeholder {
  color: #727272;
}
.form-customize textarea.form-control {
  min-height: 150px;
}
.form-customize__des {
  color: #44494d;
  font-size: 12px;
  line-height: 18px;
  font-style: italic;
  margin: 0 0 3px;
}
.form-customize__link {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  text-decoration: underline;
}
.form-customize .error-text {
  color: #ff0000;
  font-size: 13px;
  font-style: italic;
  margin-top: 8px;
  word-break: break-word;
}
.form-customize--error .form-control {
  border-color: #ff0000;
}
.form-customize--error .form-control:focus {
  border-color: #ff0000;
}
.radio-customize {
  margin-bottom: 15px;
}
.radio-customize .radio-custom1 {
  padding-left: 30px;
}
.radio-customize .txt-radio {
  color: #0c0033;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.radio-customize .txt-sub {
  color: #576c8a;
  font-size: 12px;
  line-height: 18px;
  padding-left: 30px;
}
@media (max-width: 575px) {
  .radio-customize .txt-sub {
    color: #727272;
    font-size: 10px;
    font-style: italic;
    line-height: 16px;
  }
}
.radio-customize input:checked ~ .checkmark ~ span {
  color: #ee0033;
}
.checkbox--customize {
  padding: 2px 0 2px 35px;
  margin-bottom: 18px;
}
.checkbox--customize .checkbox__txt {
  color: #0c0033;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
}
.checkbox--customize input:checked ~ .checkmark ~ span {
  color: #ee0033;
}
.checkbox--small {
  font-size: 12px;
  padding: 2px 0 2px 25px;
}
.checkbox--small .checkbox__checkmark {
  background-color: transparent;
  border: 1px solid #ee0033;
  border-radius: 50%;
  height: 16px;
  left: 0;
  position: absolute;
  top: -2px;
  width: 16px;
}
.checkbox--small .checkbox__checkmark:after {
  background-image: url("../images_content/ic-check-2.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  display: none;
  height: 16px;
  width: 16px;
}
.checkbox--small .checkbox__txt {
  color: #576c8a;
  text-decoration: underline;
}
.checkbox--small .checkbox__link {
  color: #ee0033;
  margin: 0 2px;
  text-decoration: underline;
}
.checkbox--small .none-underline {
  text-decoration: inherit;
}
.checkbox--small input:checked ~ .checkbox__checkmark {
  border-color: transparent;
}
.checkbox--small input:checked ~ .checkbox__checkmark:after {
  display: block;
}
.order-id {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
}
.step-bar__inner {
  background-color: #f8f8f8;
  padding: 18px 0;
}
.step-bar__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.step-bar__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 8px;
  position: relative;
  text-align: center;
  width: 25%;
}
.step-bar__item.active .step-bar__text {
  color: #ee0033;
  font-weight: 600;
}
.step-bar__item.done .step-bar__value {
  background-color: #ee0033;
  color: #fff;
  font-size: 0;
}
.step-bar__item.done .step-bar__value:before {
  content: "\e920";
  font-family: "icon-theme";
  font-size: 10px;
  left: 50%;
  position: absolute;
  top: 7px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.step-bar__item.done .step-bar__text {
  color: #ee0033;
}
.step-bar__item:after {
  background-color: #ee0033;
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  top: 12px;
  width: 100%;
}
.step-bar__item:last-child:after {
  left: 0;
  width: 50%;
}
.step-bar__value {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 2px solid #ee0033;
  border-radius: 50%;
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  height: 26px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 0.02em;
  padding: 2px;
  position: relative;
  width: 26px;
  z-index: 1;
}
.step-bar__text {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 12px 0 0;
}
@media (max-width: 767px) {
  .step-bar__text {
    font-size: 14px;
    line-height: 21px;
  }
}
.step-bar__time {
  color: #44494d;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  margin: 3px 0 0;
}
.banner-images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.banner-images__img img {
  border-radius: 6px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.switch-postpaid {
  margin: 30px 0;
}
.switch-postpaid__title {
  color: #000;
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: bold;
  margin: 30px 0 15px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
}
.switch-postpaid .banner-images {
  margin: 10px 0 25px;
}
.switch-postpaid .order-id {
  margin-bottom: 25px;
}
.switch-postpaid .step-bar {
  margin: 25px 0 40px;
}
.switch-postpaid .upload-info {
  margin-top: 15px;
}
.switch-postpaid__button {
  margin-top: 20px;
}
.switch-postpaid__button .btn {
  width: 100%;
}
.switch-postpaid__sub {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
  line-height: 24px;
}
.switch-postpaid .info-postage {
  margin-bottom: 25px;
}
.switch-postpaid .info-postage__list {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 10px 40px rgba(39, 52, 125, 0.12);
  padding: 20px 15px;
}
.switch-postpaid .info-postage__item:not(:last-child) {
  margin-bottom: 10px;
}
.switch-postpaid .info-check {
  margin-bottom: 20px;
}
.switch-postpaid .info-address {
  margin: 20px 0;
}
.switch-postpaid .info-confirm {
  margin: 25px 0 30px;
}
.switch-postpaid .info-order {
  margin: 25px 0;
}
.switch-postpaid .info-order__name {
  color: #0c0033;
}
.switch-postpaid .info-order__list {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 10px 40px rgba(39, 52, 125, 0.12);
  padding: 20px 15px;
}
.switch-postpaid .info-order__item:not(:last-child) {
  margin-bottom: 10px;
}
.switch-postpaid .info-contract {
  margin: 30px 0;
}
.switch-postpaid .signature-confirm {
  margin: 30px 0 20px;
}
.switch-postpaid__des {
  margin: 25px 0;
}
.info-check__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.info-check__item:not(:last-child) {
  margin: 0 0 10px;
}
.info-check__icon {
  color: #828282;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 6px 0 0;
}
.info-check__icon i {
  font-size: 14px;
}
@media (max-width: 991px) {
  .info-check__icon i {
    font-size: 12px;
  }
}
.info-check__value {
  color: #44494d;
  font-size: 14px;
  line-height: 18px;
}
@media (max-width: 991px) {
  .info-check__value {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .info-check .radio-customize {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.info-check__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 8px;
}
.info-check__top .contract-form__name {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.info-check__action {
  color: #44494d;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 20px;
}
.info-check__action i {
  font-size: 18px;
}
.modal__content {
  background-color: #fff;
  border-radius: 14px 14px 14px 0;
  box-shadow: none;
  margin: 0 auto;
  max-width: 100%;
  padding: 0 15px;
  position: relative;
}
@media (min-width: 576px) {
  .modal__content {
    max-width: 550px;
  }
}
@media (max-width: 991px) {
  .modal__content {
    border-radius: 12px 12px 12px 0;
  }
}
.modal__header {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 10px 0;
}
.modal__close {
  font-size: 0;
}
.modal__close i {
  color: #576c8a;
  font-size: 22px;
}
.modal__body {
  padding: 0 0 30px;
}
.modal__images {
  font-size: 0;
  margin-bottom: 30px;
  text-align: center;
}
.modal__images i {
  font-size: 80px;
}
.modal__images--warning i {
  color: #ff0048;
}
.modal__images--success i {
  color: #ee0033;
}
.modal__info {
  text-align: center;
}
.modal__title {
  color: #000;
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 24px;
}
.modal__form {
  margin-top: 25px;
  text-align: left;
}
.modal__input {
  margin: 28px 0;
}
.modal__input input {
  border-radius: 6px;
  padding: 10px 15px;
}
.modal__des {
  color: #576c8a;
  font-size: 14px;
  line-height: 21px;
  word-break: break-word;
}
.modal__des-title {
  font-weight: bold;
  margin-right: 2px;
}
.modal__des:not(:last-child) {
  margin-bottom: 2px;
}
.modal__btn {
  margin-top: 25px;
  text-align: center;
}
.modal__btn .btn {
  width: calc(50% - 10px);
}
@media (max-width: 991px) {
  .modal__btn .btn {
    border-radius: 6px;
    border-width: 1px;
    padding: 12px 15px;
  }
}
.modal__btn .btn:not(:last-child) {
  margin-right: 15px;
}
.modal__btn .btn--full {
  width: 100%;
}
@media (max-width: 991px) {
  .modal__btn .btn--full {
    border-radius: 6px;
  }
}
.modal--my-viettel .modal__body {
  padding: 0 0 18px;
}
.modal--my-viettel .modal__des {
  color: #000;
}
.modal--my-viettel .form-group--otp .wrap {
  margin: 16px auto 16px;
}
.modal--my-viettel .form-group--otp input {
  background-color: #fff;
  font-size: 22px;
  height: 48px;
  max-width: 48px;
  width: 48px;
}
@media (min-width: 576px) {
  .modal--tickets .modal__content {
    max-width: 551px;
  }
}
.modal--tickets .modal__body {
  padding: 0 0 30px;
}
@media (max-width: 991px) {
  .modal--tickets .modal__body {
    padding: 0 0 24px;
  }
}
.modal--tickets .modal__title {
  font-size: 24px;
  line-height: 36px;
}
@media (max-width: 991px) {
  .modal--tickets .modal__title {
    font-size: 16px;
    line-height: 24px;
  }
}
.modal--tickets .modal__images {
  margin: 20px 0;
}
@media (max-width: 991px) {
  .modal--tickets .modal__images {
    margin: 0 0 15px;
  }
}
.modal--tickets .modal__des {
  color: #474747;
  font-size: 16px;
  line-height: 1.5;
}
@media (max-width: 991px) {
  .modal--tickets .modal__des {
    color: #576c8a;
    font-size: 14px;
    line-height: 21px;
  }
}
.modal--tickets .modal__des span {
  margin: 0 0 0 5px;
  font-weight: 500;
}
.modal--tickets .modal__btn {
  margin: 40px 0 0;
}
@media (max-width: 991px) {
  .modal--tickets .modal__btn {
    margin: 24px 0 0;
  }
}
.modal--tickets .modal__btn .btn {
  padding: 15px 30px;
  width: 170px;
}
@media (max-width: 991px) {
  .modal--tickets .modal__btn .btn {
    border-width: 1px;
    border-radius: 6px;
    padding: 12px 24px;
    width: 100%;
  }
}
@media (min-width: 576px) {
  .modal--loading .modal__content {
    max-width: 343px;
  }
}
.modal--loading .modal__body {
  padding: 20px 30px 45px;
}
.modal--loading .modal__title {
  color: #252525;
  font-size: 20px;
  margin: 10px 0;
}
@media (max-width: 991px) {
  .modal--loading .modal__title {
    color: #000;
    font-size: 14px;
  }
}
.modal--loading .modal__images {
  margin: 10px 0;
}
.modal--loading .modal__btn {
  margin: 40px 0 0;
}
.modal--loading .modal__btn .btn {
  padding: 15px 30px;
  width: 100%;
}
@media (max-width: 991px) {
  .modal--loading .modal__btn .btn {
    border-width: 1px;
    border-radius: 6px;
    width: 100%;
  }
}
@media (min-width: 576px) {
  .modal--flight .modal__content {
    max-width: 523px;
  }
}
.main--spillover {
  background-color: #f6fafa;
  width: 100%;
}
.spillover-service {
  padding: 50px 0 70px;
}
@media (max-width: 991px) {
  .spillover-service {
    padding: 20px 0 70px;
  }
}
.spillover-service__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 60px;
}
@media (max-width: 991px) {
  .spillover-service__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 0;
  }
}
.spillover-service__images {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 40%;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
  margin-right: 20px;
  text-align: center;
}
@media (max-width: 991px) {
  .spillover-service__images {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
        -ms-flex: auto;
            flex: auto;
    margin-right: 0;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    width: 100%;
  }
}
.spillover-service__images img {
  -o-object-fit: cover;
     object-fit: cover;
}
.spillover-service__images img:hover {
  opacity: 0.75;
}
.spillover-service__info {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 455px;
      -ms-flex: 0 0 455px;
          flex: 0 0 455px;
}
@media (max-width: 991px) {
  .spillover-service__info {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
        -ms-flex: auto;
            flex: auto;
    margin-bottom: 20px;
    width: 100%;
  }
}
.spillover-service__title {
  color: #ee0033;
  font-size: 40px;
  font-weight: normal;
  letter-spacing: 0.25px;
  line-height: 57px;
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .spillover-service__title {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 5px;
    text-align: center;
  }
}
.spillover-service__des {
  color: #576c8a;
  font-size: 16px;
  line-height: 26px;
}
@media (max-width: 991px) {
  .spillover-service__des {
    font-size: 14px;
    line-height: 20px;
    padding: 0 40px;
    text-align: center;
  }
}
.box-spillover {
  background-color: #fff;
  border-radius: 10px;
  margin-top: 60px;
  padding: 60px;
}
@media (max-width: 991px) {
  .box-spillover {
    margin-top: 0;
    padding: 30px 15px;
  }
}
.box-spillover__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 40px 0 20px;
}
@media (max-width: 991px) {
  .box-spillover__top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.box-spillover__top--info {
  margin: 0;
}
.box-spillover__top--info .box-spillover__sub {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .box-spillover__top--info .box-spillover__sub {
    font-size: 20px;
    line-height: 23px;
    max-width: 100%;
  }
}
.box-spillover__tabs {
  margin-top: -24px;
}
@media (max-width: 991px) {
  .box-spillover__tabs {
    margin-top: 20px;
  }
}
.box-spillover__tabs .tabs-sub {
  margin-top: 20px;
}
@media (max-width: 991px) {
  .box-spillover__tabs .tabs-sub {
    margin-top: 10px;
  }
}
.box-spillover__tabs .tabs-nav {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 -15px;
}
@media (max-width: 991px) {
  .box-spillover__tabs .tabs-nav {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
  }
}
.box-spillover__sub {
  color: #364350;
  font-size: 24px;
  letter-spacing: 0.15px;
  line-height: 28px;
}
@media (max-width: 991px) {
  .box-spillover__sub {
    margin: 0 auto;
    text-align: center;
  }
}
.intro-info__note {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.intro-info__image {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 32px;
      -ms-flex: 0 0 32px;
          flex: 0 0 32px;
  margin-right: 15px;
}
.intro-info__image img {
  -o-object-fit: cover;
     object-fit: cover;
}
.intro-info__des {
  color: #576c8a;
  font-size: 16px;
  letter-spacing: 0.0875px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .intro-info__des {
    font-size: 13px;
    line-height: 20px;
  }
}
.intro-info__link {
  border-bottom: 1px dashed #ff8a00;
  color: #ff8a00;
  font-weight: bold;
  margin-left: 5px;
}
.intro-info__link:hover {
  color: #ffba23;
}
.intro-info__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 50px 0;
}
@media (max-width: 991px) {
  .intro-info__detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 30px 0;
  }
}
.intro-info__sub {
  color: #364350;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 10px;
}
.intro-code {
  margin-right: 20px;
  width: 17%;
}
@media (max-width: 991px) {
  .intro-code {
    margin-right: 0;
    width: 100%;
  }
}
.intro-code__content {
  border: 1px solid #e7e7e7;
  border-radius: 10px;
  padding: 12px;
  text-align: center;
  width: 132px;
}
@media (max-width: 991px) {
  .intro-code__content {
    text-align: left;
    width: 100%;
  }
}
.intro-code__number {
  color: #ee0033;
  font-size: 18px;
  font-weight: bold;
  line-height: 21px;
}
@media (max-width: 991px) {
  .intro-code__number {
    font-size: 15px;
    line-height: 18px;
  }
}
.intro-link {
  width: calc(100% - 17% - 20px);
}
@media (max-width: 991px) {
  .intro-link {
    margin-top: 20px;
    width: 100%;
  }
}
.intro-link__item:not(:last-child) {
  margin-bottom: 25px;
}
.intro-link__result {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 30px;
}
@media (max-width: 991px) {
  .intro-link__result {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 0;
  }
}
.intro-link__box {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #e7e7e7;
  border-radius: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 20px;
  padding: 10px 20px;
  width: 490px;
}
@media (max-width: 991px) {
  .intro-link__box {
    margin-right: 0;
    width: 100%;
  }
}
.intro-link__name {
  color: #ee0033;
  font-size: 18px;
  font-weight: bold;
  line-height: 21px;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 373px;
}
@media (max-width: 991px) {
  .intro-link__name {
    font-size: 15px;
    line-height: 18px;
    width: 80%;
  }
}
.intro-link__name:hover {
  color: #14d6cf;
  text-decoration: underline;
}
.intro-link__value {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: calc(100% - 373px - 20px);
}
@media (max-width: 991px) {
  .intro-link__value {
    width: calc(100% - 80% - 20px);
  }
}
.intro-link__icon {
  margin-right: 5px;
}
.intro-link__text {
  color: #364350;
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
}
.intro-link__right {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: calc(100% - 490px - 20px);
}
@media (max-width: 991px) {
  .intro-link__right {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 20px;
    width: 100%;
  }
}
.intro-link .radio-customize .txt-radio {
  font-size: 16px;
}
.intro-btn {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid transparent;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 46px;
  min-width: 128px;
  padding: 12px 20px;
}
@media (max-width: 991px) {
  .intro-btn {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 50%;
  }
}
.intro-btn__icon {
  margin-right: 10px;
}
.intro-btn__text {
  color: #364350;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
}
.intro-btn:hover {
  border-color: #ee0033;
}
.intro-btn--primary {
  background-color: #ee0033;
}
.intro-btn--primary .intro-btn__text {
  color: #fff;
}
.intro-btn--primary:hover {
  background-color: #ff0048;
  border-color: #ff0048;
}
.intro-btn:not(:last-child) {
  margin-right: 15px;
}
@media (max-width: 991px) {
  .intro-btn:not(:last-child) {
    margin-right: 20px;
  }
}
.intro-time {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (max-width: 991px) {
  .intro-time {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 15px;
    width: 100%;
  }
}
.intro-time__title {
  color: #576c8a;
  font-size: 13px;
  letter-spacing: 0.15px;
  line-height: 15px;
  margin-right: 12px;
}
@media (max-width: 991px) {
  .intro-time__title {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 21px;
    margin: 0 0 8px;
  }
}
.intro-time__info {
  position: relative;
}
@media (max-width: 991px) {
  .intro-time__info {
    width: 100%;
  }
}
.intro-time__info.opened .intro-time__menu {
  display: block;
}
.intro-time__toggle {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f9f9f9;
  border-radius: 5px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 6px 10px;
}
@media (max-width: 991px) {
  .intro-time__toggle {
    background-color: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 6px;
    padding: 9px 20px;
    width: 100%;
  }
}
.intro-time__text {
  color: #364350;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.15px;
  line-height: 15px;
  margin-right: 5px;
}
@media (max-width: 991px) {
  .intro-time__text {
    color: #576c8a;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
  }
}
.intro-time__icon {
  color: #ee0033;
  font-size: 0;
  position: relative;
}
.intro-time__icon i {
  font-size: 8px;
}
.intro-time__menu {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 8px 25px rgba(39, 52, 125, 0.08);
  display: none;
  margin-top: 5px;
  padding: 15px 0 20px;
  position: absolute;
  right: 0;
  top: 100%;
  width: 274px;
  z-index: 10;
}
@media (max-width: 991px) {
  .intro-time__menu {
    width: 100%;
  }
}
.intro-time__list {
  padding: 0 15px;
}
.intro-time__item:not(:last-child) {
  margin: 0 0 5px;
}
.intro-time__link {
  color: #576c8a;
  font-size: 14px;
  line-height: 21px;
}
.intro-time__link:hover {
  color: #ee0033;
}
.intro-time__group {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 12px;
}
.intro-time__label {
  color: #576c8a;
  display: block;
  font-size: 11px;
  line-height: 24px;
  margin-bottom: 2px;
}
@media (max-width: 991px) {
  .intro-time__label {
    font-size: 12px;
  }
}
.intro-time__input {
  position: relative;
}
.intro-time__input:before {
  background: url("../images_content/ic-calendar.svg") 0 0 no-repeat;
  content: "";
  height: 12px;
  left: 10px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 12px;
}
.intro-time__input input {
  background-color: #f9f9f9;
  border-color: #f9f9f9;
  border-radius: 5px;
  color: #364350;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  padding: 2px 0 2px 30px;
}
.intro-time__input input::-webkit-input-placeholder {
  color: #364350;
  font-size: 13px;
  font-weight: 500;
}
.intro-time__input input::-moz-placeholder {
  color: #364350;
  font-size: 13px;
  font-weight: 500;
}
.intro-time__input input:-ms-input-placeholder {
  color: #364350;
  font-size: 13px;
  font-weight: 500;
}
.intro-time__input input::placeholder {
  color: #364350;
  font-size: 13px;
  font-weight: 500;
}
.intro-time__input input:focus {
  border-color: #14d6cf;
}
.intro-time__tilde {
  background-color: #ee0033;
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 12px;
      -ms-flex: 0 0 12px;
          flex: 0 0 12px;
  height: 1px;
  margin: 0 10px;
  position: relative;
  top: 10px;
  width: 12px;
}
.intro-time__form {
  padding: 28px 18px 0;
}
.intro-time__row:not(:last-child) {
  margin-bottom: 15px;
}
.intro-time__btn {
  border: 1px solid #e4e6ea;
  border-radius: 5px;
  color: #364350;
  display: block;
  font-size: 13px;
  font-weight: bold;
  line-height: 24px;
  padding: 4px 15px;
  text-align: center;
}
.intro-time__btn.active,
.intro-time__btn:hover,
.intro-time__btn:focus {
  border-color: #14d6cf;
}
.intro-time--select .intro-time__icon {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 991px) {
  .intro-time--select .intro-time__icon {
    right: 20px;
  }
}
.intro-time select {
  background: #f9f9f9;
  border: 0;
  border-radius: 6px;
  color: #364350;
  font-weight: bold;
  padding: 3px 30px 3px 10px;
}
@media (max-width: 991px) {
  .intro-time select {
    background-color: #fff;
    border: 1px solid #e7e7e7;
    color: #576c8a;
    padding: 7px 35px 7px 20px;
    width: 100%;
  }
}
.w--50 {
  width: 50px;
}
.w--60 {
  width: 60px;
}
.w--70 {
  width: 70px;
}
.w--80 {
  width: 80px;
}
.w--95 {
  width: 95px;
}
.w--108 {
  width: 108px;
}
.w--115 {
  width: 115px;
}
.w--120 {
  width: 120px;
}
.w--130 {
  width: 130px;
}
.w--140 {
  width: 140px;
}
.w--145 {
  width: 145px;
}
.w--150 {
  width: 150px;
}
.w--160 {
  width: 160px;
}
.w--170 {
  width: 170px;
}
.w--180 {
  width: 180px;
}
.w--190 {
  width: 190px;
}
.w--200 {
  width: 200px;
}
.w--220 {
  width: 220px;
}
.w--250 {
  width: 250px;
}
.intro-history {
  display: block;
  overflow-x: auto;
  width: 100%;
}
.intro-history__des {
  color: #ee0033;
  font-size: 16px;
  font-style: italic;
  letter-spacing: 0.25px;
  line-height: 57px;
  margin: 60px 0 0;
  text-align: center;
}
@media (max-width: 991px) {
  .intro-history__des {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 21px;
    margin: 20px 0 0;
  }
}
.intro-history__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 15px 0 0;
}
.intro-history__btn .btn {
  padding: 15px 20px;
  width: 240px;
}
@media (max-width: 991px) {
  .intro-history__btn .btn {
    padding: 12px 20px;
    width: 100%;
  }
}
.table-customize {
  background-color: #fff;
  border: 1px solid #ebedf1;
  border-collapse: separate;
  border-radius: 6px;
  border-spacing: 0;
  min-width: 1140px;
  overflow: hidden;
  table-layout: fixed;
  width: 100%;
}
.table-customize thead tr {
  background-color: #f9f9f9;
}
.table-customize tr:last-child td {
  border-bottom: 0;
}
@media (max-width: 991px) {
  .table-customize tr th:first-child,
  .table-customize tr td:first-child {
    display: none;
  }
}
.table-customize th,
.table-customize td {
  color: #576c8a;
  border-bottom: 1px solid #ebedf1;
  font-size: 16px;
  padding: 18px 10px;
  text-align: left;
}
.table-customize th {
  font-size: 15px;
  font-weight: 500;
}
.table-customize__value {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.table-customize__call {
  color: #576c8a;
  font-size: 0;
  margin-right: 10px;
}
@media (max-width: 991px) {
  .table-customize__call {
    display: none;
  }
}
.table-customize__call i {
  font-size: 15px;
}
.table-customize__number {
  color: #ee0033;
  font-weight: 500;
}
.table-customize__truncate {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.table-customize__status {
  font-weight: 500;
}
.table-customize__status.fail {
  color: #ff0048;
}
.table-customize__status.success {
  color: #ee0033;
}
.table-customize__stt {
  color: #fe9a00;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
}
.table-customize__stt.fail {
  color: #ee0033;
}
.table-customize__stt.success {
  color: #03a678;
}
.table-customize__action {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.table-customize__action-icon {
  color: #ee0033;
  font-size: 0;
  margin: 0 5px 0 0;
}
.table-customize__action-icon i {
  font-size: 15px;
}
.table-customize__action-link {
  color: #ee0033;
  font-size: 12px;
  font-weight: 500;
  line-height: 21px;
}
.box-auth {
  background-color: #fff;
  margin: 0 auto;
  max-width: 615px;
  padding: 0 40px 70px;
  width: 100%;
}
@media (max-width: 991px) {
  .box-auth {
    padding: 40px 15px 60px;
  }
}
.box-auth__title {
  color: #0c0033;
  font-family: "Montserrat";
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 36px;
  margin-bottom: 40px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .box-auth__title {
    font-size: 22px;
    margin-bottom: 30px;
  }
}
.box-auth__btn {
  margin-top: 50px;
}
.box-auth__btn .btn {
  padding: 14px 20px;
  width: 100%;
}
.box-auth__confirm {
  color: #0c0033;
  font-size: 18px;
  line-height: 21px;
  margin-top: 85px;
  text-align: center;
}
@media (max-width: 991px) {
  .box-auth__confirm {
    font-size: 16px;
    margin-top: 35px;
  }
}
.box-auth__confirm .input-link {
  margin-left: 5px;
}
.pack-list {
  margin: 35px 0 120px;
}
@media (max-width: 991px) {
  .pack-list {
    margin: 15px 0 50px;
  }
  .pack-list .content {
    padding: 0;
  }
}
.pack-list__tel {
  color: #ee0033;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.1px;
  line-height: 21px;
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .pack-list__tel {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 10px;
    text-align: center;
  }
}
.pack-list__row {
  margin-bottom: 75px;
}
@media (max-width: 991px) {
  .pack-list__row {
    margin-bottom: 40px;
    padding: 0 15px;
  }
  .pack-list__row:last-child {
    margin-bottom: 0;
  }
  .pack-list__row--voice {
    background: url("../images_content/bg-pack-voice.svg") center center no-repeat;
    background-size: cover;
    padding: 40px 15px;
  }
  .pack-list__row--voice .pack-list__title {
    color: #fff;
  }
}
.pack-list__title {
  color: #252525;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0.15px;
  line-height: 26px;
  margin-bottom: 30px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .pack-list__title {
    color: #000;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 18px;
    text-align: center;
  }
}
.pack-list__detail {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}
@media (max-width: 991px) {
  .pack-list__detail {
    display: none;
    overflow-x: auto;
    margin: 0 -10px;
  }
}
.pack-list__item {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 8px 25px rgba(39, 52, 125, 0.08);
  cursor: pointer;
  margin: 0 15px;
  padding: 25px 30px;
  text-align: center;
  width: calc(100% / 3 - 15px);
}
@media (max-width: 991px) {
  .pack-list__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 1.2 - 10px);
        -ms-flex: 0 0 calc(100% / 1.2 - 10px);
            flex: 0 0 calc(100% / 1.2 - 10px);
    margin: 20px 10px 25px;
    padding: 25px 20px;
    width: calc(100% / 1.2 - 10px);
  }
  .pack-list__item:hover {
    box-shadow: 0 8px 25px rgba(39, 52, 125, 0.08);
  }
}
.pack-list__item:hover {
  box-shadow: 12px 12px 40px rgba(0, 0, 0, 0.12);
}
.pack-list__name {
  color: #576c8a;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 0.2px;
  line-height: 33px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .pack-list__name {
    font-size: 24px;
    line-height: 28px;
  }
}
.pack-list__sub {
  border-bottom: 1px solid #ededed;
  border-top: 1px solid #ededed;
  color: #ee0033;
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
  margin: 20px 0;
  padding: 10px 0;
}
@media (max-width: 991px) {
  .pack-list__sub {
    margin: 15px 0;
  }
}
.pack-list__info {
  margin: 20px 0 30px;
}
.pack-list__text {
  color: #576c8a;
  font-size: 16px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .pack-list__text {
    font-size: 14px;
    line-height: 24px;
  }
}
.pack-list__btn {
  margin-bottom: 18px;
}
.pack-list__btn .btn {
  width: 100%;
}
.pack-list__more .btn {
  border-width: 1px;
  min-width: 138px;
  padding: 7px 20px;
}
.pack-sp {
  display: none;
}
@media (max-width: 991px) {
  .pack-sp {
    display: block;
  }
}
.pack-sp__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.14);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 16px;
}
.pack-sp__item:not(:last-child) {
  margin-bottom: 16px;
}
.pack-sp__images {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 48px;
      -ms-flex: 0 0 48px;
          flex: 0 0 48px;
  height: 48px;
  margin-right: 16px;
  width: 48px;
}
.pack-sp__images img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.pack-sp__content {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% - 48px - 16px);
}
.pack-sp__info {
  margin-right: 5px;
  width: calc(100% - 82px - 5px);
}
.pack-sp__name {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pack-sp__icon {
  font-size: 0;
  margin-right: 5px;
}
.pack-sp__icon i {
  color: #ee0033;
  font-size: 12px;
}
.pack-sp__value {
  color: #ee0033;
  font-size: 12px;
  line-height: 18px;
}
.pack-sp__des {
  color: #979797;
  font-size: 12px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pack-sp__btn .btn {
  border-radius: 6px;
  border-width: 1px;
  padding: 6px 10px;
  width: 82px;
}
@media (min-width: 576px) {
  .modal--v2 .modal__content {
    max-width: 711px;
  }
}
.modal--v2 .modal__body {
  padding: 0 80px 40px;
}
@media (max-width: 991px) {
  .modal--v2 .modal__body {
    padding: 0 0 30px;
  }
}
.modal--v2 .modal__body--app {
  padding: 0 140px 50px;
}
@media (max-width: 991px) {
  .modal--v2 .modal__body--app {
    padding: 0 30px 30px;
  }
}
.modal--v2 .modal__body--code {
  padding: 0 130px 60px;
}
@media (max-width: 991px) {
  .modal--v2 .modal__body--code {
    padding: 0 30px 30px;
  }
}
.modal--v2 .modal__title {
  color: #0c0033;
  font-size: 24px;
  line-height: 36px;
}
@media (max-width: 991px) {
  .modal--v2 .modal__title {
    color: #000;
    font-size: 16px;
    line-height: 24px;
  }
}
.modal--v2 .modal__des {
  color: #0c0033;
  font-size: 16px;
  line-height: 1.5;
}
@media (max-width: 991px) {
  .modal--v2 .modal__des {
    color: #576c8a;
    font-size: 14px;
    line-height: 21px;
  }
}
.modal--v2 .modal__txt {
  font-weight: bold;
  margin: 0 3px;
}
.modal--v2 .modal__form {
  margin-top: 20px;
}
.modal--v2 .modal__btn {
  margin-top: 45px;
  padding: 0 70px;
}
@media (max-width: 991px) {
  .modal--v2 .modal__btn {
    margin-top: 30px;
    padding: 0;
  }
}
.modal--noti .modal__body {
  padding: 0 90px 40px;
}
@media (max-width: 991px) {
  .modal--noti .modal__body {
    padding: 0 15px 30px;
  }
}
.modal--noti .modal__title {
  margin-bottom: 20px;
}
.modal--noti .modal__images {
  margin-bottom: 25px;
}
.modal--noti .btn {
  padding: 14px 20px;
}
.modal--fee .modal__body {
  padding: 0 75px 30px;
}
@media (max-width: 991px) {
  .modal--fee .modal__body {
    padding: 0 0 30px;
  }
}
@media (min-width: 576px) {
  .modal--fee .modal__content {
    max-width: 551px;
  }
}
.modal--fee .modal__title {
  margin-bottom: 24px;
}
.modal--fee .modal__images {
  margin-bottom: 24px;
}
.modal--fee .modal__btn {
  margin-top: 25px;
  padding: 0;
}
.modal--fee .btn {
  border-width: 1px;
  padding: 15px 20px;
}
.modal--pack .modal__body {
  padding: 0 40px 40px;
}
@media (max-width: 991px) {
  .modal--pack .modal__body {
    padding: 0 15px 30px;
  }
}
.modal--pack .modal__title {
  margin-bottom: 20px;
}
.modal--pack .modal__btn {
  margin-top: 10px;
}
.modal--pack .btn {
  padding: 14px 20px;
  width: 170px;
}
.modal__list {
  text-align: left;
}
.modal__list-item:not(:last-child) {
  margin-bottom: 20px;
}
.modal__list-title {
  color: #ee0033;
  font-size: 18px;
  line-height: 1.8;
  margin-bottom: 5px;
}
.modal__list-des {
  color: #0c0033;
  font-size: 16px;
  line-height: 1.5;
}
.modal__list-des:not(:last-child) {
  margin-bottom: 15px;
}
.modal__app {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 35px;
}
.modal__app-images {
  height: 60px;
  width: 60px;
}
.modal__app-images img {
  height: 100%;
  width: 100%;
}
.modal__app-images img:hover {
  opacity: 0.75;
}
.modal__app-txt {
  color: #474747;
  display: block;
  font-size: 16px;
  margin-top: 5px;
  text-align: center;
}
.modal__app--center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.modal__code {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
}
@media (max-width: 991px) {
  .modal__code {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 25px;
  }
}
.modal__code-images {
  width: calc(100% - 152px - 20px);
}
.modal__code-images img:hover {
  opacity: 0.75;
}
.modal__code .btn {
  margin-left: 20px;
  width: 152px;
}
@media (max-width: 991px) {
  .modal__code .btn {
    margin: 30px 0 0;
    width: 100%;
  }
}
@media (min-width: 576px) {
  .modal--switch .modal__content {
    max-width: 774px;
  }
}
.modal--switch .modal__body {
  padding: 0 20px 60px;
}
@media (max-width: 991px) {
  .modal--switch .modal__body {
    padding: 0 0 50px;
  }
}
.modal-switch__des {
  color: #474747;
  font-size: 16px;
  line-height: 180%;
  margin: 0 60px 15px;
  text-align: center;
}
@media (max-width: 991px) {
  .modal-switch__des {
    margin: 0 0 15px;
  }
}
.modal-switch__bold {
  font-weight: bold;
}
.modal-switch__form {
  margin: 15px 0 30px;
  padding: 0 110px;
}
@media (max-width: 991px) {
  .modal-switch__form {
    padding: 0;
  }
}
@media (max-width: 991px) {
  .modal-switch .form-horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.modal-switch .form-horizontal .label-title {
  margin: 10px 20px 0 0;
  width: auto;
}
.modal-switch .form-horizontal .form-control {
  padding: 10px 15px 8px;
}
.modal-switch__radio {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -10px;
}
.modal-switch__radio .radio-customize {
  margin: 0 10px 20px;
  width: calc(100% / 2 - 20px);
}
.modal-switch__radio .radio-customize .txt-radio {
  color: #ee0033;
  font-size: 20px;
}
@media (max-width: 991px) {
  .modal-switch__radio .radio-customize .txt-radio {
    font-size: 16px;
  }
}
.modal-switch__radio .radio-custom1 .checkmark {
  height: 16px;
  top: 2px;
  width: 16px;
}
.modal-switch__radio .radio-custom1 input:checked ~ .checkmark:after {
  height: 8px;
  left: 2px;
  top: 2px;
  width: 8px;
}
.modal-switch__info {
  border: 1px solid #ee0033;
  border-radius: 10px;
  margin: 20px 0 35px;
  padding: 16px 25px 25px;
}
@media (max-width: 991px) {
  .modal-switch__info {
    margin: 10px 0 35px;
  }
}
.modal-switch__sub {
  color: #ee0033;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: -0.5px;
  line-height: 23px;
  margin: 0 0 16px;
  text-align: center;
}
.modal-switch__item {
  color: #474747;
  font-size: 16px;
  line-height: 180%;
  word-break: break-word;
}
.modal-switch__item:not(:last-child) {
  margin: 0 0 2px;
}
.modal-switch__btn {
  margin: 35px 0 0;
  text-align: center;
}
.modal-switch__btn .btn {
  border-width: 1px;
  padding: 15px 20px;
  width: 360px;
}
@media (max-width: 991px) {
  .modal-switch__btn .btn {
    width: 100%;
  }
}
.form-customize__info {
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 6px;
  padding: 15px 25px;
}
@media (max-width: 991px) {
  .form-customize__info {
    padding: 15px;
  }
}
.form-customize__txt {
  color: #828282;
  font-size: 16px;
  line-height: 1.5;
}
@media (max-width: 991px) {
  .form-customize__txt {
    font-size: 14px;
  }
}
.form-customize__links {
  color: #ee0033;
  margin: 0 3px;
  text-decoration: underline;
}
.form-customize__links:hover {
  color: #14d6cf;
}
.notice-text {
  color: #f18b32;
  font-size: 14px;
  line-height: 1.3;
  margin-top: 10px;
}
.search-orders {
  margin: 45px auto 120px;
  position: relative;
}
.search-orders--01 {
  margin-bottom: 150px;
  max-width: 550px;
  padding: 0 25px;
}
@media (max-width: 991px) {
  .search-orders--01 {
    margin: 40px auto 50px;
  }
}
.search-orders--03 {
  margin-bottom: 0;
}
.search-orders--03 .search-orders__form {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}
@media (max-width: 991px) {
  .search-orders--03 .search-orders__form {
    margin: 0;
  }
}
.search-orders--03 .form-vertical {
  margin: 0 15px 20px;
  width: calc(100% / 3 - 30px);
}
@media (max-width: 991px) {
  .search-orders--03 .form-vertical {
    margin: 0 0 20px;
    width: 100%;
  }
}
.search-orders--03 .search-orders__btn .btn {
  min-width: 360px;
}
.search-orders--04 .search-orders__title {
  margin-bottom: 10px;
}
.search-orders--04 .search-orders__btn .btn {
  min-width: 360px;
}
.search-orders__title {
  color: #0c0033;
  font-family: "Montserrat";
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  margin-bottom: 15px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .search-orders__title {
    font-size: 20px;
  }
}
.search-orders__des {
  color: #474747;
  font-size: 16px;
  line-height: 180%;
  text-align: center;
}
@media (max-width: 991px) {
  .search-orders__des {
    font-size: 14px;
  }
}
.search-orders__note {
  color: #576c8a;
  font-size: 14px;
  font-style: italic;
  line-height: 24px;
  text-align: center;
}
.search-orders__form {
  margin-top: 50px;
}
@media (max-width: 991px) {
  .search-orders__form {
    margin-top: 30px;
  }
}
.search-orders__btn {
  margin-top: 40px;
  text-align: center;
}
.search-orders__btn .btn {
  min-width: 170px;
  padding: 15px 30px;
}
@media (max-width: 991px) {
  .search-orders__btn .btn {
    padding: 10px 30px;
  }
}
.form-vertical {
  margin-bottom: 20px;
  position: relative;
  text-align: left;
}
.form-vertical .label-title {
  color: #0c0033;
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 8px;
  min-height: 24px;
}
.form-vertical .form-control {
  padding: 9px 15px;
}
.form-vertical .form-control:disabled {
  background-color: #ececec;
  color: #576c8a;
}
.form-vertical .input-link {
  bottom: -35px;
  position: absolute;
  right: 0;
}
.form-vertical.has-link {
  margin-bottom: 60px;
}
.form-vertical.has-btn .form-control {
  padding: 10px 15px 50px;
}
.form-vertical .error-text {
  color: #ff0000;
  font-size: 14px;
  font-style: italic;
  font-weight: 300;
  margin-top: 10px;
  word-break: break-word;
}
@media (max-width: 991px) {
  .form-vertical .error-text {
    font-size: 12px;
  }
}
.form-vertical--error .form-control {
  border-color: #ff0000;
}
@media (max-width: 991px) {
  .form-vertical .label-title {
    color: #000;
    font-size: 14px;
    line-height: 21px;
  }
  .form-vertical .form-control {
    border-radius: 6px;
    padding: 9px 15px;
  }
}
.form-btn {
  bottom: 12px;
  position: absolute;
  right: 12px;
}
.input-link {
  color: #ee0033;
  font-size: 18px;
  line-height: 21px;
  text-decoration: underline;
}
@media (max-width: 991px) {
  .input-link {
    font-size: 16px;
  }
}
.input-link:hover {
  color: #14d6cf;
}
.form-input {
  position: relative;
}
.form-input__action {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 10px 0 0;
}
.form-input__action .link-otp {
  margin: 0;
}
.form-input__action i {
  color: #ee0033;
  font-size: 14px;
  margin: 0 0 0 5px;
  position: relative;
}
.form-input .btn-close {
  color: #727272;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 15px;
  top: 10px;
}
.form-input .btn-close i {
  font-size: 20px;
}
.input-addon {
  color: #ee0033;
  font-size: 14px;
  letter-spacing: -0.5px;
  line-height: 16px;
  position: absolute;
  right: 15px;
  text-decoration: underline;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 9;
}
.form-horizontal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  position: relative;
}
@media (max-width: 991px) {
  .form-horizontal {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.form-horizontal .label-title {
  color: #44494d;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 180px;
      -ms-flex: 0 0 180px;
          flex: 0 0 180px;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin: 12px 10px 0 0;
  width: 180px;
  word-break: break-word;
}
@media (max-width: 991px) {
  .form-horizontal .label-title {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 10px;
    width: 100%;
  }
}
.form-horizontal .label-title__sub {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin: 5px 0 0;
}
@media (max-width: 991px) {
  .form-horizontal .label-title__sub {
    font-size: 12px;
    line-height: 18px;
  }
}
.form-horizontal__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.form-horizontal .form-input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.form-horizontal .form-control {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 10px 15px 8px;
}
@media (max-width: 991px) {
  .form-horizontal .form-control {
    border-radius: 6px;
  }
}
.form-horizontal .form-control:disabled {
  background-color: #ececec;
  color: #576c8a;
}
.form-horizontal .form-capcha {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.form-horizontal .form-box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.form-horizontal .form-txt {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.form-horizontal .error-text {
  color: #ff0000;
  font-size: 14px;
  font-style: italic;
  margin: 10px 0 0;
  word-break: break-word;
}
@media (max-width: 991px) {
  .form-horizontal .error-text {
    font-size: 12px;
  }
}
.form-horizontal .note-text {
  color: #727272;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  margin: 5px 0 0;
  word-break: break-word;
}
.form-horizontal .discount-value {
  color: #ee0033;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  margin: 5px 0 0;
  text-align: right;
  word-break: break-word;
}
.form-horizontal .noti-text {
  color: #ee0033;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  margin: 5px 0 0;
  word-break: break-word;
}
.form-horizontal--error .form-control {
  border-color: #ff0000;
}
.results-orders {
  background-color: #f8fafb;
  margin-top: 70px;
  padding: 40px 0 120px;
}
@media (max-width: 991px) {
  .results-orders {
    margin: 40px auto 50px;
  }
}
.results-orders__title {
  color: #0c0033;
  font-size: 20px;
  font-weight: bold;
  line-height: 23px;
  margin-bottom: 15px;
}
.results-orders__list {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}
@media (max-width: 991px) {
  .results-orders__list {
    margin: 0;
  }
}
.results-orders__item {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
  cursor: pointer;
  margin: 0 15px 25px;
  padding: 20px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
  .results-orders__item {
    margin: 0 0 25px;
    width: 100%;
  }
}
.results-orders__item:hover {
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
}
.results-orders__item:hover .results-orders__name {
  color: #ee0033;
}
.results-orders__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #576c8a;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.results-orders__id {
  color: #576c8a;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 14px;
  line-height: 1.8;
}
.results-orders__icon {
  font-size: 0;
  margin-left: 20px;
}
.results-orders__icon i {
  color: #576c8a;
  font-size: 16px;
}
.results-orders__sub {
  margin: 5px 0;
}
.results-orders__name {
  color: #000;
  font-size: 20px;
  line-height: 1.8;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.results-orders__last {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #e9e9e9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
  padding-top: 15px;
}
.price-orders {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.price-orders__icon {
  font-size: 0;
  margin-right: 5px;
}
.price-orders__icon i {
  font-size: 20px;
}
.price-orders__value {
  font-size: 24px;
  letter-spacing: -0.5px;
  line-height: 28px;
}
.status-orders {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
}
.status-orders--success {
  color: #ee0033;
}
.status-orders--fail {
  color: #ff0048;
}
.status-orders--round {
  color: #fe9a00;
}
.status-orders__icon {
  font-size: 0;
  margin-right: 8px;
}
.status-orders__icon i {
  font-size: 16px;
}
.status-orders__text {
  font-size: 14px;
  line-height: 1.8;
}
.time-orders {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #576c8a;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 50%;
}
.time-orders__icon {
  font-size: 0;
  margin-right: 10px;
}
.time-orders__icon i {
  font-size: 16px;
}
.time-orders__value {
  font-size: 14px;
  line-height: 18px;
}
.time-orders__value:not(:last-child) {
  margin-right: 8px;
}
.box-orders {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}
@media (max-width: 991px) {
  .box-orders {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.box-orders__item {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
  width: 50%;
}
@media (max-width: 991px) {
  .box-orders__item {
    width: 100%;
  }
}
.box-orders__item:not(:last-child) {
  margin-right: 30px;
}
@media (max-width: 991px) {
  .box-orders__item:not(:last-child) {
    margin: 0 0 30px;
  }
}
.box-orders__top {
  background-color: rgba(20, 175, 180, 0.15);
  border-radius: 10px 10px 0 0;
  padding: 25px;
}
.box-orders__title {
  color: #0c0033;
  font-size: 24px;
  letter-spacing: -0.5px;
  line-height: 24px;
}
.box-orders__content {
  padding: 25px;
}
.box-orders__name {
  color: #0c0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  line-height: 24px;
  margin-right: 15px;
  width: 200px;
}
.box-orders__sub {
  color: #ee0033;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  margin-top: 5px;
}
.box-orders__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.box-orders__row:not(:last-child) {
  margin-bottom: 20px;
}
.box-orders__row.pack .box-orders__name {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.box-orders__row.total .box-orders__name {
  font-weight: 500;
}
.box-orders__row.total .box-orders__value {
  color: #ee0033;
  font-size: 24px;
  line-height: 28px;
}
.box-orders__row.phone .box-orders__value {
  color: #ee0033;
  text-decoration: underline;
}
.box-orders__row.address {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.box-orders__row.address .box-orders__name {
  font-weight: 600;
  margin: 0 0 5px;
}
.box-orders__row.address .box-orders__value {
  font-weight: normal;
}
.box-orders__detail {
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.box-orders__value {
  color: #0c0033;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.5px;
  line-height: 24px;
}
.box-orders__images {
  margin-right: 8px;
}
.popup-otp-orders {
  padding: 15px 35px 45px;
  text-align: center;
}
.popup-otp-orders .inner-input p.modal-des {
  margin: 20px 0 25px;
}
.popup-otp-orders .form-group--otp input {
  background-color: #fff;
  font-size: 22px;
  height: 48px;
  max-width: 48px;
  width: 48px;
}
.popup-otp-orders .form-group--otp input + input {
  margin-left: 16px;
}
.popup-otp-orders .otp-resend-btn {
  margin-bottom: 50px;
}
.popup-cancel-orders {
  padding: 15px 40px 45px;
}
.popup-cancel-orders .inner-input p.modal-des {
  margin: 20px 0 30px;
}
.popup-cancel-orders .field {
  margin: 0 0 50px;
}
.merchant-account {
  margin: 40px 0 100px;
}
@media (max-width: 991px) {
  .merchant-account {
    margin: 40px 0 80px;
  }
}
.merchant-account__title {
  color: #0c0033;
  font-family: "Montserrat";
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  margin-bottom: 10px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .merchant-account__title {
    font-size: 20px;
  }
}
.merchant-account__note {
  color: #576c8a;
  font-size: 14px;
  font-style: italic;
  line-height: 24px;
  text-align: center;
}
.merchant-account__sub {
  color: #0c0033;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: -0.5px;
  line-height: 28px;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .merchant-account__sub {
    font-size: 20px;
  }
}
.merchant-account__item {
  margin-top: 25px;
}
@media (max-width: 991px) {
  .merchant-account__item {
    margin-top: 20px;
  }
}
.merchant-account__form {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}
@media (max-width: 991px) {
  .merchant-account__form {
    margin: 0;
  }
}
.merchant-account .form-vertical {
  margin: 0 15px 25px;
  width: calc(100% / 3 - 30px);
}
@media (max-width: 991px) {
  .merchant-account .form-vertical {
    margin: 0 0 15px;
    width: 100%;
  }
}
.merchant-account .form-vertical--stall {
  width: calc(100% / 1.5 - 30px);
}
@media (max-width: 991px) {
  .merchant-account .form-vertical--stall {
    width: 100%;
  }
}
.merchant-account .checkbox {
  display: inline-block;
}
.merchant-account .checkbox--customize {
  margin-bottom: 25px;
}
.merchant-account .checkbox--customize .checkbox__txt {
  color: #0c0033;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: -0.5px;
}
@media (max-width: 991px) {
  .merchant-account .checkbox--customize .checkbox__txt {
    font-size: 18px;
  }
}
.merchant-account__agree {
  margin-top: 10px;
}
.merchant-account__agree .checkbox {
  color: #576c8a;
  font-size: 14px;
  font-style: italic;
  letter-spacing: -0.5px;
  line-height: 16px;
  padding: 5px 0 0 35px;
}
.merchant-account__agree a {
  color: #ee0033;
  font-style: normal;
  margin-left: 3px;
  text-decoration: underline;
}
.merchant-account__btn {
  margin: 60px 0 30px;
  text-align: center;
}
@media (max-width: 991px) {
  .merchant-account__btn {
    margin: 40px 0 30px;
  }
}
.merchant-account__btn .btn {
  min-width: 360px;
  padding: 15px 30px;
}
@media (max-width: 991px) {
  .merchant-account__btn .btn {
    min-width: 100%;
  }
}
.merchant-account__confirm {
  color: #576c8a;
  font-size: 14px;
  font-style: italic;
  letter-spacing: -0.5px;
  line-height: 16px;
  margin-top: 30px;
}
.merchant-account__link {
  color: #ee0033;
  font-style: normal;
  margin-left: 3px;
  text-decoration: underline;
}
.main-pay .content.tabs .tabs-inner .nav-tabs {
  margin: 0 -15px;
}
.main-pay .content.tabs .tabs-inner .nav-tabs li {
  width: 204px;
}
@media (max-width: 991px) {
  .main-pay .content.tabs .tabs-inner .nav-tabs li {
    width: calc(100% / 2 - 30px);
  }
}
.main-pay .content.tabs .tabs-inner .nav-tabs li a {
  padding: 0 10px;
  position: relative;
  word-break: break-word;
}
.main-pay .content.tabs .tabs-inner .nav-tabs li .icon-dd {
  background: url("../images_content/ic-dd.svg") no-repeat center center;
  height: 56px;
}
.main-pay .content.tabs .tabs-inner .nav-tabs li .icon-cd {
  background: url("../images_content/ic-cd.svg") no-repeat center center;
  height: 56px;
}
.main-pay .content.tabs .tabs-inner .nav-tabs li.active .icon-dd {
  background: url("../images_content/ic-dd-active.svg") no-repeat center center;
}
.main-pay .content.tabs .tabs-inner .nav-tabs li.active .icon-cd {
  background: url("../images_content/ic-cd-active.svg") no-repeat center center;
}
.main-pay .content.tabs .tabs-inner .nav-tabs li span.sale-off {
  right: 17px;
  top: 25px;
}
@media (max-width: 991px) {
  .main-pay .content.tabs .tabcontent .col-payl .row-group .radio-custom1 {
    padding: 4px 0 0 35px;
  }
}
@media (max-width: 991px) {
  .main-pay .content.tabs .tabcontent .col-payl .row-group .control .currency > ul {
    -webkit-box-pack: inherit;
    -webkit-justify-content: inherit;
        -ms-flex-pack: inherit;
            justify-content: inherit;
    margin: 0 -3px;
  }
  .main-pay .content.tabs .tabcontent .col-payl .row-group .control .currency > ul li {
    margin: 5px 3px !important;
    width: calc(100% / 3 - 6px) !important;
  }
}
.main-pay .field .radio-custom1 {
  padding: 4px 0 0 35px;
}
.main-pay .field .radio-custom1:not(:last-child) {
  margin-right: 80px;
}
@media (max-width: 991px) {
  .main-pay .field .radio-custom1:not(:last-child) {
    margin: 0 0 10px;
  }
}
.main-pay .field .label-radio {
  padding-top: 3px;
}
.main-pay .radio-custom1 .txt-radio {
  font-size: 20px;
  font-weight: normal;
  letter-spacing: -0.5px;
}
.main-pay .radio-custom1 .checkmark {
  height: 24px;
  width: 24px;
}
.main-pay .radio-custom1 .checkmark:after {
  color: #fff;
  content: "\e920";
  font-family: "icon-theme";
  font-size: 10px;
}
.main-pay .radio-custom1 input:checked ~ .checkmark {
  background-color: #ee0033;
}
.main-pay .radio-custom1 input:checked ~ .checkmark:after {
  background: transparent;
  top: 2px;
}
.main-pay .radio-custom1 input:checked ~ .checkmark ~ span {
  font-weight: normal;
}
.main-pay .content.tabs .tabs-inner .nav-tabs li span.sale-off.other {
  right: 48px;
  top: 18px;
}
@media (max-width: 991px) {
  .main-pay .content.tabs .tabs-inner .nav-tabs li span.sale-off.other {
    right: 18px;
  }
}
@media (max-width: 991px) {
  .main.main-pay.hhv-nttc-cd .content.tabs .tabs-inner .nav--fee {
    -webkit-box-pack: inherit;
    -webkit-justify-content: inherit;
        -ms-flex-pack: inherit;
            justify-content: inherit;
    padding: 35px 0;
  }
}
.main-pay .content.tabs .tabcontent .col-payl .row-group .control .currency .advance-fee {
  clear: both;
  color: #ee0033;
  display: block;
  font-size: 14px;
  line-height: 18px;
}
@media (max-width: 991px) {
  .main-pay .content.tabs .tabcontent .col-payl .row-group .control .currency .advance-fee {
    margin: 5px 0 0;
  }
}
.main-pay .content.tabs .tabcontent .col-payl .row-group .control .currency .advance-fee span {
  color: #ee0033;
  display: inline-block;
  font-family: inherit;
  font-size: 14px;
}
@media (max-width: 991px) {
  .radio-customize {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
}
.field .box-capcha--pay {
  float: left;
}
input[type=text] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.agree--pay {
  margin: 45px 0 20px;
  padding-left: 195px;
}
@media (max-width: 991px) {
  .agree--pay {
    margin: 20px 0;
    padding-left: 0;
  }
}
.agree--pay .checkbox {
  color: #576c8a;
  padding-top: 5px;
}
.agree--pay .checkbox .checkmark {
  box-shadow: none;
}
.agree--pay a {
  text-decoration: underline;
}
.modal--pay .modal__content {
  max-width: 524px;
}
.modal--pay .modal__title {
  color: #0c0033;
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 30px;
  text-align: center;
}
.modal--pay .modal__body {
  padding: 0 0 35px;
}
.modal--pay .modal__body--pay4 {
  padding: 0 35px 35px;
}
@media (max-width: 991px) {
  .modal--pay .modal__body--pay4 {
    padding: 0 0 35px;
  }
}
.modal--pay .modal__body--pay5 {
  padding: 0 85px 35px;
}
@media (max-width: 991px) {
  .modal--pay .modal__body--pay5 {
    padding: 0 0 35px;
  }
}
.modal--pay .modal__body--pay6 {
  padding: 0 35px 35px;
}
@media (max-width: 991px) {
  .modal--pay .modal__body--pay6 {
    padding: 0 0 35px;
  }
}
.modal--pay .modal__noti {
  color: #0c0033;
  font-size: 16px;
  line-height: 21px;
  margin: 40px 0 20px;
}
.modal--pay .modal__noti-bold {
  font-weight: bold;
  margin: 0 2px;
}
.modal--pay .modal__des {
  font-size: 16px;
}
.modal--pay .modal__btn .btn {
  padding: 15px 20px;
  width: 170px;
}
.modal--pay .modal__link {
  color: #ee0033;
  font-size: 14px;
  line-height: 21px;
  text-decoration: underline;
}
.modal--pay .modal__list-item {
  color: #0c0033;
  font-size: 16px;
  line-height: 150%;
}
.modal--pay .modal__list-item:not(:last-child) {
  margin-bottom: 5px;
}
.modal--pay .modal__list-value.total {
  font-weight: bold;
}
.modal__order {
  margin-bottom: 20px;
}
.modal__order-name {
  color: #ee0033;
  font-size: 18px;
  font-weight: bold;
  line-height: 180%;
  margin-bottom: 10px;
}
.modal__body--pay4 .modal__info {
  text-align: left;
}
.modal__body--pay4 .modal__btn {
  margin-top: 35px;
}
.modal__body--pay5 .modal__title {
  margin-bottom: 25px;
}
.modal__body--pay5 .modal__images {
  margin-bottom: 20px;
}
.modal__body--pay5 .modal__noti {
  margin: 25px 0 20px;
}
.modal__body--pay5 .modal__btn {
  margin-top: 35px;
}
.modal__body--pay6 .modal__des {
  text-align: left;
}
.modal__body--pay6 .modal__form {
  margin-top: 25px;
}
.modal__body--pay6 .modal__btn {
  margin-top: 30px;
}
.modal__body--pay7 .modal__btn {
  margin-top: 50px;
}
.form-input__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #abb5c4;
  border-radius: 50%;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 23px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 23px;
}
.form-input__icon i {
  color: #fff;
  font-size: 14px;
}
.form-input__addon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 16px;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 16px;
}
.form-input__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 8px 0 0;
}
.form-input__info .note-text {
  color: #b5b4b4;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  font-style: inherit;
  line-height: 20px;
  margin: 0;
}
.form-input__info .link-otp {
  margin: 5px 0;
}
.form-input__info .link-otp i {
  font-size: 14px;
  margin: 0 0 0 5px;
}
.form-input__info--row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (max-width: 991px) {
  .form-input__info--row {
    -webkit-box-align: inherit;
    -webkit-align-items: inherit;
        -ms-flex-align: inherit;
            align-items: inherit;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.form-input__info--row .note-text {
  color: #b5b4b4;
  font-size: 14px;
  font-style: inherit;
  line-height: 20px;
  text-align: center;
}
.form-input__info--row .link-otp {
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 0 20px;
}
@media (max-width: 991px) {
  .form-input__info--row .link-otp {
    margin: 8px 0 0;
  }
}
.pay-viettel {
  height: 100vh;
  min-height: 100%;
  position: relative;
}
.pay-viettel__header {
  background-color: #ee0033;
}
.pay-viettel__title {
  color: #000;
  font-size: 18px;
  font-weight: normal;
  line-height: 24px;
  margin-bottom: 15px;
}
.pay-viettel__content {
  height: calc(100vh - 50px - 74px);
  padding: 20px 15px;
  position: relative;
}
.pay-viettel__info {
  height: calc(100vh - 240px);
  overflow: auto;
}
.pay-viettel__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 64px;
  padding: 0 15px;
  position: relative;
}
.pay-viettel__item.disabled {
  background-color: #eee;
  border-color: rgba(230, 230, 230, 0.7);
}
.pay-viettel__item.disabled .radio-custom1 {
  cursor: default;
  opacity: 0.7;
}
.pay-viettel__item.disabled .radio-custom1:hover input ~ .checkmark {
  border-color: #576c8a;
}
.pay-viettel__item:not(:last-child) {
  margin-bottom: 22px;
}
.pay-viettel__item .radio-customize {
  margin-bottom: 0;
  width: 100%;
}
.pay-viettel__item .radio-custom1 {
  width: 100%;
}
.pay-viettel__item .radio-custom1 .checkmark {
  border: 1px solid #576c8a;
  height: 16px;
  top: 10px;
  width: 16px;
}
.pay-viettel__item .radio-custom1 input:checked ~ .checkmark:after {
  height: 8px;
  width: 8px;
}
.pay-viettel__footer {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 74px;
  padding: 0 15px;
  position: fixed;
  width: 100%;
}
.pay-nav {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 15px;
  position: relative;
}
.pay-nav__icon {
  font-size: 0;
  left: 15px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.pay-nav__icon i {
  font-size: 18px;
}
.pay-nav__text {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}
.radio-pay {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.radio-pay__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 20px 0 0;
}
.radio-pay__title {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
}
.radio-pay__des {
  color: #ee0033;
  font-size: 12px;
  line-height: 21px;
}
.radio-pay__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.radio-pay__badge {
  background: url("../images_content/bg-refund.svg") center center no-repeat;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 29px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  right: -15px;
  top: -20px;
  width: 110px;
}
.radio-pay__txt {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}
.pay-total {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 20px 0 0;
}
.pay-total__text {
  color: rgba(87, 108, 138, 0.7);
  font-size: 13px;
  line-height: 21px;
  margin: 0 0 3px;
}
.pay-total__price {
  color: #ee0033;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
}
.pay-btn .btn {
  border-radius: 6px;
  min-width: 165px;
}
.pay-switch {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  bottom: 74px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  left: 15px;
  position: fixed;
  right: 15px;
}
.pay-switch__info {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 20px 0 0;
}
.pay-switch__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 12px 0 0;
}
.pay-switch__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.pay-switch__name {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 5px;
}
.pay-switch__des {
  color: #ee0033;
  font-size: 12px;
}
.switch-custom {
  display: inline-block;
  height: 26px;
  position: relative;
  width: 46px;
}
.switch-custom input {
  height: 0;
  opacity: 0;
  width: 0;
}
.switch-custom__slider {
  background-color: #e4e4e4;
  border-radius: 36px;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switch-custom__slider:before {
  background-color: #fff;
  border: 0.5px solid rgba(0, 0, 0, 0.04);
  border-radius: 50%;
  bottom: 2px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15), 0 1px 1px rgba(0, 0, 0, 0.16), 0 3px 1px rgba(0, 0, 0, 0.1);
  content: "";
  height: 20px;
  left: 2px;
  position: absolute;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  width: 20px;
}
.switch-custom input:checked + .switch-custom__slider {
  background-color: #ee0033;
}
.switch-custom input:focus + .switch-custom__slider {
  box-shadow: 0 0 1px #ee0033;
}
.switch-custom input:checked + .switch-custom__slider:before {
  -webkit-transform: translateX(20px);
      -ms-transform: translateX(20px);
          transform: translateX(20px);
}
.support-online {
  padding: 0;
  position: fixed;
  right: 20px;
  bottom: 15px;
  z-index: 100;
}
.support-online__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.support-online__title {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #00c1ae;
  border-radius: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 15px;
  position: relative;
  width: 146px;
}
.support-online__title:after {
  background: url("../images_content/ic-support.svg") center center no-repeat;
  content: "";
  bottom: -8px;
  height: 18px;
  position: absolute;
  right: 0;
  width: 18px;
}
.support-online__name {
  color: #fff;
  font-size: 22px;
  font-weight: 800;
  line-height: 25px;
  text-align: center;
  text-transform: uppercase;
}
.support-online__chat {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ffb700;
  border-radius: 12px 12px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 35px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.support-online__icon {
  margin-right: 8px;
}
.support-online__text {
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  line-height: 16px;
}
.shop-viettel {
  margin: 40px 0 90px;
  position: relative;
}
@media (max-width: 991px) {
  .shop-viettel {
    margin: 0 0 120px;
  }
}
.shop-viettel__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .shop-viettel__top {
    margin-bottom: 15px;
  }
}
.shop-viettel__nav {
  position: relative;
  z-index: 10;
}
.shop-viettel__nav.opened .nav-links {
  display: block;
}
.shop-viettel__title {
  color: #0c0033;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: "Montserrat";
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
}
@media (max-width: 991px) {
  .shop-viettel__title {
    font-size: 16px;
    line-height: 24px;
    margin: 0 15px 0 0;
  }
}
.service-shop {
  margin: 40px 0 70px;
}
@media (max-width: 991px) {
  .service-shop {
    margin: 30px 0 20px;
  }
}
.service-shop__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
@media (max-width: 991px) {
  .service-shop__list {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: auto;
    padding-bottom: 10px;
  }
}
.service-shop__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 10px;
}
@media (max-width: 991px) {
  .service-shop__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 4 - 10px);
        -ms-flex: 0 0 calc(100% / 4 - 10px);
            flex: 0 0 calc(100% / 4 - 10px);
    margin: 0 5px;
    width: calc(100% / 4 - 10px);
  }
}
.service-shop__link:hover .service-shop__images {
  box-shadow: 0 1px 6px #ccd8db;
  opacity: 0.8;
}
.service-shop__link:hover .service-shop__title {
  color: #ee0033;
}
.service-shop__images {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 100%;
  box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 80px;
}
@media (max-width: 991px) {
  .service-shop__images {
    height: 50px;
    width: 50px;
  }
}
.service-shop__images:hover {
  box-shadow: 0 1px 6px #ccd8db;
  opacity: 0.8;
}
.service-shop__images img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 32px;
}
@media (max-width: 991px) {
  .service-shop__images img {
    width: 20px;
  }
}
.service-shop__title {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.5px;
  line-height: 24px;
  margin-top: 10px;
  text-align: center;
}
@media (max-width: 991px) {
  .service-shop__title {
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 18px;
  }
}
.hot-shop {
  margin: 70px 0 0;
}
@media (max-width: 991px) {
  .hot-shop {
    margin: 20px 0 0;
  }
}
.hot-shop__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 45px;
}
@media (max-width: 991px) {
  .hot-shop__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 10px;
  }
}
.hot-shop__list {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.time-promotion {
  margin-right: 45px;
}
@media (max-width: 991px) {
  .time-promotion {
    margin-right: 0;
  }
}
.time-promotion__number {
  color: #0c0033;
  font-family: "Montserrat";
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
}
@media (max-width: 991px) {
  .time-promotion__number {
    font-size: 14px;
    line-height: 21px;
  }
}
.time-promotion__progress {
  background-color: #e5e5e5;
  border-radius: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 5px;
}
@media (max-width: 991px) {
  .time-promotion__progress {
    height: 3px;
  }
}
.time-promotion__bar {
  background-color: #ee0033;
  border-radius: 10px;
}
@media (max-width: 991px) {
  .time-promotion__bar {
    border-radius: 6px;
  }
}
.list-promotion {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}
@media (max-width: 991px) {
  .list-promotion {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: 0 -8px;
  }
}
.list-promotion__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 15px;
  position: relative;
  width: calc(100% / 4 - 30px);
}
@media (max-width: 991px) {
  .list-promotion__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2 - 16px);
        -ms-flex: 0 0 calc(100% / 2 - 16px);
            flex: 0 0 calc(100% / 2 - 16px);
    margin: 0 8px 16px;
    width: calc(100% / 2 - 16px);
  }
}
.list-promotion__item.active .list-promotion__action {
  background: -webkit-linear-gradient(left, #ee0033, 0%, #fb4600 100%);
  background: linear-gradient(90deg, #ee0033, 0%, #fb4600 100%);
}
.list-promotion__item:after {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 100%;
  bottom: 15px;
  content: "";
  height: 45px;
  position: absolute;
  right: -12px;
  width: 45px;
}
@media (max-width: 991px) {
  .list-promotion__item:after {
    height: 30px;
    width: 30px;
  }
}
.list-promotion__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 10px 0 0 10px;
  box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 45px;
  padding: 0 20px;
}
@media (max-width: 991px) {
  .list-promotion__info {
    border-radius: 6px 0 0 6px;
    height: 30px;
    padding: 0 12px;
  }
}
.list-promotion__name {
  color: #252525;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.0875px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .list-promotion__name {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 18px;
  }
}
.list-promotion__action {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #bdbdbd;
  border-radius: 0 10px 10px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 45px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 45px;
}
@media (max-width: 991px) {
  .list-promotion__action {
    border-radius: 0 6px 6px 0;
    height: 30px;
    width: 30px;
  }
  .list-promotion__action img {
    width: 13px;
  }
}
.rules-promotion {
  margin-right: 67px;
  width: 330px;
}
@media (max-width: 991px) {
  .rules-promotion {
    margin: 0 0 25px;
    width: 100%;
  }
}
.rules-promotion__title {
  color: #252525;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.0875px;
  line-height: 24px;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .rules-promotion__title {
    letter-spacing: 0;
    line-height: 21px;
    margin-bottom: 15px;
  }
}
@media (max-width: 991px) {
  .rules-promotion__list.opened .rules-promotion__item.none {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .rules-promotion__list.opened .rules-promotion__item.rules-more {
    display: none;
  }
}
.rules-promotion__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.rules-promotion__item:not(:last-child) {
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .rules-promotion__item.none {
    display: none;
  }
}
.rules-promotion__item.rules-more {
  border-top: 0.6px solid #f2f2f2;
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 8px;
}
.rules-promotion__item.rules-more i {
  color: #ee0033;
  font-size: 8px;
  margin-left: 8px;
}
@media (max-width: 991px) {
  .rules-promotion__item.rules-more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.rules-promotion__icon {
  font-size: 0;
  margin-right: 15px;
}
.rules-promotion__icon i {
  color: #ee0033;
  font-size: 16px;
}
.rules-promotion__name {
  color: #252525;
  font-size: 14px;
  letter-spacing: 0.0875px;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rules-promotion__more {
  color: #ee0033;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
}
.box-shop {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -10px;
}
@media (max-width: 991px) {
  .box-shop {
    margin: 0 -8px;
    overflow: auto;
    padding-bottom: 20px;
  }
}
.box-shop__item {
  background-color: #fff;
  border-radius: 41px;
  box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
  margin: 0 10px;
  position: relative;
  text-align: center;
  width: calc(100% / 3 - 20px);
}
@media (max-width: 991px) {
  .box-shop__item {
    border-radius: 26px;
    box-shadow: 0 6px 25px rgba(39, 52, 125, 0.12);
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2.2 - 16px);
        -ms-flex: 0 0 calc(100% / 2.2 - 16px);
            flex: 0 0 calc(100% / 2.2 - 16px);
    margin: 0 8px;
    width: calc(100% / 2.2 - 16px);
  }
}
.box-shop__item.hot .box-shop__info {
  border-width: 0.6px;
}
.box-shop__item.hot .box-shop__value {
  font-size: 16px;
}
@media (max-width: 991px) {
  .box-shop__item.hot .box-shop__value {
    font-size: 12px;
  }
}
.box-shop__item:hover {
  box-shadow: 0 1px 6px #ccd8db;
}
.box-shop__detail {
  border-radius: 41px;
  overflow: hidden;
  padding: 30px;
  position: relative;
}
@media (max-width: 991px) {
  .box-shop__detail {
    border-radius: 26px;
    padding: 18px 20px 15px;
  }
}
.box-shop__bar {
  border-radius: 41px;
  height: 7px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 991px) {
  .box-shop__bar {
    border-radius: 26px;
    height: 5px;
  }
}
.box-shop__label {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ff9f40;
  border-radius: 41px 30px 0 41px;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  height: 26px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: -0.5px;
  line-height: 24px;
  position: absolute;
  right: -6px;
  top: 25px;
  width: 55px;
}
@media (max-width: 991px) {
  .box-shop__label {
    border-radius: 26px 20px 0 26px;
    font-size: 10px;
    height: 17px;
    letter-spacing: 0;
    line-height: 18px;
    top: 15px;
    width: 36px;
  }
}
.box-shop__label:after {
  background: url("../images_content/ic-hot.svg") 0 0 no-repeat;
  bottom: -6px;
  content: "";
  height: 7px;
  position: absolute;
  right: 0;
  width: 7px;
}
.box-shop__name {
  color: #ee0033;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.0875px;
  line-height: 33px;
  margin-bottom: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .box-shop__name {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 10px;
  }
}
.box-shop__info {
  border-top: 1px solid #f2f2f2;
  padding: 7px 0;
}
@media (max-width: 991px) {
  .box-shop__info {
    border-width: 0.6px;
    padding: 5px 0;
  }
}
.box-shop__info.last {
  border-bottom: 1px solid #f2f2f2;
}
@media (max-width: 991px) {
  .box-shop__info.last {
    border-width: 0.6px;
  }
}
.box-shop__text {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.0875px;
  line-height: 24px;
  margin-right: 20px;
}
@media (max-width: 991px) {
  .box-shop__text {
    display: none;
    font-size: 10px;
    letter-spacing: 0;
    line-height: 18px;
  }
}
.box-shop__value {
  color: #252525;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.0875px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .box-shop__value {
    font-size: 10px;
    letter-spacing: 0;
    line-height: 18px;
  }
}
.box-shop__value.prices {
  color: #ee0033;
  font-size: 18px;
}
@media (max-width: 991px) {
  .box-shop__value.prices {
    font-size: 12px;
  }
}
.box-shop__btn {
  margin-top: 28px;
}
@media (max-width: 991px) {
  .box-shop__btn {
    margin-top: 20px;
  }
}
.box-shop__btn .btn {
  border-width: 1px;
  min-width: 145px;
}
@media (max-width: 991px) {
  .box-shop__btn .btn {
    border-radius: 6px;
    min-width: 100%;
    padding: 6px 12px;
  }
}
.box-shop__btn .btn + .btn {
  margin-left: 8px;
}
@media (max-width: 991px) {
  .box-shop__btn .btn + .btn {
    display: none;
  }
}
.pack-shop {
  margin: 60px 0 0;
}
@media (max-width: 991px) {
  .pack-shop {
    margin: 20px 0 0;
  }
}
.pack-shop__row:not(:last-child) {
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .pack-shop__row:not(:last-child) {
    margin-bottom: 10px;
  }
}
.pack-shop .box-shop__item {
  width: calc(100% / 4 - 20px);
}
@media (max-width: 991px) {
  .pack-shop .box-shop__item {
    border-radius: 26px;
    box-shadow: 0 6px 25px rgba(39, 52, 125, 0.12);
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2.2 - 16px);
        -ms-flex: 0 0 calc(100% / 2.2 - 16px);
            flex: 0 0 calc(100% / 2.2 - 16px);
    margin: 0 8px;
    width: calc(100% / 2.2 - 16px);
  }
}
.pack-shop .box-shop__item.hot {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 366px;
      -ms-flex: 0 0 366px;
          flex: 0 0 366px;
  width: 366px;
}
@media (max-width: 991px) {
  .pack-shop .box-shop__item.hot {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2.2 - 16px);
        -ms-flex: 0 0 calc(100% / 2.2 - 16px);
            flex: 0 0 calc(100% / 2.2 - 16px);
    width: calc(100% / 2.2 - 16px);
  }
}
.nav-sp {
  cursor: pointer;
  display: none;
}
@media (max-width: 991px) {
  .nav-sp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.nav-sp__name {
  color: #576c8a;
  font-size: 13px;
  font-weight: 500;
  line-height: 21px;
}
.nav-sp i {
  font-size: 8px;
  margin-left: 3px;
  position: relative;
  top: -2px;
}
.nav-links {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 991px) {
  .nav-links {
    background-color: #fff;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.4);
    border-radius: 6px;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 5px;
    min-width: 160px;
    padding: 5px 10px;
    position: absolute;
    right: 0;
    top: 100%;
  }
}
.nav-links__item:not(:last-child) {
  margin-right: 25px;
}
.nav-links__item.active .nav-links__name,
.nav-links__item:hover .nav-links__name {
  color: #1aa187;
}
@media (max-width: 991px) {
  .nav-links__item {
    padding: 8px 0;
  }
  .nav-links__item:not(:last-child) {
    border-bottom: 1px solid #e1e1e1;
    margin-right: 0;
  }
}
.nav-links__name {
  color: #ee0033;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
}
@media (max-width: 991px) {
  .nav-links__name {
    white-space: nowrap;
  }
}
.post-shop {
  margin: 50px 0 0;
}
@media (max-width: 991px) {
  .post-shop {
    margin: 10px 0 0;
  }
}
.post-shop__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -10px;
}
@media (max-width: 991px) {
  .post-shop__content {
    margin: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.post-shop__item {
  border-radius: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 132px;
  margin: 0 10px;
  padding: 10px 0 15px 20px;
  width: calc(100% / 2 - 20px);
}
@media (max-width: 991px) {
  .post-shop__item {
    height: auto;
    margin: 0;
    padding: 15px;
    width: 100%;
  }
}
.post-shop__item.left {
  background: url("../images_content/bg-post-1.svg") 0 0 no-repeat;
  background-size: cover;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 991px) {
  .post-shop__item.left {
    margin-bottom: 15px;
  }
}
.post-shop__item.right {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: url("../images_content/bg-post-2.svg") 0 0 no-repeat;
  background-size: cover;
}
@media (max-width: 991px) {
  .post-shop__item.right {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.post-shop__item.right .post-shop__btn {
  margin: 45px 0 0 20px;
}
@media (max-width: 991px) {
  .post-shop__item.right .post-shop__btn {
    margin: 10px 0 0;
  }
}
.post-shop__item:hover {
  opacity: 0.8;
}
.post-shop__info {
  max-width: 310px;
}
@media (max-width: 991px) {
  .post-shop__info {
    max-width: 270px;
  }
}
.post-shop__title {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.0875px;
  line-height: 33px;
}
@media (max-width: 991px) {
  .post-shop__title {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 22px;
    margin-bottom: 5px;
  }
}
.post-shop__des {
  color: #fff;
  font-size: 10px;
  letter-spacing: 0.0622392px;
  line-height: 17px;
}
@media (max-width: 991px) {
  .post-shop__des {
    font-size: 10px;
    letter-spacing: 0;
    line-height: 15px;
  }
}
.post-shop__row {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 991px) {
  .post-shop__row:not(:last-child) {
    margin-bottom: 2px;
  }
}
.post-shop__icon {
  font-size: 0;
  margin-right: 5px;
}
.post-shop__icon i {
  color: #fff;
  font-size: 10px;
}
@media (max-width: 991px) {
  .post-shop__icon i {
    font-size: 9px;
  }
}
.post-shop__text {
  color: #fff;
  font-size: 10px;
  letter-spacing: 0.0622392px;
  line-height: 18px;
}
@media (max-width: 991px) {
  .post-shop__text {
    font-size: 10px;
    letter-spacing: 0;
    line-height: 15px;
  }
}
.post-shop__btn {
  margin-top: 5px;
}
@media (max-width: 991px) {
  .post-shop__btn {
    margin-top: 10px;
  }
}
.post-shop__btn .btn {
  border-width: 1px;
  padding: 8px 15px;
  width: 155px;
}
@media (max-width: 991px) {
  .post-shop__btn .btn {
    width: auto;
  }
}
.post-shop__btn .btn:hover {
  background-color: #fff;
  color: #ee0033;
  opacity: 0.85;
}
.sim-shop {
  margin: 60px 0 0;
}
@media (max-width: 991px) {
  .sim-shop {
    margin: 30px 0 0;
  }
}
.sim-shop__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
}
@media (max-width: 991px) {
  .sim-shop__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 15px;
  }
}
.sim-shop__images {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 326px;
      -ms-flex: 0 0 326px;
          flex: 0 0 326px;
  margin-right: 20px;
  width: 326px;
}
@media (max-width: 991px) {
  .sim-shop__images {
    display: none;
  }
}
.sim-shop__images img {
  border-radius: 10px;
}
.sim-shop__images img:hover {
  opacity: 0.85;
}
.sim-shop__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 991px) {
  .sim-shop__info {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    overflow: auto;
    padding-bottom: 10px;
    width: 100%;
  }
}
.sim-shop .nav-links {
  background-color: transparent;
  box-shadow: none;
  display: block;
  margin: 0;
  min-width: auto;
  padding: 0;
  position: static;
  right: auto;
  top: auto;
  width: auto;
}
.search-shop__name {
  color: #576c8a;
  font-size: 18px;
  letter-spacing: -0.5px;
  line-height: 21px;
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .search-shop__name {
    color: #333;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 21px;
    margin-bottom: 8px;
  }
}
.search-shop__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 991px) {
  .search-shop__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.search-shop__action {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 20px;
}
@media (max-width: 991px) {
  .search-shop__action {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin: 0 0 15px;
    width: 100%;
  }
}
.search-shop__action .btn {
  width: 173px;
}
@media (max-width: 991px) {
  .search-shop__action .btn {
    border-radius: 6px;
    border-width: 1px;
    padding: 10px 15px;
    width: 124px;
  }
}
.search-shop__input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  margin-right: 20px;
}
.search-shop__input i {
  color: #576c8a;
  font-size: 18px;
  left: 12px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.search-shop__input input {
  background-color: rgba(244, 248, 248, 0.788188);
  border: 0;
  padding: 12px 35px;
}
.search-shop__input input::-webkit-input-placeholder {
  font-weight: normal;
}
.search-shop__input input::-moz-placeholder {
  font-weight: normal;
}
.search-shop__input input:-ms-input-placeholder {
  font-weight: normal;
}
.search-shop__input input::placeholder {
  font-weight: normal;
}
@media (max-width: 991px) {
  .search-shop__input input {
    background-color: #f6fafa;
    border-radius: 6px;
    padding: 10px 30px 10px 45px;
  }
}
.key-hot__title {
  color: #0c0033;
  font-size: 20px;
  font-weight: bold;
  line-height: 23px;
  margin-bottom: 5px;
}
@media (max-width: 991px) {
  .key-hot__title {
    color: #000;
    font-size: 12px;
    line-height: 18px;
  }
}
.key-hot__number {
  color: #ee0033;
  font-size: 20px;
  letter-spacing: -0.5px;
  line-height: 180%;
}
@media (max-width: 991px) {
  .key-hot__number {
    font-size: 14px;
    line-height: 21px;
  }
}
.key-hot__number:not(:last-child) {
  margin-right: 40px;
}
@media (max-width: 991px) {
  .key-hot__number:not(:last-child) {
    margin-right: 18px;
  }
}
.table-sim {
  background-color: #fff;
  border: 1px solid #e9e9e9;
  border-collapse: separate;
  border-radius: 10px 10px 0 0;
  border-spacing: 0;
  overflow: hidden;
  width: 100%;
}
@media (max-width: 991px) {
  .table-sim {
    min-width: 400px;
  }
}
.table-sim thead tr {
  background-color: rgba(20, 175, 180, 0.15);
}
.table-sim tbody tr:nth-child(2n) {
  background-color: rgba(20, 175, 180, 0.15);
}
.table-sim th,
.table-sim td {
  border-right: 1px solid #e9e9e9;
  font-size: 18px;
  padding: 7px 10px;
  text-align: center;
}
@media (max-width: 991px) {
  .table-sim th,
  .table-sim td {
    font-size: 12px;
    padding: 16px 5px;
  }
}
.table-sim th:last-child,
.table-sim td:last-child {
  border-right: 0;
}
.table-sim th {
  color: #000;
  font-weight: 500;
  letter-spacing: -0.5px;
  line-height: 24px;
  padding: 24px 15px;
}
@media (max-width: 991px) {
  .table-sim th {
    font-size: 14px;
    letter-spacing: 0;
    padding-left: 21px;
    padding: 12px 5px;
  }
}
.table-sim__call {
  font-size: 0;
  margin-right: 10px;
}
@media (max-width: 991px) {
  .table-sim__call {
    display: none;
  }
}
.table-sim__call i {
  color: #576c8a;
  font-size: 15px;
}
.table-sim__number {
  color: #ee0033;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.125px;
  line-height: 57px;
}
@media (max-width: 991px) {
  .table-sim__number {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 18px;
  }
}
.table-sim .radio-custom1 {
  display: inline-block;
  font-size: 18px;
  margin: 0;
  padding-left: 30px;
}
@media (max-width: 991px) {
  .table-sim .radio-custom1 {
    font-size: 14px;
    padding-left: 25px;
  }
}
.table-sim .radio-custom1 .checkmark {
  top: -1px;
}
.table-sim .radio-custom1:hover input ~ .checkmark {
  border-color: #dadada;
}
.table-sim .radio-custom1 input:checked ~ .checkmark {
  border-color: #ee0033;
}
.table-sim .radio-custom1 input:checked ~ .checkmark ~ span {
  font-weight: normal;
}
.table-sim .btn {
  border-width: 1px;
  line-height: 20px;
  padding: 7px 12px;
}
@media (max-width: 991px) {
  .table-sim .btn {
    border-radius: 6px;
  }
}
.internet-shop {
  margin: 85px 0 0;
}
@media (max-width: 991px) {
  .internet-shop {
    margin: 20px 0 0;
  }
}
.internet-shop__content {
  position: relative;
}
.internet-shop .label-title {
  color: #000;
  display: none;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  margin: 0 0 5px;
}
@media (max-width: 991px) {
  .internet-shop .label-title {
    display: block;
  }
}
.internet-shop__select {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.internet-shop__select select {
  color: #ee0033;
  padding: 14px 20px;
  width: 253px;
}
@media (max-width: 991px) {
  .internet-shop__select select {
    background-position-y: 50%;
    border-radius: 6px;
    padding: 9px 16px;
    width: 100%;
  }
}
.internet-shop__detail {
  margin: 40px 0 0;
}
@media (max-width: 991px) {
  .internet-shop__detail {
    margin: 20px 0 0;
  }
}
.internet-shop__row:not(:last-child) {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .internet-shop__row:not(:last-child) {
    margin-bottom: 30px;
  }
}
.internet-shop__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -10px;
}
@media (max-width: 991px) {
  .internet-shop__list {
    margin: 0 -8px;
    overflow: auto;
    padding-bottom: 20px;
  }
}
.internet-shop__item {
  background-color: #fff;
  border-top: 5px solid;
  border-radius: 6px;
  box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
  margin: 0 10px;
  padding: 20px 25px 35px;
  position: relative;
  width: calc((100% - 366px) / 3 - 20px);
}
@media (max-width: 991px) {
  .internet-shop__item {
    border-width: 3px;
    box-shadow: 0 6px 25px rgba(39, 52, 125, 0.12);
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2.2 - 16px);
        -ms-flex: 0 0 calc(100% / 2.2 - 16px);
            flex: 0 0 calc(100% / 2.2 - 16px);
    margin: 0 8px;
    padding: 20px 15px 25px;
    width: calc(100% / 2.2 - 16px);
  }
}
.internet-shop__item.hot {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 366px;
      -ms-flex: 0 0 366px;
          flex: 0 0 366px;
  text-align: center;
  width: 366px;
}
@media (max-width: 991px) {
  .internet-shop__item.hot {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2.2 - 16px);
        -ms-flex: 0 0 calc(100% / 2.2 - 16px);
            flex: 0 0 calc(100% / 2.2 - 16px);
    width: calc(100% / 2.2 - 16px);
  }
}
.internet-shop__item.hot .internet-shop__center {
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 25px;
  padding-bottom: 30px;
}
@media (max-width: 991px) {
  .internet-shop__item.hot .internet-shop__center {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-width: 0.6px;
  }
}
.internet-shop__item.hot .internet-shop__info {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.internet-shop__item.hot .internet-shop__btn {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.internet-shop__item.hot .internet-shop__btn .btn {
  width: 50%;
}
@media (max-width: 991px) {
  .internet-shop__item.hot .internet-shop__btn .btn {
    width: 100%;
  }
}
.internet-shop__item.hot .internet-shop__btn .btn + .btn {
  margin-left: 16px;
}
.internet-shop__item:hover {
  box-shadow: 0 1px 6px #ccd8db;
}
.internet-shop__label {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ff9f40;
  border-radius: 30px 41px 41px 0;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  height: 26px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: -5px;
  letter-spacing: -0.5px;
  line-height: 24px;
  position: absolute;
  top: 15px;
  width: 55px;
}
@media (max-width: 991px) {
  .internet-shop__label {
    border-radius: 20px 26px 26px 0;
    font-size: 10px;
    height: 17px;
    letter-spacing: 0;
    line-height: 18px;
    top: 5px;
    width: 36px;
  }
}
.internet-shop__label:before {
  background: url("../images_content/ic-hot-2.svg") 0 0 no-repeat;
  bottom: -6px;
  content: "";
  height: 7px;
  left: 0;
  position: absolute;
  width: 7px;
}
.internet-shop__name {
  color: #0c0033;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: -0.5px;
  line-height: 26px;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .internet-shop__name {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
  }
}
.internet-shop__sub {
  color: #ee0033;
  font-size: 16px;
  letter-spacing: -0.5px;
  line-height: 180%;
  margin-bottom: 10px;
}
@media (max-width: 991px) {
  .internet-shop__sub {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 18px;
    margin-bottom: 15px;
  }
}
.internet-shop__info {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.internet-shop__info:not(:last-child) {
  margin-bottom: 2px;
}
@media (max-width: 991px) {
  .internet-shop__info:not(:last-child) {
    margin-bottom: 5px;
  }
}
.internet-shop__icon {
  font-size: 0;
  margin-right: 5px;
}
.internet-shop__icon i {
  color: #ee0033;
  font-size: 12px;
}
@media (max-width: 991px) {
  .internet-shop__icon i {
    font-size: 10px;
  }
}
.internet-shop__text {
  color: #000;
  font-size: 14px;
  letter-spacing: 0.0875px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .internet-shop__text {
    color: #333;
    font-size: 10px;
    letter-spacing: 0;
    line-height: 15px;
  }
}
.internet-shop__text.bold {
  font-weight: bold;
}
@media (max-width: 991px) {
  .internet-shop__center {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 0.6px solid #f2f2f2;
  }
}
.internet-shop__btn {
  margin-top: 12px;
}
.internet-shop__btn .btn {
  border-width: 1px;
  width: 100%;
}
@media (max-width: 991px) {
  .internet-shop__btn .btn {
    border-radius: 6px;
    padding: 6px 12px;
  }
}
.internet-shop__btn .btn + .btn {
  margin-left: 8px;
}
@media (max-width: 991px) {
  .internet-shop__btn .btn + .btn {
    display: none;
  }
}
.device-shop {
  margin: 60px 0 0;
}
@media (max-width: 991px) {
  .device-shop {
    margin: 25px 0 0;
  }
  .device-shop .shop-viettel__top {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .device-shop .nav-links {
    background-color: transparent;
    box-shadow: none;
    display: block;
    margin: 0;
    min-width: auto;
    padding: 0;
    position: static;
    right: auto;
    top: auto;
    width: auto;
  }
}
.device-shop__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 991px) {
  .device-shop__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.device-shop__left {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 20px;
  width: 560px;
}
@media (max-width: 991px) {
  .device-shop__left {
    border-radius: 4px;
    box-shadow: 0 6px 25px rgba(39, 52, 125, 0.12);
    margin: 0 0 20px;
    width: 100%;
  }
}
.device-shop__left:hover {
  box-shadow: 0 1px 6px #ccd8db;
}
.device-shop__bg {
  background: -webkit-linear-gradient(117.01deg, #0870ea -8.21%, rgba(16, 158, 149, 0) 123.15%);
  background: linear-gradient(332.99deg, #0870ea -8.21%, rgba(16, 158, 149, 0) 123.15%);
  border-radius: 6px 0 0 6px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 152px;
      -ms-flex: 0 0 152px;
          flex: 0 0 152px;
  margin-right: 100px;
  width: 152px;
}
@media (max-width: 991px) {
  .device-shop__bg {
    border-radius: 4px 0 0 4px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 95px;
        -ms-flex: 0 0 95px;
            flex: 0 0 95px;
    margin-right: 20px;
    width: 95px;
  }
}
.device-shop__bg img {
  margin: 10px 45px;
}
@media (max-width: 991px) {
  .device-shop__bg img {
    margin: 10px 30px;
  }
}
.device-shop__right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 991px) {
  .device-shop__right {
    width: 100%;
  }
}
.device-shop__info {
  padding: 20px 20px 20px 0;
}
@media (max-width: 991px) {
  .device-shop__info {
    padding: 20px;
  }
}
.device-shop__sub {
  color: #0c0033;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: -0.5px;
  line-height: 26px;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .device-shop__sub {
    font-size: 14px;
    letter-spacing: -0.30625px;
    line-height: 16px;
  }
}
.device-shop__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.device-shop__item:not(:last-child) {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .device-shop__item:not(:last-child) {
    margin-bottom: 15px;
  }
}
.device-shop__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(20, 175, 180, 0.15);
  border-radius: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 31px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 12px;
  width: 31px;
}
@media (max-width: 991px) {
  .device-shop__icon {
    height: 20px;
    margin-right: 10px;
    width: 20px;
  }
}
.device-shop__text {
  color: #252525;
  font-size: 14px;
  letter-spacing: 0.0875px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .device-shop__text {
    font-size: 10px;
    letter-spacing: 0.0535938px;
    line-height: 15px;
  }
}
.device-shop__des {
  color: #252525;
  font-size: 14px;
  letter-spacing: 0.0875px;
  line-height: 24px;
  margin-top: 20px;
  word-break: break-word;
}
@media (max-width: 991px) {
  .device-shop__des {
    font-size: 10px;
    letter-spacing: 0.0535938px;
    line-height: 15px;
    margin-top: 15px;
  }
}
.device-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -10px;
}
@media (max-width: 991px) {
  .device-list {
    margin: 0 -8px;
    overflow: auto;
    padding-bottom: 20px;
  }
}
.device-list__item {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
  margin: 0 10px;
  padding: 20px;
  position: relative;
  text-align: center;
  width: calc(100% / 3 - 20px);
}
@media (max-width: 991px) {
  .device-list__item {
    box-shadow: 0 6px 25px rgba(39, 52, 125, 0.12);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2.2 - 16px);
        -ms-flex: 0 0 calc(100% / 2.2 - 16px);
            flex: 0 0 calc(100% / 2.2 - 16px);
    margin: 0 8px;
    padding: 15px 20px 25px;
    width: calc(100% / 2.2 - 16px);
  }
}
.device-list__item:hover {
  box-shadow: 0 1px 6px #ccd8db;
}
.device-list__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 140px;
  margin-bottom: 10px;
}
.device-list__images img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.device-list__images img:hover {
  opacity: 0.85;
}
.device-list__name {
  color: #000;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -0.5px;
  line-height: 21px;
}
@media (max-width: 991px) {
  .device-list__name {
    color: #0c0033;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
  }
}
.device-list__sales {
  color: #ee0033;
  font-size: 16px;
  letter-spacing: -0.5px;
  margin: 12px 0 2px;
}
@media (max-width: 991px) {
  .device-list__sales {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 21px;
    margin: 5px 0 2px;
  }
}
.device-list__price {
  color: #bfc4ce;
  font-size: 12px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .device-list__price {
    font-size: 12px;
    line-height: 18px;
  }
}
.device-list__btn {
  margin-top: 15px;
}
@media (max-width: 991px) {
  .device-list__btn {
    margin-top: 20px;
  }
}
.device-list__btn .btn {
  border-width: 1px;
  padding: 8px 15px;
  width: 100%;
}
@media (max-width: 991px) {
  .device-list__btn .btn {
    padding: 6px 12px;
    border-radius: 6px;
  }
}
.sales-shop {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: url("../images_content/bg-sales.svg") center center no-repeat;
  border-radius: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 122px;
  margin: 60px 0 0;
  padding: 0 0 0 34px;
}
@media (max-width: 991px) {
  .sales-shop {
    background-size: cover;
    display: none;
    height: auto;
    margin: 20px 0 0;
    padding: 30px 15px;
  }
}
.sales-shop__inner {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 850px;
}
@media (max-width: 991px) {
  .sales-shop__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
}
.sales-shop__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 15px;
}
@media (max-width: 991px) {
  .sales-shop__info {
    margin: 0 0 20px;
    width: 100%;
  }
}
.sales-shop__title {
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0.0875px;
  line-height: 24px;
  margin-bottom: 10px;
}
@media (max-width: 991px) {
  .sales-shop__title {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 22px;
  }
}
.sales-shop__des {
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.0875px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .sales-shop__des {
    font-size: 10px;
    letter-spacing: 0;
    line-height: 15px;
  }
}
@media (max-width: 991px) {
  .sales-shop .btn {
    border-radius: 6px;
    border-width: 1px;
    padding: 6px 18px;
  }
}
.sales-shop .btn:hover {
  background-color: #fff;
  color: #ee0033;
  opacity: 0.85;
}
.switches-network {
  background: -webkit-linear-gradient(129.5deg, rgba(0, 190, 197, 0.1) 16.61%, rgba(0, 216, 158, 0.1) 112.58%);
  background: linear-gradient(320.5deg, rgba(0, 190, 197, 0.1) 16.61%, rgba(0, 216, 158, 0.1) 112.58%);
  border-radius: 12px;
  bottom: 120px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 70px;
  padding: 5px;
  position: fixed;
  right: 15px;
  width: 140px;
  z-index: 100;
}
@media (max-width: 991px) {
  .switches-network {
    bottom: 100px;
    right: 10px;
  }
}
.switches-network__inner {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: -webkit-linear-gradient(126.78deg, #00bec5 16.61%, #00d89e 112.58%);
  background: linear-gradient(323.22deg, #00bec5 16.61%, #00d89e 112.58%);
  border-radius: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
}
.switches-network__inner img {
  margin-top: -20px;
}
.switches-network__name {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  margin-left: 15px;
}
.viettel-shop {
  padding: 60px 0;
}
@media (max-width: 991px) {
  .viettel-shop {
    padding: 25px 0 40px;
  }
}
.viettel-shop .service-data {
  padding: 0;
}
.viettel-shop .tv-internet {
  padding: 40px 0 30px;
}
@media (max-width: 991px) {
  .viettel-shop .tv-internet {
    padding: 30px 0;
  }
}
.viettel-shop .service-sim {
  margin: 40px 0;
}
@media (max-width: 991px) {
  .viettel-shop .service-sim {
    margin: 30px 0 20px;
  }
}
.viettel-shop .phone-device {
  margin: 40px 0 30px;
}
@media (max-width: 991px) {
  .viettel-shop .phone-device {
    margin: 30px 0;
  }
}
@media (max-width: 991px) {
  .viettel-shop .service-data__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    margin: 0 -8px 20px;
    overflow-x: auto;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .viettel-shop .service-data__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 1.5 - 16px);
        -ms-flex: 0 0 calc(100% / 1.5 - 16px);
            flex: 0 0 calc(100% / 1.5 - 16px);
    margin: 0 8px;
    width: calc(100% / 1.5 - 16px);
  }
}
@media (max-width: 991px) {
  .viettel-shop .sim-so__form {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (max-width: 991px) {
  .viettel-shop .sim-so__btn {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 120px;
        -ms-flex: 0 0 120px;
            flex: 0 0 120px;
    margin: 0 0 0 15px;
    width: 120px;
  }
}
.title-shop {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}
@media (max-width: 991px) {
  .title-shop {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
  }
}
.banner-shop--pack .banner-shop__inner {
  background: url("../images_content/banner-viettel-shop-2.svg") 0 0 no-repeat;
  padding: 25px 100px;
}
@media (max-width: 991px) {
  .banner-shop--pack .banner-shop__inner {
    background-size: cover;
    padding: 25px 15px;
  }
}
.banner-shop--payment .banner-shop__inner {
  background: url("../images_content/banner-viettel-shop-3.svg") 0 0 no-repeat;
  padding: 25px 100px;
}
@media (max-width: 991px) {
  .banner-shop--payment .banner-shop__inner {
    background-size: cover;
    padding: 25px 15px;
  }
}
.banner-shop--install .banner-shop__inner {
  background: url("../images_content/banner-viettel-shop-4.svg") 0 0 no-repeat;
  padding: 40px 30px;
}
@media (max-width: 991px) {
  .banner-shop--install .banner-shop__inner {
    background-size: cover;
    padding: 25px 15px;
  }
}
.banner-shop__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.banner-shop__images img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.banner-shop__images img:hover {
  opacity: 0.75;
}
.banner-shop__name {
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 10px;
}
@media (max-width: 991px) {
  .banner-shop__name {
    font-size: 16px;
    line-height: 24px;
  }
}
.banner-shop__des {
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  margin: 10px 0;
}
.banner-shop__list {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  max-width: 310px;
  width: 100%;
}
@media (max-width: 480px) {
  .banner-shop__list {
    max-width: 100%;
  }
}
.banner-shop__item {
  color: #fff;
  font-size: 14px;
  line-height: 24px;
}
.banner-shop__item:not(:last-child) {
  margin: 0 0 2px;
}
.banner-shop__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0 0;
}
.solution-shop__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .solution-shop__detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.solution-shop__images {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 262px;
      -ms-flex: 0 0 262px;
          flex: 0 0 262px;
  margin: 0 30px 0 0;
  width: 262px;
}
@media (max-width: 767px) {
  .solution-shop__images {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
        -ms-flex: auto;
            flex: auto;
    height: 300px;
    margin: 0 0 30px;
    width: 100%;
  }
}
.solution-shop__images img {
  width: 100%;
}
@media (max-width: 767px) {
  .solution-shop__images img {
    height: 100%;
  }
}
.solution-shop__images img:hover {
  opacity: 0.75;
}
.solution-shop__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: calc(100% - 262px - 30px);
}
@media (max-width: 767px) {
  .solution-shop__info {
    width: 100%;
  }
}
.solution-shop .owl-carousel .owl-nav button.owl-prev {
  left: -12px;
}
.solution-shop .owl-carousel .owl-nav button.owl-next {
  right: -12px;
}
.solution-it__images {
  border-radius: 8px 8px 0 0;
  height: 170px;
  position: relative;
}
@media (max-width: 991px) {
  .solution-it__images {
    height: 200px;
  }
}
.solution-it__images img {
  border-radius: 8px 8px 0 0;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
.solution-it__images-info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-weight: 700;
  padding: 0 15px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: calc(50% - 10px);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
}
.solution-it__images-name {
  font-size: 36px;
  letter-spacing: 0.15px;
  margin: 0 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .solution-it__images-name {
    font-size: 24px;
    letter-spacing: 0;
  }
}
.solution-it__detail {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 30px 0 8px 0;
  margin-top: -40px;
  padding: 15px 30px 30px;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.solution-it__detail:hover {
  border-color: #ee0033;
}
.solution-it__info {
  text-align: center;
}
.solution-it__price {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 0 5px;
}
.solution-it__price-new {
  color: #ee0033;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
@media (max-width: 991px) {
  .solution-it__price-new {
    font-size: 18px;
    line-height: 28px;
  }
}
.solution-it__des {
  color: #44494d;
  font-size: 14px;
  height: 48px;
  line-height: 24px;
  margin: 5px 0 2px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 991px) {
  .solution-it__des {
    height: auto;
  }
}
.solution-it__see-more {
  color: #ee0033;
  display: block;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.solution-it__see-more:hover {
  text-decoration: underline;
}
.solution-it__btn {
  margin: 20px 0 0;
}
.list-sim-so--new .tab-title li a {
  margin: 0 30px;
}
@media (max-width: 991px) {
  .list-sim-so--new .tab-title li a {
    margin: 0 10px;
  }
}
.list-sim-so--new .tbl-sim {
  margin-top: 60px;
}
@media (max-width: 991px) {
  .list-sim-so--new .tbl-sim {
    margin-top: 20px;
  }
}
@media (max-width: 991px) {
  .list-sim-so--new {
    margin: 30px 0;
  }
  .list-sim-so--new .content .btabs ul.tab-title {
    background-color: transparent;
    box-shadow: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0 0 10px;
    position: static;
    width: 100%;
  }
  .list-sim-so--new .content .btabs ul.tab-title li {
    border-bottom: 0;
  }
  .list-sim-so--new .content .btabs ul.tab-title li.active a {
    border-bottom: 2px solid #ee0033;
  }
}
.select-checkbox .sx {
  margin: 0 0 35px;
}
.select-checkbox .left {
  margin: 20px 0 0;
}
.select-checkbox .radio-custom1 {
  padding-left: 34px;
}
.select-btn {
  margin-bottom: 50px;
}
.select-btn .btn + .btn {
  margin-left: 25px;
}
.lp-header__inner {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 74px;
}
@media (max-width: 991px) {
  .lp-header__inner {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.lp-header__logo {
  font-size: 0;
  line-height: 1.5;
  padding-right: 40px;
  width: 182px;
}
@media (max-width: 991px) {
  .lp-header__logo {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 0 10px;
    text-align: center;
    width: auto;
  }
}
.lp-header__logo-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.lp-header__menu {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 74px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 30px;
  position: relative;
}
@media (max-width: 991px) {
  .lp-header__menu {
    display: none;
  }
}
.lp-header__item:not(:last-child) {
  margin-right: 30px;
}
.lp-header__item.active .lp-header__link,
.lp-header__item:hover .lp-header__link {
  color: #ee0033;
}
.lp-header__link {
  color: #000;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  letter-spacing: 0.1px;
  line-height: 21px;
}
.lp-header__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.lp-header__btn .button {
  color: #44494d;
  width: 118px;
}
.lp-header__action {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f2f2f2;
  border-radius: 12px;
  box-shadow: 1px 3px 2px rgba(0, 0, 0, 0.3);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  padding: 5px 15px;
}
@media (max-width: 991px) {
  .lp-header__action {
    background-color: transparent;
    box-shadow: none;
    height: auto;
    padding: 0;
  }
}
.lp-header__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 10px 0 0;
}
@media (max-width: 991px) {
  .lp-header__icon {
    margin: 0;
  }
}
.lp-header__txt {
  color: #ee0033;
  font-size: 20px;
  font-weight: 500;
}
@media (max-width: 991px) {
  .lp-header__txt {
    display: none;
  }
}
.lp-header .off-canvas-toggle {
  color: #ee0033;
}
.lp-header--beelite .off-canvas-toggle {
  color: #fff;
}
.lp-mobile {
  display: none;
  padding: 30px 20px 0;
}
.lp-mobile__logo {
  font-size: 0;
  line-height: 1.5;
}
.lp-mobile__menu {
  padding: 30px 0;
}
.lp-mobile__item:not(:last-child) {
  margin-bottom: 15px;
}
.lp-mobile__item.active .lp-mobile__link,
.lp-mobile__item:hover .lp-mobile__link {
  color: #ee0033;
}
.lp-mobile__link {
  font-size: 14px;
  font-weight: 500;
}
.lp-mobile__hotline-link {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.lp-mobile__hotline-icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ee0033;
  border-radius: 50%;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 30px;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 10px 0 0;
  width: 30px;
}
.lp-mobile__hotline-value {
  color: #000;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
}
.open .lp-mobile {
  background-color: #fff;
  bottom: 0;
  display: block;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  top: 0;
  width: 85%;
  z-index: 999;
}
.lp-main {
  margin: 0 0 50px;
}
.lp-main__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0.15px;
  line-height: 36px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .lp-main__title {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 10px;
  }
}
.lp-main__bg {
  background-color: #d6f0f1;
  margin: 70px 0 0;
  padding: 40px 0 100px;
}
@media (max-width: 991px) {
  .lp-main__bg {
    padding: 40px 0 60px;
  }
}
.lp-banner {
  background: url("../images_content/bg-banner-lp-1.svg") center center no-repeat;
  height: 587px;
  margin-top: -78px;
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .lp-banner {
    background-size: cover;
    height: 500px;
    margin-top: 0;
  }
}
.lp-banner__inner {
  margin: 0 auto;
  max-width: 950px;
  padding-top: 120px;
}
@media (max-width: 991px) {
  .lp-banner__inner {
    padding-top: 50px;
    max-width: 100%;
  }
}
.lp-banner__title {
  color: #fbfbfb;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 76px;
  font-weight: 300;
  letter-spacing: 0.174889px;
  line-height: 99px;
  text-transform: uppercase;
  margin: 0 0 10px;
}
@media (max-width: 991px) {
  .lp-banner__title {
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 0;
  }
}
.lp-banner__sub {
  color: #fbfbfb;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0.174889px;
  line-height: 24px;
  text-transform: uppercase;
  margin: 0 0 10px;
}
@media (max-width: 991px) {
  .lp-banner__sub {
    letter-spacing: 0;
  }
}
.lp-banner__price {
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 62px;
  font-weight: normal;
  letter-spacing: 0.271095px;
  line-height: 74px;
}
@media (max-width: 991px) {
  .lp-banner__price {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0;
  }
}
.lp-banner__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 50px 0 0;
}
@media (max-width: 991px) {
  .lp-banner__btn {
    margin: 30px 0 0;
  }
}
.lp-banner__btn .button {
  width: 165px;
}
.lp-banner__images {
  margin-top: -178px;
  text-align: right;
}
@media (max-width: 991px) {
  .lp-banner__images {
    margin-top: 30px;
  }
}
.lp-banner__images img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
@media (max-width: 991px) {
  .lp-banner__images img {
    width: 100%;
  }
}
.lp-box {
  margin-top: -90px;
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .lp-box {
    margin-top: -100px;
  }
}
.lp-box__inner {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px;
  margin: 0 auto;
  max-width: 950px;
  padding: 30px 90px 40px;
  text-align: center;
}
@media (max-width: 991px) {
  .lp-box__inner {
    max-width: 100%;
    padding: 30px 15px;
  }
}
.lp-intro__des {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  text-align: center;
  word-break: break-word;
  z-index: 2;
}
@media (max-width: 991px) {
  .lp-intro__des {
    font-size: 14px;
    letter-spacing: 0;
  }
}
.lp-search {
  margin: 60px 0 0;
}
@media (max-width: 991px) {
  .lp-search {
    margin: 30px 0 0;
  }
}
.lp-search__content {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 991px) {
  .lp-search__content {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
.lp-search__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 991px) {
  .lp-search__info {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
}
.lp-search__info input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 9px 16px;
}
.lp-search__info input::-webkit-input-placeholder {
  font-size: 16px;
}
.lp-search__info input::-moz-placeholder {
  font-size: 16px;
}
.lp-search__info input:-ms-input-placeholder {
  font-size: 16px;
}
.lp-search__info input::placeholder {
  font-size: 16px;
}
@media (max-width: 991px) {
  .lp-search__info input {
    width: 100%;
  }
}
.lp-search__info .button {
  margin-left: 24px;
  width: 172px;
}
@media (max-width: 991px) {
  .lp-search__info .button {
    margin: 15px 0 0;
    padding: 10px 20px;
    width: 100%;
  }
}
.lp-advantages {
  margin: 40px 0 0;
  position: relative;
}
@media (max-width: 991px) {
  .lp-advantages {
    margin: 30px 0 0;
  }
}
.lp-advantages:after {
  background: url("../images_content/bg-advantages-1.png") 0 0 no-repeat;
  background-size: cover;
  bottom: -380px;
  content: "";
  height: 948px;
  position: absolute;
  right: 0;
  width: 802px;
  z-index: -1;
}
@media (max-width: 991px) {
  .lp-advantages:after {
    bottom: -280px;
    display: none;
    height: 600px;
    width: 100%;
  }
}
.lp-advantages .lp-main__title {
  text-align: center;
}
.lp-advantages__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
@media (max-width: 991px) {
  .lp-advantages__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.lp-advantages__row:not(:last-child) {
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .lp-advantages__row:not(:last-child) {
    margin-bottom: 20px;
  }
}
.lp-advantages__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 0 30px;
}
@media (max-width: 991px) {
  .lp-advantages__top .lp-advantages__images img {
    height: 300px;
  }
}
.lp-advantages__middle {
  margin: 30px 0 50px;
  position: relative;
}
@media (max-width: 991px) {
  .lp-advantages__middle .lp-advantages__images {
    height: 225px;
  }
}
.lp-advantages__last {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 50px -30px 0;
  position: relative;
}
@media (max-width: 991px) {
  .lp-advantages__last {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 50px 0 0;
  }
}
.lp-advantages__last:after {
  background: url("../images_content/bg-advantages-2.png") 0 0 no-repeat;
  background-size: cover;
  bottom: -350px;
  content: "";
  height: 693px;
  position: absolute;
  right: -60px;
  width: 694px;
  z-index: 1;
}
@media (max-width: 991px) {
  .lp-advantages__last:after {
    bottom: -140px;
    height: 250px;
    right: 0;
    width: 230px;
  }
}
@media (max-width: 991px) {
  .lp-advantages__last .lp-advantages__images img {
    height: 300px;
  }
}
.lp-advantages__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
}
.lp-advantages__detail {
  left: 35px;
  position: absolute;
  top: 80px;
  width: 42%;
}
@media (max-width: 991px) {
  .lp-advantages__detail {
    left: 15px;
    right: 15px;
    top: 35px;
    width: auto;
  }
}
.lp-advantages__detail .lp-advantages__sub {
  color: #fff;
  margin: 0 0 5px;
}
.lp-advantages__detail .lp-advantages__sub--last {
  margin: 25px 0 0 10px;
}
@media (max-width: 991px) {
  .lp-advantages__detail .lp-advantages__sub--last {
    margin: 10px 0 0 10px;
  }
}
.lp-advantages__detail .lp-advantages__des {
  color: #fff;
}
.lp-advantages__column {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 60px);
      -ms-flex: 0 0 calc(100% / 2 - 60px);
          flex: 0 0 calc(100% / 2 - 60px);
  margin: 0 30px;
  position: relative;
  width: calc(100% / 2 - 60px);
}
@media (max-width: 991px) {
  .lp-advantages__column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 0 20px;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .lp-advantages__column--first .lp-advantages__images {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
}
.lp-advantages__column--first .lp-advantages__info {
  margin: 30px 0 0;
}
@media (max-width: 991px) {
  .lp-advantages__column--first .lp-advantages__info {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    margin: 0 0 30px;
  }
}
.lp-advantages__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: -240px -60px 0;
}
@media (max-width: 991px) {
  .lp-advantages__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: -80px 0 0;
  }
}
.lp-advantages__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 120px);
      -ms-flex: 0 0 calc(100% / 2 - 120px);
          flex: 0 0 calc(100% / 2 - 120px);
  margin: 0 60px;
  width: calc(100% / 2 - 120px);
}
@media (max-width: 991px) {
  .lp-advantages__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 20px;
    width: 100%;
  }
}
.lp-advantages__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 10px;
}
.lp-advantages__sub {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  margin-bottom: 10px;
}
@media (max-width: 991px) {
  .lp-advantages__sub {
    font-size: 18px;
    line-height: 24px;
  }
}
.lp-advantages__des {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  word-break: break-word;
  z-index: 2;
}
@media (max-width: 991px) {
  .lp-advantages__des {
    font-size: 14px;
  }
}
.lp-advantages__des--last {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
}
@media (max-width: 991px) {
  .lp-advantages__des--last {
    margin-top: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.lp-advantages__des--last:after {
  background-color: rgba(255, 222, 171, 0.8);
  border-radius: 50%;
  content: "";
  height: 250px;
  position: absolute;
  right: -55px;
  top: 0;
  width: 250px;
  z-index: -1;
}
@media (max-width: 991px) {
  .lp-advantages__des--last:after {
    right: 0;
  }
}
.lp-pack {
  margin: 40px 0 0;
  padding: 80px 0 40px;
  position: relative;
}
@media (max-width: 991px) {
  .lp-pack {
    padding: 80px 0 0;
  }
}
.lp-pack:before {
  background: url("../images_content/bg-pack-2.svg") 0 0 no-repeat #fff;
  background-size: cover;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.lp-pack__inner {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -20px;
}
@media (max-width: 991px) {
  .lp-pack__inner {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.lp-pack__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 40px);
      -ms-flex: 0 0 calc(100% / 2 - 40px);
          flex: 0 0 calc(100% / 2 - 40px);
  margin: 0 20px;
  width: calc(100% / 2 - 40px);
}
@media (max-width: 991px) {
  .lp-pack__images {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 0 20px;
    width: 100%;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .lp-pack__images img {
    height: 300px;
  }
}
.lp-pack__content {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 40px);
      -ms-flex: 0 0 calc(100% / 2 - 40px);
          flex: 0 0 calc(100% / 2 - 40px);
  margin: 0 20px;
  width: calc(100% / 2 - 40px);
}
@media (max-width: 991px) {
  .lp-pack__content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 20px 0 0;
    width: 100%;
  }
}
.lp-pack__support {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0 10px;
}
@media (max-width: 991px) {
  .lp-pack__support {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.lp-pack__item {
  color: #000;
  font-size: 16px;
  letter-spacing: 0.0875px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .lp-pack__item {
    font-size: 14px;
    letter-spacing: 0;
  }
}
.lp-pack__item:not(:last-child) {
  margin-right: 25px;
}
@media (max-width: 991px) {
  .lp-pack__item:not(:last-child) {
    margin-right: 0;
  }
}
.lp-pack__des {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  margin: 15px 0 10px;
  word-break: break-word;
}
@media (max-width: 991px) {
  .lp-pack__des {
    font-size: 14px;
  }
}
.lp-pack__note {
  color: #ee0033;
  font-size: 16px;
  line-height: 24px;
  margin: 10px 0 0;
}
@media (max-width: 991px) {
  .lp-pack__note {
    font-size: 14px;
  }
}
.lp-data {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
  border-radius: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 83px;
}
@media (max-width: 991px) {
  .lp-data {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
  }
}
.lp-data__left {
  background: url("../images_content/bg-lp-data.png") 0 0 no-repeat #fff;
  border-radius: 10px 0 0 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 324px;
      -ms-flex: 0 0 324px;
          flex: 0 0 324px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 83px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 20px;
  position: relative;
}
@media (max-width: 991px) {
  .lp-data__left {
    border-radius: 10px 10px 0 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: auto;
    padding: 10px 24px;
    width: 100%;
  }
}
.lp-data__right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 83px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 15px;
}
@media (max-width: 991px) {
  .lp-data__right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: auto;
    padding: 10px 24px;
    width: 100%;
  }
}
.lp-data__name {
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0.15px;
  line-height: 36px;
  margin-bottom: 2px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .lp-data__name {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
  }
}
.lp-data__des {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  word-break: break-word;
}
@media (max-width: 991px) {
  .lp-data__des {
    font-size: 14px;
  }
}
.lp-data__price {
  color: #ee0033;
  font-size: 34px;
  font-weight: bold;
  margin: 0 0 2px;
}
@media (max-width: 991px) {
  .lp-data__price {
    font-size: 24px;
  }
}
.lp-data__price span {
  font-size: 20px;
  font-weight: normal;
}
@media (max-width: 991px) {
  .lp-data__price span {
    font-size: 16px;
  }
}
.lp-data__note {
  color: #727272;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
}
.lp-product {
  margin: 40px 0 0;
  position: relative;
}
.lp-product__box {
  background-color: #fff;
  position: relative;
}
.lp-product__box.opened .lp-specifications {
  display: none;
}
.lp-product__box.opened .lp-product__showmore.first {
  display: block;
}
.lp-product__video {
  position: relative;
}
.lp-product__video iframe {
  border-radius: 8px;
  width: 100%;
}
@media (max-width: 991px) {
  .lp-product__video iframe {
    height: 200px;
  }
}
.lp-product__info {
  background-color: #fff;
  margin: 20px 0 0;
  position: relative;
}
.lp-product__sub {
  color: #44494d;
  font-family: 'Roboto', sans-serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  margin-bottom: 20px;
}
.lp-product__des {
  color: #000;
  font-size: 16px;
  letter-spacing: 0.0875px;
  line-height: 24px;
  margin-bottom: 15px;
  word-break: break-word;
}
@media (max-width: 991px) {
  .lp-product__des {
    font-size: 14px;
    letter-spacing: 0;
  }
}
.lp-product__list {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 -5px;
}
.lp-product__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 6 - 10px);
      -ms-flex: 0 0 calc(100% / 6 - 10px);
          flex: 0 0 calc(100% / 6 - 10px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 5px;
  position: relative;
  text-align: center;
  width: calc(100% / 6 - 10px);
}
.lp-product__item:not(:last-child) {
  border-right: 1px solid #d1d1d1;
}
@media (max-width: 991px) {
  .lp-product__item {
    border-right: 1px solid #d1d1d1;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 3 - 10px);
        -ms-flex: 0 0 calc(100% / 3 - 10px);
            flex: 0 0 calc(100% / 3 - 10px);
    margin: 0 5px 15px;
    width: calc(100% / 3 - 10px);
  }
}
.lp-product__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
.lp-product__icon img {
  height: 32px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 32px;
}
.lp-product__name {
  color: #44494d;
  font-size: 16px;
  letter-spacing: 0.0875px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .lp-product__name {
    font-size: 14px;
    letter-spacing: 0;
  }
}
.lp-product__showmore {
  color: #ee0033;
  cursor: pointer;
  display: block;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 21px;
  margin: 20px 0 0;
  text-align: center;
}
@media (max-width: 991px) {
  .lp-product__showmore {
    font-size: 16px;
  }
}
.lp-product__showmore.first {
  display: none;
}
.lp-specifications {
  background-color: #fff;
  border-radius: 0 0 10px 10px;
  padding: 30px 0 0;
  position: relative;
  z-index: 9;
}
@media (max-width: 991px) {
  .lp-specifications {
    padding: 20px 0 0;
  }
}
.lp-specifications__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -25px 20px;
}
@media (max-width: 991px) {
  .lp-specifications__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 0 20px;
  }
}
.lp-specifications__list {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 50px);
      -ms-flex: 0 0 calc(100% / 2 - 50px);
          flex: 0 0 calc(100% / 2 - 50px);
  margin: 0 25px;
  width: calc(100% / 2 - 50px);
}
@media (max-width: 991px) {
  .lp-specifications__list {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin: 0;
    width: 100%;
  }
}
.lp-specifications__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.lp-specifications__item:first-child .lp-specifications__name {
  border-top-left-radius: 10px;
}
.lp-specifications__item:last-child .lp-specifications__name {
  border-bottom-left-radius: 10px;
}
.lp-specifications__item:nth-child(2n) .lp-specifications__info {
  background-color: #eee;
}
.lp-specifications__name {
  background-color: rgba(238, 0, 51, 0.1);
  color: #ee0033;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 136px;
      -ms-flex: 0 0 136px;
          flex: 0 0 136px;
  font-size: 16px;
  line-height: 24px;
  padding: 6px 10px;
  width: 136px;
}
@media (max-width: 991px) {
  .lp-specifications__name {
    font-size: 14px;
  }
}
.lp-specifications__info {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 6px 16px;
}
@media (max-width: 991px) {
  .lp-specifications__info {
    font-size: 14px;
  }
}
.lp-faq {
  margin: 50px 0 0;
  position: relative;
}
@media (max-width: 991px) {
  .lp-faq {
    margin: 30px 0 0;
  }
}
.lp-faq .lp-main__title {
  text-align: center;
}
.lp-faq__item {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  cursor: pointer;
}
.lp-faq__item:not(:last-child) {
  margin: 0 0 30px;
}
@media (max-width: 991px) {
  .lp-faq__item:not(:last-child) {
    margin: 0 0 20px;
  }
}
.lp-faq__item.active {
  border: 1px solid #ee0033;
}
.lp-faq__item.active .lp-faq__icon i {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.lp-faq__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 73px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 25px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 991px) {
  .lp-faq__top {
    height: auto;
    padding: 15px;
  }
}
.lp-faq__name {
  color: #494949;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 28px;
}
@media (max-width: 991px) {
  .lp-faq__name {
    font-size: 16px;
    line-height: 24px;
    margin: 0 10px 0 0;
  }
}
.lp-faq__icon {
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.lp-faq__icon i {
  font-size: 8px;
}
.lp-faq__info {
  display: none;
  margin: 0 0 30px;
  padding: 0 25px;
}
@media (max-width: 991px) {
  .lp-faq__info {
    padding: 0 15px;
  }
}
.lp-faq__des {
  color: #494949;
  font-size: 16px;
  letter-spacing: 0.0875px;
  line-height: 24px;
  word-break: break-word;
}
@media (max-width: 991px) {
  .lp-faq__des {
    font-size: 14px;
    letter-spacing: 0;
  }
}
.lp-faq__des:not(:last-child) {
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .lp-faq__des:not(:last-child) {
    margin-bottom: 10px;
  }
}
.flc {
  margin: 0 0 100px;
}
@media (max-width: 991px) {
  .flc {
    margin: 0 0 40px;
  }
}
.flc-nav {
  background-color: #ee0033;
  display: none;
}
@media (max-width: 991px) {
  .flc-nav {
    display: block;
  }
}
.flc-nav__link {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px 15px;
  position: relative;
}
.flc-nav__icon {
  font-size: 0;
  left: 15px;
  margin-right: 10px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.flc-nav__icon i {
  font-size: 18px;
}
.flc-nav__name {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}
.flc-banner {
  margin: 0 0 30px;
}
.flc-banner__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.flc-banner img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.flc-main__title {
  color: #0c0033;
  font-family: "Montserrat";
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  margin-bottom: 35px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .flc-main__title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
  }
}
.flc-reasons {
  margin: 30px 0 0;
  position: relative;
}
.flc-reasons__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 -10px;
  padding: 0 120px;
}
@media (max-width: 991px) {
  .flc-reasons__list {
    padding: 0;
  }
}
.flc-reasons__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 10px;
  width: calc(100% / 4 - 20px);
}
.flc-reasons__images {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 110px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 25px;
  padding: 10px;
  width: 110px;
}
@media (max-width: 991px) {
  .flc-reasons__images {
    height: 50px;
    margin-bottom: 12px;
    width: 50px;
  }
}
.flc-reasons__images:hover {
  box-shadow: 0 1px 6px #ccd8db;
  opacity: 0.8;
}
.flc-reasons__name {
  color: #252525;
  font-size: 16px;
  letter-spacing: 0.0875px;
  line-height: 24px;
  text-align: center;
}
@media (max-width: 991px) {
  .flc-reasons__name {
    color: #000;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 18px;
  }
}
.flc-endow {
  margin: 80px 0 0;
}
@media (max-width: 991px) {
  .flc-endow {
    margin: 30px 0 0;
  }
}
.flc-endow .flc-main__title {
  margin-bottom: 60px;
}
@media (max-width: 991px) {
  .flc-endow .flc-main__title {
    margin-bottom: 15px;
  }
}
.flc-endow--internal .box-endow:before {
  background: url("../images_content/img-box-endow-3.svg") center center no-repeat;
}
@media (max-width: 991px) {
  .flc-endow--internal .box-endow:before {
    background-size: cover;
  }
}
.flc-endow--internal .box-endow:after {
  background: url("../images_content/img-box-endow-4.svg") center center no-repeat;
}
@media (max-width: 991px) {
  .flc-endow--internal .box-endow:after {
    background-size: cover;
  }
}
@media (max-width: 991px) {
  .flc-endow--internal .box-endow__name {
    margin: 10px 0;
  }
}
.box-endow {
  background-color: #fff;
  box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
  border-radius: 10px;
  margin-bottom: 50px;
  padding: 20px 30px 20px 135px;
  position: relative;
}
@media (max-width: 991px) {
  .box-endow {
    border-radius: 6px;
    margin-bottom: 15px;
    padding: 15px;
  }
}
.box-endow:hover {
  box-shadow: 0 1px 6px #ccd8db;
}
.box-endow:before {
  background: url("../images_content/img-box-endow-1.svg") center center no-repeat;
  content: "";
  height: 63px;
  left: 30px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 63px;
}
@media (max-width: 991px) {
  .box-endow:before {
    background-size: cover;
    height: 32px;
    left: 15px;
    top: 18px;
    -webkit-transform: inherit;
        -ms-transform: inherit;
            transform: inherit;
    width: 35px;
  }
}
.box-endow:after {
  background: url("../images_content/img-box-endow-2.svg") center center no-repeat;
  content: "";
  height: 144px;
  position: absolute;
  right: 40px;
  top: -30px;
  width: 162px;
}
@media (max-width: 991px) {
  .box-endow:after {
    background-size: cover;
    bottom: 10px;
    height: 103px;
    right: 15px;
    top: auto;
    width: 116px;
  }
}
.box-endow__inner {
  max-width: 70%;
}
@media (max-width: 991px) {
  .box-endow__inner {
    max-width: 100%;
  }
}
.box-endow__name {
  color: #252525;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.0875px;
  line-height: 24px;
  margin-bottom: 5px;
}
@media (max-width: 991px) {
  .box-endow__name {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 21px;
    margin: 0 0 10px;
    padding-left: 45px;
  }
}
.box-endow__des {
  color: #252525;
  font-size: 14px;
  letter-spacing: 0.0875px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .box-endow__des {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 21px;
    padding-right: 150px;
  }
}
.list-endow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}
@media (max-width: 991px) {
  .list-endow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.list-endow__item {
  margin: 0 15px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
  .list-endow__item {
    margin: 0;
    width: 100%;
  }
  .list-endow__item:not(:last-child) {
    margin-bottom: 20px;
  }
}
.list-endow__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 60px;
}
.list-endow__images img:hover {
  opacity: 0.8;
}
.list-endow:not(:last-child) {
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .list-endow:not(:last-child) {
    margin-bottom: 16px;
  }
}
@media (max-width: 991px) {
  .list-endow--other .list-endow__item:not(:last-child) {
    margin-bottom: 10px;
  }
}
.list-endow--tb {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.list-endow--tb .pack-endow--other:not(:last-child) {
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .list-endow--tb .pack-endow--other:not(:last-child) {
    margin-bottom: 15px;
  }
}
.list-endow--separate {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 991px) {
  .list-endow--separate .list-endow__item:not(:last-child) {
    margin-bottom: 0;
  }
}
.pack-endow {
  background-color: #fff;
  box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
  border-radius: 10px;
  position: relative;
}
@media (max-width: 991px) {
  .pack-endow {
    border-radius: 6px;
  }
}
.pack-endow:hover {
  box-shadow: 0 1px 6px #ccd8db;
}
.pack-endow__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #d3f0e9;
  border-radius: 10px 10px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 18px 30px;
}
@media (max-width: 991px) {
  .pack-endow__top {
    border-radius: 6px 6px 0 0;
    padding: 10px 25px;
  }
}
.pack-endow__images {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 45px;
      -ms-flex: 0 0 45px;
          flex: 0 0 45px;
  height: 45px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 15px 0 0;
  padding: 5px;
  width: 45px;
}
@media (max-width: 991px) {
  .pack-endow__images {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50px;
        -ms-flex: 0 0 50px;
            flex: 0 0 50px;
    height: 50px;
    margin: 0 10px 0 0;
    width: 50px;
  }
}
.pack-endow__title {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 991px) {
  .pack-endow__title {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.pack-endow__name {
  color: #252525;
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 0.2125px;
  line-height: 57px;
  margin: 0 20px 0 0;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .pack-endow__name {
    color: #0c0033;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0 0 2px;
  }
}
.pack-endow__price {
  color: #ee0033;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.5px;
  line-height: 33px;
}
@media (max-width: 991px) {
  .pack-endow__price {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 21px;
  }
}
.pack-endow__unit {
  color: #0c0033;
  font-size: 16px;
  line-height: 35px;
}
@media (max-width: 991px) {
  .pack-endow__unit {
    font-size: 14px;
    line-height: 21px;
  }
}
.pack-endow__btn {
  margin-left: 15px;
}
@media (max-width: 991px) {
  .pack-endow__btn {
    margin-left: 10px;
  }
}
.pack-endow__btn .btn {
  border-width: 1px;
  padding: 15px 20px;
}
@media (max-width: 991px) {
  .pack-endow__btn .btn {
    border-radius: 6px;
    padding: 6px 12px;
  }
}
.pack-endow__content {
  border-radius: 0 0 10px 10px;
  padding: 25px 30px 10px;
}
@media (max-width: 991px) {
  .pack-endow__content {
    border-radius: 0 0 6px 6px;
    padding: 12px 25px;
  }
}
.pack-endow__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -10px;
}
.pack-endow__item {
  margin: 0 10px 20px;
  width: calc(100% / 2 - 20px);
}
@media (max-width: 991px) {
  .pack-endow__item {
    margin: 0 10px;
    width: calc(100% / 3 - 20px);
  }
  .pack-endow__item--last {
    margin: 10px 10px 0;
    width: 100%;
  }
}
.pack-endow__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
}
.pack-endow__icon {
  margin-right: 10px;
}
@media (max-width: 991px) {
  .pack-endow__icon {
    margin-right: 5px;
  }
}
.pack-endow__sub {
  color: #252525;
  font-size: 18px;
  letter-spacing: 0.0875px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .pack-endow__sub {
    color: #000;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 18px;
  }
}
.pack-endow__des {
  color: #252525;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.0875px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .pack-endow__des {
    color: #000;
    font-size: 10px;
    letter-spacing: 0;
    line-height: 18px;
  }
}
.pack-endow__note {
  color: #576c8a;
  font-size: 14px;
  letter-spacing: 0.0875px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .pack-endow__note {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 18px;
  }
}
.pack-endow__note.show-sp {
  margin-top: 10px;
  display: none;
}
@media (max-width: 991px) {
  .pack-endow__note.show-sp {
    display: block;
  }
}
.pack-endow__thumbnail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 140px;
      -ms-flex: 0 0 140px;
          flex: 0 0 140px;
  margin-right: 35px;
  width: 140px;
}
@media (max-width: 991px) {
  .pack-endow__thumbnail {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 95px;
        -ms-flex: 0 0 95px;
            flex: 0 0 95px;
    margin-right: 10px;
    width: 95px;
  }
}
.pack-endow__thumbnail img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.pack-endow__thumbnail img:hover {
  opacity: 0.8;
}
.pack-endow__detail {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
.pack-endow__detail .pack-endow__btn {
  position: absolute;
  right: 0;
  top: 15px;
}
@media (max-width: 991px) {
  .pack-endow__detail .pack-endow__btn {
    top: 5px;
  }
}
.pack-endow__detail .btn {
  width: 150px;
}
@media (max-width: 991px) {
  .pack-endow__detail .btn {
    width: auto;
  }
}
.pack-endow--other {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 15px;
}
@media (max-width: 991px) {
  .pack-endow--other {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    padding: 15px;
  }
}
.pack-endow--other .pack-endow__name {
  font-size: 30px;
  margin: 0;
}
@media (max-width: 991px) {
  .pack-endow--other .pack-endow__name {
    font-size: 16px;
    margin: 0 0 2px;
  }
}
@media (max-width: 991px) {
  .pack-endow--other .pack-endow__charge {
    margin-bottom: 10px;
  }
}
.pack-endow--other .pack-endow__sub {
  font-size: 16px;
}
@media (max-width: 991px) {
  .pack-endow--other .pack-endow__sub {
    font-size: 12px;
  }
}
.pack-endow--other .pack-endow__des {
  font-size: 16px;
  margin-bottom: 10px;
}
@media (max-width: 991px) {
  .pack-endow--other .pack-endow__des {
    font-size: 12px;
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  .pack-endow--other .pack-endow__note {
    display: none;
  }
  .pack-endow--other .pack-endow__note.show-sp {
    display: block;
  }
}
.vt-endow {
  margin: 80px 0 0;
}
@media (max-width: 991px) {
  .vt-endow {
    margin: 30px 0 0;
  }
}
.vt-endow .flc-main__title {
  margin-bottom: 70px;
}
@media (max-width: 991px) {
  .vt-endow .flc-main__title {
    margin-bottom: 20px;
  }
}
.vt-endow__content {
  background-color: #fff;
  box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
  border-radius: 10px;
  padding: 80px 50px 40px;
  position: relative;
}
@media (max-width: 991px) {
  .vt-endow__content {
    border-radius: 6px;
    padding: 45px 80px 30px;
  }
}
.vt-endow__content:hover {
  box-shadow: 0 1px 6px #ccd8db;
}
.vt-endow__content:before {
  background: url("../images_content/img-vt-endow.svg") center center no-repeat;
  content: "";
  height: 70px;
  left: 50%;
  position: absolute;
  top: -35px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 70px;
}
@media (max-width: 991px) {
  .vt-endow__content:before {
    background-size: cover;
    height: 44px;
    top: -15px;
    width: 44px;
  }
}
.vt-endow__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -10px;
}
@media (max-width: 991px) {
  .vt-endow__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.vt-endow__item {
  margin: 0 10px;
  text-align: center;
  width: calc(100% / 4 - 20px);
}
@media (max-width: 991px) {
  .vt-endow__item {
    margin: 0 0 10px;
    width: 100%;
  }
}
.vt-endow__name {
  color: #ee0033;
  font-family: "Montserrat";
  font-size: 36px;
  font-weight: bold;
  line-height: 54px;
  margin-bottom: 2px;
}
.vt-endow__des {
  color: #252525;
  font-size: 16px;
  letter-spacing: 0.0875px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .vt-endow__des {
    font-size: 14px;
  }
}
.vt-endow__btn {
  margin: 60px 0 0;
  text-align: center;
}
@media (max-width: 991px) {
  .vt-endow__btn {
    margin: 15px 0 0;
  }
}
.vt-endow__btn .btn {
  border-width: 1px;
  padding: 15px 30px;
  width: 150px;
}
@media (max-width: 991px) {
  .vt-endow__btn .btn {
    border-radius: 6px;
    padding: 6px 12px;
    width: auto;
  }
}
.flc-channels {
  margin: 80px 0 0;
}
@media (max-width: 991px) {
  .flc-channels {
    margin: 30px 0 0;
  }
  .flc-channels .flc-main__title {
    padding: 0 60px;
  }
}
.flc-channels__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}
@media (max-width: 991px) {
  .flc-channels__list {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: 0 -8px;
  }
}
.flc-channels__item {
  cursor: pointer;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 4 - 30px);
      -ms-flex: 0 0 calc(100% / 4 - 30px);
          flex: 0 0 calc(100% / 4 - 30px);
  margin: 0 15px;
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  width: calc(100% / 4 - 30px);
}
@media (max-width: 991px) {
  .flc-channels__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2 - 16px);
        -ms-flex: 0 0 calc(100% / 2 - 16px);
            flex: 0 0 calc(100% / 2 - 16px);
    margin: 0 8px 10px;
    width: calc(100% / 2 - 16px);
  }
}
.flc-channels__item:hover img {
  -webkit-transform: scale(1.05, 1.05);
      -ms-transform: scale(1.05, 1.05);
          transform: scale(1.05, 1.05);
}
@media (max-width: 991px) {
  .flc-channels__item:hover img {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}
.flc-channels__item:hover .flc-channels__link {
  color: #ee0033;
}
.flc-channels__images {
  border-radius: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
@media (max-width: 991px) {
  .flc-channels__images {
    border-radius: 6px;
  }
}
.flc-channels__images img {
  border-radius: 10px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  width: 100%;
}
@media (max-width: 991px) {
  .flc-channels__images img {
    border-radius: 6px;
  }
}
.flc-channels__link {
  color: #252525;
  display: block;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0.2125px;
  line-height: 57px;
  margin-top: 5px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-word;
}
@media (max-width: 991px) {
  .flc-channels__link {
    font-size: 16px;
    letter-spacing: 0.132089px;
    line-height: 35px;
  }
}
.flc-channels__btn {
  margin-top: 50px;
  text-align: center;
}
@media (max-width: 991px) {
  .flc-channels__btn {
    margin-top: 20px;
  }
}
.flc-channels__btn .btn {
  border-width: 1px;
  border-radius: 10px;
  font-family: "Montserrat";
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
  padding: 16px 30px;
  text-transform: uppercase;
  width: 500px;
}
@media (max-width: 991px) {
  .flc-channels__btn .btn {
    border-radius: 10px;
    font-size: 14px;
    padding: 11px 20px;
    width: auto;
  }
}
.flc-registration {
  margin: 30px 0 0;
}
.flc-registration__btn {
  margin: 80px 0 0;
  text-align: center;
}
@media (max-width: 991px) {
  .flc-registration__btn {
    margin: 15px 0 0;
  }
}
.flc-registration__btn .btn {
  border-width: 1px;
  padding: 15px 30px;
  width: 262px;
}
@media (max-width: 991px) {
  .flc-registration__btn .btn {
    border-radius: 6px;
    padding: 12px 20px;
    width: 100%;
  }
}
.flc-registration__btn .btn:not(:last-child) {
  margin-right: 25px;
}
@media (max-width: 991px) {
  .flc-registration__btn .btn:not(:last-child) {
    margin: 0 0 12px;
  }
}
.flc-registration__thumbnail {
  display: none;
  margin-top: 35px;
  text-align: center;
}
@media (max-width: 991px) {
  .flc-registration__thumbnail {
    display: block;
  }
}
.flc-registration .pack-endow {
  height: 100%;
  z-index: 1;
}
@media (max-width: 991px) {
  .flc-registration .list-endow__item:not(:last-child) {
    margin-bottom: 10px;
  }
}
.flc-registration .has-bg .pack-endow:after {
  background-color: #fafafa;
  border-radius: 0 0 10px 10px;
  bottom: 0;
  content: "";
  height: 52%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
}
@media (max-width: 991px) {
  .flc-registration .has-bg .pack-endow:after {
    border-radius: 0 0 6px 6px;
    height: 63%;
  }
}
.flc-info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.flc-info__thumbnail {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 187px;
      -ms-flex: 0 0 187px;
          flex: 0 0 187px;
  margin: 0 50px 0 0;
  width: 187px;
}
@media (max-width: 991px) {
  .flc-info__thumbnail {
    display: none;
  }
}
.flc-info__detail {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.flc-info__last {
  margin-top: 15px;
}
@media (max-width: 991px) {
  .flc-info__last {
    margin-top: 10px;
  }
}
.flc-info__last .flc-info__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -8px;
}
@media (max-width: 991px) {
  .flc-info__last .flc-info__list {
    margin: 0;
  }
}
.flc-info__last .flc-info__item {
  margin: 0 8px;
  width: calc(100% / 2 - 16px);
}
@media (max-width: 991px) {
  .flc-info__last .flc-info__item {
    margin: 0 0 2px;
    width: 100%;
  }
}
.flc-info__last .flc-info__title {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flc-info__title {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
}
@media (max-width: 991px) {
  .flc-info__title {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.flc-info__name {
  color: #0c0033;
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
}
@media (max-width: 991px) {
  .flc-info__name {
    color: #000;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 14px;
  }
}
.flc-info__row {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.flc-info__icon {
  cursor: pointer;
  font-size: 0;
  margin-left: 10px;
}
.flc-info__icon i {
  color: #ee0033;
  font-size: 14px;
}
.flc-info__item:not(:last-chikd) {
  margin-bottom: 2px;
}
.flc-info__text {
  color: #0c0033;
  font-size: 16px;
  font-weight: 500;
  line-height: 180%;
  margin-right: 2px;
}
@media (max-width: 991px) {
  .flc-info__text {
    color: #252525;
    font-size: 14px;
  }
}
.flc-info__value {
  color: #0c0033;
  font-size: 16px;
  line-height: 180%;
  margin-right: 2px;
}
@media (max-width: 991px) {
  .flc-info__value {
    color: #252525;
    font-size: 14px;
  }
}
.flc-request__list {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}
@media (max-width: 991px) {
  .flc-request__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.flc-request__item {
  margin: 0 15px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
  .flc-request__item {
    margin: 0;
    width: 100%;
  }
  .flc-request__item:not(:last-child) {
    margin-bottom: 15px;
  }
}
.flc-request__note {
  color: #0c0033;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  margin-bottom: 10px;
  word-break: break-word;
}
@media (max-width: 991px) {
  .flc-request__note {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 20px;
  }
}
.flc-request__des {
  color: #474747;
  font-size: 16px;
  line-height: 180%;
  word-break: break-word;
}
@media (max-width: 991px) {
  .flc-request__des {
    color: #000;
    font-size: 14px;
    line-height: 21px;
  }
}
.flc-request__des:not(:last-child) {
  margin-bottom: 5px;
}
.flc-request__link {
  color: #ee0033;
  margin-left: 2px;
  text-decoration: underline;
}
.flc-request__link:hover {
  color: #14d6cf;
}
.flc-request__box {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 15px 0 0;
  padding: 10px 15px;
}
@media (max-width: 991px) {
  .flc-request__box {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 6px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.flc-request__detail {
  color: #474747;
  font-size: 16px;
  line-height: 180%;
  position: relative;
}
@media (max-width: 991px) {
  .flc-request__detail {
    font-size: 14px;
    line-height: 21px;
  }
}
.flc-request__detail:not(:last-child) {
  border-right: 1px solid #e7e7e7;
  margin: 0 15px 0 0;
  padding-right: 15px;
}
@media (max-width: 991px) {
  .flc-request__detail:not(:last-child) {
    border-right: 0;
    margin: 0 0 5px;
    padding-right: 0;
  }
}
.flc-request__detail .flc-request__btn {
  margin-top: 80px;
}
@media (max-width: 991px) {
  .flc-request__detail .flc-request__btn {
    margin-top: 30px;
  }
}
.flc-request__value {
  color: #ee0033;
  font-weight: bold;
  margin-left: 2px;
}
.flc-request__btn {
  margin-top: 40px;
  text-align: center;
}
@media (max-width: 991px) {
  .flc-request__btn {
    margin-top: 30px;
  }
}
.flc-request__btn .btn {
  border-width: 1px;
  padding: 16px 30px;
  width: 360px;
}
@media (max-width: 991px) {
  .flc-request__btn .btn {
    border-radius: 6px;
    padding: 12px 20px;
    width: 100%;
  }
}
.flc-form {
  margin: 60px 0 0;
}
@media (max-width: 991px) {
  .flc-form {
    margin: 30px 0 0;
  }
}
.flc-form .flc-main__title {
  margin-bottom: 50px;
}
@media (max-width: 991px) {
  .flc-form .flc-main__title {
    margin-bottom: 15px;
  }
}
.flc-form__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px 30px;
}
@media (max-width: 991px) {
  .flc-form__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.flc-form__row .form-vertical {
  margin: 0 15px;
}
@media (max-width: 991px) {
  .flc-form__row .form-vertical {
    margin: 0 0 15px;
  }
}
.flc-form__row--2column .form-vertical {
  margin: 0 15px 30px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
  .flc-form__row--2column .form-vertical {
    margin: 0 0 15px;
    width: 100%;
  }
}
.flc-form__row--2column .flc-form__note {
  margin: 0;
}
@media (max-width: 991px) {
  .flc-form__row--2column .flc-form__note {
    margin: 0 10px;
  }
}
.flc-form__row--2column .flc-form__btn {
  margin: 12px 0 0;
}
@media (max-width: 991px) {
  .flc-form__row--2column .flc-form__btn {
    margin: 30px 0 0;
  }
}
.flc-form__row--2column .flc-form__btn .btn {
  width: 314px;
}
@media (max-width: 991px) {
  .flc-form__row--2column .flc-form__btn .btn {
    width: 100%;
  }
}
.flc-form__row--3column .form-vertical {
  width: calc(100% / 3 - 30px);
}
@media (max-width: 991px) {
  .flc-form__row--3column .form-vertical {
    width: 100%;
  }
}
.flc-form__info {
  text-align: center;
}
@media (max-width: 991px) {
  .flc-form__info {
    text-align: left;
  }
}
.flc-form__note {
  color: #576c8a;
  font-size: 14px;
  font-style: italic;
  font-weight: 300;
  line-height: 24px;
  margin: 10px 0 0 190px;
  word-break: break-word;
}
@media (max-width: 991px) {
  .flc-form__note {
    color: #979797;
    font-size: 12px;
    line-height: 18px;
    margin: 10px 10px 0;
  }
}
.flc-form__btn {
  margin-top: 60px;
  text-align: center;
}
@media (max-width: 991px) {
  .flc-form__btn {
    margin-top: 30px;
  }
}
.flc-form__btn .btn {
  border-width: 1px;
  padding: 16px 30px;
  width: 164px;
}
@media (max-width: 991px) {
  .flc-form__btn .btn {
    border-radius: 6px;
    padding: 12px 20px;
    width: 100%;
  }
}
.flc-form--01 .flc-form__content {
  margin: 0 auto;
  max-width: 580px;
  padding: 0 15px;
}
@media (max-width: 991px) {
  .flc-form--01 .flc-form__content {
    padding: 0;
    max-width: 100%;
  }
}
.flc-popup {
  background-color: #fff;
  border-radius: 6px;
  margin: 0 auto;
  max-width: 100%;
  padding: 15px;
  position: relative;
  width: 550px;
}
@media (max-width: 991px) {
  .flc-popup {
    width: 100%;
  }
}
.flc-popup .modal-flc-pack__title {
  color: #0c0033;
  font-family: "Montserrat";
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  margin-bottom: 25px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .flc-popup .modal-flc-pack__title {
    color: #000;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
  }
}
@media (max-width: 991px) {
  .flc-popup .form-vertical {
    margin-top: 15px;
  }
}
.flc-popup--noti {
  padding: 15px 80px 40px;
}
@media (max-width: 991px) {
  .flc-popup--noti {
    padding: 15px 20px 25px;
  }
}
.flc-popup--info {
  padding: 15px 40px 40px;
}
@media (max-width: 991px) {
  .flc-popup--info {
    padding: 15px 20px 25px;
  }
}
.flc-popup--pack {
  padding: 40px 45px 70px;
  width: 1200px;
}
@media (max-width: 991px) {
  .flc-popup--pack {
    padding: 20px 15px 30px;
    width: 100%;
  }
  .flc-popup--pack .list-endow__images {
    display: none;
  }
}
@media (max-width: 991px) {
  .report {
    margin: 30px 0 0;
  }
}
.report__title {
  color: #0c0033;
  font-family: "Montserrat";
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  margin: 0 0 35px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .report__title {
    font-size: 20px;
    margin: 0 0 20px;
  }
}
.report__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 991px) {
  .report__top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.report__top-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 20px 0 0;
}
@media (max-width: 991px) {
  .report__top-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 0 20px;
    width: 100%;
  }
}
.report__top-link {
  color: #ee0033;
  font-size: 16px;
  letter-spacing: 0.125px;
  line-height: 19px;
  text-decoration: underline;
}
.report .intro-time {
  -webkit-box-flex: initial;
  -webkit-flex-grow: initial;
      -ms-flex-positive: initial;
          flex-grow: initial;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media (max-width: 991px) {
  .report .intro-time {
    margin: 0;
  }
}
.report .intro-time:not(:last-child) {
  margin: 0 65px 0 0;
}
@media (max-width: 991px) {
  .report .intro-time:not(:last-child) {
    margin: 0 0 15px;
  }
}
.report .intro-time__title {
  font-size: 15px;
  line-height: 18px;
  margin-right: 15px;
}
.report .intro-time__text {
  font-size: 14px;
  line-height: 16px;
  margin-right: 8px;
}
.report .intro-time__icon i {
  font-size: 6px;
}
.report__table {
  display: block;
  margin: 18px 0 0;
  overflow-x: auto;
  width: 100%;
}
.report .table-customize th,
.report .table-customize td {
  font-size: 14px;
  padding: 10px;
}
.report .table-customize th {
  color: #333;
  font-size: 14px;
  padding: 12px 10px;
}
.report .table-customize__txt {
  line-height: 18px;
}
.modal-report {
  padding: 0 45px 45px;
}
@media (max-width: 991px) {
  .modal-report {
    padding: 0 0 25px;
  }
}
.modal-report__title {
  color: #0c0033;
  font-family: "Montserrat";
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  margin: 0 0 20px;
  text-align: center;
}
@media (max-width: 991px) {
  .modal-report__title {
    font-size: 20px;
    margin: 0 0 10px;
  }
}
.modal-report__list {
  border: 1px solid #d3d3d3;
  border-radius: 6px;
}
.modal-report__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.modal-report__item:nth-child(2n + 1) {
  background-color: #f3f3f3;
}
.modal-report__item:not(:last-child) {
  border-bottom: 1px solid #d3d3d3;
}
.modal-report__item:after {
  background-color: #d3d3d3;
  content: "";
  height: 100%;
  position: absolute;
  left: 190px;
  top: 0;
  width: 1px;
}
.modal-report__name {
  color: #576c8a;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 190px;
      -ms-flex: 0 0 190px;
          flex: 0 0 190px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.125px;
  line-height: 24px;
  overflow: hidden;
  padding: 8px 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 190px;
}
@media (max-width: 991px) {
  .modal-report__name {
    font-size: 14px;
  }
}
.modal-report__info {
  border-left: 1px solid #d3d3d3;
  color: #576c8a;
  font-size: 16px;
  letter-spacing: 0.173333px;
  line-height: 24px;
  padding: 8px 15px;
}
@media (max-width: 991px) {
  .modal-report__info {
    font-size: 14px;
  }
}
.modal--report .modal__content {
  max-width: 697px;
}
@media (max-width: 991px) {
  .modal--report .modal__content {
    max-width: 100%;
  }
}
.form-report {
  background-color: #f9f9f9;
  border-radius: 6px;
  color: #576c8a;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  padding: 6px 10px;
}
.date-report {
  position: relative;
}
.date-report:after {
  background: url("../images_content/ic-calendar-2.svg") 0 0 no-repeat;
  content: "";
  height: 16px;
  right: 10px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 16px;
}
.data-free {
  margin: 0 auto;
  max-width: 505px;
  padding: 70px 15px 50px;
  text-align: center;
}
@media (max-width: 991px) {
  .data-free {
    padding: 0 0 50px;
  }
}
.data-free__header {
  background-color: #ee0033;
  margin: 0 -15px;
  display: none;
}
@media (max-width: 991px) {
  .data-free__header {
    display: block;
  }
}
.data-free__images {
  margin: 0 auto;
  width: 420px;
}
@media (max-width: 991px) {
  .data-free__images {
    padding: 25px 60px 0;
    width: 100%;
  }
}
.data-free__images img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.data-free__content {
  margin: 60px 0 0;
}
@media (max-width: 991px) {
  .data-free__content {
    margin: 40px 0 0;
  }
}
.data-free__des {
  color: #576c8a;
  font-size: 14px;
  line-height: 21px;
}
.data-free__des:not(:last-child) {
  margin: 0 0 24px;
}
.data-free__bold {
  font-weight: 700;
  margin: 0 2px;
}
.data-free__italic {
  font-style: italic;
}
.data-free__btn {
  margin: 18px 0 0;
}
.data-free__btn .btn {
  border-radius: 6px;
  width: 343px;
}
@media (max-width: 991px) {
  .data-free__btn .btn {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .product-detail {
    margin: 16px 0 0;
  }
}
.product-detail__title {
  color: #0c0033;
  font-family: "Montserrat";
  font-size: 36px;
  font-weight: bold;
  line-height: 54px;
  margin: 0 0 2px;
}
@media (max-width: 991px) {
  .product-detail__title {
    color: #000;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
  }
}
.product-detail__top .rating {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.product-detail__top .rating-custom {
  margin: 0 12px 0 0;
}
.product-detail__top .rating-custom__star i {
  font-size: 16px;
}
.product-detail__top .rating-info {
  color: #576c8a;
}
.product-detail__top .rating-info:not(:last-child) {
  margin: 0 8px 0 0;
}
.product-detail__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 40px 0 0;
}
@media (max-width: 991px) {
  .product-detail__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 24px 0 0;
  }
}
.product-detail__images {
  margin: 0 20px 0 0;
  width: 566px;
}
@media (max-width: 991px) {
  .product-detail__images {
    margin: 0 0 12px;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .product-detail__images .img-thumb {
    margin: 20px 0 0;
  }
}
.product-detail__images .img-thumb li {
  border-radius: 10px;
}
@media (max-width: 991px) {
  .product-detail__images .img-thumb li {
    border-radius: 0;
  }
}
.product-detail__info {
  width: calc(100% - 566px - 20px);
}
@media (max-width: 991px) {
  .product-detail__info {
    width: 100%;
  }
}
.product-detail__des {
  color: #0c0033;
  font-size: 16px;
  line-height: 180%;
  margin: 20px 0;
}
@media (max-width: 991px) {
  .product-detail__des {
    font-size: 12px;
    line-height: 18px;
    margin: 12px 0;
  }
}
.product-detail__tk {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0;
}
@media (max-width: 991px) {
  .product-detail__tk {
    margin: 12px 0;
  }
}
.guarantee {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 12px 0 0;
}
.guarantee__btn {
  background-color: #fff;
  border: 2px solid #fe9a00;
  border-radius: 10px;
  color: #fe9a00;
  font-size: 20px;
  font-weight: bold;
  padding: 8px 20px;
  text-align: center;
}
@media (max-width: 991px) {
  .guarantee__btn {
    border: 1px solid #fe9a00;
    font-size: 12px;
    line-height: 18px;
    padding: 4px 8px;
  }
}
.product-price {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.product-price__content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.product-price__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 2px;
}
.product-price__new {
  color: #ee0033;
  font-family: "Montserrat";
  font-size: 36px;
  font-weight: bold;
  line-height: 54px;
  margin: 0 20px 0 0;
}
@media (max-width: 991px) {
  .product-price__new {
    font-size: 22px;
    line-height: 33px;
    margin: 0 8px 0 0;
  }
}
.product-price__old {
  color: #576c8a;
  font-size: 18px;
  line-height: 24px;
  text-decoration: line-through;
}
@media (max-width: 991px) {
  .product-price__old {
    font-size: 14px;
    line-height: 21px;
  }
}
.product-price__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.product-price__des {
  color: #576c8a;
  font-size: 14px;
  font-style: italic;
  line-height: 16px;
  letter-spacing: -0.5px;
}
@media (max-width: 991px) {
  .product-price__des {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 18px;
  }
}
.product-price__hotline {
  color: #fe9a00;
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 0 8px;
}
.product-share {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 991px) {
  .product-share {
    display: none;
  }
}
.product-share i {
  font-size: 20px;
}
.product-share__fb {
  color: #3b5998;
  margin: 0 20px 0 0;
}
.product-share__social {
  color: #576c8a;
}
.product-qty {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 25px 0 0;
}
.product-qty__title {
  color: #576c8a;
  font-size: 16px;
  line-height: 180%;
  margin: 0 12px 0 0;
}
@media (max-width: 991px) {
  .product-qty__title {
    font-size: 12px;
    line-height: 18px;
    margin: 0 8px 0 0;
  }
}
.product-qty__input {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.product-qty__input a {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 2px solid #e7e7e7;
  border-radius: 6px 0 0 6px;
  color: #0c0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  height: 28px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 28px;
}
.product-qty__input a:last-child {
  border-radius: 0 6px 6px 0;
}
.product-qty__input input {
  border: 2px solid #e7e7e7;
  border-left: 0;
  border-radius: 0;
  border-right: 0;
  color: #0c0033;
  font-size: 14px;
  height: 28px;
  padding: 0;
  text-align: center;
  width: 40px;
}
.product-color {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.product-color__title {
  color: #576c8a;
  font-size: 16px;
  line-height: 180%;
  margin: 0 12px 0 0;
}
@media (max-width: 991px) {
  .product-color__title {
    font-size: 12px;
    line-height: 18px;
    margin: 0 8px 0 0;
  }
}
.product-color__list {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -2px;
}
.product-color__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 2px solid transparent;
  border-radius: 50%;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33px;
      -ms-flex: 0 0 33px;
          flex: 0 0 33px;
  height: 33px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 2px;
  padding: 2px;
  position: relative;
  width: 33px;
}
.product-color__item.green.active {
  border-color: #ee0033;
}
.product-color__item.green .product-color__name {
  background-color: #ee0033;
}
.product-color__item.orange.active {
  border-color: #fe9a00;
}
.product-color__item.orange .product-color__name {
  background-color: #fe9a00;
}
.product-color__item.gray.active {
  border-color: #576c8a;
}
.product-color__item.gray .product-color__name {
  background-color: #576c8a;
}
.product-color__name {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 23px;
      -ms-flex: 0 0 23px;
          flex: 0 0 23px;
  font-size: 0;
  height: 23px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 23px;
}
.delivery-free {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0 12px;
  padding: 15px;
}
@media (max-width: 991px) {
  .delivery-free {
    border: 0;
    box-shadow: 0px 10px 40px rgba(39, 52, 125, 0.12);
    margin: 15px 0;
  }
}
.delivery-free__images {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 38px;
      -ms-flex: 0 0 38px;
          flex: 0 0 38px;
  height: 38px;
  margin: 0 20px 0 0;
  width: 38px;
}
@media (max-width: 991px) {
  .delivery-free__images {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 44px;
        -ms-flex: 0 0 44px;
            flex: 0 0 44px;
    height: 44px;
    margin: 0 16px 0 0;
    width: 44px;
  }
}
.delivery-free__images img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.delivery-free__title {
  color: #ee0033;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: -0.5px;
  margin: 0 0 5px;
}
.delivery-free__subtitle {
  color: #ee0033;
  font-size: 12px;
}
.delivery-address {
  margin: 12px 0 0;
}
.delivery-address__des {
  color: #576c8a;
  font-size: 16px;
  line-height: 180%;
  text-align: center;
}
@media (max-width: 991px) {
  .delivery-address__des {
    font-size: 12px;
    font-style: italic;
    line-height: 18px;
    text-align: left;
  }
}
.share-sp {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f8f8f8;
  display: none;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 12px -15px 16px;
  padding: 12px 15px;
}
@media (max-width: 991px) {
  .share-sp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.share-sp__like {
  color: #576c8a;
  font-size: 12px;
  line-height: 18px;
}
.share-sp__like i {
  font-size: 15px;
  margin: 0 2px 0 0;
}
.share-sp__link {
  color: #ee0033;
  font-size: 12px;
  line-height: 18px;
  text-decoration: underline;
}
.share-sp__fb {
  color: #3b5998;
}
.share-sp__fb i {
  font-size: 20px;
}
.share-sp__social {
  color: #576c8a;
}
.share-sp__social i {
  font-size: 20px;
}
.product-promotion {
  background-color: #fff;
  margin: 40px 0 50px;
}
@media (max-width: 991px) {
  .product-promotion {
    border-radius: 10px;
    box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
    margin: 16px 0;
    padding: 16px 12px;
  }
}
.product-promotion__title {
  color: #ee0033;
  font-size: 20px;
  font-weight: bold;
  line-height: 23px;
}
@media (max-width: 991px) {
  .product-promotion__title {
    font-size: 16px;
    line-height: 24px;
  }
}
.product-promotion__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 0;
}
@media (max-width: 991px) {
  .product-promotion__item {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
}
.product-promotion__item:not(:last-child) {
  border-bottom: 1px solid #e0e0e0;
}
.product-promotion__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 991px) {
  .product-promotion__info {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 80%;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
  }
}
.product-promotion__icon {
  color: #fe9a00;
  font-size: 0;
  margin: 0 12px 0 0;
}
@media (max-width: 991px) {
  .product-promotion__icon {
    margin: 0 10px 0 0;
  }
}
.product-promotion__icon i {
  font-size: 16px;
}
.product-promotion__name {
  color: #0c0033;
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .product-promotion__name {
    font-size: 14px;
    line-height: 21px;
  }
}
.product-promotion__action {
  color: #576c8a;
  cursor: pointer;
  font-size: 0;
}
.product-promotion__action i {
  font-size: 14px;
}
.product-btn__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.product-btn__item:not(:last-child) {
  margin: 0 0 24px;
}
@media (max-width: 991px) {
  .product-btn__item:not(:last-child) {
    margin: 0 0 16px;
  }
}
.product-btn .btn-buy {
  background-color: #fe9a00;
  border: 0;
  border-radius: 10px;
  color: #fff;
  font-family: "Montserrat";
  font-size: 20px;
  font-weight: bold;
  padding: 14px 16px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
@media (max-width: 991px) {
  .product-btn .btn-buy {
    font-size: 14px;
    font-weight: normal;
    padding: 13px 16px;
    text-transform: inherit;
    width: calc(100% - 24px - 24px);
  }
}
.product-btn .btn-buy:hover {
  opacity: 0.75;
}
.product-btn img {
  margin: 0 0 0 24px;
}
.product-btn .btn-choose {
  background-color: #fff;
  border: 1px solid #ee0033;
  border-radius: 10px;
  color: #ee0033;
  font-size: 20px;
  padding: 14px 16px;
  text-align: center;
  width: 100%;
}
@media (max-width: 991px) {
  .product-btn .btn-choose {
    font-size: 14px;
    padding: 13px 16px;
    width: calc(100% - 24px - 24px);
  }
}
.product-btn .btn-choose:hover {
  opacity: 0.75;
}
.product-support {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0 0;
}
@media (max-width: 991px) {
  .product-support {
    display: none;
  }
}
.product-support__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.product-support__name {
  color: #0c0033;
  font-size: 16px;
  margin: 0 0 0 8px;
}
.product-support i {
  color: #576c8a;
  font-size: 16px;
}
.product-support__number {
  color: #ee0033;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: -0.5px;
  margin: 0 0 0 12px;
}
@media (max-width: 991px) {
  .d-view {
    display: none;
  }
}
.d-view .view-startr {
  box-shadow: none;
}
.d-view .view-startr-inner dl {
  width: 60%;
}
.d-view .view-startr-inner dl dd {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.d-view .view-startr-inner .rate {
  color: #828282;
  font-size: 14px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 85px;
      -ms-flex: 0 0 85px;
          flex: 0 0 85px;
  margin: 0 0 0 25px;
}
.d-view .linksend {
  width: 36%;
}
.product-view {
  display: none;
  margin: 0 0 20px;
}
@media (max-width: 991px) {
  .product-view {
    display: block;
  }
}
.product-view__title {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  margin: 0 0 16px;
}
.product-view__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.product-view .view-start {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 102px;
      -ms-flex: 0 0 102px;
          flex: 0 0 102px;
  margin: 0 8px 0 0;
  width: 102px;
}
.product-view .view-start .rating-custom {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 10px;
}
.product-view .view-start .rating-custom__star i {
  font-size: 12px;
}
.product-view .start-inner {
  padding: 12px 6px;
}
.product-view .start-inner .starts {
  margin: 0;
}
.product-view .start-inner p a {
  font-size: 12px;
  line-height: 18px;
  margin: 0;
}
.product-view .start-inner p a:not(:last-child) {
  margin: 0 0 6px;
}
.product-view .view-startr-inner {
  padding: 12px 16px;
}
.product-view .linksend {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0;
}
.product-view .linksend label {
  font-size: 14px;
  line-height: 21px;
  margin: 0 20px 0 0;
}
.product-view .linksend .rating-summary {
  margin: 0;
}
.product-view .linksend .rating-custom {
  margin: 0;
}
@media (max-width: 991px) {
  .vote .title-vote {
    margin: 0;
  }
  .vote .title-vote h4 {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    padding: 0;
    text-align: left;
  }
}
@media (max-width: 991px) {
  .vote .navpage {
    margin: 0 0 25px;
  }
}
@media (max-width: 991px) {
  .start-v {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .start-v > span {
    padding: 0 15px;
  }
}
.product-highlights {
  margin: 40px 0 60px;
}
@media (max-width: 991px) {
  .product-highlights {
    margin: 28px 0;
  }
}
.product-highlights__title {
  color: #0c0033;
  font-family: "Montserrat";
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  margin: 0 0 30px;
}
@media (max-width: 991px) {
  .product-highlights__title {
    color: #000;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    margin: 0 0 16px;
  }
}
.technical-specifications {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  padding: 0 0 15px;
}
@media (max-width: 991px) {
  .technical-specifications {
    border: 0;
    border-radius: 0;
    padding: 0;
  }
}
.technical-specifications__top {
  background-color: rgba(20, 175, 180, 0.1);
  border-radius: 10px 10px 0 0;
}
@media (max-width: 991px) {
  .technical-specifications__top {
    background-color: #fff;
    border-radius: 0;
  }
}
.technical-specifications__title {
  color: #0c0033;
  font-size: 20px;
  font-weight: bold;
  padding: 15px 20px;
  text-align: center;
}
@media (max-width: 991px) {
  .technical-specifications__title {
    color: #000;
    font-size: 16px;
    margin: 0 0 16px;
    padding: 0;
    text-align: left;
  }
}
.technical-specifications__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 140px;
  margin: 25px 0;
  overflow: hidden;
  position: relative;
}
@media (max-width: 991px) {
  .technical-specifications__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 305px;
    margin: 0 0 16px;
  }
}
.technical-specifications__content.opened {
  height: auto;
}
.technical-specifications__content:after {
  background-color: #e0e0e0;
  content: "";
  left: 50%;
  position: absolute;
  height: 100%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1px;
}
@media (max-width: 991px) {
  .technical-specifications__content:after {
    display: none;
  }
}
.technical-specifications__list {
  margin: 0 70px;
  width: calc(100% / 2 - 140px);
}
@media (max-width: 991px) {
  .technical-specifications__list {
    margin: 0;
    width: 100%;
  }
  .technical-specifications__list:not(:last-child) {
    margin: 0 0 10px;
  }
}
.technical-specifications__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.technical-specifications__item:not(:last-child) {
  margin: 0 0 5px;
}
@media (max-width: 991px) {
  .technical-specifications__item:not(:last-child) {
    margin: 0 0 10px;
  }
}
.technical-specifications__name {
  color: #576c8a;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 120px;
      -ms-flex: 0 0 120px;
          flex: 0 0 120px;
  font-size: 16px;
  line-height: 24px;
  margin: 0 40px 0 0;
  width: 120px;
}
@media (max-width: 991px) {
  .technical-specifications__name {
    font-size: 14px;
    line-height: 21px;
  }
}
.technical-specifications__info {
  color: #0c0033;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
@media (max-width: 991px) {
  .technical-specifications__info {
    font-size: 14px;
    line-height: 21px;
  }
}
.technical-specifications__more {
  color: #ee0033;
  display: block;
  font-size: 20px;
  letter-spacing: 0.125px;
  line-height: 23px;
  text-align: center;
  text-decoration: underline;
}
@media (max-width: 991px) {
  .technical-specifications__more {
    border: 1px solid #ee0033;
    border-radius: 6px;
    font-family: "Montserrat";
    font-size: 14px;
    letter-spacing: 0;
    line-height: 21px;
    padding: 10px 20px;
    text-decoration: inherit;
  }
}
.product-hot {
  margin: 0 0 40px;
}
@media (max-width: 991px) {
  .product-hot {
    margin: 0 0 16px;
  }
}
.product-hot__title {
  color: #0c0033;
  display: none;
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  margin: 0 0 30px;
}
@media (max-width: 991px) {
  .product-hot__title {
    color: #000;
    display: block;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 14px;
  }
}
.product-hot .owl-stage-outer {
  border-radius: 10px;
  overflow: hidden;
}
.product-hot .owl-stage-outer img {
  border-radius: 10px;
}
.product-desc {
  margin: 40px 0 60px;
}
@media (max-width: 991px) {
  .product-desc {
    margin: 16px 0 20px;
  }
}
.product-desc__txt {
  color: #474747;
  font-size: 16px;
  line-height: 180%;
}
@media (max-width: 991px) {
  .product-desc__txt {
    font-size: 14px;
    line-height: 21px;
  }
}
.product-desc__txt:not(:last-child) {
  margin: 0 0 20px;
}
@media (max-width: 991px) {
  .product-desc__txt:not(:last-child) {
    margin: 0;
  }
}
.product-desc__more {
  color: #ee0033;
  display: block;
  font-size: 20px;
  letter-spacing: 0.125px;
  line-height: 23px;
  margin: 15px 0 0;
  text-align: center;
  -webkit-text-decoration-line: underline;
     -moz-text-decoration-line: underline;
          text-decoration-line: underline;
}
@media (max-width: 991px) {
  .product-desc__more {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 18px;
    margin: 5px 0 0;
  }
}
.product-other__title {
  color: #0c0033;
  font-family: "Montserrat";
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  margin: 0 0 20px;
}
@media (max-width: 991px) {
  .product-other__title {
    color: #000;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 16px;
    text-transform: uppercase;
  }
}
@media (max-width: 991px) {
  .product-other .grild-product.lists.slider {
    margin: 0 -15px;
    padding: 0;
  }
  .product-other .owl-carousel .owl-stage-outer {
    margin: 0 0 20px;
  }
  .product-other .infor {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .product-other .infor h3 {
    margin: 0 0 5px;
  }
  .product-other .infor .left {
    width: calc(100% - 56px);
  }
  .product-other .infor .price-p {
    font-size: 14px;
    line-height: 20px;
  }
  .product-other .infor .right {
    margin: 25px 0 0;
    min-width: 56px;
    width: auto;
  }
  .product-other .infor .btn {
    border-radius: 6px;
    border-width: 1px;
    padding: 6px;
  }
}
.box-comment {
  word-break: break-word;
}
.box-comment .title-vote h4 {
  font-weight: bold;
}
.box-comment__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 10px;
}
.box-comment__noti {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.box-comment__noti-icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ee0033;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20px;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  font-size: 0;
  height: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 10px 0 0;
  width: 20px;
}
.box-comment__noti-icon i {
  color: #fff;
  font-size: 10px;
}
.box-comment__noti-txt {
  color: #ee0033;
  font-size: 16px;
  line-height: 1.8;
}
.box-comment .rating-custom {
  margin: 0 15px 0 0;
}
.box-comment .rating-custom__star i {
  font-size: 14px;
  line-height: 1.8;
}
.box-comment__des {
  font-size: 16px;
  font-weight: normal;
}
.box-comment__action {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0 0;
}
.box-comment__reply {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ee0033;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
}
.box-comment__reply-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 0;
  margin: 0 5px 0 0;
}
.box-comment__reply-icon i {
  font-size: 14px;
}
.box-comment__reply__txt {
  font-size: 14px;
}
.box-comment__dot {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #576c8a;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 3px;
  margin: 0 8px;
  width: 3px;
}
.box-comment__time {
  color: #576c8a;
  font-size: 14px;
  line-height: 24px;
}
.box-comment__avatar {
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 28px;
      -ms-flex: 0 0 28px;
          flex: 0 0 28px;
  height: 28px;
  margin: 0 12px 0 0;
  width: 28px;
}
.box-comment__avatar img {
  border-radius: 50%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.box-comment__badges {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ffd500;
  border-radius: 2px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 80px;
  padding: 2px 5px;
}
.box-comment__badges-txt {
  color: #0c0033;
  font-size: 12px;
  line-height: 1;
}
.box-comment__tag {
  color: #ee0033;
  font-weight: 500;
  margin: 0 2px 0 0;
}
.box-comment__form {
  margin: 12px 0 0;
}
.box-comment__form textarea {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  margin: 0;
}
.box-comment .form-btn .btn {
  border-radius: 6px;
  border-width: 1px;
  padding: 6px 15px;
  min-width: 90px;
}
.rep-comment {
  margin: 15px 0 0;
}
.rep-comment__item {
  background-color: #f5f8fd;
  border-radius: 4px;
  padding: 15px 20px;
}
.rep-comment__item:not(:last-child) {
  margin: 0 0 5px;
}
.rating-custom {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.rating-custom__star {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #e7e7e7;
  cursor: pointer;
  font-size: 0;
}
.rating-custom__star:not(:last-child) {
  margin: 0 5px 0 0;
}
.rating-custom__star.voted {
  color: #ffd500;
}
.rating-custom__star i {
  font-size: 22px;
}
.linksend .rating-custom {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 15px;
}
.list-vote .item-vote {
  border-bottom: 1px solid #e0e0e0;
  padding: 20px 0;
}
.list-vote .item-vote .box-comment__name {
  margin: 0 20px 0 0;
}
.list-vote .item-vote .box-comment__des {
  font-size: 16px;
  font-weight: normal;
}
.modal-product {
  padding: 0 25px 10px;
}
@media (max-width: 991px) {
  .modal-product {
    padding: 0;
  }
}
.modal-product__title {
  color: #0c0033;
  font-family: "Montserrat";
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  margin: 0 0 15px;
  text-align: center;
}
@media (max-width: 991px) {
  .modal-product__title {
    font-size: 20px;
    line-height: 24px;
  }
}
.modal-product .rating-custom {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.modal-product__radio {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 15px 0 20px;
}
.modal-product__radio .radio-custom1 {
  padding: 0 0 0 30px;
}
.modal-product__radio .radio-custom1:not(:last-child) {
  margin: 0 40px 0 0;
}
.modal-product__radio .txt-radio {
  font-weight: 500;
}
.modal-product__form {
  margin: 20px 0;
}
.modal-product .form-vertical {
  margin: 0 0 15px;
}
.modal-product .form-vertical .form-control {
  border-radius: 6px;
  padding: 10px 15px;
}
.modal-product__btn {
  margin: 20px 0 0;
}
.modal-product__btn .btn {
  width: 100%;
}
@media (max-width: 991px) {
  .modal-product__btn .btn {
    border-radius: 6px;
  }
}
.hotline-now {
  margin: 0 0 0 20px;
}
@media (max-width: 991px) {
  .hotline-now {
    display: block;
    margin: 20px 0 0;
  }
}
.hotline-now__content {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ee0033;
  border: 1px solid #fff;
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 10px;
  position: relative;
}
.hotline-now__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ffff;
  border-radius: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 32px;
      -ms-flex: 0 0 32px;
          flex: 0 0 32px;
  height: 32px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 10px 0 0;
  position: relative;
  width: 32px;
  z-index: 2;
}
.hotline-now__icon i {
  color: #ee0033;
  font-size: 16px;
}
.hotline-now__phone {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.03em;
  line-height: 23px;
}
.hotline-now__name {
  color: #ffff;
  font-size: 12px;
  font-weight: normal;
  line-height: 14px;
  margin: 0 0 3px;
  text-align: right;
}
.contact-now {
  bottom: 150px;
  left: 15px;
  position: fixed;
  z-index: 2;
}
@media (max-width: 991px) {
  .contact-now {
    bottom: 100px;
  }
}
.contact-now.closed {
  display: none;
}
.contact-now__content {
  background-color: #fff;
  border: 2px solid #fe9a00;
  border-radius: 8px;
  padding: 12px 16px;
  position: relative;
}
@media (max-width: 991px) {
  .contact-now__content {
    padding: 24px 40px 12px 16px;
  }
}
.contact-now__close {
  cursor: pointer;
  display: none;
  position: absolute;
  right: 10px;
  top: 10px;
}
@media (max-width: 991px) {
  .contact-now__close {
    display: block;
  }
}
.contact-now__close i {
  color: #fe9a00;
  font-size: 16px;
}
.contact-now__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.contact-now__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fe9a00;
  border-radius: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 32px;
      -ms-flex: 0 0 32px;
          flex: 0 0 32px;
  height: 32px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 10px 0 0;
  position: relative;
  width: 32px;
  z-index: 2;
}
.contact-now__icon i {
  color: #fff;
  font-size: 16px;
}
.contact-now__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #fe9a00;
  border-radius: 18px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  padding: 6px 18px 6px 40px;
  position: absolute;
  z-index: 1;
}
.contact-now__title {
  color: #fe9a00;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  text-transform: uppercase;
}
.contact-now__phone {
  color: #fe9a00;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.03em;
  line-height: 23px;
  margin: 3px 0;
}
.contact-now__name {
  color: #fe9a00;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
}
.row-frm .control input:disabled {
  background-color: #ececec;
  color: #576c8a;
}
.advertise {
  margin: 0 0 150px;
}
@media (max-width: 991px) {
  .advertise {
    display: none;
  }
}
.advertise__content {
  margin: 0 auto;
  max-width: 953px;
  width: 100%;
}
.advertise__content.opened .advertise__table {
  display: block;
}
.advertise__content.opened .advertise__icon {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.advertise__top {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.12);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 24px;
  padding: 24px 28px;
}
.advertise__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.advertise__name {
  color: #000;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -0.5px;
  margin: 0 0 12px;
}
.advertise__des {
  color: #ee0033;
  font-size: 18px;
  font-weight: bold;
}
.advertise__action {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.advertise__text {
  color: #ee0033;
  font-size: 16px;
  line-height: 18px;
  margin: 0 5px 0 0;
}
.advertise__icon {
  color: #576c8a;
  font-size: 0;
}
.advertise__icon i {
  font-size: 8px;
}
.advertise__table {
  display: none;
}
.advertise__table .table-customize {
  border: 0;
  box-shadow: 0 1.59791px 3.19582px rgba(39, 52, 125, 0.2);
  min-width: auto;
}
.advertise__table .table-customize tr:nth-child(2n) {
  background-color: #e7f7f7;
}
.advertise__table .table-customize thead tr {
  background-color: transparent;
}
.advertise__table .table-customize th,
.advertise__table .table-customize td {
  color: #000;
  font-size: 16px;
}
.advertise__table .table-customize__des {
  font-weight: 500;
}
.advertise__table .table-customize__txt {
  color: #576c8a;
}
.advertise__table .table-customize__status {
  font-weight: 500;
}
.advertise__table .table-customize__status.active {
  color: #ee0033;
}
.advertise__table .table-customize__status.none {
  color: #ff0048;
}
.advertise-sp {
  display: none;
  margin: 20px 0 80px;
}
@media (max-width: 991px) {
  .advertise-sp {
    display: block;
  }
}
.advertise-sp__content.opened .advertise-sp__list {
  display: block;
}
.advertise-sp__content.opened .advertise-sp__icon {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.advertise-sp__top {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 4px 4px 16px rgba(105, 82, 82, 0.14);
  margin: 0 0 16px;
  padding: 16px;
}
.advertise-sp__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 12px;
}
.advertise-sp__name {
  color: #576c8a;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 12px;
  margin: 0 10px 0 0;
}
.advertise-sp__des {
  color: #ee0033;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}
.advertise-sp__action {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.advertise-sp__text {
  color: #ee0033;
  font-size: 12px;
  margin: 0 5px 0 0;
}
.advertise-sp__icon {
  color: #576c8a;
  font-size: 0;
}
.advertise-sp__icon i {
  font-size: 8px;
}
.advertise-sp__list {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 4px 4px 16px rgba(105, 82, 82, 0.14);
  display: none;
  padding: 8px 16px;
}
.advertise-sp__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 0;
}
.advertise-sp__item:not(:last-child) {
  border-bottom: 1px solid #ededed;
}
.advertise-sp__left {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 20px 0 0;
}
.advertise-sp__row:not(:last-child) {
  margin: 0 0 5px;
}
.advertise-sp__txt {
  color: #576c8a;
  font-size: 12px;
  line-height: 18px;
}
.advertise-sp__noti {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin: 0 0 10px;
}
.advertise-sp__detail {
  color: rgba(0, 0, 0, 0.9);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  margin: 0 0 0 10px;
}
.advertise-sp__status {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 20px 0 0;
  width: 110px;
}
.advertise-sp__status:before {
  border: 1px solid transparent;
  border-radius: 50%;
  content: "";
  height: 5px;
  left: -5px;
  position: relative;
  top: 2px;
  width: 5px;
}
.advertise-sp__status.active {
  color: #ee0033;
}
.advertise-sp__status.active:before {
  background-color: #ee0033;
}
.advertise-sp__status.none {
  color: #ff0048;
}
.advertise-sp__status.none:before {
  background-color: #ff0048;
}
.advertise-custom {
  margin: 50px 0 60px;
}
@media (max-width: 991px) {
  .advertise-custom {
    margin: 30px 0 60px;
  }
}
.advertise-custom__inner {
  margin: 0 auto;
  max-width: 953px;
  width: 100%;
}
.advertise-custom .tab-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 991px) {
  .advertise-custom .tab-title {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
    padding: 0 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 991px) {
  .advertise-custom .tab-title li {
    padding: 16px 0;
  }
  .advertise-custom .tab-title li:not(:last-child) {
    border-bottom: 1px solid #ededed;
  }
}
.advertise-custom .tab-title li a {
  border-bottom: 2px solid #e7e7e7;
  color: #979797;
  font-size: 18px;
  padding: 0 15px 10px;
}
@media (max-width: 991px) {
  .advertise-custom .tab-title li a {
    border-bottom: 0;
    color: #000;
    font-size: 14px;
    padding: 0;
  }
}
.advertise-custom .tab-title li.active a,
.advertise-custom .tab-title li a:hover {
  border-bottom: 2px solid #ee0033;
  color: #ee0033;
}
@media (max-width: 991px) {
  .advertise-custom .tab-title li.active a,
  .advertise-custom .tab-title li a:hover {
    border-bottom: 0;
  }
}
.advertise-custom__content {
  margin: 50px 0 0;
}
@media (max-width: 991px) {
  .advertise-custom__content {
    margin: 20px 0 0;
  }
}
@media (max-width: 991px) {
  .advertise-custom__table {
    display: none;
  }
}
.advertise-custom .table-customize {
  border: 0;
  box-shadow: 0 1.59791px 3.19582px rgba(39, 52, 125, 0.2);
  min-width: auto;
}
.advertise-custom .table-customize tr:nth-child(2n) {
  background-color: #e7f7f7;
}
.advertise-custom .table-customize thead tr {
  background-color: transparent;
}
.advertise-custom .table-customize th,
.advertise-custom .table-customize td {
  text-align: center;
}
.advertise-custom .table-customize th {
  color: #000;
  font-size: 18px;
  font-weight: bold;
}
.advertise-custom .table-customize__tel {
  color: #000;
}
.advertise-custom .table-customize__txt {
  color: #576c8a;
}
.advertise-custom .table-customize__stt {
  font-weight: 500;
}
.advertise-custom .table-customize__stt.active {
  color: #ee0033;
}
.advertise-custom .table-customize__stt.none {
  color: #fe9a00;
}
.advertise-custom__list {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
  display: none;
  padding: 8px 16px;
}
@media (max-width: 991px) {
  .advertise-custom__list {
    display: block;
  }
}
.advertise-custom__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 0;
}
.advertise-custom__item:not(:last-child) {
  border-bottom: 1px solid #ededed;
}
.advertise-custom__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 20px 0 0;
}
.advertise-custom__detail {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.advertise-custom__name {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
.advertise-custom__date {
  color: #979797;
  font-size: 12px;
  font-weight: 500;
  line-height: 21px;
}
.advertise-custom__stt {
  font-size: 12px;
  font-weight: 500;
  line-height: 21px;
}
.advertise-custom__stt.done {
  color: #ee0033;
}
.advertise-custom__stt.error {
  color: #fe9a00;
}
.tooltip-custom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.tooltip-custom__text {
  background-color: black;
  border-radius: 6px;
  color: #fff;
  font-size: 12px;
  padding: 10px;
  position: absolute;
  top: 100%;
  visibility: hidden;
  width: 100%;
  z-index: 1;
}
.tooltip-custom:hover .tooltip-custom__text {
  visibility: visible;
}
.links-personal {
  background-color: #fff;
  margin: 0 auto;
  max-width: 585px;
  width: 100%;
}
.links-personal__title {
  color: #0c0033;
  font-family: "Montserrat";
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 36px;
  margin: 0 0 30px;
  text-align: center;
  text-transform: uppercase;
}
.links-personal__content {
  margin: 70px 0 200px;
}
.links-personal__form {
  margin: 0 0 20px;
}
.links-personal__label {
  color: #0c0033;
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  margin: 0 0 10px;
}
.links-personal__action {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.links-personal__input {
  color: #1a4c7e;
  font-size: 16px;
  font-weight: 600;
  padding: 14px 20px;
}
.links-personal__btn {
  border-width: 1px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 140px;
      -ms-flex: 0 0 140px;
          flex: 0 0 140px;
  margin: 0 0 0 22px;
  padding: 15px 20px;
}
.links-personal__btn.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.links-personal__box {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(246, 250, 250, 0.8);
  border-radius: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0 0;
  padding: 13px 20px;
}
.links-personal__name {
  color: #ee0033;
  font-size: 18px;
  font-weight: bold;
  margin: 0 20px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 373px;
}
.links-personal__name:hover {
  color: #14d6cf;
  text-decoration: underline;
}
.links-personal__value {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: calc(100% - 373px - 20px);
}
.links-personal__icon {
  margin: 0 5px 0 0;
}
.links-personal__text {
  color: #364350;
  font-size: 12px;
  font-weight: 500;
}
.has-sub .submenu {
  min-width: 140px;
}
.has-sub .submenu li {
  width: 100%;
}
.has-sub .submenu li a {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.has-sub .submenu li a i {
  margin-top: 0;
}
.card-game {
  height: 100%;
  min-height: 100vh;
  position: relative;
}
.card-game__header {
  background-color: #ee0033;
}
.card-game__nav {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 15px;
  position: relative;
}
.card-game__nav-icon {
  font-size: 0;
  left: 15px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.card-game__nav-icon i {
  font-size: 18px;
}
.card-game__nav-text {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}
.card-game__content {
  padding: 15px 15px 40px;
}
.card-game__search {
  margin: 0 0 20px;
  position: relative;
}
.card-game__search i {
  color: #44494d;
  font-size: 20px;
  position: absolute;
  left: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.card-game__search .form-control {
  padding: 9px 40px;
}
.buy-card__row:not(:last-child) {
  border-bottom: 5px solid #eee;
  margin: 0 0 20px;
  padding: 0 0 15px;
}
.buy-card__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 10px;
}
.buy-card__des {
  color: #44494d;
  font-size: 12px;
  font-style: italic;
  line-height: 16px;
  margin: 10px 0;
}
.buy-card__list {
  margin: 10px 0 0;
}
.buy-card__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.buy-card__item:not(:last-child) {
  margin: 0 0 12px;
}
.buy-card__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.buy-card__images {
  border: 1px solid #828282;
  border-radius: 10px 10px 10px 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 62px;
      -ms-flex: 0 0 62px;
          flex: 0 0 62px;
  height: 62px;
  margin: 0 10px 0 0;
  width: 62px;
}
.buy-card__images img {
  border-radius: 10px 10px 10px 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.buy-card__name {
  color: #44494d;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 2px;
}
.buy-card__price {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.buy-card__price i {
  color: #ee0033;
}
.buy-card__price-new {
  color: #ee0033;
  font-size: 12px;
  font-weight: 600;
  margin: 0 5px;
}
.buy-card__price-old {
  color: #b5b4b4;
  font-size: 11px;
  font-weight: 600;
  text-decoration: line-through;
}
.buy-card__checkbox .check-box__txt {
  font-size: 14px;
}
.buy-card__btn {
  margin: 20px 0 0;
}
.trans-history__item {
  background-color: #fff;
  border-left: 2px solid #ee0033;
  border-radius: 0 12px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 20px;
}
.trans-history__item:not(:last-child) {
  margin: 0 0 15px;
}
.trans-history__left {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.trans-history__number {
  color: #44494d;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin: 0 0 2px;
}
.trans-history__time {
  color: #b5b4b4;
  font-size: 12px;
  line-height: 18px;
}
.trans-history__right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 20px;
}
.trans-history__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.trans-history__price {
  color: #ee0033;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 2px;
}
.trans-history__txt {
  color: #b5b4b4;
  font-size: 12px;
  line-height: 18px;
}
.trans-history__action {
  color: #44494d;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 20px;
}
.trans-history__action i {
  font-size: 16px;
  line-height: 24px;
}
.trans-card__des {
  color: #576c8a;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
}
.trans-card__row {
  border-bottom: 2px solid #eee;
  margin: 0 0 10px;
  padding: 0 0 10px;
}
.trans-card__box {
  background-color: #fff;
  border-radius: 4px 4px 4px 0;
  padding: 16px;
}
.trans-card__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 10px;
}
.trans-card__sub {
  color: #4b4b4b;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
.trans-card__price {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 0 5px;
}
.trans-card__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.trans-card__item:not(:last-child) {
  margin: 0 0 5px;
}
.trans-card__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 20px;
  margin: 0 6px 0 0;
}
.trans-card__value {
  color: #44494d;
  font-size: 12px;
  line-height: 18px;
}
.order-card {
  background-color: #fff;
  border-radius: 8px 8px 8px 0;
  margin: 20px 0 10px;
  padding: 22px 25px;
}
.order-card__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.order-card__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-right: 1px solid #eee;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 30px 0 0;
  padding: 0 30px 0 0;
}
.order-card__item:last-child {
  border-right: 0;
  margin: 0;
  padding: 0;
}
.order-card__name {
  color: #4b4b4b;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 2px;
}
.order-card__value {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
.scratch-card {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
}
.scratch-card:not(:last-child) {
  margin: 0 0 16px;
}
.scratch-card__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px 15px;
}
.scratch-card__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
.scratch-card__price {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 0 5px;
}
.scratch-card__list {
  border-top: 1px solid #d1d1d1;
  padding: 15px 40px;
}
.scratch-card__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 18px;
}
.scratch-card__item:not(:last-child) {
  margin: 0 0 5px;
}
.scratch-card__value {
  color: #ee0033;
  margin: 0 0 0 20px;
}
.manu-facture__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 15px -15px 0;
}
.manu-facture__item {
  background-color: #fff;
  border: 1px solid #828282;
  border-radius: 10px 10px 10px 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 4 - 30px);
      -ms-flex: 0 0 calc(100% / 4 - 30px);
          flex: 0 0 calc(100% / 4 - 30px);
  height: 62px;
  margin: 0 15px 15px;
  width: calc(100% / 4 - 30px);
}
.manu-facture__item.active,
.manu-facture__item:hover {
  background-color: #f6d0d0;
  border-color: #ee0033;
}
.manu-facture__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  padding: 15px 12px;
}
.manu-facture__link img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.price-quantity {
  margin: 0 0 15px;
}
.price-quantity__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 12px -8px 0;
}
.price-quantity__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3 - 16px);
      -ms-flex: 0 0 calc(100% / 3 - 16px);
          flex: 0 0 calc(100% / 3 - 16px);
  margin: 0 8px 15px;
  width: calc(100% / 3 - 16px);
}
.price-quantity__item.active .price-quantity__box,
.price-quantity__item:hover .price-quantity__box {
  background-color: #f6d0d0;
  border-color: #ee0033;
}
.price-quantity__item.active .price-quantity__value,
.price-quantity__item:hover .price-quantity__value {
  color: #ee0033;
}
.price-quantity__item.active .price-quantity__new,
.price-quantity__item:hover .price-quantity__new {
  color: #ee0033;
}
.price-quantity__box {
  background-color: #fff;
  border: 1px solid #b5b4b4;
  border-radius: 8px 8px 8px 0;
  margin: 0 0 8px;
}
.price-quantity__value {
  color: #b5b4b4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 700;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 20px;
  padding: 8px 16px;
}
.price-quantity__new {
  color: #44494d;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  font-weight: 600;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 18px;
  margin: 8px 0 0;
}
.quantity-total {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 5px 0 15px;
}
.quantity-total__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}
.quantity-total__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 12px;
}
.quantity-total__value {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin: 0 15px;
}
.quantity-total__action {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #e4e4e4;
  border-radius: 50%;
  color: #44494d;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 24px;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  height: 24px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
}
.quantity-total__action i {
  font-size: 16px;
}
.quantity-total__action.disabled {
  background-color: #eee;
  color: #d1d1d1;
  pointer-events: none;
}
.price-total {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 15px 0 0;
}
.price-total__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}
.price-total__value {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 36px;
  margin: 0 0 0 12px;
}
.modal-card__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 20px;
}
.modal-card__images--success {
  color: #03a678;
}
.modal-card__images--warning {
  color: #d11313;
}
.modal-card__images i {
  font-size: 70px;
}
.modal-card__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  margin: 20px 0 5px;
  text-align: center;
}
.modal-card__detail {
  margin: 0 auto;
  max-width: 170px;
  width: 100%;
}
.modal-card__row {
  border-bottom: 1px solid #d1d1d1;
  padding: 10px 0;
}
.modal-card__row:last-child {
  border-bottom: 0;
}
.modal-card__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.modal-card__item:not(:last-child) {
  margin: 0 0 2px;
}
.modal-card__name {
  color: #727272;
  font-size: 14px;
  line-height: 20px;
}
.modal-card__value {
  color: #44494d;
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 0 5px;
}
.modal-card__btn {
  margin: 20px 0 0;
}
.check-fee {
  padding: 0 0 60px;
}
@media (max-width: 991px) {
  .check-fee {
    padding: 0 0 40px;
  }
}
.check-fee__header {
  background-color: #ee0033;
}
.check-fee__nav {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 15px;
  position: relative;
}
.check-fee__icon {
  font-size: 0;
  left: 15px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.check-fee__icon i {
  font-size: 18px;
}
@media (max-width: 991px) {
  .check-fee .pay-method {
    display: none;
  }
}
.check-fee__txt {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}
.check-fee__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.15px;
  line-height: 36px;
  margin: 0 0 30px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .check-fee__title {
    color: #000;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0;
    margin: 0 0 20px;
  }
}
.check-fee__sub {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 20px;
}
@media (max-width: 991px) {
  .check-fee__sub {
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 10px;
  }
}
.check-fee__sub span {
  color: #44494d;
  font-family: 'Roboto', sans-serif;
  font-size: 10px;
  font-weight: 400;
  font-style: italic;
  line-height: 16px;
  margin: 0 0 0 2px;
  position: relative;
  top: -2px;
}
.check-fee__inner {
  margin: 0 auto;
  max-width: 850px;
  width: 100%;
}
@media (max-width: 991px) {
  .check-fee__inner {
    max-width: 100%;
  }
}
.check-fee__top {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 40px 30px;
}
@media (max-width: 991px) {
  .check-fee__top {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
  }
}
.check-fee__left {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 45%;
      -ms-flex: 0 0 45%;
          flex: 0 0 45%;
  max-width: 45%;
  padding: 0 15px;
}
@media (max-width: 991px) {
  .check-fee__left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 100%;
    padding: 0;
  }
}
.check-fee__right {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 55%;
      -ms-flex: 0 0 55%;
          flex: 0 0 55%;
  max-width: 55%;
  padding: 0 15px;
}
@media (max-width: 991px) {
  .check-fee__right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 100%;
    padding: 0;
  }
}
.check-fee__btn {
  display: none;
  margin: 20px 0 0;
}
@media (max-width: 991px) {
  .check-fee__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.check-fee__col-left {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 45%;
      -ms-flex: 0 0 45%;
          flex: 0 0 45%;
  max-width: 45%;
  padding: 0 15px;
}
@media (max-width: 991px) {
  .check-fee__col-left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 100%;
    padding: 0;
  }
}
.check-fee__col-right {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 55%;
      -ms-flex: 0 0 55%;
          flex: 0 0 55%;
  max-width: 55%;
  padding: 0 15px;
}
@media (max-width: 991px) {
  .check-fee__col-right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 100%;
    padding: 0;
  }
}
.check-fee__col-right .check-fee__btn {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 30px 0 0;
}
@media (max-width: 991px) {
  .check-fee__col-right .check-fee__btn {
    margin: 20px 0 0;
  }
}
.check-fee__box {
  background-color: #fff;
  border-radius: 6px;
  padding: 20px 40px 30px;
}
@media (max-width: 991px) {
  .check-fee__box {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
  }
}
.check-fee__box:not(:last-child) {
  margin: 0 0 15px;
}
.check-fee__btn-sp {
  display: none;
  margin: 30px 0 0;
}
@media (max-width: 991px) {
  .check-fee__btn-sp {
    display: block;
  }
}
.check-fee__confirm {
  margin: 30px 0 0;
}
.check-fee__confirm .check-box__input:checked ~ .check-box__txt {
  color: #44494d;
}
.check-fee__switch {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
  margin: 30px 0 0;
}
.check-fee__switch-name {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
}
.check-fee__switch .switch-custom {
  margin: 0 0 0 20px;
}
.check-fee--postpaid .check-fee__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 991px) {
  .check-fee--postpaid .check-fee__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.check-fee--postpaid .history-fee__content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.check-fee--postpaid .history-fee__action {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 15px 0 0;
  width: 100%;
}
@media (max-width: 991px) {
  .check-fee--postpaid .use-fee {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    margin: 0 0 15px;
    padding: 0;
  }
}
@media (max-width: 991px) {
  .info-fee {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    padding: 10px 15px 15px;
  }
}
.info-fee .check-fee__sub {
  margin: 0 0 10px;
}
@media (max-width: 991px) {
  .info-fee__list {
    border-top: 2px solid #eee;
    margin: 0 -15px;
    padding: 10px 15px 0;
  }
}
.info-fee__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #eee;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 7px 0;
}
@media (max-width: 991px) {
  .info-fee__item {
    border-top: 0;
    padding: 3px 0;
  }
}
.info-fee__item:first-child {
  border-top: 0;
}
.info-fee__txt {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  margin: 0 15px 0 0;
}
@media (max-width: 991px) {
  .info-fee__txt {
    font-size: 14px;
    line-height: 20px;
  }
}
.info-fee__name {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .info-fee__name {
    font-size: 14px;
    line-height: 20px;
  }
}
.info-fee__price {
  color: #44494d;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  margin: 0 0 0 20px;
}
@media (max-width: 991px) {
  .info-fee__price {
    color: #ee0033;
    font-size: 14px;
    line-height: 20px;
  }
}
.info-fee__price.highlight {
  color: #ee0033;
  font-weight: 600;
}
.info-fee__des {
  color: #727272;
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .info-fee__des {
    font-size: 10px;
    font-style: italic;
    line-height: 16px;
  }
}
.info-fee__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0 0;
}
@media (max-width: 991px) {
  .info-fee__btn {
    margin: 15px 0 0;
  }
}
.info-fee__btn .button {
  width: 280px;
}
@media (max-width: 991px) {
  .info-fee__btn .button {
    width: 150px;
  }
}
.method-sp {
  display: none;
  margin: 20px 0 30px;
}
@media (max-width: 991px) {
  .method-sp {
    display: block;
  }
}
.method-sp__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.method-sp__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3);
      -ms-flex: 0 0 calc(100% / 3);
          flex: 0 0 calc(100% / 3);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc(100% / 3);
}
.method-sp__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 62px;
      -ms-flex: 0 0 62px;
          flex: 0 0 62px;
  height: 62px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 5px;
  width: 62px;
}
.method-sp__name {
  color: #44494d;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
}
.choose-fee__list {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -10px;
}
@media (max-width: 991px) {
  .choose-fee__list {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    overflow: auto;
    margin: 0 -6px;
  }
}
.choose-fee__item {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  color: #b5b4b4;
  cursor: pointer;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 90px;
      -ms-flex: 0 0 90px;
          flex: 0 0 90px;
  letter-spacing: 0.02em;
  line-height: 20px;
  margin: 0 10px 10px;
  padding: 5px 2px;
  text-align: center;
  width: 90px;
}
@media (max-width: 991px) {
  .choose-fee__item {
    margin: 0 6px 10px;
  }
}
.choose-fee__item--selected,
.choose-fee__item:hover {
  background: -webkit-linear-gradient(bottom, rgba(238, 0, 51, 0.1), rgba(238, 0, 51, 0.1)), #fff;
  background: linear-gradient(0deg, rgba(238, 0, 51, 0.1), rgba(238, 0, 51, 0.1)), #fff;
  border-color: #ee0033;
  color: #ee0033;
}
.use-fee {
  margin: 20px 0 30px;
}
@media (max-width: 991px) {
  .use-fee {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    margin: 15px 0;
    padding: 12px 15px;
  }
}
.use-fee .check-fee__sub {
  margin: 0 0 10px;
}
.use-fee__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 991px) {
  .use-fee__top {
    margin: 0 0 5px;
  }
}
.use-fee__top .check-fee__sub {
  margin: 0 0 10px;
}
@media (max-width: 991px) {
  .use-fee__top .check-fee__sub {
    margin: 0;
  }
}
@media (max-width: 991px) {
  .use-fee__content {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.use-fee__intro {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.use-fee__intro .check-fee__sub {
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 3px;
}
.use-fee__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 5px;
}
@media (max-width: 991px) {
  .use-fee__info {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 10px 0 0;
  }
  .use-fee__info--row {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 2px 0 0;
  }
  .use-fee__info--row .use-fee__price {
    color: #ee0033;
    font-size: 24px;
    margin: 0;
  }
  .use-fee__info--row .use-fee__detail {
    margin: 0 0 0 10px;
  }
}
.use-fee__price {
  color: #ee0033;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 34px;
  font-weight: 600;
}
@media (max-width: 991px) {
  .use-fee__price {
    color: #595959;
    font-family: 'FS PFBeauSansPro', sans-serif;
    font-size: 28px;
    margin: 0 0 5px;
  }
}
.use-fee__price span {
  color: #44494d;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 0 0 10px;
}
@media (max-width: 991px) {
  .use-fee__price span {
    font-size: 12px;
    line-height: 18px;
  }
}
.use-fee__detail {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 20px;
}
@media (max-width: 991px) {
  .use-fee__detail {
    margin: 5px 0 0;
  }
}
.use-fee__icon {
  color: #ee0033;
  font-size: 0;
  margin: 0 8px 0 0;
}
.use-fee__icon i {
  font-size: 24px;
}
@media (max-width: 991px) {
  .use-fee__icon i {
    font-size: 20px;
  }
}
.use-fee__link {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
@media (max-width: 991px) {
  .use-fee__link {
    font-size: 12px;
    line-height: 18px;
  }
}
.use-fee__link:hover {
  color: #d11313;
  text-decoration: underline;
}
.use-fee__des {
  color: #727272;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
@media (max-width: 991px) {
  .use-fee__des {
    color: #44494d;
    font-weight: 400;
  }
}
.use-fee__des--sp {
  display: none;
}
@media (max-width: 991px) {
  .use-fee__des--sp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.use-fee__note {
  color: #44494d;
  font-size: 10px;
  font-style: italic;
  line-height: 16px;
  margin: 8px 0 0;
}
@media (max-width: 991px) {
  .use-fee__detail {
    margin: 5px 0 0;
  }
}
.use-fee__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0 0;
}
@media (max-width: 991px) {
  .use-fee__btn {
    margin: 0 0 0 10px;
  }
}
.use-fee__btn .button {
  width: 280px;
}
@media (max-width: 991px) {
  .use-fee__btn .button {
    width: 108px;
  }
}
.use-detail__item {
  background-color: #fbfbfb;
  border-radius: 8px 8px 8px 0;
  position: relative;
}
@media (max-width: 991px) {
  .use-detail__item {
    background-color: #fff;
    border-radius: 0;
    padding: 10px;
  }
}
.use-detail__item:not(:last-child) {
  margin: 0 0 5px;
}
.use-detail__link {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 25px 12px 15px;
}
@media (max-width: 991px) {
  .use-detail__link {
    padding: 0;
  }
}
.use-detail__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 20px 0 0;
  overflow: hidden;
}
.use-detail__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 30px;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  height: 30px;
  margin: 0 10px 0 0;
  width: 30px;
}
.use-detail__intro {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.use-detail__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .use-detail__name {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
  }
}
.use-detail__price {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 20px;
}
.use-detail__value {
  color: #44494d;
  font-size: 20px;
  font-weight: 500;
}
@media (max-width: 991px) {
  .use-detail__value {
    color: #ee0033;
    font-family: 'FS PFBeauSansPro', sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
  }
}
.use-detail__action {
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 15px;
}
@media (max-width: 991px) {
  .use-detail__action {
    color: #44494d;
  }
}
.use-detail__action i {
  font-size: 12px;
}
.use-detail__locked {
  background: url("../images_content/bg-locked.svg") center center no-repeat;
  height: 32px;
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
}
@media (max-width: 991px) {
  .use-detail__locked {
    background: none;
    height: auto;
    right: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: auto;
  }
}
.use-detail__icon {
  color: #727272;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 2px;
  top: 3px;
}
@media (max-width: 991px) {
  .use-detail__icon {
    position: static;
    right: auto;
    top: 0;
  }
}
.use-detail__icon i {
  font-size: 14px;
}
@media (max-width: 991px) {
  .use-detail__icon i {
    font-size: 20px;
  }
}
.use-detail__more {
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  font-weight: 600;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 24px;
  margin: 10px 0 0;
}
.history-fee__content {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 20px 0 0;
}
@media (max-width: 991px) {
  .history-fee__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 15px 0 0;
  }
}
.history-fee__chart {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.history-fee__chart img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.history-fee__action {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 270px;
      -ms-flex: 0 0 270px;
          flex: 0 0 270px;
  margin: 0 0 0 30px;
  width: 270px;
}
@media (max-width: 991px) {
  .history-fee__action {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 15px 0 0;
    width: 100%;
  }
}
.history-fee__btn {
  margin: 30px 0 0;
}
@media (max-width: 991px) {
  .history-fee__btn {
    display: none;
  }
}
.tickets-air {
  background-size: cover;
  display: block;
  padding: 40px 0 65px;
}
@media (max-width: 991px) {
  .tickets-air {
    padding: 15px 0 30px;
  }
}
.tickets-air--error {
  padding: 40px 0 110px;
}
@media (max-width: 991px) {
  .tickets-air--error {
    padding: 15px 0 30px;
  }
}
.tickets-air--check {
  padding: 40px 0 95px;
}
@media (max-width: 991px) {
  .tickets-air--check {
    padding: 15px 0 180px;
  }
}
.tickets-air--choose .tickets-air__main {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}
.tickets-air--buy .tickets-air__main {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}
.tickets-air--separation .tickets-air__main {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 585px;
      -ms-flex: 0 0 585px;
          flex: 0 0 585px;
  width: 585px;
}
.tickets-air--filter .tickets-air__main {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 945px;
      -ms-flex: 0 0 945px;
          flex: 0 0 945px;
  width: 945px;
}
.tickets-air--summary .box-tickets__code {
  background-color: #fff;
  padding: 0;
}
.tickets-air__inner {
  margin: 0 auto;
  max-width: 100%;
  padding: 0 15px;
  width: 1170px;
}
.tickets-air__top {
  margin-bottom: 30px;
  position: relative;
}
@media (max-width: 991px) {
  .tickets-air__top {
    margin-bottom: 20px;
  }
}
.tickets-air__title {
  color: #0c0033;
  font-family: "Montserrat";
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 36px;
  text-align: center;
}
@media (max-width: 991px) {
  .tickets-air__title {
    color: #ee0033;
    font-family: inherit;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
  }
}
.tickets-air__link {
  color: #ee0033;
  font-size: 14px;
  line-height: 21px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.tickets-air__prev {
  font-size: 0;
  left: 15px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.tickets-air__prev i {
  color: #fff;
  font-size: 18px;
}
.tickets-air__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 991px) {
  .tickets-air__body {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
.tickets-air__main {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 750px;
      -ms-flex: 0 0 750px;
          flex: 0 0 750px;
  margin: 0 auto;
  max-width: 100%;
  width: 750px;
}
.tickets-air__side {
  margin: 85px 0 0 30px;
}
@media (max-width: 991px) {
  .tickets-air__side {
    margin: 25px 0 0;
  }
}
.tickets-air__sub {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 40px 0 0;
}
@media (max-width: 991px) {
  .tickets-air__sub {
    margin: 30px 0 0;
  }
}
.tickets-air__sub-name {
  color: #000;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: "Montserrat";
  font-size: 18px;
  font-weight: bold;
  margin: 0 20px 0 0;
}
@media (max-width: 991px) {
  .tickets-air__sub-name {
    font-size: 14px;
  }
}
.tickets-air__sub-links {
  color: #ee0033;
  font-size: 18px;
  text-decoration: underline;
}
@media (max-width: 991px) {
  .tickets-air__sub-links {
    font-size: 12px;
  }
}
.tickets-air__form {
  margin-bottom: 30px;
}
.tickets-air .form-vertical {
  margin-bottom: 15px;
}
.tickets-air .form-vertical .label-title {
  color: #000;
  line-height: 21px;
  margin-bottom: 5px;
  min-height: 21px;
}
.tickets-air .form-vertical .form-control {
  border-radius: 6px;
  line-height: 18px;
  padding: 10px 15px;
}
.tickets-air .form-vertical .form-control::-webkit-input-placeholder {
  color: #c4c4c4;
  font-style: italic;
}
.tickets-air .form-vertical .form-control::-moz-placeholder {
  color: #c4c4c4;
  font-style: italic;
}
.tickets-air .form-vertical .form-control:-ms-input-placeholder {
  color: #c4c4c4;
  font-style: italic;
}
.tickets-air .form-vertical .form-control::placeholder {
  color: #c4c4c4;
  font-style: italic;
}
.tickets-air__btn {
  margin-top: 30px;
  text-align: center;
}
.tickets-air__btn .btn {
  border-radius: 6px;
  border-width: 1px;
  line-height: 20px;
  min-width: 360px;
}
@media (max-width: 991px) {
  .tickets-air__btn .btn {
    min-width: 100%;
  }
}
.box-tickets {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
  margin-top: 30px;
  padding: 30px 30px 24px;
}
@media (max-width: 991px) {
  .box-tickets {
    border-radius: 6px;
    margin-top: 25px;
    padding: 25px 15px 15px;
  }
}
.box-tickets__tag {
  background-color: #ee0033;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  padding: 2px 10px;
}
@media (max-width: 991px) {
  .box-tickets__tag {
    font-size: 12px;
    padding: 5px 6px;
  }
}
.box-tickets__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0 16px;
}
@media (max-width: 991px) {
  .box-tickets__top {
    margin: 10px 0 15px;
  }
}
.box-tickets__detail {
  background-color: #f9f9f9;
  border-radius: 6px;
  margin: 0 -10px;
  padding: 12px 15px;
}
@media (max-width: 991px) {
  .box-tickets__detail {
    background-color: #f2f2f2;
    margin: 0 -5px;
    padding: 15px 12px;
  }
}
.box-tickets__detail--space {
  margin: 0 -10px 40px;
}
@media (max-width: 991px) {
  .box-tickets__detail--space {
    margin: 0 -5px 20px;
  }
}
.box-tickets__detail--price {
  background-color: #fff;
  padding: 25px 15px 0;
}
@media (max-width: 991px) {
  .box-tickets__detail--price {
    padding: 15px 10px 5px;
  }
}
.box-tickets__sub {
  color: #000;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  margin: 0 0 8px;
}
@media (max-width: 991px) {
  .box-tickets__sub {
    font-size: 16px;
  }
}
.box-tickets__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.box-tickets__info:not(:last-child) {
  margin: 0 0 5px;
}
.box-tickets__text {
  color: #000;
  font-size: 16px;
  line-height: 21px;
  margin: 0 20px 0 0;
}
@media (max-width: 991px) {
  .box-tickets__text {
    font-size: 14px;
  }
}
.box-tickets__text span {
  margin: 0 0 0 10px;
}
.box-tickets__text.cancel {
  color: #ff0048;
}
.box-tickets__text.success {
  color: #4eb8f4;
}
.box-tickets__text.holding {
  color: #fe9a00;
}
.box-tickets__text.waiting {
  color: #c4c4c4;
}
.box-tickets__text.check-in {
  color: #576c8a;
}
.box-tickets__value {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
}
@media (max-width: 991px) {
  .box-tickets__value {
    font-size: 14px;
  }
}
.box-tickets__value.price {
  color: #ee0033;
  font-size: 22px;
}
@media (max-width: 991px) {
  .box-tickets__value.price {
    font-size: 20px;
  }
}
.box-tickets__value.links {
  color: #ee0033;
  font-size: 18px;
  font-weight: normal;
  text-decoration: underline;
}
@media (max-width: 991px) {
  .box-tickets__value.links {
    font-size: 12px;
  }
}
.box-tickets__code {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f2f2f2;
  border-radius: 6px;
  color: #000;
  display: none;
  font-size: 14px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 21px;
  padding: 8px 12px;
}
@media (max-width: 991px) {
  .box-tickets__code {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.box-tickets__code-title {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.box-tickets__code-value {
  font-weight: 500;
  margin: 0 0 0 20px;
}
.box-tickets--cancel .tickets-info__place {
  color: #979797;
  font-weight: normal;
}
@media (max-width: 991px) {
  .box-tickets--cancel .tickets-info__place {
    color: #333;
    font-weight: 500;
  }
}
.box-tickets--cancel .tickets-info__text {
  color: #ee0033;
}
@media (max-width: 991px) {
  .box-tickets--cancel .tickets-info__text {
    color: #4f4f4f;
  }
}
.box-tickets--cancel .tickets-info__note {
  color: #c4c4c4;
}
@media (max-width: 991px) {
  .box-tickets--cancel .tickets-info__note {
    color: #4f4f4f;
  }
}
.box-tickets--cancel .box-tickets__top {
  margin: 20px 0 0;
}
.box-tickets__line {
  background-color: #eee;
  display: none;
  height: 1px;
  margin: 20px 0 20px;
  width: 100%;
}
@media (max-width: 991px) {
  .box-tickets__line {
    display: block;
  }
}
.tickets-code {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100px;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
  margin: 0 10px;
  width: 100px;
}
@media (max-width: 991px) {
  .tickets-code {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 60px;
        -ms-flex: 0 0 60px;
            flex: 0 0 60px;
    margin: 0 5px;
    width: 60px;
  }
}
.tickets-code__inner {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 50px;
}
.tickets-code__name {
  color: #000;
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
}
@media (max-width: 991px) {
  .tickets-code__name {
    font-size: 20px;
  }
}
.tickets-code__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 3px 0;
}
.tickets-code__icon img {
  border-bottom: 2px solid #ee0033;
  padding: 0 0 3px;
}
.tickets-info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.tickets-info__list {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -10px;
}
.tickets-info__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3 - 20px);
      -ms-flex: 0 0 calc(100% / 3 - 20px);
          flex: 0 0 calc(100% / 3 - 20px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 10px;
  width: calc(100% / 3 - 20px);
}
.tickets-info__item--center {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.tickets-info__item--last {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.tickets-info__time {
  color: #000;
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
}
@media (max-width: 991px) {
  .tickets-info__time {
    font-size: 20px;
  }
}
.tickets-info__place {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  margin: 8px 0;
}
@media (max-width: 991px) {
  .tickets-info__place {
    color: #333;
    font-size: 12px;
    margin: 5px 0;
  }
}
.tickets-info__note {
  color: #576c8a;
  font-size: 14px;
  line-height: 21px;
}
@media (max-width: 991px) {
  .tickets-info__note {
    font-size: 12px;
  }
}
.tickets-info__note-sp {
  color: #4f4f4f;
  font-size: 14px;
  line-height: 21px;
  margin: 10px 0 0;
  text-align: center;
  width: 100%;
}
.tickets-info__des {
  border: 1px solid #ee0033;
  border-radius: 6px;
  color: #000;
  font-size: 14px;
  line-height: 21px;
  margin: 15px 0 25px;
  padding: 4px 10px;
  text-align: center;
}
@media (max-width: 991px) {
  .tickets-info__des {
    color: #ee0033;
    font-family: "Montserrat";
    margin: 15px 0 20px;
  }
}
.tickets-info__code {
  color: #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  line-height: 21px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 991px) {
  .tickets-info__code {
    display: none;
    font-size: 14px;
  }
}
.tickets-info__code-title {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.tickets-info__code-value {
  font-weight: 500;
  margin: 0 0 0 20px;
}
.tickets-info__text {
  color: #576c8a;
  font-size: 14px;
  line-height: 18px;
}
@media (max-width: 991px) {
  .tickets-info__text {
    font-size: 12px;
  }
}
.tickets-info__txt {
  font-weight: 500;
  margin: 0 2px 0 0;
}
.tickets-info__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #e7e7e7;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 26px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 8px 0;
  position: relative;
  width: 26px;
}
@media (max-width: 991px) {
  .tickets-info__icon {
    height: 34px;
    margin: 5px 0;
    width: 34px;
  }
}
.tickets-info__icon:before {
  background-color: #e7e7e7;
  content: "";
  height: 1px;
  right: 25px;
  position: absolute;
  width: 100px;
}
@media (max-width: 991px) {
  .tickets-info__icon:before {
    right: 33px;
    width: 30px;
  }
}
.tickets-info__icon:after {
  background-color: #e7e7e7;
  content: "";
  height: 1px;
  position: absolute;
  left: 25px;
  width: 100px;
}
@media (max-width: 991px) {
  .tickets-info__icon:after {
    left: 33px;
    width: 30px;
  }
}
.tickets-info__position {
  color: #979797;
  font-family: "Montserrat";
  font-size: 14px;
  line-height: 21px;
}
.tickets-info__mark {
  color: #000;
  font-family: "Montserrat";
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
}
.tickets-info__location {
  color: #000;
  font-size: 14px;
  line-height: 21px;
}
.tickets-price {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tickets-price--pc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 5px 0 0;
}
@media (max-width: 991px) {
  .tickets-price--pc {
    display: none;
  }
}
.tickets-price--sp {
  display: none;
}
@media (max-width: 991px) {
  .tickets-price--sp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.tickets-price__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #979797;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  line-height: 18px;
  margin: 0 20px 0 0;
}
@media (max-width: 991px) {
  .tickets-price__info {
    margin: 0 10px 0 0;
  }
}
.tickets-price__name {
  margin: 0 20px 0 0;
}
@media (max-width: 991px) {
  .tickets-price__name {
    margin: 0 10px 0 0;
  }
}
.tickets-price__number {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
}
@media (max-width: 991px) {
  .tickets-price__number {
    color: #4f4f4f;
    font-size: 14px;
  }
}
.tickets-total {
  margin: 50px 0 0;
  text-align: center;
}
@media (max-width: 991px) {
  .tickets-total {
    margin: 28px 0 0;
  }
}
.tickets-total__title {
  color: #000;
  font-size: 16px;
  line-height: 21px;
  margin: 0 0 5px;
}
@media (max-width: 991px) {
  .tickets-total__title {
    font-size: 14px;
  }
}
.tickets-total__price {
  color: #ee0033;
  font-family: "Montserrat";
  font-size: 36px;
  font-weight: bold;
}
.tickets-basic {
  margin: 45px 0 0;
}
@media (max-width: 991px) {
  .tickets-basic {
    margin: 20px 0 0;
  }
}
.tickets-basic__list {
  margin: 0 -20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media (max-width: 991px) {
  .tickets-basic__list {
    margin: 0;
  }
}
.tickets-basic__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 40px);
      -ms-flex: 0 0 calc(100% / 2 - 40px);
          flex: 0 0 calc(100% / 2 - 40px);
  margin: 0 20px 30px;
  position: relative;
  width: calc(100% / 2 - 40px);
}
@media (max-width: 991px) {
  .tickets-basic__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin: 0 0 16px;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .tickets-basic__item.order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
}
.tickets-basic__item.order-2 .tickets-basic__links {
  margin: 5px 0 0;
}
@media (max-width: 991px) {
  .tickets-basic__item.order-2 .tickets-basic__links {
    position: absolute;
    right: 0;
    top: 0;
  }
}
@media (max-width: 991px) {
  .tickets-basic__item.order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media (max-width: 991px) {
  .tickets-basic__item.order-4 {
    margin: 0;
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
}
.tickets-basic__title {
  color: #000;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  margin: 0 0 8px;
}
@media (max-width: 991px) {
  .tickets-basic__title {
    font-size: 16px;
    margin: 0 0 5px;
  }
}
.tickets-basic__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
}
@media (max-width: 991px) {
  .tickets-basic__info {
    font-size: 14px;
  }
}
.tickets-basic__info:not(:last-child) {
  margin: 0 0 5px;
}
.tickets-basic__info--price {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tickets-basic__info--price .tickets-basic__value {
  color: #ee0033;
  font-size: 20px;
  font-weight: 500;
}
.tickets-basic__value {
  margin: 0 0 0 5px;
}
.tickets-basic__des {
  color: #576c8a;
  font-size: 14px;
  font-style: italic;
  line-height: 18px;
  margin: 5px 0 0;
}
@media (max-width: 991px) {
  .tickets-basic__des {
    font-size: 12px;
  }
}
.tickets-basic__links {
  color: #ee0033;
  display: block;
  font-size: 16px;
  line-height: 18px;
  margin: 30px 0 0;
  text-decoration: underline;
}
@media (max-width: 991px) {
  .tickets-basic__links {
    font-size: 12px;
    margin: 16px 0 0;
  }
}
.tickets-basic__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.tickets-basic__btn .btn {
  border-radius: 6px;
  border-width: 1px;
  padding: 12px 24px;
  width: 100%;
}
.tickets-basic__btn .btn:not(:last-child) {
  margin: 0 0 10px;
}
.tickets-side__title {
  color: #000;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  margin: 0 0 8px;
}
@media (max-width: 991px) {
  .tickets-side__title {
    font-size: 14px;
  }
}
.tickets-side__item--cancel {
  margin: 20px 0 18px;
}
@media (max-width: 991px) {
  .tickets-side__item--cancel {
    margin: 16px 0;
  }
}
.tickets-side__item--cancel .tickets-side__info {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tickets-side__item--cancel .tickets-side__value {
  font-weight: 500;
}
.tickets-side__info {
  color: #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  line-height: 21px;
}
@media (max-width: 991px) {
  .tickets-side__info {
    font-size: 14px;
  }
}
.tickets-side__info:not(:last-child) {
  margin: 0 0 5px;
}
.tickets-side__value {
  margin: 0 0 0 5px;
}
.tickets-side__value.total {
  color: #ee0033;
}
.tickets-side__des {
  color: #576c8a;
  font-size: 14px;
  line-height: 21px;
}
.tickets-side__btn {
  margin: 25px 0 0;
}
.tickets-side__btn .btn {
  border-width: 1px;
  border-radius: 6px;
  padding: 12px 20px;
  width: 100%;
}
.check-order__label {
  color: #0c0033;
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 5px;
}
@media (max-width: 991px) {
  .check-order__label {
    color: #000;
    font-weight: bold;
    margin-bottom: 12px;
  }
}
.check-order__form {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 991px) {
  .check-order__form {
    -webkit-box-align: inherit;
    -webkit-align-items: inherit;
        -ms-flex-align: inherit;
            align-items: inherit;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.check-order__input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 30px;
  position: relative;
}
@media (max-width: 991px) {
  .check-order__input {
    margin-right: 0;
  }
}
.check-order__input .form-control {
  padding: 14px 20px 14px 55px;
}
@media (max-width: 991px) {
  .check-order__input .form-control {
    border-radius: 6px;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    padding: 10px 20px 10px 48px;
  }
  .check-order__input .form-control::-webkit-input-placeholder {
    font-style: italic;
    font-weight: normal;
  }
  .check-order__input .form-control::-moz-placeholder {
    font-style: italic;
    font-weight: normal;
  }
  .check-order__input .form-control:-ms-input-placeholder {
    font-style: italic;
    font-weight: normal;
  }
  .check-order__input .form-control::placeholder {
    font-style: italic;
    font-weight: normal;
  }
}
.check-order__icon {
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 991px) {
  .check-order__icon {
    left: 15px;
  }
}
@media (max-width: 991px) {
  .check-order__btn {
    margin-top: 30px;
  }
}
.check-order__btn .btn {
  border-width: 1px;
  min-width: 263px;
  padding: 12px 20px;
}
@media (max-width: 991px) {
  .check-order__btn .btn {
    border-radius: 6px;
    width: 100%;
  }
}
.error-results {
  background-color: #fff;
  border-radius: 6px;
  padding: 40px;
  text-align: center;
}
@media (max-width: 991px) {
  .error-results {
    background-color: transparent;
    padding: 0;
  }
}
@media (max-width: 991px) {
  .error-results__info {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 500px;
    padding: 30px 40px;
  }
}
.error-results__images {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .error-results__images {
    display: none;
  }
}
.error-results__images--sp {
  margin-bottom: 15px;
  display: none;
}
@media (max-width: 991px) {
  .error-results__images--sp {
    display: block;
  }
}
.error-results__des {
  color: #576c8a;
  font-size: 14px;
  font-style: italic;
  font-weight: 300;
  line-height: 24px;
}
.error-results__btn {
  margin-top: 30px;
  text-align: center;
}
.error-results__btn .btn {
  border-radius: 6px;
  border-width: 1px;
  line-height: 20px;
  min-width: 343px;
}
@media (max-width: 991px) {
  .error-results__btn .btn {
    min-width: 100%;
  }
}
.list-passengers {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
  margin: 30px auto 0;
  max-width: 555px;
  padding: 35px;
}
@media (max-width: 991px) {
  .list-passengers {
    border-radius: 6px;
    max-width: 100%;
    padding: 20px 15px;
  }
}
.list-passengers--full {
  max-width: 945px;
  padding: 25px;
}
@media (max-width: 991px) {
  .list-passengers--full {
    max-width: 100%;
    padding: 20px 15px;
  }
}
.list-passengers__list {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0;
}
.list-passengers__item {
  margin: 0;
  width: 100%;
}
.list-passengers__item:not(:last-child) {
  margin: 0 0 40px;
}
@media (max-width: 991px) {
  .list-passengers__item:not(:last-child) {
    margin: 0 0 20px;
  }
}
.list-passengers__sub {
  color: #000;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 12px;
}
@media (max-width: 991px) {
  .list-passengers__sub {
    font-size: 18px;
  }
}
.list-passengers__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #e7e7e7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 12px;
  padding-bottom: 10px;
}
.list-passengers__name {
  color: #ee0033;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  margin-right: 15px;
}
@media (max-width: 991px) {
  .list-passengers__name {
    font-size: 16px;
  }
}
.list-passengers__level {
  color: #ee0033;
  font-size: 16px;
  line-height: 21px;
}
@media (max-width: 991px) {
  .list-passengers__level {
    font-size: 14px;
  }
}
.list-passengers__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 21px;
}
@media (max-width: 991px) {
  .list-passengers__info {
    font-size: 14px;
  }
}
.list-passengers__info:not(:last-child) {
  margin-bottom: 5px;
}
.info-passengers {
  margin: 60px 0 40px;
}
@media (max-width: 991px) {
  .info-passengers {
    margin: 30px 0;
  }
}
.info-passengers__title {
  color: #0c0033;
  font-family: "Montserrat";
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  margin: 0 0 30px;
  text-align: center;
}
@media (max-width: 991px) {
  .info-passengers__title {
    display: none;
  }
}
.info-passengers__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -10px;
}
@media (max-width: 991px) {
  .info-passengers__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.info-passengers__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3 - 20px);
      -ms-flex: 0 0 calc(100% / 3 - 20px);
          flex: 0 0 calc(100% / 3 - 20px);
  margin: 0 10px;
  width: calc(100% / 3 - 20px);
}
@media (max-width: 991px) {
  .info-passengers__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    width: 100%;
  }
  .info-passengers__item:not(:last-child) {
    margin: 0 0 16px;
  }
}
.info-passengers__sub {
  color: #000;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  margin: 0 0 10px;
}
@media (max-width: 991px) {
  .info-passengers__sub {
    font-size: 16px;
    margin: 0 0 8px;
  }
}
.info-passengers__row {
  color: #000;
  font-size: 16px;
  line-height: 21px;
}
@media (max-width: 991px) {
  .info-passengers__row {
    font-size: 14px;
  }
}
.info-passengers__row:not(:last-child) {
  margin: 0 0 3px;
}
.info-passengers__value {
  margin: 0 0 0 5px;
}
.box-payment {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px;
}
@media (max-width: 991px) {
  .box-payment {
    border-radius: 6px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 15px;
  }
}
.box-payment__sub {
  color: #252525;
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 15px;
}
@media (max-width: 991px) {
  .box-payment__sub {
    color: #000;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 10px;
  }
}
.box-payment__line {
  background-color: #e7e7e7;
  margin: 0 30px;
  width: 1px;
}
@media (max-width: 991px) {
  .box-payment__line {
    display: none;
  }
}
.discount-code {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 60%;
      -ms-flex: 0 0 60%;
          flex: 0 0 60%;
}
@media (max-width: 991px) {
  .discount-code {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 16px;
    width: 100%;
  }
}
.discount-code__form {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.discount-code .form-control {
  border-radius: 6px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 9px 15px;
}
.discount-code .btn {
  border-width: 1px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 164px;
      -ms-flex: 0 0 164px;
          flex: 0 0 164px;
  margin: 0 0 0 30px;
  padding: 12px 15px;
}
@media (max-width: 991px) {
  .discount-code .btn {
    border-radius: 6px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 133px;
        -ms-flex: 0 0 133px;
            flex: 0 0 133px;
    margin: 0 0 0 16px;
    padding: 10px 15px;
  }
}
.discount-code__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
  margin: 12px 0 0;
}
@media (max-width: 991px) {
  .discount-code__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.discount-code__images {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fe9a00;
  border-radius: 6px 0 0 6px;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 97px;
      -ms-flex: 0 0 97px;
          flex: 0 0 97px;
  font-size: 14px;
  height: 44px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.discount-code__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fe6b00;
  border-radius: 0 6px 6px 0;
  color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 44px;
      -ms-flex: 0 0 44px;
          flex: 0 0 44px;
  height: 44px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.discount-code__icon i {
  font-size: 20px;
}
.discount-code__note {
  color: #576c8a;
  display: none;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  margin: 12px 0 0;
}
@media (max-width: 991px) {
  .discount-code__note {
    display: block;
  }
}
.payment-methods .radio-customize {
  margin: 0 0 2px;
}
.payment-methods .radio-customize__sub {
  color: #252525;
  font-size: 14px;
  letter-spacing: 0.0875px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .payment-methods .radio-customize__sub {
    color: #000;
    letter-spacing: 0;
    line-height: 21px;
  }
}
.payment-methods__note {
  color: #576c8a;
  font-size: 14px;
  font-style: italic;
  font-weight: 300;
  line-height: 24px;
  padding: 0 0 0 30px;
}
@media (max-width: 991px) {
  .payment-methods__note {
    font-size: 12px;
    line-height: 18px;
  }
}
.payment-amount {
  margin: 60px 0 0;
}
@media (max-width: 991px) {
  .payment-amount {
    margin: 30px 0 0;
  }
}
.payment-amount__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 15px;
}
@media (max-width: 991px) {
  .payment-amount__top {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
    padding: 10px 15px;
  }
}
.payment-amount__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.payment-amount__title {
  color: #252525;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0.15px;
  line-height: 28px;
  margin: 0 0 5px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .payment-amount__title {
    color: #576c8a;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 21px;
    margin: 0 0 2px;
    text-transform: inherit;
  }
}
.payment-amount__note {
  color: #576c8a;
  font-size: 14px;
  font-style: italic;
  font-weight: 300;
  line-height: 24px;
}
@media (max-width: 991px) {
  .payment-amount__note {
    font-size: 12px;
    line-height: 18px;
  }
}
.payment-amount__price {
  color: #ee0033;
  font-family: "Montserrat";
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  margin: 0 0 0 20px;
}
@media (max-width: 991px) {
  .payment-amount__price {
    font-size: 16px;
    line-height: 24px;
  }
}
.payment-amount__confirm {
  margin: 15px 0;
}
@media (max-width: 991px) {
  .payment-amount__confirm {
    margin: 15px 0 10px;
  }
}
.payment-amount .checkbox {
  color: #576c8a;
  font-size: 14px;
  line-height: 21px;
}
.payment-amount .checkbox__checkmark {
  top: 3px;
}
.payment-amount__checkbox {
  margin: 15px 0 20px;
}
@media (max-width: 991px) {
  .payment-amount__checkbox {
    margin: 10px 0 15px;
  }
}
.payment-amount__checkbox .check-box__txt {
  font-size: 14px;
}
.payment-amount__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 340px;
      -ms-flex: 0 0 340px;
          flex: 0 0 340px;
  margin: 30px 0 0;
  width: 340px;
}
@media (max-width: 991px) {
  .payment-amount__btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 20px 0 0;
    width: 100%;
  }
}
.payment-amount__btn .btn {
  border-radius: 6px;
  border-width: 1px;
  padding: 12px 15px;
  width: 100%;
}
.bill-electronic {
  background-color: #f2f2f2;
  border-radius: 8px 8px 8px 0;
  margin: 15px 0 30px;
  padding: 20px 20px 15px;
}
@media (max-width: 991px) {
  .bill-electronic {
    margin: 15px 0 20px;
    padding: 10px 12px 5px;
  }
}
.bill-electronic__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 15px;
}
@media (max-width: 991px) {
  .bill-electronic__title {
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 10px;
  }
}
.choose-place__input {
  position: relative;
}
.choose-place__input .form-control {
  padding: 14px 290px 14px 55px;
}
@media (max-width: 991px) {
  .choose-place__input .form-control {
    border-radius: 6px;
    padding: 10px 45px;
  }
}
.choose-place__input .form-control::-webkit-input-placeholder {
  color: #576c8a;
  font-style: italic;
  font-weight: 300;
}
.choose-place__input .form-control::-moz-placeholder {
  color: #576c8a;
  font-style: italic;
  font-weight: 300;
}
.choose-place__input .form-control:-ms-input-placeholder {
  color: #576c8a;
  font-style: italic;
  font-weight: 300;
}
.choose-place__input .form-control::placeholder {
  color: #576c8a;
  font-style: italic;
  font-weight: 300;
}
@media (max-width: 991px) {
  .choose-place__input .form-control::-webkit-input-placeholder {
    color: #c4c4c4;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
  }
  .choose-place__input .form-control::-moz-placeholder {
    color: #c4c4c4;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
  }
  .choose-place__input .form-control:-ms-input-placeholder {
    color: #c4c4c4;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
  }
  .choose-place__input .form-control::placeholder {
    color: #c4c4c4;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
  }
}
.choose-place__icon {
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.choose-place__link {
  color: #ee0033;
  font-size: 20px;
  position: absolute;
  right: 20px;
  text-decoration: underline;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.choose-place__link-sp {
  color: #ee0033;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  margin: 10px 0 0;
  text-decoration: underline;
}
.choose-place__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 40px -15px 0;
}
@media (max-width: 991px) {
  .choose-place__content {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: 20px 0 0;
  }
}
.choose-place__col {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
  .choose-place__col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin: 0;
    width: 100%;
  }
  .choose-place__col:not(:last-child) {
    margin: 0 0 25px;
  }
}
.choose-place__sub {
  color: #000;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  margin: 0 0 20px;
}
@media (max-width: 991px) {
  .choose-place__sub {
    font-family: "Montserrat";
    font-size: 16px;
    margin: 0 0 10px;
  }
}
.choose-place__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.14);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 20px;
  position: relative;
}
@media (max-width: 991px) {
  .choose-place__item {
    padding: 12px 10px;
  }
}
.choose-place__item:not(:last-child) {
  margin: 0 0 30px;
}
@media (max-width: 991px) {
  .choose-place__item:not(:last-child) {
    margin: 0 0 15px;
  }
}
.choose-place__item .radio-custom1 .checkmark {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.choose-place__name {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  margin: 0 0 5px;
  word-break: break-word;
}
@media (max-width: 991px) {
  .choose-place__name {
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 2px;
  }
}
.choose-place__des {
  color: #000;
  font-size: 14px;
  line-height: 18px;
  word-break: break-word;
}
@media (max-width: 991px) {
  .choose-place__des {
    font-size: 12px;
    font-style: italic;
  }
}
.tickets-buy {
  margin: 40px 0 0;
}
@media (max-width: 991px) {
  .tickets-buy {
    margin: 20px 0 0;
  }
}
.tickets-buy__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}
@media (max-width: 991px) {
  .tickets-buy__row {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: 0;
  }
}
.tickets-buy__col {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px;
  position: relative;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
  .tickets-buy__col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin: 0;
    width: 100%;
  }
  .tickets-buy__col:not(:last-child) {
    margin: 0;
  }
}
.tickets-buy__box {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.14);
  padding: 25px 60px;
}
@media (max-width: 991px) {
  .tickets-buy__box {
    box-shadow: none;
    padding: 25px 20px;
  }
}
.tickets-buy__radio {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 25px;
}
.tickets-buy__radio .radio-customize {
  margin: 0;
}
.tickets-buy__radio .radio-customize:not(last-child) {
  margin: 0 30px 0 0;
}
.tickets-buy__radio .radio-customize .txt-radio {
  color: #576c8a;
  font-weight: 300;
  line-height: 18px;
}
.tickets-buy__radio .radio-custom1 .checkmark {
  height: 18px;
  top: 0;
  width: 18px;
}
.tickets-buy__radio .radio-custom1 input:checked ~ .checkmark:after {
  height: 8px;
  width: 8px;
}
.tickets-buy__radio .radio-custom1 input:checked ~ .checkmark ~ span {
  font-weight: 300;
}
.tickets-buy__btn {
  bottom: 0;
  position: absolute;
  right: 0;
}
@media (max-width: 991px) {
  .tickets-buy__btn {
    margin: 30px 0 0;
    position: static;
  }
}
.tickets-buy__btn .btn {
  border-radius: 6px;
  width: 200px;
}
@media (max-width: 991px) {
  .tickets-buy__btn .btn {
    width: 100%;
  }
}
.tickets-buy__order {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0 0 16px;
}
@media (max-width: 991px) {
  .tickets-buy__order {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.tickets-buy__order img {
  height: 14px;
  margin: 0 0 0 10px;
  width: 14px;
}
.tickets-buy__link-sp {
  color: #ee0033;
  font-size: 14px;
  line-height: 21px;
}
.tickets-buy .tickets-info__icon {
  height: 38px;
  width: 38px;
}
.tickets-buy .tickets-info__icon:before {
  right: 38px;
}
.tickets-buy .tickets-info__icon:after {
  left: 38px;
}
@media (max-width: 991px) {
  .tickets-date {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 30px -8px 0;
  }
}
.tickets-date__item {
  position: relative;
}
@media (max-width: 991px) {
  .tickets-date__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2 - 16px);
        -ms-flex: 0 0 calc(100% / 2 - 16px);
            flex: 0 0 calc(100% / 2 - 16px);
    margin: 0 8px;
    width: calc(100% / 2 - 16px);
  }
  .tickets-date__item--full {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 8px;
    width: 100%;
  }
}
.tickets-date__item:not(:last-child) {
  margin: 0 0 30px;
}
@media (max-width: 991px) {
  .tickets-date__item:not(:last-child) {
    margin: 0 8px;
  }
}
.tickets-date__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  left: 20px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.tickets-date .form-control {
  border: 0;
  border-radius: 6px;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.14);
  padding: 10px 20px 10px 45px;
}
.tickets-date__action {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  right: 20px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.tickets-date__action i {
  color: #576c8a;
  font-size: 8px;
}
.personal-info {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.14);
  margin: 30px 0 0;
  overflow: hidden;
}
.personal-info__list {
  border-bottom: 1px solid #ededed;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 32px;
}
@media (max-width: 991px) {
  .personal-info__list {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
.personal-info__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3);
      -ms-flex: 0 0 calc(100% / 3);
          flex: 0 0 calc(100% / 3);
  text-align: center;
  width: calc(100% / 3);
}
.personal-info__item:not(:last-child) {
  border-right: 1px solid #eee;
}
.personal-info__name {
  background-color: #dcf3f4;
  color: #ee0033;
  font-size: 14px;
  font-weight: normal;
  line-height: 21px;
  padding: 8px 15px;
}
.personal-info__age {
  color: #979797;
  font-size: 14px;
  line-height: 21px;
  padding: 18px 15px;
}
.personal-info__detail {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f7f7f7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 12px 36px;
}
@media (max-width: 991px) {
  .personal-info__detail {
    padding: 10px 20px;
  }
}
.personal-info__action {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 50%;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20px;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  font-size: 14px;
  height: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.personal-info__number {
  color: #ee0033;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
}
.separation-code {
  padding: 0 25px;
}
@media (max-width: 991px) {
  .separation-code {
    padding: 0;
  }
}
.separation-code__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 15px;
}
@media (max-width: 991px) {
  .separation-code__top {
    margin: 0 0 10px;
  }
}
.separation-code__sub {
  color: #000;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 18px;
  font-weight: bold;
  margin: 0 20px 0 0;
}
@media (max-width: 991px) {
  .separation-code__sub {
    font-size: 16px;
  }
}
.separation-code__link {
  color: #ee0033;
  font-size: 18px;
  line-height: 18px;
  text-decoration: underline;
}
@media (max-width: 991px) {
  .separation-code__link {
    font-size: 12px;
  }
}
.separation-code__price {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
}
@media (max-width: 991px) {
  .separation-code__price {
    font-size: 14px;
  }
}
.separation-code__btn {
  margin: 25px 0 0;
  text-align: center;
}
.separation-code__btn .btn {
  border-radius: 6px;
  border-width: 1px;
  padding: 12px 20px;
  width: 360px;
}
@media (max-width: 991px) {
  .separation-code__btn .btn {
    width: 100%;
  }
}
.personal-code {
  margin: 0 0 25px;
}
.personal-code .separation-code__sub {
  font-family: "Montserrat";
}
@media (max-width: 991px) {
  .personal-code .separation-code__sub {
    font-family: inherit;
  }
}
.personal-code__select {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -10px;
}
@media (max-width: 991px) {
  .personal-code__select {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.personal-code .radio-customize {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 20px);
      -ms-flex: 0 0 calc(100% / 2 - 20px);
          flex: 0 0 calc(100% / 2 - 20px);
  margin: 0 10px;
  width: calc(100% / 2 - 20px);
}
@media (max-width: 991px) {
  .personal-code .radio-customize {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin: 0;
    width: 100%;
  }
  .personal-code .radio-customize:not(:last-child) {
    margin: 0 0 10px;
  }
}
.personal-code .radio-customize__sub {
  color: #000;
  font-size: 16px;
  line-height: 21px;
  margin: 0 0 3px;
}
@media (max-width: 991px) {
  .personal-code .radio-customize__sub {
    font-size: 14px;
  }
}
.personal-code .radio-customize__des {
  color: #576c8a;
  font-size: 16px;
  line-height: 21px;
}
@media (max-width: 991px) {
  .personal-code .radio-customize__des {
    font-size: 14px;
  }
}
.regulations-code__list {
  margin: 0 -25px;
}
@media (max-width: 991px) {
  .regulations-code__list {
    margin: 0;
  }
}
.regulations-code__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.regulations-code__item:not(:last-child) {
  margin: 0 0 8px;
}
@media (max-width: 991px) {
  .regulations-code__item:not(:last-child) {
    margin: 0 0 5px;
  }
}
.regulations-code__icon {
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 0;
  margin: 0 10px 0 0;
}
.regulations-code__icon i {
  font-size: 16px;
  line-height: 21px;
}
@media (max-width: 991px) {
  .regulations-code__icon i {
    font-size: 14px;
  }
}
.regulations-code__text {
  color: #576c8a;
  font-size: 16px;
  line-height: 21px;
}
@media (max-width: 991px) {
  .regulations-code__text {
    font-size: 14px;
  }
}
.regulations-code__select {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 25px 0;
}
@media (max-width: 991px) {
  .regulations-code__select {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 18px 0;
  }
}
.regulations-code__select .radio-customize {
  margin: 0;
}
.regulations-code__select .radio-customize:not(:last-child) {
  margin: 0 40px 0 0;
}
@media (max-width: 991px) {
  .regulations-code__select .radio-customize:not(:last-child) {
    margin: 0 0 15px;
  }
}
.regulations-code__select .radio-custom1 .checkmark {
  top: 0;
}
.regulations-code__select .text-radio {
  color: #000;
  font-size: 16px;
  line-height: 21px;
}
@media (max-width: 991px) {
  .regulations-code__select .text-radio {
    font-size: 14px;
  }
}
.filter-results__sub {
  color: #252525;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0.15px;
  line-height: 28px;
  margin: 0 0 30px;
  word-break: break-word;
}
@media (max-width: 991px) {
  .filter-results__sub {
    color: #000;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0 0 16px;
  }
}
.filter-results__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 991px) {
  .filter-results__detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.filter-results__btn {
  margin: 80px 0 0;
  text-align: center;
}
@media (max-width: 991px) {
  .filter-results__btn {
    margin: 35px 0 0;
  }
}
.filter-results__btn .btn {
  border-radius: 6px;
  width: 262px;
}
@media (max-width: 991px) {
  .filter-results__btn .btn {
    width: 100%;
  }
}
.filter-time {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.filter-time__content {
  border-bottom: 1px solid #eee;
  border-radius: 6px;
  overflow: hidden;
}
.filter-time__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.filter-time__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3);
      -ms-flex: 0 0 calc(100% / 3);
          flex: 0 0 calc(100% / 3);
  text-align: center;
  width: calc(100% / 3);
}
.filter-time__item:not(:last-child) {
  border-right: 1px solid #eee;
}
.filter-time__name {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #dcf3f4;
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  height: 36px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 21px;
  padding: 5px 15px;
}
@media (max-width: 991px) {
  .filter-time__name {
    font-size: 14px;
    font-weight: normal;
  }
}
.filter-time__txt {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  color: #979797;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  height: 58px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 24px;
  padding: 10px 15px;
}
@media (max-width: 991px) {
  .filter-time__txt {
    line-height: 21px;
  }
}
.filter-time__txt.has-bg {
  background-color: #f7f7f7;
}
.filter-time__txt .radio-custom1 .checkmark {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.filter-seat {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 260px;
      -ms-flex: 0 0 260px;
          flex: 0 0 260px;
  margin: 0 0 0 30px;
  width: 260px;
}
@media (max-width: 991px) {
  .filter-seat {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 25px 0 0;
    width: 100%;
  }
}
.filter-seat__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 991px) {
  .filter-seat__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 -8px;
  }
}
.filter-seat__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 4px 16px rgba(100, 77, 77, 0.14);
  color: #000;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5px 15px;
}
@media (max-width: 991px) {
  .filter-seat__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 3 - 16px);
        -ms-flex: 0 0 calc(100% / 3 - 16px);
            flex: 0 0 calc(100% / 3 - 16px);
    margin: 0 8px;
    padding: 5px 10px;
    width: calc(100% / 3 - 16px);
  }
}
.filter-seat__item:not(:last-child) {
  margin: 0 0 58px;
}
@media (max-width: 991px) {
  .filter-seat__item:not(:last-child) {
    margin: 0 8px;
  }
}
.filter-seat__item.selected {
  background-color: #ee0033;
  color: #fff;
}
.filter-seat__item:hover {
  opacity: 0.75;
}
.filter-seat__name {
  font-size: 14px;
  line-height: 21px;
  text-transform: uppercase;
}
.filter-price {
  margin: 40px 0 0;
}
@media (max-width: 991px) {
  .filter-price {
    margin: 25px 0 0;
  }
}
.filter-price__box {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 4px 16px rgba(100, 77, 77, 0.14);
  padding: 15px 60px;
}
@media (max-width: 991px) {
  .filter-price__box {
    background-color: transparent;
    box-shadow: none;
    padding: 0;
  }
}
.filter-price__name {
  color: #ee0033;
  font-family: "Montserrat";
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  text-align: center;
}
@media (max-width: 991px) {
  .filter-price__name {
    font-weight: 500;
  }
}
.filter-percent {
  margin: 15px 0 0;
}
.filter-percent__figures {
  background-color: #e7e7e7;
  border-radius: 6px;
  height: 9px;
  position: relative;
  width: 100%;
}
@media (max-width: 991px) {
  .filter-percent__figures {
    height: 7px;
  }
}
.filter-percent__value {
  background-color: #ee0033;
  border-radius: 6px;
  height: 9px;
  left: 0;
  position: absolute;
  top: 0;
}
@media (max-width: 991px) {
  .filter-percent__value {
    height: 7px;
  }
}
.filter-percent__value:after {
  content: "";
  background-color: #ee0033;
  border-radius: 50%;
  height: 15px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 15px;
}
@media (max-width: 991px) {
  .filter-percent__value:after {
    height: 12px;
    width: 12px;
  }
}
.filter-percent__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 10px 0 0;
}
.filter-percent__price {
  color: #252525;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  letter-spacing: 0.0875px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .filter-percent__price {
    letter-spacing: 0;
    line-height: 21px;
  }
}
.filter-percent__price.last {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.flight-detail {
  padding: 10px 25px;
}
@media (max-width: 991px) {
  .flight-detail {
    padding: 10px 0;
  }
}
.flight-detail__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 16px;
}
.flight-detail__top .flight-detail__name {
  color: #ee0033;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
}
.flight-detail__top .flight-detail__value {
  color: #ee0033;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
}
.flight-detail__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flight-detail__item:not(:last-child) {
  margin: 0 0 10px;
}
.flight-detail__name {
  color: #000;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  line-height: 21px;
  margin: 0 15px 0 0;
}
@media (max-width: 991px) {
  .flight-detail__name {
    font-size: 14px;
  }
}
.flight-detail__value {
  color: #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
}
@media (max-width: 991px) {
  .flight-detail__value {
    font-size: 14px;
    font-weight: normal;
  }
}
.flight-detail__btn {
  margin: 50px 0 0;
  text-align: center;
}
@media (max-width: 991px) {
  .flight-detail__btn {
    margin: 30px 0 0;
  }
}
.flight-detail__btn .btn {
  border-width: 1px;
  border-radius: 6px;
  padding: 15px 20px;
  width: 250px;
}
@media (max-width: 991px) {
  .flight-detail__btn .btn {
    padding: 10px 20px;
    width: 100%;
  }
}
.flight-info {
  margin: 40px 0 0;
}
@media (max-width: 991px) {
  .flight-info {
    margin: 20px 0 0;
  }
}
.flight-info__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 991px) {
  .flight-info__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.flight-info__title {
  color: #252525;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2);
      -ms-flex: 0 0 calc(100% / 2);
          flex: 0 0 calc(100% / 2);
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.15px;
  line-height: 24px;
  width: calc(100% / 2);
  word-break: break-word;
}
@media (max-width: 991px) {
  .flight-info__title {
    color: #000;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-family: "Montserrat";
    font-size: 16px;
    letter-spacing: 0;
    margin: 8px 0 16px;
    text-transform: uppercase;
    width: 100%;
  }
}
.flight-info__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2);
      -ms-flex: 0 0 calc(100% / 2);
          flex: 0 0 calc(100% / 2);
  margin: 0 -8px;
  width: calc(100% / 2);
}
@media (max-width: 991px) {
  .flight-info__list {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    width: 100%;
  }
}
.flight-info__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3 - 16px);
      -ms-flex: 0 0 calc(100% / 3 - 16px);
          flex: 0 0 calc(100% / 3 - 16px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 8px;
  text-align: center;
  width: calc(100% / 3 - 16px);
}
.flight-info__txt {
  color: #979797;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  margin: 10px 0 0;
}
.flight-info__total {
  border-top: 1px solid #eee;
  margin: 40px 0 0;
  padding: 30px 0 0;
  text-align: center;
}
@media (max-width: 991px) {
  .flight-info__total {
    margin: 28px 0 0;
    padding: 18px 0 0;
  }
}
.flight-info__cost {
  color: #252525;
  font-size: 14px;
  letter-spacing: 0.0875px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .flight-info__cost {
    color: #000;
    letter-spacing: 0;
    line-height: 21px;
  }
}
.flight-info__price {
  color: #ee0033;
  font-family: "Montserrat";
  font-size: 36px;
  font-weight: bold;
  line-height: 54px;
}
.flight-info__btn {
  margin: 16px 0 0;
}
.flight-info__btn .btn {
  border-radius: 6px;
  border-width: 1px;
  padding: 12px 20px;
  width: 343px;
}
@media (max-width: 991px) {
  .flight-info__btn .btn {
    width: 100%;
  }
}
.flight-summary {
  margin: 40px 0 0;
}
@media (max-width: 991px) {
  .flight-summary {
    margin: 20px 0 0;
  }
}
.flight-summary__list--top {
  margin: 0 0 16px;
}
@media (max-width: 991px) {
  .flight-summary__list--top {
    display: none;
  }
}
.flight-summary__list--top .flight-summary__name,
.flight-summary__list--top .flight-summary__value {
  color: #ee0033;
  font-size: 16px;
  font-weight: bold;
  line-height: 21px;
  text-transform: uppercase;
}
.flight-summary__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flight-summary__item:not(:last-child) {
  margin: 0 0 6px;
}
.flight-summary__name {
  color: #000;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2);
      -ms-flex: 0 0 calc(100% / 2);
          flex: 0 0 calc(100% / 2);
  font-size: 16px;
  line-height: 21px;
  width: calc(100% / 2);
}
@media (max-width: 991px) {
  .flight-summary__name {
    font-size: 14px;
  }
}
.flight-summary__value {
  color: #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 4);
      -ms-flex: 0 0 calc(100% / 4);
          flex: 0 0 calc(100% / 4);
  font-size: 16px;
  font-weight: 500;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  line-height: 21px;
  width: calc(100% / 4);
}
@media (max-width: 991px) {
  .flight-summary__value {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2);
        -ms-flex: 0 0 calc(100% / 2);
            flex: 0 0 calc(100% / 2);
    font-size: 14px;
    font-weight: normal;
    width: calc(100% / 2);
  }
  .flight-summary__value:last-child {
    display: none;
  }
}
.steps-bar {
  margin: 50px 0 0;
}
@media (max-width: 991px) {
  .steps-bar {
    background-color: #efefef;
    margin: 0 -15px;
    padding: 20px 16px;
  }
}
.steps-bar__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.steps-bar__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 10px;
  position: relative;
  text-align: center;
  width: calc(100% / 3);
}
.steps-bar__item.active .steps-bar__value {
  background-color: #fff;
  border-color: #ee0033;
  color: #ee0033;
}
.steps-bar__item.active .steps-bar__text {
  color: #ee0033;
}
.steps-bar__item.done .steps-bar__value {
  background-color: #ee0033;
  border-color: #ee0033;
  color: #fff;
  font-size: 0;
}
.steps-bar__item.done .steps-bar__value:before {
  content: "\e920";
  font-family: "icon-theme";
  font-size: 14px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (max-width: 991px) {
  .steps-bar__item.done .steps-bar__value:before {
    font-size: 8px;
  }
}
.steps-bar__item.done .steps-bar__text {
  color: #ee0033;
}
.steps-bar__item:after {
  background-color: #d8d8d8;
  border-radius: 6px;
  content: "";
  height: 6px;
  left: 50%;
  position: absolute;
  top: 15px;
  width: 100%;
}
@media (max-width: 991px) {
  .steps-bar__item:after {
    height: 2px;
    top: 10px;
  }
}
.steps-bar__item:last-child:after {
  left: 0;
  width: 50%;
}
.steps-bar__value {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 3px solid #d8d8d8;
  border-radius: 50%;
  color: #d8d8d8;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: "Montserrat";
  font-size: 20px;
  font-weight: bold;
  height: 36px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5px;
  position: relative;
  width: 36px;
  z-index: 1;
}
@media (max-width: 991px) {
  .steps-bar__value {
    background-color: #c4c4c4;
    border-color: #c4c4c4;
    border-width: 2px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    height: 20px;
    letter-spacing: 0.1px;
    padding: 2px;
    width: 20px;
  }
}
.steps-bar__text {
  color: #0c0033;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin-top: 15px;
}
@media (max-width: 991px) {
  .steps-bar__text {
    color: #c4c4c4;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    margin-top: 10px;
  }
}
.box-total {
  margin: 35px auto;
  position: relative;
  width: 457px;
}
@media (max-width: 991px) {
  .box-total {
    margin: 16px auto 25px;
    width: 100%;
  }
}
.box-total__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 6px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 40px;
  padding: 5px 15px;
}
.box-total__des {
  color: #000;
  font-size: 16px;
  line-height: 21px;
  margin: 16px 0 0;
}
@media (max-width: 991px) {
  .box-total__des {
    font-size: 14px;
    margin: 5px 0 0;
  }
}
.box-total__name {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #576c8a;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 200;
  margin: 0 20px 0 0;
}
.box-total__name span {
  font-weight: bold;
  margin: 0 0 0 5px;
}
.box-total__name img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 15px 0 0;
}
.box-total__price {
  color: #ee0033;
  font-family: "Montserrat";
  font-size: 20px;
  font-weight: bold;
}
@media (max-width: 991px) {
  .box-total__price {
    font-size: 16px;
  }
}
.box-total__list {
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 6px;
  display: none;
  padding: 10px 15px 15px;
  z-index: 1;
}
.box-total__item:not(:last-child) {
  margin: 0 0 20px;
}
.box-total__item-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 10px;
}
.box-total__item-sub {
  color: #000;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.box-total__item-link {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 0 20px;
  text-decoration: underline;
}
.box-total__item-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0 0;
}
.box-total__item-info .radio-custom1 {
  padding: 0 0 0 30px;
}
.box-total__item-info .radio-customize__sub {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 12px;
  line-height: 18px;
  text-decoration: underline;
}
.box-total.opened .box-total__info {
  border-bottom: 0;
  border-radius: 6px 6px 0 0;
}
.box-total.opened .box-total__list {
  border-top: 0;
  border-radius: 0 0 6px 6px;
  display: block;
}
.box-total.opened .service-add__action i {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.box-total--gray {
  margin: 15px auto 30px;
}
@media (max-width: 991px) {
  .box-total--gray {
    margin: 20px 0;
  }
}
.box-total--gray .box-total__info {
  background-color: #e7e7e7;
}
.service-add__info {
  margin: 35px 0 0;
}
@media (max-width: 991px) {
  .service-add__info {
    margin: 25px 0 20px;
  }
}
.service-add__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.service-add__title {
  color: #000;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  margin: 0 20px 0 0;
  text-transform: uppercase;
  word-break: break-word;
}
.service-add__detail .box-total {
  margin: 20px auto;
}
.service-add__action {
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 20px;
}
.service-add__action i {
  font-size: 10px;
}
.service-add__btn {
  margin: 30px 0 0;
  text-align: center;
}
@media (max-width: 991px) {
  .service-add__btn {
    margin: 20px 0 0;
    text-align: left;
  }
}
.service-add__btn .btn {
  border-radius: 6px;
  border-width: 1px;
  padding: 12px 20px;
  width: 165px;
}
@media (max-width: 991px) {
  .service-add__btn .btn {
    width: 100%;
  }
}
.service-add__btn .btn-link {
  color: #ee0033;
  font-size: 16px;
  letter-spacing: 0.125px;
  line-height: 19px;
  margin: 0 40px 0 0;
  text-decoration: underline;
}
@media (max-width: 991px) {
  .service-add__btn .btn-link {
    display: block;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 18px;
    margin: 0 0 50px;
  }
}
.service-add__btn .btn-link:hover {
  color: #be0129;
}
.service-add--select .service-add__btn .btn {
  width: 360px;
}
@media (max-width: 991px) {
  .service-add--select .service-add__btn .btn {
    width: 100%;
  }
}
.service-select:not(:last-child) {
  margin: 0 0 15px;
}
.service-select__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 10px;
}
.service-select__sub {
  color: #000;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
}
.service-select__place {
  color: #4f4f4f;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 0 20px;
}
.service-select__add {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 10px;
}
.service-select__add-icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #ee0033;
  border-radius: 50%;
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 18px;
      -ms-flex: 0 0 18px;
          flex: 0 0 18px;
  height: 18px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 8px 0 0;
  width: 18px;
}
.service-select__add-icon i {
  font-size: 12px;
}
.service-select__add-name {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 12px;
  line-height: 18px;
}
.service-select__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.service-select__list {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.service-select__item:not(:last-child) {
  margin: 0 0 3px;
}
.service-select__name {
  color: #4f4f4f;
  font-size: 14px;
  line-height: 21px;
}
.service-select__price {
  color: #ee0033;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  margin: 0 0 0 5px;
}
.service-select__action {
  color: #ee0033;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 20px;
}
.service-select__action i {
  font-size: 14px;
}
.service-detail {
  padding: 0 40px;
  position: relative;
  word-break: break-word;
}
@media (max-width: 991px) {
  .service-detail {
    padding: 0;
  }
}
.service-detail__title {
  color: #44494d;
  font-family: "Montserrat";
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 20px;
  line-height: 36px;
  text-align: center;
}
@media (max-width: 991px) {
  .service-detail__title {
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 15px;
  }
}
.service-detail__sub {
  color: #44494d;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  margin: 0 0 10px;
}
@media (max-width: 991px) {
  .service-detail__sub {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 5px;
  }
}
.service-detail__ticket-row:not(:last-child) {
  margin: 0 0 15px;
}
@media (max-width: 991px) {
  .service-detail__ticket-row:not(:last-child) {
    margin: 0 0 10px;
  }
}
.service-detail__ticket-list {
  margin: 10px 0 0;
}
@media (max-width: 991px) {
  .service-detail__ticket-list {
    margin: 5px 0 0;
  }
}
.service-detail__ticket-item {
  color: #44494d;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 20px;
}
@media (max-width: 991px) {
  .service-detail__ticket-item {
    font-size: 12px;
    line-height: 18px;
  }
}
.service-detail__ticket-item:not(:last-child) {
  margin: 0 0 5px;
}
@media (max-width: 991px) {
  .service-detail__ticket-item:not(:last-child) {
    margin: 0 0 2px;
  }
}
.service-detail__ticket-name {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.service-detail__ticket-value {
  margin: 0 0 0 20px;
}
.service-detail__add {
  margin: 15px 0;
}
.service-detail__add-list {
  margin: 5px 0 0;
}
.service-detail__add-item {
  background-color: #eee;
  border-radius: 8px 8px 8px 0;
  padding: 15px 20px 20px;
}
@media (max-width: 991px) {
  .service-detail__add-item {
    border-radius: 6px 6px 6px 0;
    padding: 10px 15px 15px;
  }
}
.service-detail__add-item:not(:last-child) {
  margin: 0 0 15px;
}
@media (max-width: 991px) {
  .service-detail__add-item:not(:last-child) {
    margin: 0 0 10px;
  }
}
.service-detail__add-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 5px;
}
.service-detail__add-sub {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
@media (max-width: 991px) {
  .service-detail__add-sub {
    font-size: 12px;
    line-height: 18px;
  }
}
.service-detail__add-price {
  color: #44494d;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin: 0 0 0 20px;
}
@media (max-width: 991px) {
  .service-detail__add-price {
    font-size: 12px;
    line-height: 18px;
  }
}
.service-detail__add-place {
  color: #44494d;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin: 5px 0;
}
@media (max-width: 991px) {
  .service-detail__add-place {
    font-size: 12px;
    line-height: 18px;
    margin: 5px 0 2px;
  }
}
.service-detail__add-place.opposite {
  margin: 15px 0 5px;
}
@media (max-width: 991px) {
  .service-detail__add-place.opposite {
    margin: 10px 0 2px;
  }
}
.service-detail__add-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 5px 0 0;
}
.service-detail__add-name {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
@media (max-width: 991px) {
  .service-detail__add-name {
    font-size: 10px;
    line-height: 16px;
  }
}
.service-detail__add-value {
  color: #44494d;
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 0 20px;
}
@media (max-width: 991px) {
  .service-detail__add-value {
    font-size: 10px;
    line-height: 16px;
  }
}
.service-detail__add-value span {
  font-weight: 700;
}
.service-detail__total {
  margin: 15px 0;
}
.service-detail__total-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 2px 0 0;
}
.service-detail__total-name {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
@media (max-width: 991px) {
  .service-detail__total-name {
    font-size: 14px;
    line-height: 20px;
  }
}
.service-detail__total-value {
  color: #ee0033;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin: 0 0 0 20px;
}
@media (max-width: 991px) {
  .service-detail__total-value {
    font-size: 12px;
    line-height: 18px;
  }
}
.service-detail__total-note {
  color: #b5b4b4;
  font-size: 14px;
  line-height: 20px;
  margin: 2px 0 0;
}
@media (max-width: 991px) {
  .service-detail__total-note {
    font-size: 12px;
    line-height: 18px;
  }
}
.service-detail__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0 0;
}
@media (max-width: 991px) {
  .service-detail__btn {
    margin: 24px 0 0;
  }
}
.service-detail__btn .btn {
  width: 360px;
}
@media (max-width: 991px) {
  .service-detail__btn .btn {
    border-radius: 6px;
    border-width: 1px;
    padding: 12px 20px;
    width: 100%;
  }
}
.baggage-buy__list {
  margin: 40px -15px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media (max-width: 991px) {
  .baggage-buy__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 30px 0 0;
  }
}
.baggage-buy__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px 20px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
  .baggage-buy__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    width: 100%;
  }
  .baggage-buy__item:not(:last-child) {
    margin: 0 0 10px;
  }
}
.baggage-buy__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 25px;
}
@media (max-width: 991px) {
  .baggage-buy__info {
    margin: 0 0 16px;
  }
}
.baggage-buy__name {
  color: #000;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  margin: 0 20px 0 0;
}
@media (max-width: 991px) {
  .baggage-buy__name {
    font-size: 16px;
    margin: 0 15px 0 0;
  }
}
.baggage-buy__sub {
  color: #000;
  font-size: 14px;
  line-height: 21px;
}
.baggage-buy__btn {
  margin: 25px 0 0;
  text-align: center;
}
@media (max-width: 991px) {
  .baggage-buy__btn {
    margin: 10px 0 0;
  }
}
.baggage-buy__btn .btn {
  border-radius: 6px;
  border-width: 1px;
  padding: 12px 20px;
  width: 343px;
}
@media (max-width: 991px) {
  .baggage-buy__btn .btn {
    width: 100%;
  }
}
.box-baggage {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
  margin: 25px 0 0;
  padding: 16px 16px 0;
}
@media (max-width: 991px) {
  .box-baggage {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    margin: 16px 0 0;
    padding: 0;
  }
}
.box-baggage__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -8px;
}
.box-baggage__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3 - 16px);
      -ms-flex: 0 0 calc(100% / 3 - 16px);
          flex: 0 0 calc(100% / 3 - 16px);
  margin: 0 8px 16px;
  width: calc(100% / 3 - 16px);
}
.box-baggage__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 14px;
  line-height: 21px;
  margin: 0 0 0 5px;
}
.box-baggage__weight {
  color: #000;
}
.box-baggage__price {
  color: #ee0033;
}
.service-check .check-box {
  padding: 0 0 0 30px;
}
.check-box__service-name {
  color: #000;
  font-size: 14px;
  line-height: 21px;
}
.check-box__service-price {
  color: #ee0033;
  font-size: 14px;
  line-height: 21px;
}
.fees-details__btn {
  margin: 40px 0 0;
  text-align: center;
}
@media (max-width: 991px) {
  .fees-details__btn {
    margin: 25px 0 0;
  }
}
.fees-details__btn .btn {
  border-radius: 6px;
  border-width: 1px;
  padding: 12px 20px;
  width: 343px;
}
@media (max-width: 991px) {
  .fees-details__btn .btn {
    width: 100%;
  }
}
.baggage-deposit {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
  margin: 40px 0 0;
  padding: 15px 25px 20px;
}
@media (max-width: 991px) {
  .baggage-deposit {
    margin: 16px 0 0;
    padding: 12px 12px 20px;
  }
}
.baggage-deposit__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #eee;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 5px 10px;
}
@media (max-width: 991px) {
  .baggage-deposit__top {
    padding: 5px 0;
  }
}
.baggage-deposit__title {
  color: #000;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  font-weight: normal;
  line-height: 21px;
  margin: 0 20px 0 0;
}
.baggage-deposit__action {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.baggage-deposit__sub {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  margin: 0 20px 0 0;
}
.baggage-deposit__icon {
  color: #576c8a;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.baggage-deposit__icon i {
  font-size: 8px;
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.baggage-deposit__list {
  padding: 10px 10px 0;
}
@media (max-width: 991px) {
  .baggage-deposit__list {
    padding: 10px 0 0;
  }
}
.baggage-deposit__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.baggage-deposit__item:not(:last-child) {
  margin: 0 0 5px;
}
.baggage-deposit__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.baggage-deposit__name {
  color: #ee0033;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
}
.baggage-deposit__weight {
  color: #979797;
  font-size: 14px;
  line-height: 21px;
}
.baggage-deposit__value {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  line-height: 21px;
}
.baggage-deposit__number {
  color: #979797;
}
.baggage-deposit__txt {
  color: #000;
  font-weight: 500;
  margin: 0 0 0 5px;
}
.ticket-booking {
  text-align: center;
}
.ticket-booking__title {
  color: #0c0033;
  font-family: "Montserrat";
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 20px;
  line-height: 36px;
}
.ticket-booking__title--sp {
  display: none;
}
@media (max-width: 991px) {
  .ticket-booking__title {
    color: #000;
    display: none;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 15px;
  }
  .ticket-booking__title--sp {
    display: block;
  }
}
.ticket-booking__images {
  font-size: 0;
  margin: 0 0 24px;
  text-align: center;
}
@media (max-width: 991px) {
  .ticket-booking__images {
    margin: 0 0 18px;
  }
}
.ticket-booking__images i {
  color: #ee0033;
  font-size: 80px;
}
@media (max-width: 991px) {
  .ticket-booking__images i {
    font-size: 78px;
  }
}
.ticket-booking__des {
  color: #474747;
  font-size: 16px;
  line-height: 1.5;
  word-break: break-word;
}
@media (max-width: 991px) {
  .ticket-booking__des {
    color: #576c8a;
    font-size: 14px;
    line-height: 21px;
  }
}
.ticket-booking__des span {
  font-weight: 700;
}
.ticket-booking__btn {
  margin: 40px 0 0;
  text-align: center;
}
@media (max-width: 991px) {
  .ticket-booking__btn {
    margin: 24px 0 0;
  }
}
.ticket-booking__btn .btn {
  padding: 15px 20px;
  width: 169px;
}
@media (max-width: 991px) {
  .ticket-booking__btn .btn {
    border-radius: 6px;
    border-width: 1px;
    padding: 12px 20px;
    width: 100%;
  }
}
.customers-info__btn {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 25px 0 0;
}
.customers-info__btn .btn {
  border-width: 1px;
  border-radius: 6px;
  margin: 0 15px;
  padding: 12px 20px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
  .customers-info__btn .btn {
    margin: 0 10px;
    width: calc(100% / 2 - 20px);
  }
}
@media (max-width: 991px) {
  .customers-info__btn {
    margin: 15px -10px 0;
  }
  .customers-info__btn--full {
    margin: 15px 0 0;
  }
  .customers-info__btn--full .btn {
    margin: 0;
    width: 100%;
  }
}
.passenger-info {
  margin: 40px 0 0;
}
@media (max-width: 991px) {
  .passenger-info {
    margin: 25px 0 0;
  }
}
.passenger-info__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 20px;
}
@media (max-width: 991px) {
  .passenger-info__top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 0 15px;
  }
}
.passenger-info__title {
  color: #ee0033;
  font-size: 20px;
  font-weight: bold;
}
@media (max-width: 991px) {
  .passenger-info__title {
    font-family: "Montserrat";
    font-size: 16px;
    line-height: 24px;
  }
}
.passenger-info__choose {
  margin: 0 0 0 20px;
  width: 130px;
}
@media (max-width: 991px) {
  .passenger-info__choose {
    margin: 15px 0 0;
    width: 100%;
  }
}
.passenger-info__choose .form-control {
  background-size: 14px;
  border-radius: 6px;
  padding: 10px 12px;
}
.passenger-info__value {
  color: #000;
  font-size: 14px;
  line-height: 21px;
}
.passenger-info__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -30px;
}
@media (max-width: 991px) {
  .passenger-info__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.passenger-info__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 60px);
      -ms-flex: 0 0 calc(100% / 2 - 60px);
          flex: 0 0 calc(100% / 2 - 60px);
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 30px 20px;
  padding: 15px 20px 15px 40px;
  width: calc(100% / 2 - 60px);
}
@media (max-width: 991px) {
  .passenger-info__item {
    border-radius: 6px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 16px;
    padding: 12px 20px;
    width: 100%;
  }
}
.passenger-info__detail {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 20px 0 0;
}
.passenger-info__name {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
}
@media (max-width: 991px) {
  .passenger-info__name {
    font-weight: 700;
    line-height: 24px;
  }
}
.passenger-info__sub {
  font-size: 14px;
  font-style: italic;
  font-weight: 300;
  line-height: 21px;
  margin: 0 0 0 5px;
}
@media (max-width: 991px) {
  .passenger-info__sub {
    font-size: 12px;
    line-height: 18px;
  }
}
.passenger-info__action {
  color: #576c8a;
  font-size: 0;
}
.passenger-info__action i {
  font-size: 10px;
}
.contact-info {
  margin: 20px 0 0;
}
@media (max-width: 991px) {
  .contact-info {
    margin: 15px 0 0;
  }
}
.contact-info__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 20px;
}
@media (max-width: 991px) {
  .contact-info__top {
    margin: 0 0 15px;
  }
}
.contact-info__title {
  color: #ee0033;
  font-size: 20px;
  font-weight: bold;
}
@media (max-width: 991px) {
  .contact-info__title {
    font-family: "Montserrat";
    font-size: 16px;
    line-height: 24px;
  }
}
.contact-info__form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}
@media (max-width: 991px) {
  .contact-info__form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.contact-info .label-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.contact-info .form-vertical {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px 15px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
  .contact-info .form-vertical {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 15px;
    width: 100%;
  }
}
.contact-info .form-vertical .form-control::-webkit-input-placeholder {
  font-style: normal;
  font-weight: 400;
}
.contact-info .form-vertical .form-control::-moz-placeholder {
  font-style: normal;
  font-weight: 400;
}
.contact-info .form-vertical .form-control:-ms-input-placeholder {
  font-style: normal;
  font-weight: 400;
}
.contact-info .form-vertical .form-control::placeholder {
  font-style: normal;
  font-weight: 400;
}
.choose-flight__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 40px 0 0;
}
.choose-flight__btn .btn {
  border-radius: 6px;
  border-width: 1px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 15px;
  padding: 12px 15px;
}
@media (max-width: 991px) {
  .choose-flight__btn .btn {
    margin: 0 10px;
  }
}
.choose-date {
  margin: 0 0 15px;
  text-align: center;
}
@media (max-width: 991px) {
  .choose-date {
    margin: 0;
  }
}
.choose-date__note {
  color: #576c8a;
  font-size: 14px;
  line-height: 21px;
  margin: 0 0 20px;
}
@media (max-width: 991px) {
  .choose-date__note {
    margin: 0 0 15px;
  }
}
.choose-date__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0 0;
  overflow-x: auto;
}
@media (max-width: 991px) {
  .choose-date__list {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 15px 0 0;
  }
}
.choose-date__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14);
  color: #000;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 80px;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 14px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 21px;
  min-height: 50px;
  margin: 0 8px 16px;
}
.choose-date__item.selected {
  background-color: #ee0033;
  color: #fff;
}
.choose-filter {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 15px 0 0;
}
@media (max-width: 991px) {
  .choose-filter {
    margin: 0;
  }
}
.choose-filter__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 30px 0 0;
}
@media (max-width: 991px) {
  .choose-filter__info {
    margin: 0 50px 0 0;
  }
}
.choose-filter__icon {
  margin: 0 10px 0 0;
}
.choose-filter__name {
  color: #576c8a;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
}
.choose-filter__form {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.choose-filter .form-control {
  border-radius: 6px;
  padding: 10px 15px;
}
.choose-type {
  margin: 30px 0 0;
}
@media (max-width: 991px) {
  .choose-type {
    margin: 10px 0 0;
  }
}
.choose-type__item:not(:last-child) {
  margin: 0 0 10px;
}
.choose-type__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.choose-type .radio-customize {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0;
}
.choose-type .radio-customize__sub {
  color: #000;
  font-size: 16px;
}
@media (max-width: 991px) {
  .choose-type .radio-customize__sub {
    font-size: 14px;
  }
}
.choose-type .radio-custom1 .checkmark {
  top: -1px;
}
.choose-type__price {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  margin: 0 0 0 20px;
}
@media (max-width: 991px) {
  .choose-type__price {
    font-size: 14px;
    font-weight: 600;
  }
}
.choose-packs {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f7f7f7;
  border-radius: 10px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0 0;
  padding: 12px 8px;
  width: 100%;
}
@media (max-width: 991px) {
  .choose-packs {
    background-color: #fff;
    padding: 0;
  }
}
@media (max-width: 991px) {
  .choose-packs__detail {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #ee0033;
    border-radius: 6px 6px 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 10px;
  }
}
.choose-packs__item {
  border: 1px solid #ee0033;
  border-radius: 6px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 128px;
      -ms-flex: 0 0 128px;
          flex: 0 0 128px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 5px;
  text-align: center;
  width: 128px;
}
@media (max-width: 991px) {
  .choose-packs__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 8px;
    width: 100%;
  }
}
.choose-packs .radio-customize {
  background-color: #ee0033;
  padding: 8px;
}
@media (max-width: 991px) {
  .choose-packs .radio-customize {
    padding: 8px 0;
  }
}
.choose-packs .radio-customize__sub {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 21px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .choose-packs .radio-customize__sub {
    font-weight: normal;
  }
}
.choose-packs .radio-custom1 {
  padding: 0 0 0 28px;
}
.choose-packs .radio-custom1 .checkmark {
  background-color: #fff;
  border-color: #e7e7e7;
}
.choose-packs .radio-custom1 input:checked ~ .checkmark {
  border-color: #e7e7e7;
}
.choose-packs .radio-custom1:hover input ~ .checkmark {
  border-color: #e7e7e7;
}
.choose-packs__price {
  color: #000;
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  margin: 5px 0 2px;
}
@media (max-width: 991px) {
  .choose-packs__price {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 0 10px;
  }
}
.choose-packs__link {
  color: #ee0033;
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: underline;
}
.post-pay {
  padding: 20px 0 35px;
}
.post-pay__top {
  text-align: center;
}
.post-pay__title {
  color: #000;
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  margin: 0 0 5px;
  text-transform: uppercase;
}
.post-pay__sub {
  color: #ee0033;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  margin: 5px 0;
}
.post-pay__des {
  color: #576c8a;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
.step-pay {
  margin: 0 -15px 15px;
}
.step-pay__inner {
  background-color: #f4f4f5;
  padding: 20px 0;
}
.step-pay__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.step-pay__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 8px;
  position: relative;
  text-align: center;
  width: calc(100% / 6);
}
.step-pay__item.selected .step-pay__value {
  background-color: #fff;
  border-color: #ee0033;
  color: #ee0033;
}
.step-pay__item.done .step-pay__value {
  background-color: #ee0033;
  border-color: #ee0033;
  color: #fff;
  font-size: 0;
}
.step-pay__item.done .step-pay__value:before {
  content: "\e920";
  font-family: "icon-theme";
  font-size: 10px;
  left: 50%;
  position: absolute;
  top: 4px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.step-pay__item.done:after {
  background-color: #ee0033;
}
.step-pay__item:after {
  background-color: #e7e7e7;
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  top: 10px;
  width: 100%;
}
.step-pay__item:last-child:after {
  left: 0;
  width: 0;
}
.step-pay__value {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #e7e7e7;
  border: 2px solid #e7e7e7;
  border-radius: 50%;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: "SF Pro Text";
  font-size: 14px;
  font-weight: 600;
  height: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 0.1px;
  padding: 2px;
  position: relative;
  width: 20px;
  z-index: 1;
}
.select-packs {
  margin: 20px 0 0;
}
.select-packs__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0;
}
.select-packs__top-name {
  color: #ee0033;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: "Montserrat";
  font-size: 36px;
  font-weight: bold;
  line-height: 54px;
}
.select-packs__top-images {
  border-radius: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 48px;
      -ms-flex: 0 0 48px;
          flex: 0 0 48px;
  height: 48px;
  margin: 0 0 0 20px;
  width: 48px;
}
.select-packs__top-images img {
  border-radius: 10px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.select-packs__info {
  margin: 35px 0 0;
  word-break: break-word;
}
.select-packs__sub {
  color: #0c0033;
  font-size: 14px;
  line-height: 21px;
  margin: 0 0 15px;
}
.select-packs__item {
  color: #576c8a;
  font-size: 14px;
  line-height: 21px;
}
.select-packs__item:not(:last-child) {
  margin: 0 0 10px;
}
.select-packs__link {
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  font-weight: 600;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  line-height: 18px;
  text-decoration: underline;
}
.select-packs__choose {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.select-packs__choose .form-control {
  background-size: 12px;
  background-position-y: 50%;
  border-radius: 6px;
  padding: 8px 15px;
  width: 172px;
}
.select-packs__des {
  color: #fe9a00;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  margin: 35px 0 15px;
}
.select-packs__btn {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0 0;
}
.select-packs__btn .btn {
  border-radius: 6px;
  border-width: 1px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 12px 20px;
}
.select-packs__btn .btn:not(:last-child) {
  margin: 0 16px 0 0;
}
.special-sale {
  margin: 20px -15px 35px;
  padding: 20px 15px 0;
  position: relative;
  word-break: break-word;
}
.special-sale__bg {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.special-sale__bg img {
  width: 100%;
}
.special-sale__des {
  color: #fff;
  font-size: 14px;
  line-height: 21px;
  position: relative;
  z-index: 2;
}
.special-sale__list {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 20px -8px 0;
  position: relative;
  z-index: 2;
}
.special-sale__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.14);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 16px);
      -ms-flex: 0 0 calc(100% / 2 - 16px);
          flex: 0 0 calc(100% / 2 - 16px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 8px;
  padding: 15px;
  width: calc(100% / 2 - 16px);
}
.special-sale__name {
  color: #000;
  font-size: 14px;
  line-height: 21px;
}
.special-sale__value {
  color: #000;
  font-family: "Montserrat";
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  margin: 5px 0 0;
}
.special-sale__value span {
  font-family: inherit;
  font-size: 14px;
  line-height: 21px;
}
.box-packs {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ee0033;
  border-bottom: 1px solid #e7e7e7;
  border-radius: 6px;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 15px 0 12px;
  padding: 15px;
}
.box-packs__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 15px 0 0;
  width: calc(100% - 100px);
}
.box-packs__name {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  margin: 0 0 5px;
}
.box-packs__des {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.box-packs__detail {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.box-packs__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 5px 0 0;
}
.box-packs__price {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
.box-packs__link {
  background-color: #ee0033;
  border: 1px solid #fff;
  border-radius: 6px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 85px;
      -ms-flex: 0 0 85px;
          flex: 0 0 85px;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  padding: 5px 10px;
  text-align: center;
}
.list-packs {
  border-top: 1px solid #e7e7e7;
}
.list-packs__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #e7e7e7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 15px 15px 0;
}
.list-packs__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 15px 0 0;
  width: calc(100% - 65px);
}
.list-packs__name {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  margin: 0 0 3px;
}
.list-packs__des {
  color: #979797;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list-packs__detail {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.list-packs__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 5px 0 0;
}
.list-packs__price {
  color: #ee0033;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
.list-packs__link {
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50px;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
  font-size: 12px;
  font-weight: 600;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  line-height: 18px;
  text-decoration: underline;
}
.infor-customer__des {
  color: #576c8a;
  font-size: 12px;
  line-height: 18px;
  margin: 12px 0 24px;
  word-break: break-word;
}
.infor-customer__des span {
  color: #ff0048;
  margin: 0 2px;
}
.infor-customer__btn {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 24px 0 0;
}
.infor-customer__btn .btn {
  border-radius: 6px;
  border-width: 1px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 12px 20px;
}
.infor-customer__btn .btn:not(:last-child) {
  margin: 0 16px 0 0;
}
.upload-files__des {
  color: #0c0033;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  margin: 0 0 15px;
}
.upload-files__list {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.upload-files__item {
  width: 100%;
}
.upload-files__item:not(:last-child) {
  margin: 0 0 16px;
}
.upload-files__title {
  color: #000;
  display: block;
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 8px;
}
.upload-files__title.error {
  color: #fe9a00;
}
.upload-files__title .required {
  color: #ff0000;
}
.upload-files__chosen {
  color: rgba(24, 24, 25, 0.9);
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 5px 0;
}
@media (max-width: 991px) {
  .upload-files__chosen {
    font-size: 18px;
    line-height: 28px;
  }
}
.upload-files__note {
  color: #757575;
  font-size: 12px;
  line-height: 18px;
  margin: 5px 0 0;
}
.upload-files__note span {
  color: #ee0033;
  margin: 0 0 0 2px;
}
.upload-files__content {
  position: relative;
}
.upload-files__before {
  background-color: #fff;
  border: 1px solid #ee0033;
  border-radius: 6px;
  min-height: 52px;
  padding: 15px;
  position: relative;
  text-align: center;
  width: 100%;
}
.upload-files__before:before {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f5f8fa;
  border-radius: 50%;
  color: #2e445d;
  content: "+";
  display: none;
  font-size: 24px;
  height: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 40px;
}
.upload-files__before.has-images {
  border-color: transparent;
  height: 165px;
}
.upload-files__btn {
  color: #ee0033;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
}
.upload-files input[type="file"] {
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.upload-files__preview {
  background-color: #fff;
  bottom: 0;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.upload-files__preview.active {
  border-radius: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.upload-files__preview img {
  border-radius: 10px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.upload-files__date {
  bottom: 10px;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  left: 15px;
  line-height: 18px;
  position: absolute;
  z-index: 99;
}
.upload-files__hover {
  bottom: 10px;
  position: absolute;
  width: 100%;
  z-index: 99;
}
.upload-files__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  bottom: 0;
  color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 26px;
  position: absolute;
  text-align: center;
  width: 30px;
}
.upload-files__icon:first-child {
  right: 40px;
}
.upload-files__icon:last-child {
  right: 10px;
}
.upload-files__add {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #44494d;
  border-radius: 50%;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 5px 0 0;
  width: 20px;
}
.upload-files__add i {
  color: #44494d;
  font-size: 12px;
}
.contract-form {
  margin: 15px 0 0;
}
.contract-form__name {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 15px;
  line-height: 24px;
}
.contract-form .info-check {
  margin: 0 0 20px;
}
.contract-form .info-check--address {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.contract-form .info-check--address .radio-customize {
  margin: 0;
  width: auto;
}
.contract-form .info-check--address .radio-customize:not(:last-child) {
  margin: 0 20px 0 0;
}
.contract-form__box {
  background-color: #fff;
  border-radius: 8px 8px 8px 0;
  padding: 18px 20px 20px;
}
@media (max-width: 991px) {
  .contract-form__box {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
  }
}
.contract-form__box:not(:last-child) {
  margin: 0 0 15px;
}
.contract-form__box .info-check {
  margin: 0;
}
@media (max-width: 575px) {
  .contract-form__box .info-check__value {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .contract-form__box .info-check__icon i {
    font-size: 19px;
    width: 19px;
  }
}
.contract-form__box .radio-customize:last-child {
  margin: 0;
}
.contract-form__box .contract-form__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}
@media (max-width: 991px) {
  .contract-form__box .contract-form__name {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (max-width: 991px) {
  .contract-form__box--method {
    display: none;
  }
}
.contract-form .txt-radio {
  color: #44494d;
  font-weight: normal;
}
.contract-form .radio-custom1 .checkmark {
  top: -1px;
}
.contract-form .radio-custom1 input:checked ~ .checkmark ~ .txt-radio {
  color: #ee0033;
}
.contract-form .checkbox__link {
  color: #576c8a;
  font-weight: 600;
}
.contract-form__search {
  position: relative;
}
.contract-form__search .form-control {
  border-radius: 6px;
  padding: 10px 15px 10px 40px;
}
.contract-form__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  left: 15px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.contract-form__des {
  color: #576c8a;
  font-size: 12px;
  line-height: 18px;
  margin: 12px 0 15px;
  text-align: center;
  word-break: break-word;
}
.contract-form__confirm {
  margin: 20px 0 0;
}
.contract-form__confirm .check-box:not(:last-child) {
  margin: 0 0 12px;
}
.contract-form__confirm .check-box__txt {
  color: #727272;
  font-size: 14px;
  line-height: 20px;
}
.contract-form__confirm .check-box__input:checked ~ .check-box__txt {
  color: #727272;
}
.contract-form__btn {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 30px 0 0;
}
.contract-form__btn .btn {
  border-radius: 6px;
  border-width: 1px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 12px 20px;
}
.contract-form__btn .btn:not(:last-child) {
  margin: 0 16px 0 0;
}
.contract-form--sp {
  display: none;
}
@media (max-width: 991px) {
  .contract-form--sp {
    display: block;
  }
}
.contract-info {
  background-color: rgba(20, 175, 180, 0.2);
  margin: 30px -15px;
  padding: 15px;
}
.contract-info__name {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  margin: 0 0 10px;
}
.contract-info__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.contract-info__item:not(:last-child) {
  border-bottom: 1px solid #afafb0;
}
.contract-info__item.address {
  padding: 0 0 15px;
}
.contract-info__item.time {
  padding: 15px 0 0;
}
.contract-info__item.time .contract-info__txt {
  font-weight: 600;
}
.contract-info__detail {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.contract-info__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16px;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
  margin: 0 10px 0 0;
}
.contract-info__txt {
  color: #000;
  font-size: 14px;
  line-height: 20px;
}
.contract-info__link {
  color: #ee0033;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50px;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
  margin: 0 0 0 15px;
  text-decoration: underline;
}
.sign-certification__images {
  margin: 25px 20px 70px;
  text-align: center;
}
.form-customize__signature {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #e7e7e7;
  border-radius: 6px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 140px;
  padding: 15px;
  text-align: center;
}
.form-customize__signature img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.switch-success {
  margin: 25px 0 0;
  word-break: break-word;
}
.switch-success__images {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 20px;
}
.switch-success__images i {
  color: #ee0033;
  font-size: 70px;
}
.switch-success__noti {
  color: #000;
  font-size: 14px;
  line-height: 21px;
  margin: 20px 0 25px;
  text-align: center;
}
.switch-success__info {
  margin: 25px 0 0;
}
.switch-success__des {
  color: #576c8a;
  font-size: 14px;
  line-height: 21px;
}
.switch-success__des:not(:last-child) {
  margin: 0 0 20px;
}
.order-info {
  margin: 20px 0 0;
  word-break: break-word;
}
.order-info__name {
  color: #000;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  margin: 0 0 10px;
}
.order-info .txt-radio {
  color: #000;
  font-weight: normal;
}
.order-info .checkbox__link {
  color: #576c8a;
  font-weight: 600;
}
.order-info__btn {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 25px 0 0;
}
.order-info__btn .btn {
  border-radius: 6px;
  border-width: 1px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 12px 20px;
}
.order-info__btn .btn:not(:last-child) {
  margin: 0 16px 0 0;
}
.make-appointment {
  margin: 15px 0 0;
}
.make-appointment__list {
  border-top: 1px solid #e7e7e7;
  margin: 15px 0 0;
  padding: 25px 0 0;
}
.make-appointment__btn {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0 0;
}
.make-appointment__btn .btn {
  border-radius: 6px;
  border-width: 1px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 12px 20px;
}
.make-appointment__btn .btn:not(:last-child) {
  margin: 0 16px 0 0;
}
.info-hd {
  margin: 20px 0;
}
.info-hd__des {
  color: #000;
  font-size: 14px;
  line-height: 18px;
}
.info-hd__des:not(:last-child) {
  margin: 0 0 10px;
}
.info-kh__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.info-kh__item:not(:last-child) {
  margin: 0 0 8px;
}
.info-kh__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 12px;
      -ms-flex: 0 0 12px;
          flex: 0 0 12px;
  margin: 0 10px 0 0;
  width: 12px;
}
.info-kh__icon img {
  height: 100%;
}
.info-kh__value {
  color: #000;
  font-size: 14px;
  line-height: 18px;
}
.box-basic {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.14);
  margin: 20px 0;
  padding: 15px;
}
.choose-payment {
  margin: 0 0 15px;
}
.choose-payment__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.choose-payment__info {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 200px;
      -ms-flex: 0 0 200px;
          flex: 0 0 200px;
  margin: 0 20px 0 0;
  width: 200px;
}
.choose-payment .form-control {
  border-radius: 6px;
  padding: 10px 15px;
  width: 100%;
}
.choose-payment__des {
  color: #ee0033;
  font-size: 12px;
  line-height: 18px;
  margin: 8px 0 0;
}
.choose-payment__price {
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  font-weight: 600;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  line-height: 21px;
  margin: 12px 0 0;
}
.info-dh__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.info-dh__item:not(:last-child) {
  margin: 0 0 8px;
}
.info-dh__name {
  color: #000;
  font-size: 14px;
  line-height: 18px;
  margin: 0 20px 0 0;
}
.info-dh__price {
  color: #ee0033;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
}
.info-dh__pack {
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  margin: 10px 0 5px;
}
.info-dh__des {
  color: #000;
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 5px;
}
.info-dh__total {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #eee;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 15px -15px 0;
  padding: 15px 15px 0;
}
.info-dh__total-name {
  color: #000;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  margin: 0 20px 0 0;
}
.info-dh__total-price {
  color: #ee0033;
  font-size: 20px;
  font-weight: bold;
  line-height: 28px;
}
.modal-pay {
  word-break: break-word;
}
.modal-pay__title {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  margin: 0 0 20px;
  text-align: center;
}
.modal-pay__des {
  color: #576c8a;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  margin: 10px 30px;
}
.modal-pay__des span {
  font-weight: 600;
}
.modal-pay__noti {
  color: #576c8a;
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 5px;
}
.modal-pay__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0;
  text-align: center;
}
.modal-pay__images i {
  color: #ee0033;
  font-size: 70px;
}
.modal-pay__item {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.modal-pay__item:not(:last-child) {
  margin: 0 0 8px;
}
.modal-pay__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16px;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
  margin: 0 10px 0 0;
  width: 16px;
}
.modal-pay__icon img {
  height: 100%;
}
.modal-pay__value {
  color: #576c8a;
  font-size: 12px;
  line-height: 18px;
}
.modal-pay__map {
  border: 1px solid #ee0033;
  border-radius: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 25px 0 15px;
}
.modal-pay__map img {
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.modal-pay__search {
  margin: 20px 0;
  position: relative;
}
.modal-pay__search-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  left: 15px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.modal-pay__search .form-control {
  border-radius: 6px;
  padding: 10px 15px 10px 45px;
}
.modal-pay__btn {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 25px 0 0;
}
.modal-pay__btn .btn {
  border-radius: 6px;
  border-width: 1px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 6px;
  padding: 12px 15px;
}
.store-viettel__row:not(:last-child) {
  border-bottom: 1px solid #e7e7e7;
  margin: 0 0 15px;
  padding: 0 0 15px;
}
.store-viettel__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 5px;
}
.store-viettel__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.store-viettel__name {
  color: #000;
  font-size: 16px;
  line-height: 24px;
}
.store-viettel__sub {
  color: #ee0033;
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 0 25px;
}
.store-viettel__action {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #576c8a;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 0;
  margin: 0 0 0 15px;
}
.store-viettel__action i {
  font-size: 14px;
}
.store-viettel__list {
  margin: 5px 0 0;
}
.store-viettel__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.store-viettel__item:not(:last-child) {
  margin: 0 0 5px;
}
.store-viettel__icon {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 12px;
      -ms-flex: 0 0 12px;
          flex: 0 0 12px;
  margin: 0 10px 0 0;
  width: 12px;
}
.store-viettel__value {
  color: #576c8a;
  font-size: 14px;
  line-height: 21px;
}
.form-captcha {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #c4c4c4;
  border-radius: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px 10px;
}
.form-captcha__images {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.form-captcha__action {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.shopping-cart {
  margin: 0 15px 0 0;
  position: relative;
}
.shopping-cart__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.shopping-cart__icon i {
  color: #fff;
  font-size: 20px;
}
.shopping-cart__noti {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ff0048;
  border-radius: 50%;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 24px;
  padding: 5px;
  position: absolute;
  right: 6px;
  top: 6px;
}
.shopping-cart__box {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.161);
  display: none;
  min-width: 290px;
  padding: 15px;
  position: absolute;
  right: -40px;
  top: 45px;
  word-break: break-word;
}
.shopping-cart__box:before {
  background-color: #fff;
  content: "";
  height: 16px;
  position: absolute;
  right: 15px;
  top: -8px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 16px;
}
.shopping-cart__title {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  margin: 0 0 20px;
  text-align: center;
}
.shopping-cart__title span {
  color: #ff0048;
  margin: 0 0 0 2px;
}
.shopping-cart__list {
  margin: 20px 0 0;
}
.shopping-cart__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.shopping-cart__item:not(:last-child) {
  border-bottom: 1px solid #e7e7e7;
  margin: 0 0 15px;
  padding: 0 0 15px;
}
.shopping-cart__info {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: left;
}
.shopping-cart__value {
  color: #000;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  margin: 0 0 2px;
}
.shopping-cart__des {
  color: #576c8a;
  font-size: 12px;
  line-height: 18px;
}
.shopping-cart__price {
  color: #576c8a;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  margin: 0 0 0 20px;
}
.shopping-cart.opened .shopping-cart__box {
  display: block;
}
.search-sp__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.landing-data {
  margin: 0 0 100px;
  word-break: break-word;
}
@media (max-width: 991px) {
  .landing-data {
    margin: 0 0 50px;
  }
}
.landing-data__des {
  color: #2ba8ae;
  font-size: 32px;
  font-weight: 600;
  line-height: 45px;
  margin: 50px 0 35px;
  text-align: center;
}
@media (max-width: 991px) {
  .landing-data__des {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin: 20px 0;
  }
}
.landing-data__select {
  margin: 35px 0 0;
}
@media (max-width: 991px) {
  .landing-data__select {
    margin: 20px 0 0;
  }
}
.landing-data__select .form-control {
  background-color: #f6fafa;
  background-position-x: calc(100% - 35px);
  background-size: 16px;
  border: 0;
  font-size: 22px;
  line-height: 28px;
  padding: 28px 45px;
}
@media (max-width: 991px) {
  .landing-data__select .form-control {
    font-size: 16px;
    line-height: 24px;
    padding: 15px 30px;
  }
}
.landing-data__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 24px;
}
@media (max-width: 991px) {
  .landing-data__top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 0 20px;
  }
}
.landing-data__title {
  color: #2ba8ae;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 30px;
  font-weight: bold;
  line-height: 50px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .landing-data__title {
    font-size: 20px;
    line-height: 24px;
  }
}
.landing-data__link {
  color: #2ba8ae;
  font-size: 16px;
  font-weight: 500;
  line-height: 50px;
  margin: 0 0 0 20px;
  text-decoration: underline;
}
@media (max-width: 991px) {
  .landing-data__link {
    font-size: 14px;
    line-height: 21px;
    margin: 10px 0 0;
  }
}
@media (max-width: 991px) {
  .landing-data .slider {
    margin: 0 -8px;
  }
}
@media (max-width: 991px) {
  .landing-data .owl-stage-outer {
    margin: 0 0 20px;
  }
}
.landing-pack {
  margin: 50px 0 0;
}
@media (max-width: 991px) {
  .landing-pack {
    margin: 30px 0 0;
  }
}
.landing-pack__item {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.161);
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 15px;
  position: relative;
  padding: 45px 20px 25px;
  text-align: center;
}
@media (max-width: 991px) {
  .landing-pack__item {
    border-radius: 6px;
    margin: 0 8px;
  }
}
.landing-pack__item:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.161);
}
.landing-pack__promotions {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ff0048;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 54px;
      -ms-flex: 0 0 54px;
          flex: 0 0 54px;
  height: 54px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 54px;
}
@media (max-width: 991px) {
  .landing-pack__promotions {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 45px;
        -ms-flex: 0 0 45px;
            flex: 0 0 45px;
    height: 45px;
    right: 15px;
    top: 15px;
    width: 45px;
  }
}
.landing-pack__promotions-value {
  color: #fff;
  font-family: "Montserrat";
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .landing-pack__promotions-value {
    font-size: 14px;
  }
}
.landing-pack__images {
  border-radius: 10px 10px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 200px;
}
.landing-pack__images img {
  border-radius: 10px 10px 0 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.landing-pack__images img:hover {
  opacity: 0.75;
}
.landing-pack__thumbnail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 85px;
      -ms-flex: 0 0 85px;
          flex: 0 0 85px;
  height: 85px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 20px;
  width: 85px;
}
@media (max-width: 991px) {
  .landing-pack__thumbnail {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 60px;
        -ms-flex: 0 0 60px;
            flex: 0 0 60px;
    height: 60px;
    width: 60px;
  }
}
.landing-pack__info {
  padding: 10px 20px 25px;
  text-align: left;
}
@media (max-width: 991px) {
  .landing-pack__info {
    padding: 20px 20px 25px;
  }
}
.landing-pack__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 5px;
}
.landing-pack__top-name {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.landing-pack__top-link {
  color: #252525;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0.2125px;
  line-height: 57px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .landing-pack__top-link {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 24px;
  }
}
.landing-pack__top-sub {
  color: #ee0033;
  font-size: 16px;
  font-weight: bold;
  line-height: 57px;
  margin: 0 0 0 20px;
}
@media (max-width: 991px) {
  .landing-pack__top-sub {
    font-size: 14px;
    line-height: 21px;
  }
}
.landing-pack__detail {
  margin: 5px 0 25px;
}
.landing-pack__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.landing-pack__row:not(:last-child) {
  margin: 0 0 8px;
}
.landing-pack__icon {
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 0;
  margin: 0 10px 0 0;
}
.landing-pack__icon i {
  font-size: 16px;
  line-height: 24px;
}
.landing-pack__value {
  color: #252525;
  font-size: 13px;
  line-height: 24px;
}
.landing-pack__postage {
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: 0.2125px;
  line-height: 1;
  margin: 25px 0;
}
@media (max-width: 991px) {
  .landing-pack__postage {
    font-size: 24px;
    letter-spacing: 0;
    line-height: 28px;
    margin: 20px 0;
  }
}
.landing-pack__postage span {
  font-size: 16px;
  margin: 0 0 0 5px;
}
.landing-pack__name {
  color: #252525;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0.2125px;
  line-height: 57px;
}
@media (max-width: 991px) {
  .landing-pack__name {
    font-size: 24px;
    letter-spacing: 0;
    line-height: 28px;
  }
}
.landing-pack__line {
  background-color: #efefef;
  height: 2px;
  margin: 0 auto 15px;
  width: 140px;
}
@media (max-width: 991px) {
  .landing-pack__line {
    margin: 15px auto;
  }
}
.landing-pack__price {
  color: #ee0033;
  font-size: 40px;
  letter-spacing: 0.2125px;
  line-height: 1;
  margin: 0 0 12px;
}
@media (max-width: 991px) {
  .landing-pack__price {
    font-size: 24px;
    letter-spacing: 0;
    line-height: 28px;
  }
}
.landing-pack__capacity {
  color: #576c8a;
  font-size: 16px;
  line-height: 19px;
}
.landing-pack__des {
  color: #576c8a;
  font-size: 16px;
  line-height: 24px;
  margin: 10px 0 0;
}
.landing-pack__btn {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 30px 0 0;
}
@media (max-width: 991px) {
  .landing-pack__btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.landing-pack__btn .btn {
  border-width: 1px;
  border-radius: 6px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 12px 15px;
}
@media (max-width: 991px) {
  .landing-pack__btn .btn {
    width: 100%;
  }
}
.landing-pack__btn .btn:not(:last-child) {
  margin: 0 16px 0 0;
}
@media (max-width: 991px) {
  .landing-pack__btn .btn:not(:last-child) {
    margin: 0 0 16px;
  }
}
.landing-pack--fixed .landing-pack__item {
  padding: 0;
}
.landing-voucher {
  margin: 40px 0 0;
}
@media (max-width: 991px) {
  .landing-voucher {
    margin: 30px 0 0;
  }
}
.landing-voucher__item {
  background-color: #fff;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.161);
  border-radius: 10px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 15px;
  position: relative;
}
@media (max-width: 991px) {
  .landing-voucher__item {
    border-radius: 6px;
  }
}
.landing-voucher__item:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.161);
}
.landing-voucher__item:hover .landing-voucher__images {
  opacity: 0.75;
}
.landing-voucher__images {
  border-radius: 10px 10px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 200px;
}
@media (max-width: 991px) {
  .landing-voucher__images {
    border-radius: 6px 6px 0 0;
  }
}
.landing-voucher__images img {
  border-radius: 10px 10px 0 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media (max-width: 991px) {
  .landing-voucher__images img {
    border-radius: 6px 6px 0 0;
  }
}
.landing-voucher__info {
  padding: 20px;
}
.landing-voucher__time {
  color: #576c8a;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  line-height: 16px;
  margin: 0 0 15px;
}
.landing-voucher__name {
  margin: 15px 0 20px;
}
.landing-voucher__link {
  color: #0c0033;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
}
.landing-voucher__link:hover {
  color: #ee0033;
}
.landing-voucher__btn {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0 0;
}
.landing-voucher__btn .btn {
  border-width: 1px;
  border-radius: 6px;
  padding: 12px 15px;
  width: 100%;
}
.landing-news {
  margin: 40px 0 0;
}
@media (max-width: 991px) {
  .landing-news {
    margin: 30px 0 0;
  }
}
.landing-news__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}
@media (max-width: 991px) {
  .landing-news__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.landing-news__column {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
  padding: 0 15px;
}
@media (max-width: 991px) {
  .landing-news__column {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 100%;
    padding: 0;
  }
  .landing-news__column:not(:last-child) {
    margin: 0 0 15px;
  }
}
.landing-news__item {
  background-color: #fff;
  border: 1px solid #efefef;
  border-radius: 10px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 8px 15px;
  word-break: break-word;
}
@media (max-width: 991px) {
  .landing-news__item {
    border-radius: 6px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
  }
}
.landing-news__item:not(:last-child) {
  margin: 0 0 15px;
}
.landing-news__item:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.161);
}
.landing-news__item:hover .landing-news__images {
  opacity: 0.75;
}
.landing-news__item--full {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
}
.landing-news__item--full .landing-news__images {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 300px;
  margin: 0 0 15px;
  width: 100%;
}
@media (max-width: 991px) {
  .landing-news__item--full .landing-news__images {
    height: 200px;
  }
}
.landing-news__item--full .landing-news__info {
  margin: 0 30px 15px;
}
.landing-news__item--full .landing-news__name {
  margin: 0 0 15px;
}
.landing-news__item--full .landing-news__link {
  font-size: 24px;
  line-height: 36px;
}
.landing-news__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 188px;
      -ms-flex: 0 0 188px;
          flex: 0 0 188px;
  margin: 0 20px 0 0;
  width: 188px;
}
@media (max-width: 991px) {
  .landing-news__images {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 150px;
    margin: 0 0 15px;
    width: 100%;
  }
}
.landing-news__images img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.landing-news__info {
  margin: 10px 0 0;
}
@media (max-width: 991px) {
  .landing-news__info {
    margin: 0 15px 15px;
  }
}
.landing-news__name {
  margin: 0 0 10px;
}
.landing-news__link {
  color: #252525;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
}
.landing-news__link:hover {
  color: #ee0033;
}
.landing-news__des {
  color: #252525;
  font-size: 14px;
  line-height: 21px;
}
.modal--landing {
  padding: 0 15px;
}
@media (min-width: 576px) {
  .modal--landing .modal__content {
    max-width: 650px;
  }
}
.modal--landing .modal__body {
  padding: 0 50px 35px;
}
@media (max-width: 991px) {
  .modal--landing .modal__body {
    padding: 0 15px 30px;
  }
}
.modal-landing {
  word-break: break-word;
}
.modal-landing__title {
  color: #0c0033;
  font-family: "Montserrat";
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  margin: 0 0 20px;
  text-align: center;
}
@media (max-width: 991px) {
  .modal-landing__title {
    font-size: 20px;
    line-height: 28px;
  }
}
.modal-landing__content {
  margin: 20px 0 30px;
}
.modal-landing__row {
  margin: 0 0 20px;
}
.modal-landing__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 5px;
}
.modal-landing__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 22px;
      -ms-flex: 0 0 22px;
          flex: 0 0 22px;
  height: 22px;
  margin: 0 10px 0 0;
  width: 22px;
}
.modal-landing__name {
  color: #ee0033;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.8;
}
@media (max-width: 991px) {
  .modal-landing__name {
    font-size: 16px;
    line-height: 24px;
  }
}
.modal-landing__item {
  color: #0c0033;
  font-size: 16px;
  line-height: 1.5;
}
@media (max-width: 991px) {
  .modal-landing__item {
    font-size: 14px;
    line-height: 21px;
  }
}
.modal-landing__des {
  color: #576c8a;
  font-size: 14px;
  font-style: italic;
  line-height: 1.5;
  margin: 20px 0;
}
.modal-landing__btn {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px 0 0;
}
.modal-landing__btn .btn {
  padding: 15px 20px;
  min-width: 170px;
}
@media (max-width: 991px) {
  .modal-landing__btn .btn {
    padding: 10px 15px;
    min-width: 100%;
    width: 100%;
  }
}
.modal-beelite {
  padding: 0 20px 35px;
  word-break: break-word;
}
@media (max-width: 991px) {
  .modal-beelite {
    padding: 0 20px 20px;
  }
}
.modal-beelite__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  margin: 0 0 15px;
  text-align: center;
}
@media (max-width: 991px) {
  .modal-beelite__title {
    font-size: 20px;
    line-height: 24px;
  }
}
.modal-beelite__images {
  color: #d11313;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 15px 0 20px;
}
.modal-beelite__images i {
  font-size: 80px;
}
@media (max-width: 991px) {
  .modal-beelite__images i {
    font-size: 60px;
  }
}
.modal-beelite__info {
  margin: 20px 0;
}
.modal-beelite__des {
  color: #727272;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
@media (max-width: 991px) {
  .modal-beelite__des {
    font-size: 14px;
    line-height: 21px;
  }
}
.modal-beelite__link {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 21px;
}
.modal-beelite__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0 0;
}
.modal-beelite__btn .button {
  width: 360px;
}
.remote-connect {
  margin: 30px 0;
  word-break: break-word;
}
.remote-connect__title {
  color: #000;
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 10px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
}
.remote-connect__noti {
  color: #000;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  margin: 20px 0;
  text-align: center;
}
.remote-connect__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 0 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.remote-connect__name {
  color: #000;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
}
.remote-connect__user {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.remote-connect__sub {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin: 0 0 0 20px;
}
.remote-connect__sub:not(:last-child) {
  margin: 0 0 3px 20px;
}
.remote-connect__box {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
  padding: 15px;
}
.remote-connect__box:not(:last-child) {
  margin: 0 0 12px;
}
.remote-connect__list {
  margin: 30px 15px;
}
.remote-connect__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #ee0033;
  border-radius: 6px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 8px 15px;
  text-align: center;
}
.remote-connect__item:not(:last-child) {
  margin: 0 0 18px;
}
.remote-connect__item .upload-file__before {
  border: 0;
}
.remote-connect__txt {
  color: #ee0033;
  font-size: 14px;
  line-height: 20px;
}
.remote-connect .info-customer {
  margin: 25px 0;
}
.remote-connect .info-customer__value {
  font-weight: normal;
}
.remote-connect .info-order {
  margin: 25px 0;
}
.remote-connect .info-order__item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.remote-connect .info-order__item:not(:last-child) {
  margin: 0 0 10px;
}
.remote-connect .info-order__line {
  height: 1px;
  margin: 15px -15px;
}
.remote-connect .info-order__value {
  font-weight: normal;
  margin: 3px 0 0;
}
.remote-connect__confirm {
  margin: 35px 0 25px;
}
.remote-connect__button {
  margin: 20px 0 0;
}
.remote-connect__button .btn {
  border-radius: 6px;
  width: 100%;
}
.info-connect {
  margin: 25px 0;
}
.info-connect__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.info-connect__item:not(:last-child) {
  margin: 0 0 5px;
}
.info-connect__name {
  color: #576c8a;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 105px;
      -ms-flex: 0 0 105px;
          flex: 0 0 105px;
  font-size: 14px;
  line-height: 21px;
  margin: 0 15px 0 0;
}
.info-connect__value {
  color: #000;
  font-size: 14px;
  line-height: 21px;
}
.info-confirm__des {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 15px;
}
.info-total__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.info-total__title {
  color: #000;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  margin: 0 0 15px;
  text-align: center;
}
.info-total__name {
  color: #000;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
}
.info-total__price {
  color: #ee0033;
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  margin: 0 0 0 20px;
}
.info-total__note {
  color: #576c8a;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  font-style: italic;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  line-height: 18px;
  margin: 2px 0 5px;
}
.info-total__list {
  margin: 5px 0 0;
}
.info-total__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.info-total__item:not(:last-child) {
  margin: 0 0 8px;
}
.info-total__txt {
  color: #000;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 12px;
  line-height: 18px;
}
.info-total__value {
  color: #000;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  margin: 0 0 0 20px;
}
.info-total__last {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #eee;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 15px 0 0;
  padding: 10px 0 0;
}
.elect-sign__name {
  color: #ee0033;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  margin: 0 0 20px;
  text-align: center;
}
.elect-sign__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px auto 30px;
  text-align: center;
}
.elect-sign__icon {
  color: #576c8a;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 0;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 20px 0 25px;
}
.elect-sign__icon i {
  font-size: 16px;
}
.recent-trade {
  margin: 30px 0 0;
  word-break: break-word;
}
@media (max-width: 991px) {
  .recent-trade {
    margin: 20px 0 0;
  }
}
.recent-trade__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 15px;
}
@media (max-width: 575px) {
  .recent-trade__top {
    -webkit-box-align: inherit;
    -webkit-align-items: inherit;
        -ms-flex-align: inherit;
            align-items: inherit;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.recent-trade__top .recent-trade__title {
  margin: 0;
}
.recent-trade__top .recent-trade__link {
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 0 20px;
}
@media (max-width: 575px) {
  .recent-trade__top .recent-trade__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin: 10px 0 0;
  }
}
.recent-trade__title {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 15px;
}
@media (max-width: 767px) {
  .recent-trade__title {
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 10px;
  }
}
.recent-trade__see-more {
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  font-weight: 600;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  line-height: 24px;
  margin: 0 0 0 20px;
}
@media (max-width: 767px) {
  .recent-trade__see-more {
    font-size: 14px;
    line-height: 21px;
  }
}
.recent-trade__see-more:hover {
  text-decoration: underline;
}
.recent-trade__content.opened .recent-trade__list {
  max-height: 100%;
}
.recent-trade__content.opened .recent-trade__link i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.recent-trade__content.opened .transfer-money__list {
  max-height: 100%;
}
.recent-trade__list {
  max-height: 225px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .recent-trade__list {
    max-height: 180px;
  }
}
.recent-trade__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.recent-trade__item:not(:last-child) {
  margin: 0 0 25px;
}
@media (max-width: 991px) {
  .recent-trade__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
  .recent-trade__item:not(:last-child) {
    margin: 0 0 10px;
  }
}
.recent-trade__col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 40%;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 991px) {
  .recent-trade__col {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
  }
  .recent-trade__col:not(:last-child) {
    margin: 0 0 10px;
  }
}
.recent-trade__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.recent-trade__number {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 20px;
  letter-spacing: 0.15px;
  line-height: 30px;
  margin: 0 0 2px;
}
@media (max-width: 991px) {
  .recent-trade__number {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 28px;
  }
}
.recent-trade__info {
  color: #727272;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .recent-trade__info {
    font-size: 14px;
    line-height: 21px;
  }
}
.recent-trade__date {
  margin: 0 0 0 5px;
}
.recent-trade__price {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 20px;
  letter-spacing: 0.15px;
  line-height: 30px;
  margin: 0 0 0 20px;
}
@media (max-width: 991px) {
  .recent-trade__price {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 28px;
  }
}
.recent-trade__link {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 0.125px;
  line-height: 24px;
  margin: 30px 0 0;
  text-decoration: underline;
}
@media (max-width: 991px) {
  .recent-trade__link {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    margin: 20px 0 0;
  }
}
.recent-trade__link i {
  font-size: 8px;
  margin: 0 0 0 5px;
}
.recent-trade__images {
  margin: 10px auto 30px;
  text-align: center;
}
.recent-trade__images:hover img {
  opacity: 0.75;
}
.recent-trade__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px 0 0;
}
.recent-trade__btn .button {
  width: 360px;
}
@media (max-width: 575px) {
  .recent-trade__btn .button {
    width: 100%;
  }
}
.field .label-width {
  padding: 10px 0 0;
  width: 125px;
}
.dis-count {
  color: #ee0033;
  font-size: 12px;
  line-height: 18px;
}
.box-exchange {
  background-color: #fff;
  border: 1px solid #ee0033;
  border-radius: 10px;
  margin: 0 0 30px 195px;
  padding: 8px 20px;
}
@media (max-width: 991px) {
  .box-exchange {
    border-radius: 6px;
    margin: 0 0 20px;
  }
}
.box-exchange__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.box-exchange__item:not(:last-child) {
  margin: 0 0 5px;
}
.box-exchange__txt {
  color: #000;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 80px;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
}
.box-exchange__value {
  color: #576c8a;
  font-size: 14px;
  line-height: 21px;
  margin: 0 0 0 12px;
}
.list-exchange {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 20px 0 0;
}
@media (max-width: 767px) {
  .list-exchange {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.list-exchange__col {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 40%;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
  width: 40%;
}
@media (max-width: 767px) {
  .list-exchange__col {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 20px;
    width: 100%;
  }
  .list-exchange__col:last-child {
    margin: 0;
  }
}
.list-exchange__sub {
  color: #44494d;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.5px;
  line-height: 24px;
  margin: 0 0 10px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .list-exchange__sub {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 21px;
  }
}
.list-exchange__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.list-exchange__info:not(:last-child) {
  margin: 0 0 10px;
}
.list-exchange__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 5px 0 0;
}
.list-exchange__value {
  color: #44494d;
  font-size: 16px;
}
@media (min-width: 576px) {
  .modal--exchange .modal__content {
    max-width: 472px;
  }
}
.modal-exchange {
  padding: 0 25px;
  text-align: center;
  word-break: break-word;
}
@media (max-width: 991px) {
  .modal-exchange {
    padding: 0;
  }
}
.modal-exchange__icon {
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 20px;
}
.modal-exchange__icon i {
  font-size: 70px;
}
.modal-exchange__title {
  color: #000;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  margin: 20px 0;
}
.modal-exchange__des {
  color: #000;
  font-size: 16px;
  line-height: 21px;
  margin: 20px 0;
}
@media (max-width: 991px) {
  .modal-exchange__des {
    font-size: 14px;
  }
}
.modal-exchange__list {
  margin: 20px 35px 25px;
  text-align: left;
}
.modal-exchange__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.modal-exchange__item:not(:last-child) {
  margin: 0 0 5px;
}
.modal-exchange__txt {
  color: #000;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 80px;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
}
.modal-exchange__value {
  color: #576c8a;
  font-size: 14px;
  line-height: 21px;
  margin: 0 0 0 12px;
}
.modal-exchange__note {
  color: #576c8a;
  font-size: 15px;
  line-height: 21px;
  margin: 25px 0 15px;
}
@media (max-width: 991px) {
  .modal-exchange__note {
    font-size: 14px;
  }
}
.modal-exchange__btn {
  margin: 15px 0 0;
}
.modal-exchange__btn .btn {
  border-radius: 6px;
  border-width: 1px;
  padding: 12px 15px;
  width: 100%;
}
.landing-tet .owl-dots {
  display: none;
}
.landing-tet .owl-stage-outer {
  margin: 0;
  padding: 0;
}
.landing-tet .owl-nav button.owl-prev,
.landing-tet .owl-nav button.owl-next {
  background: transparent;
  box-shadow: none;
  color: #181818;
  font-size: 24px;
}
@media (max-width: 991px) {
  .landing-tet .owl-nav button.owl-prev,
  .landing-tet .owl-nav button.owl-next {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .landing-tet .lists.slider .owl-carousel {
    padding: 0 15px;
  }
}
@media (max-width: 991px) {
  .landing-tet .img-pc {
    display: none;
  }
}
.landing-tet .img-sp {
  display: none;
}
@media (max-width: 991px) {
  .landing-tet .img-sp {
    display: block;
  }
}
.banner-tet {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 0;
}
.banner-tet img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.gather-tet {
  background: url("../images_content/bg-gather.svg") 0 0 no-repeat;
  display: block;
  padding: 100px 0;
  word-break: break-word;
}
@media (max-width: 991px) {
  .gather-tet {
    padding: 20px 0;
  }
}
.gather-tet__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 50px;
}
@media (max-width: 991px) {
  .gather-tet__title {
    margin: 0 0 20px;
  }
}
.gather-tet__item {
  background-color: #ee0033;
  border-radius: 46px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 30px 60px 25px 15px;
}
@media (max-width: 991px) {
  .gather-tet__item {
    border-radius: 13px;
    padding: 10px;
  }
}
.gather-tet__item:not(:last-child) {
  margin: 0 0 60px;
}
@media (max-width: 991px) {
  .gather-tet__item:not(:last-child) {
    margin: 0 0 10px;
  }
}
.gather-tet__item.rotate {
  padding: 30px 15px 25px 60px;
}
@media (max-width: 991px) {
  .gather-tet__item.rotate {
    padding: 10px;
  }
}
.gather-tet__item.rotate .gather-tet__images {
  margin: 0 0 0 30px;
}
@media (max-width: 991px) {
  .gather-tet__item.rotate .gather-tet__images {
    margin: 0;
  }
}
.gather-tet__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 40%;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
  margin: 0 30px 0 0;
  max-width: 40%;
}
@media (max-width: 991px) {
  .gather-tet__images {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 110px;
        -ms-flex: 0 0 110px;
            flex: 0 0 110px;
    height: 110px;
    margin: 0;
    width: 110px;
  }
}
.gather-tet__detail {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.gather-tet__top {
  border-bottom: 0.8px solid #f6c583;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 0 10px;
}
.gather-tet__top-price {
  color: #f6c583;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  font-size: 50px;
  font-weight: bold;
  max-width: 50%;
}
@media (max-width: 991px) {
  .gather-tet__top-price {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    font-size: 23px;
    width: 40%;
  }
}
.gather-tet__top-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 50%;
}
@media (max-width: 991px) {
  .gather-tet__top-info {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 60%;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    width: 60%;
  }
}
.gather-tet__top-badge {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f6c583;
  border-radius: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  width: 185px;
}
@media (max-width: 991px) {
  .gather-tet__top-badge {
    height: 20px;
    width: 100px;
  }
}
.gather-tet__top-txt {
  color: #d60525;
  font-size: 24px;
}
@media (max-width: 991px) {
  .gather-tet__top-txt {
    font-size: 13px;
  }
}
.gather-tet__top-des {
  color: #f6c583;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  margin: 5px 0 0;
}
@media (max-width: 991px) {
  .gather-tet__top-des {
    font-size: 12px;
    line-height: 16px;
  }
}
.gather-tet__pack {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 20px -15px 30px;
}
@media (max-width: 991px) {
  .gather-tet__pack {
    margin: 10px -5px;
    padding: 10px 0;
  }
}
.gather-tet__column {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 40%;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
  max-width: 40%;
  padding: 0 15px;
}
@media (max-width: 991px) {
  .gather-tet__column {
    padding: 0 5px;
  }
}
.gather-tet__column.left {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 60%;
      -ms-flex: 0 0 60%;
          flex: 0 0 60%;
  max-width: 60%;
}
@media (max-width: 991px) {
  .gather-tet__column.left {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
.gather-tet__name {
  color: #f2c65c;
  font-size: 36px;
  font-weight: bold;
  margin: 0 0 10px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .gather-tet__name {
    font-size: 15px;
    margin: 0 0 5px;
  }
}
.gather-tet__info {
  margin: 10px 0 0;
}
.gather-tet__info-des {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
}
@media (max-width: 991px) {
  .gather-tet__info-des {
    font-size: 12px;
  }
}
.gather-tet__info-des:not(:last-child) {
  margin: 0 0 10px;
}
@media (max-width: 991px) {
  .gather-tet__info-des:not(:last-child) {
    margin: 0 0 5px;
  }
}
.gather-tet__info-highlight {
  color: #f2c65c;
  font-size: 30px;
  font-weight: bold;
  margin: 0 0 10px;
}
@media (max-width: 991px) {
  .gather-tet__info-highlight {
    font-size: 15px;
    margin: 0 0 5px;
  }
}
.gather-tet__info-bold {
  color: #f2c65c;
  font-size: 36px;
  font-weight: bold;
  margin: 0 0 10px;
}
@media (max-width: 991px) {
  .gather-tet__info-bold {
    font-size: 15px;
    margin: 0 0 5px;
  }
}
.gather-tet__last {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.gather-tet__last-btn {
  -webkit-animation-name: pulse;
          animation-name: pulse;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fcc96d;
  border-radius: 20px;
  box-shadow: 0.8px 3px 4px rgba(0, 0, 0, 0.3);
  color: #d3002e;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 36px;
  font-weight: bold;
  height: 58px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 15px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .gather-tet__last-btn {
    font-size: 15px;
    height: 24px;
    width: 110px;
  }
}
.gather-tet__last-btn:hover {
  opacity: 0.75;
}
@media (max-width: 991px) {
  .gather-tet__last-info {
    margin: 0 10px 0 0;
  }
}
.gather-tet__last-des {
  color: #fcc96d;
  font-size: 20px;
  font-weight: 500;
  margin: 5px 0 0;
}
@media (max-width: 991px) {
  .gather-tet__last-des {
    font-size: 12px;
  }
}
.gather-tet__last-link {
  color: #c7b299;
  font-size: 20px;
  font-weight: 500;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (max-width: 991px) {
  .gather-tet__last-link {
    font-size: 12px;
  }
}
.entertainment-tet {
  background: url("../images_content/bg-entertainment.svg") 0 0 no-repeat;
  display: block;
  padding: 60px 0 80px;
  word-break: break-word;
}
@media (max-width: 991px) {
  .entertainment-tet {
    padding: 20px 0;
  }
}
.entertainment-tet__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 70px;
}
@media (max-width: 991px) {
  .entertainment-tet__title {
    margin: 0 0 20px;
  }
}
.entertainment-tet__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.entertainment-tet__item:not(:last-child) {
  margin: 0 0 60px;
}
@media (max-width: 991px) {
  .entertainment-tet__item:not(:last-child) {
    margin: 0 0 20px;
  }
}
.entertainment-tet__images {
  border-radius: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 180px;
      -ms-flex: 0 0 180px;
          flex: 0 0 180px;
  height: 180px;
  margin: 0 35px 0 0;
  width: 180px;
}
@media (max-width: 991px) {
  .entertainment-tet__images {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 45px;
        -ms-flex: 0 0 45px;
            flex: 0 0 45px;
    height: 45px;
    margin: 0 10px 0 0;
    width: 45px;
  }
}
.entertainment-tet__images img {
  border: 2px solid #fff;
  border-radius: 20px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media (max-width: 991px) {
  .entertainment-tet__images img {
    border-radius: 6px;
    border-width: 1px;
  }
}
.entertainment-tet__name {
  font-size: 26px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 0 10px;
}
@media (max-width: 991px) {
  .entertainment-tet__name {
    font-size: 15px;
    margin: 0 0 5px;
  }
}
.entertainment-tet__link {
  color: #c3112a;
}
.entertainment-tet__info {
  margin: 10px 0 15px;
}
@media (max-width: 991px) {
  .entertainment-tet__info {
    margin: 3px 0 8px;
  }
}
.entertainment-tet__des {
  color: #916103;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}
@media (max-width: 991px) {
  .entertainment-tet__des {
    font-size: 12px;
    line-height: 16px;
  }
}
.entertainment-tet__des span {
  font-weight: bold;
}
.entertainment-tet__btn {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: -webkit-linear-gradient(top, #ce0724 0%, #92081f 100%);
  background: linear-gradient(180deg, #ce0724 0%, #92081f 100%);
  border-radius: 40px;
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.3);
  color: #e7bc68;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 24px;
  font-weight: 600;
  height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .entertainment-tet__btn {
    border-radius: 16px;
    box-shadow: 0.4px 0.8px 0.4px rgba(0, 0, 0, 0.3);
    font-size: 12px;
    height: 24px;
  }
}
.entertainment-tet__btn:hover {
  opacity: 0.75;
}
.voucher-tet {
  background-color: #ad101e;
  display: block;
  padding: 60px 0;
  word-break: break-word;
}
@media (max-width: 991px) {
  .voucher-tet {
    padding: 20px 0;
  }
}
.voucher-tet__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 50px;
}
@media (max-width: 991px) {
  .voucher-tet__title {
    margin: 0 0 30px;
  }
}
.voucher-tet__item {
  margin: 0 30px;
  text-align: center;
}
.voucher-tet__images {
  display: block;
  margin: 0 0 20px;
}
@media (max-width: 991px) {
  .voucher-tet__images {
    margin: 0 0 10px;
  }
}
.voucher-tet__info {
  margin: 20px 0 0;
}
@media (max-width: 991px) {
  .voucher-tet__info {
    margin: 10px 0 0;
  }
}
.voucher-tet__name {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  margin: 0 0 5px;
}
@media (max-width: 991px) {
  .voucher-tet__name {
    font-size: 12px;
    line-height: 17px;
  }
}
.voucher-tet__link {
  color: #fff;
}
.voucher-tet__des {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}
@media (max-width: 991px) {
  .voucher-tet__des {
    font-size: 12px;
    line-height: 17px;
  }
}
.voucher-tet .owl-nav button.owl-prev,
.voucher-tet .owl-nav button.owl-next {
  color: #dcc26b;
}
.myviettel-tet {
  background-color: #fbd190;
  padding: 50px 0 60px;
}
@media (max-width: 991px) {
  .myviettel-tet {
    padding: 25px 0;
  }
}
.myviettel-tet__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.myviettel-tet__left {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}
.myviettel-tet__title {
  color: #ee0033;
  font-size: 50px;
  font-weight: 500;
  margin: 0 0 20px;
}
@media (max-width: 991px) {
  .myviettel-tet__title {
    font-size: 24px;
    margin: 0 0 10px;
  }
}
.myviettel-tet__des {
  color: #181818;
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
}
@media (max-width: 991px) {
  .myviettel-tet__des {
    font-size: 12px;
    line-height: 16px;
  }
}
.myviettel-tet__right {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 40%;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
  max-width: 40%;
}
.myviettel-tet__images {
  border-radius: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 300px;
      -ms-flex: 0 0 300px;
          flex: 0 0 300px;
  height: 300px;
  margin: 0 0 60px;
  width: 300px;
}
@media (max-width: 991px) {
  .myviettel-tet__images {
    border-radius: 20px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100px;
        -ms-flex: 0 0 100px;
            flex: 0 0 100px;
    height: 100px;
    margin: 0 0 15px;
    width: 100px;
  }
}
.myviettel-tet__images img {
  border-radius: 60px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media (max-width: 991px) {
  .myviettel-tet__images img {
    border-radius: 20px;
  }
}
.myviettel-tet__app {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.modal--tet {
  padding: 80px 0;
}
@media (min-width: 576px) {
  .modal--tet .modal__content {
    max-width: 1015px;
  }
}
.modal--tet .modal__header {
  display: none;
}
.modal--tet .modal__body {
  padding: 0;
}
.modal-tet {
  word-break: break-word;
}
.modal-tet__title {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: url("../images_content/bg-title-tet.svg") center center no-repeat;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 94px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 35px;
}
@media (max-width: 991px) {
  .modal-tet__title {
    height: 36px;
    margin: 0 0 15px;
  }
}
.modal-tet__title-name {
  color: #fff;
  font-size: 37px;
  font-weight: bold;
}
@media (max-width: 991px) {
  .modal-tet__title-name {
    font-size: 14px;
  }
}
.modal-tet__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 62px;
  margin: 0 -15px 60px;
  position: relative;
}
@media (max-width: 991px) {
  .modal-tet__top {
    margin: 0 -15px 30px;
    min-height: 24px;
    padding: 0 40px 0 0;
  }
}
@media (max-width: 991px) {
  .modal-tet__top-images {
    width: 166px;
  }
}
.modal-tet__top-name {
  color: #fff;
  font-size: 31px;
  font-weight: 500;
}
@media (max-width: 991px) {
  .modal-tet__top-name {
    font-size: 12px;
  }
}
.modal-tet__top .modal__close {
  cursor: pointer;
  font-size: 0;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.modal-tet__top .modal__close i {
  color: #bcbcbc;
  font-size: 24px;
}
.modal-tet__content {
  padding: 0 60px;
}
@media (max-width: 991px) {
  .modal-tet__content {
    padding: 0;
  }
}
.modal-tet__pack-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.modal-tet__pack-content:before {
  background: url("../images_content/img-peach-blossom-1.svg") 0 0 no-repeat;
  bottom: -30px;
  content: "";
  height: 24px;
  left: 15px;
  position: absolute;
  width: 24px;
}
@media (max-width: 991px) {
  .modal-tet__pack-content:before {
    bottom: 0;
  }
}
.modal-tet__pack-content:after {
  background: url("../images_content/img-peach-blossom-2.svg") 0 0 no-repeat;
  bottom: 0;
  content: "";
  height: 50px;
  left: 100px;
  position: absolute;
  width: 50px;
}
@media (max-width: 991px) {
  .modal-tet__pack-content:after {
    bottom: 40px;
    left: 30px;
  }
}
.modal-tet__pack-images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 222px;
      -ms-flex: 0 0 222px;
          flex: 0 0 222px;
  height: 222px;
  margin: 0 50px 0 0;
  width: 222px;
}
@media (max-width: 991px) {
  .modal-tet__pack-images {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 84px;
        -ms-flex: 0 0 84px;
            flex: 0 0 84px;
    height: 84px;
    margin: 0 20px 0 0;
    width: 84px;
  }
}
.modal-tet__pack-images img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.modal-tet__pack-price {
  font-size: 36px;
  font-weight: 600;
  margin: 0 0 20px;
}
@media (max-width: 991px) {
  .modal-tet__pack-price {
    font-size: 14px;
  }
}
.modal-tet__pack-price span {
  color: #ee0033;
}
.modal-tet__pack-info {
  margin: 20px 0 0;
}
.modal-tet__pack-sub {
  font-size: 36px;
  font-weight: 600;
  margin: 0 0 10px;
}
@media (max-width: 991px) {
  .modal-tet__pack-sub {
    font-size: 14px;
  }
}
.modal-tet__pack-item {
  color: #444343;
  font-size: 21px;
  line-height: 29px;
  font-weight: 500;
}
@media (max-width: 991px) {
  .modal-tet__pack-item {
    font-size: 12px;
    line-height: 16px;
  }
}
.modal-tet__pack-item:not(:last-child) {
  margin: 0 0 5px;
}
.modal-tet__service {
  margin: 70px 0 0;
  position: relative;
}
.modal-tet__service:before {
  background: url("../images_content/img-peach-blossom-4.svg") 0 0 no-repeat;
  bottom: 60px;
  content: "";
  height: 23px;
  position: absolute;
  right: 0;
  width: 23px;
}
@media (max-width: 991px) {
  .modal-tet__service:before {
    bottom: 50px;
  }
}
.modal-tet__service:after {
  background: url("../images_content/img-peach-blossom-5.svg") 0 0 no-repeat;
  bottom: -10px;
  content: "";
  height: 65px;
  position: absolute;
  right: 50px;
  width: 65px;
}
@media (max-width: 991px) {
  .modal-tet__service:after {
    right: 20px;
  }
}
@media (max-width: 991px) {
  .modal-tet__service {
    margin: 30px 0;
  }
}
.modal-tet__service-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.modal-tet__service-content:after {
  background: url("../images_content/img-peach-blossom-3.svg") 0 0 no-repeat;
  bottom: -10px;
  content: "";
  height: 31px;
  position: absolute;
  right: 0;
  width: 31px;
}
@media (max-width: 991px) {
  .modal-tet__service-content:after {
    bottom: -20px;
  }
}
.modal-tet__service-images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 224px;
      -ms-flex: 0 0 224px;
          flex: 0 0 224px;
  height: 224px;
  margin: 0 60px 0 0;
  width: 224px;
}
@media (max-width: 991px) {
  .modal-tet__service-images {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 84px;
        -ms-flex: 0 0 84px;
            flex: 0 0 84px;
    height: 84px;
    margin: 0 20px 0 0;
    width: 84px;
  }
}
.modal-tet__service-images img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.modal-tet__service-name {
  color: #ee0033;
  font-size: 30px;
  line-height: 39px;
  font-weight: 600;
}
@media (max-width: 991px) {
  .modal-tet__service-name {
    font-size: 12px;
    line-height: 18px;
  }
}
.modal-tet__service-row {
  margin: 35px 0 0;
}
.modal-tet__service-sub {
  font-size: 36px;
  font-weight: 600;
  margin: 0 0 15px;
}
@media (max-width: 991px) {
  .modal-tet__service-sub {
    font-size: 14px;
  }
}
.modal-tet__service-item {
  color: #444343;
  font-size: 21px;
  line-height: 29px;
  font-weight: 500;
}
@media (max-width: 991px) {
  .modal-tet__service-item {
    font-size: 12px;
    line-height: 16px;
  }
}
.modal-tet__service-item:not(:last-child) {
  margin: 0 0 5px;
}
.modal-tet__point {
  margin: 65px 0 0;
}
@media (max-width: 991px) {
  .modal-tet__point {
    margin: 30px 0;
  }
}
.modal-tet__point-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.modal-tet__point-images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 110px;
      -ms-flex: 0 0 110px;
          flex: 0 0 110px;
  height: 110px;
  margin: 0 30px 0 0;
  width: 110px;
}
@media (max-width: 991px) {
  .modal-tet__point-images {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 42px;
        -ms-flex: 0 0 42px;
            flex: 0 0 42px;
    height: 42px;
    margin: 0 12px 0 0;
    width: 42px;
  }
}
.modal-tet__point-images img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.modal-tet__point-sub {
  font-size: 36px;
  font-weight: 600;
  margin: 0 0 10px;
}
@media (max-width: 991px) {
  .modal-tet__point-sub {
    font-size: 14px;
  }
}
.modal-tet__point-des {
  color: #444343;
  font-size: 21px;
  line-height: 29px;
  font-weight: 500;
}
@media (max-width: 991px) {
  .modal-tet__point-des {
    font-size: 12px;
    line-height: 16px;
  }
}
.modal-tet__point-des:not(:last-child) {
  margin: 0 0 5px;
}
.modal-tet__chance {
  margin: 80px 0 0;
}
@media (max-width: 991px) {
  .modal-tet__chance {
    margin: 30px 0;
  }
}
.modal-tet__chance-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.modal-tet__chance-images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 110px;
      -ms-flex: 0 0 110px;
          flex: 0 0 110px;
  height: 210px;
  margin: 0 30px 0 0;
  width: 110px;
}
@media (max-width: 991px) {
  .modal-tet__chance-images {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 42px;
        -ms-flex: 0 0 42px;
            flex: 0 0 42px;
    height: 42px;
    margin: 0 12px 0 0;
    width: 42px;
  }
}
.modal-tet__chance-images img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.modal-tet__chance-name {
  color: #ee0033;
  font-size: 30px;
  line-height: 39px;
  font-weight: 600;
  margin: 0 0 20px;
}
@media (max-width: 991px) {
  .modal-tet__chance-name {
    font-size: 14px;
    line-height: 18px;
  }
}
.modal-tet__chance-des {
  color: #444343;
  font-size: 21px;
  line-height: 29px;
  font-weight: 500;
}
@media (max-width: 991px) {
  .modal-tet__chance-des {
    font-size: 12px;
    line-height: 16px;
  }
}
.modal-tet__chance-des:not(:last-child) {
  margin: 0 0 5px;
}
.modal-tet__chance-note {
  color: #ee0033;
  font-size: 20px;
  font-style: italic;
  font-weight: 600;
  line-height: 26px;
  margin: 40px 0 0;
}
@media (max-width: 991px) {
  .modal-tet__chance-note {
    font-size: 12px;
    line-height: 16px;
  }
}
.modal-tet__btn {
  bottom: -30px;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 991px) {
  .modal-tet__btn {
    bottom: -15px;
  }
}
.modal-tet__btn-link {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ee0033;
  border: 2px solid #ffe5c0;
  border-radius: 90px;
  box-shadow: 1px 4px 5px rgba(0, 0, 0, 0.3);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 146px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  padding: 10px 15px;
  width: 470px;
}
@media (max-width: 991px) {
  .modal-tet__btn-link {
    border-radius: 34px;
    border-width: 1px;
    height: 56px;
    max-width: 180px;
  }
}
.modal-tet__btn-name {
  color: #fcc96d;
  font-size: 46px;
  font-weight: bold;
  margin: 0 0 10px;
}
@media (max-width: 991px) {
  .modal-tet__btn-name {
    font-size: 14px;
    margin: 0 0 5px;
  }
}
.modal-tet__btn-sub {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
}
@media (max-width: 991px) {
  .modal-tet__btn-sub {
    font-size: 12px;
  }
}
.modal-tet__footer {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 62px;
  margin: 80px -15px 0;
}
@media (max-width: 991px) {
  .modal-tet__footer {
    height: 24px;
  }
}
.partner-viettel {
  margin: 25px 0 100px;
  word-break: break-word;
}
@media (max-width: 991px) {
  .partner-viettel {
    margin: 25px 0 40px;
  }
}
.partner-viettel__title {
  color: #0c0033;
  font-family: "Montserrat";
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  margin: 0 0 50px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .partner-viettel__title {
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 30px;
  }
}
.partner-viettel__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 50px 0;
}
@media (max-width: 991px) {
  .partner-viettel__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 30px 0;
  }
}
.partner-viettel__images {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ee0033;
  border-radius: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 360px;
      -ms-flex: 0 0 360px;
          flex: 0 0 360px;
  height: 425px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 30px 0 0;
  padding: 15px 20px;
  width: 360px;
}
@media (max-width: 991px) {
  .partner-viettel__images {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 102px;
        -ms-flex: 0 0 102px;
            flex: 0 0 102px;
    height: 102px;
    margin: 0 35px 0 0;
    padding: 10px 15px;
    width: 102px;
  }
}
@media (max-width: 991px) {
  .partner-viettel__detail {
    margin: 20px 0 0;
  }
}
.partner-viettel__name {
  color: #0c0033;
  font-family: "Montserrat";
  font-size: 36px;
  font-weight: bold;
  line-height: 54px;
  margin: 0 0 30px;
}
@media (max-width: 991px) {
  .partner-viettel__name {
    font-size: 26px;
    margin: 0;
    text-transform: uppercase;
  }
}
.partner-viettel__des {
  color: #474747;
  font-size: 16px;
  line-height: 1.8;
}
.partner-viettel__des:not(:last-child) {
  margin: 0 0 15px;
}
.partner-viettel__content {
  margin: 50px 0 0;
}
.partner-viettel__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 25px;
}
@media (max-width: 991px) {
  .partner-viettel__info {
    margin: 0 0 16px;
  }
}
.partner-viettel__sub {
  color: #0c0033;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: -0.5px;
  line-height: 28px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .partner-viettel__sub {
    color: #000;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
  }
}
.partner-viettel__link {
  color: #ee0033;
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 0 20px;
  text-decoration: underline;
}
@media (max-width: 991px) {
  .partner-viettel__link {
    font-size: 13px;
    font-weight: 500;
    line-height: 21px;
  }
}
.partner-viettel__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .partner-viettel__btn {
    display: none;
  }
}
.partner-viettel__btn .btn {
  border-radius: 6px;
  border-width: 1px;
  padding: 12px 20px;
  width: 220px;
}
@media (max-width: 991px) {
  .partner-viettel__btn .btn {
    border-radius: 10px;
    padding: 15px 20px;
    width: 100%;
  }
}
.partner-viettel__btn--sp {
  display: none;
}
@media (max-width: 991px) {
  .partner-viettel__btn--sp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.partner-viettel .grild-product {
  margin: 0;
}
.partner-viettel .grild-product .grid-item {
  float: none;
  margin: 0 15px;
  width: auto;
}
.partner-viettel .owl-stage-outer {
  margin: 0;
  padding: 0 0 30px;
}
.post-paid {
  padding: 15px 0 60px;
  word-break: break-word;
}
@media (max-width: 991px) {
  .post-paid {
    padding: 30px 0;
  }
}
.post-paid__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.15px;
  line-height: 36px;
  margin: 0 0 5px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .post-paid__title {
    font-size: 20px;
    line-height: 28px;
  }
}
.post-paid__des {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 18px;
  margin: 5px 0 0;
  text-align: center;
}
.post-paid__des-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 5px 0 0;
}
.post-paid__content {
  margin: 15px 0 0;
}
.post-paid__info {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 40px;
}
@media (max-width: 991px) {
  .post-paid__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 0 30px;
  }
}
.post-paid__info .label-title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 26px;
  margin: 0 0 10px;
}
@media (max-width: 991px) {
  .post-paid__info .label-title {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 24px;
  }
}
.post-paid__info .form-vertical {
  margin: 0;
  width: 340px;
}
@media (max-width: 991px) {
  .post-paid__info .form-vertical {
    width: 100%;
  }
}
.post-paid__btn {
  margin: 0 0 0 30px;
  width: 360px;
}
@media (max-width: 991px) {
  .post-paid__btn {
    margin: 15px 0 0;
    width: 100%;
  }
}
.post-paid__btn .btn {
  padding: 14px 20px;
  width: 100%;
}
@media (max-width: 991px) {
  .post-paid__btn .btn {
    border-radius: 6px;
  }
}
.post-paid__table {
  display: block;
  margin: 20px 0 0;
  overflow-x: auto;
  width: 100%;
}
.post-paid__table .table-customize {
  border-radius: 8px 8px 0 0;
}
.post-paid__table .table-customize thead tr {
  background-color: #f6d0d0;
}
.post-paid__table .table-customize th {
  color: #0c0033;
  font-size: 18px;
  font-weight: 600;
}
.post-paid__table .table-customize th:first-child {
  border-radius: 8px 0 0 0;
}
.post-paid__table .table-customize th:last-child {
  border-radius: 0 8px 0 0;
}
.post-paid__table .table-customize td {
  color: #44494d;
}
.post-paid__table .table-customize th,
.post-paid__table .table-customize td {
  border-right: 1px solid #ebedf1;
  text-align: center;
}
.post-paid__table .table-customize th:last-child,
.post-paid__table .table-customize td:last-child {
  border-right: 0;
}
.suggest-list {
  margin: 40px 0 60px;
}
@media (max-width: 991px) {
  .suggest-list {
    margin: 30px 0;
  }
}
.suggest-list__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 26px;
  margin: 0 0 10px;
}
@media (max-width: 991px) {
  .suggest-list__title {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 24px;
  }
}
.suggest-list__box {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
  padding: 30px 35px;
}
@media (max-width: 991px) {
  .suggest-list__box {
    border-radius: 6px;
    padding: 15px;
  }
}
.suggest-list__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 -10px;
}
@media (max-width: 991px) {
  .suggest-list__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.suggest-list__row:last-child .suggest-list__item {
  border-bottom: 0;
  margin: 0 10px;
  padding: 0;
}
@media (max-width: 991px) {
  .suggest-list__row:last-child .suggest-list__item {
    margin: 0;
  }
  .suggest-list__row:last-child .suggest-list__item:not(:last-child) {
    border-bottom: 1px solid #eee;
    margin: 0 0 15px;
    padding: 0 0 15px;
  }
}
.suggest-list__item {
  border-bottom: 1px solid #eee;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 360px;
      -ms-flex: 0 0 360px;
          flex: 0 0 360px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 10px 20px;
  padding: 0 0 20px;
  width: 360px;
}
@media (max-width: 991px) {
  .suggest-list__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin: 0 0 15px;
    padding: 0 0 15px;
    width: 100%;
  }
}
.suggest-list__info {
  margin: 0 20px 0 0;
}
.suggest-list__name {
  color: #44494d;
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  margin: 0 0 5px;
}
.suggest-list__number {
  color: #44494d;
  font-size: 16px;
  line-height: 21px;
  margin: 5px 0 0;
}
.suggest-list__price {
  color: #576c8a;
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  margin: 10px 0 0;
}
.invite-info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 40px 0 20px;
}
@media (max-width: 991px) {
  .invite-info {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 30px 0 20px;
  }
}
.invite-info__left {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 20px 0 0;
}
@media (max-width: 991px) {
  .invite-info__left {
    margin: 0 0 20px;
  }
}
.invite-info__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 26px;
}
@media (max-width: 991px) {
  .invite-info__name {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 24px;
  }
}
.invite-info__sub {
  color: #03a678;
  font-size: 16px;
  letter-spacing: -0.5px;
  line-height: 21px;
  margin: 0 0 0 15px;
}
@media (max-width: 991px) {
  .invite-info__sub {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 21px;
  }
}
.invite-info__right {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 991px) {
  .invite-info__right {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
}
.invite-info__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 991px) {
  .invite-info__item {
    width: 100%;
  }
}
.invite-info__item:not(:last-child) {
  margin: 0 50px 0 0;
}
@media (max-width: 991px) {
  .invite-info__item:not(:last-child) {
    margin: 0 0 20px;
  }
}
.invite-info__item .form-control {
  padding: 9px 15px;
  width: 180px;
}
.invite-info__item .form-control::-webkit-input-placeholder {
  color: #727272;
  font-size: 14px;
}
.invite-info__item .form-control::-moz-placeholder {
  color: #727272;
  font-size: 14px;
}
.invite-info__item .form-control:-ms-input-placeholder {
  color: #727272;
  font-size: 14px;
}
.invite-info__item .form-control::placeholder {
  color: #727272;
  font-size: 14px;
}
.invite-info__label {
  color: #44494d;
  font-size: 14px;
  line-height: 24px;
  margin: 0 10px 0 0;
}
@media (max-width: 991px) {
  .invite-info__label {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 150px;
        -ms-flex: 0 0 150px;
            flex: 0 0 150px;
  }
}
.invite-info__input {
  position: relative;
}
@media (max-width: 991px) {
  .invite-info__input {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.invite-info__input:after {
  background: url("../images_content/ic-schedule.svg") center center no-repeat;
  content: "";
  height: 20px;
  right: 15px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 22px;
}
@media (max-width: 991px) {
  .invite-info__select {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.pack-invite {
  margin: 30px 0 40px;
}
@media (max-width: 991px) {
  .pack-invite {
    margin: 30px 0;
  }
}
.pack-invite__top {
  margin: 0 0 15px;
}
.pack-invite__title {
  color: #000;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: -0.5px;
  line-height: 28px;
  margin: 0 0 5px;
}
@media (max-width: 991px) {
  .pack-invite__title {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 24px;
  }
}
.pack-invite__noti {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .pack-invite__noti {
    font-size: 14px;
    line-height: 21px;
  }
}
.pack-invite__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}
@media (max-width: 991px) {
  .pack-invite__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.pack-invite__item {
  background-color: #fff;
  box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.1);
  border-radius: 8px 8px 8px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px 20px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
  .pack-invite__item {
    border-radius: 6px 6px 6px 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 15px;
    width: 100%;
  }
}
.pack-invite__images {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px 0 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 122px;
      -ms-flex: 0 0 122px;
          flex: 0 0 122px;
  height: 122px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  width: 122px;
}
@media (max-width: 991px) {
  .pack-invite__images {
    border-radius: 6px 0 0 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100px;
        -ms-flex: 0 0 100px;
            flex: 0 0 100px;
    height: 100px;
    margin: 0 15px 0 0;
    width: 100px;
  }
}
.pack-invite__images img {
  border-radius: 8px 0 0 0;
}
@media (max-width: 991px) {
  .pack-invite__images img {
    border-radius: 6px 0 0 0;
  }
}
.pack-invite__detail {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 5px 60px 5px 10px;
  position: relative;
}
.pack-invite__radio {
  position: absolute;
  right: 18px;
  top: 20px;
}
.pack-invite__name {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 18px;
  font-weight: bold;
  line-height: 28px;
  margin: 0 0 3px;
}
@media (max-width: 991px) {
  .pack-invite__name {
    font-size: 16px;
    line-height: 24px;
  }
}
.pack-invite__des {
  color: #727272;
  font-size: 16px;
  line-height: 24px;
  margin: 3px 0;
}
@media (max-width: 991px) {
  .pack-invite__des {
    font-size: 14px;
    line-height: 21px;
  }
}
.pack-invite__price {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  margin: 3px 0 0;
}
@media (max-width: 991px) {
  .pack-invite__price {
    font-size: 16px;
    line-height: 24px;
  }
}
.pack-invite__price span {
  color: #44494d;
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
  position: relative;
  top: -2px;
}
.pack-invite__link {
  color: #ee0033;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.5px;
  line-height: 24px;
  text-decoration: underline;
}
@media (max-width: 991px) {
  .pack-invite__link {
    letter-spacing: 0;
  }
}
.pack-invite__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px -8px 0;
}
@media (max-width: 991px) {
  .pack-invite__btn {
    margin: 20px -8px 0;
  }
}
.pack-invite__btn .button {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 250px;
      -ms-flex: 0 0 250px;
          flex: 0 0 250px;
  margin: 0 8px;
  width: 250px;
}
@media (max-width: 991px) {
  .pack-invite__btn .button {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2 - 16px);
        -ms-flex: 0 0 calc(100% / 2 - 16px);
            flex: 0 0 calc(100% / 2 - 16px);
    width: calc(100% / 2 - 16px);
  }
}
.modal--paid .modal__body {
  padding: 0 45px 35px;
}
@media (max-width: 991px) {
  .modal--paid .modal__body {
    padding: 0 0 30px;
  }
}
.modal-paid {
  word-break: break-word;
}
.modal-paid__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 15px;
  text-align: center;
}
@media (max-width: 991px) {
  .modal-paid__title {
    font-size: 20px;
    line-height: 28px;
  }
}
.modal-paid__images {
  margin: 15px auto 20px;
  text-align: center;
}
.modal-paid__images--success {
  color: #03a678;
}
.modal-paid__images--warning {
  color: #d11313;
}
.modal-paid__images i {
  font-size: 70px;
}
.modal-paid__des {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  margin: 20px 0;
  text-align: center;
}
@media (max-width: 991px) {
  .modal-paid__des {
    font-size: 14px;
    line-height: 21px;
  }
}
.modal-paid__des span {
  font-weight: 600;
}
.modal-paid__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px -10px 0;
}
.modal-paid__btn .button {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 10px;
}
.redeem-points {
  background-color: #fff;
  margin: 60px auto 100px;
  max-width: 410px;
  width: 100%;
  word-break: break-word;
}
@media (max-width: 991px) {
  .redeem-points {
    margin: 40px 0 0;
  }
}
.redeem-points__title {
  color: #44494d;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  margin: 0 0 20px;
  text-align: center;
}
.redeem-points__content {
  margin: 20px 0;
}
.redeem-points__list {
  margin: 0 0 20px;
}
.redeem-points__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.redeem-points__item:not(:last-child) {
  margin: 0 0 20px;
}
@media (max-width: 991px) {
  .redeem-points__item:not(:last-child) {
    margin: 0 0 15px;
  }
}
.redeem-points__txt {
  color: #44494d;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  margin: 0 20px 0 0;
}
@media (max-width: 991px) {
  .redeem-points__txt {
    font-size: 14px;
    line-height: 16px;
  }
}
.redeem-points__value {
  color: #44494d;
  font-size: 14px;
  font-weight: bold;
  line-height: 19px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .redeem-points__value {
    font-weight: 500;
    line-height: 16px;
  }
}
.redeem-points__form {
  margin: 20px 0 0;
}
@media (max-width: 991px) {
  .redeem-points__form {
    margin: 15px 0 0;
  }
}
.redeem-points .label-title {
  color: #44494d;
}
.redeem-points .form-control {
  padding: 10px 15px;
}
.redeem-points__btn {
  margin: 20px 0 0;
}
@media (max-width: 991px) {
  .redeem-points__btn {
    margin: 15px 0 0;
  }
}
.redeem-points__btn .btn {
  padding: 10px 20px;
  width: 100%;
}
.points-vt__des {
  color: #44494d;
  font-size: 14px;
  line-height: 16px;
  margin: 0 0 20px;
}
@media (max-width: 991px) {
  .points-vt__des {
    margin: 0 0 15px;
  }
}
.points-vt__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -5px;
}
.points-vt__item {
  background-color: #fff;
  border: 1px solid #ee0033;
  border-radius: 10px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3 - 10px);
      -ms-flex: 0 0 calc(100% / 3 - 10px);
          flex: 0 0 calc(100% / 3 - 10px);
  margin: 0 5px 10px;
  padding: 5px 15px;
  width: calc(100% / 3 - 10px);
}
@media (max-width: 991px) {
  .points-vt__item {
    border-radius: 6px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2 - 10px);
        -ms-flex: 0 0 calc(100% / 2 - 10px);
            flex: 0 0 calc(100% / 2 - 10px);
    padding: 10px 15px;
    width: calc(100% / 2 - 10px);
  }
}
.points-vt__item:hover {
  background-color: #ee0033;
}
.points-vt__item:hover .points-vt__link {
  color: #fff;
}
.points-vt__link {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 14px;
  line-height: 20px;
}
@media (max-width: 991px) {
  .points-vt__link {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.points-vt__value {
  margin: 0 5px 0 0;
}
.service-error {
  margin: 80px 0 200px;
  text-align: center;
  word-break: break-word;
}
@media (max-width: 991px) {
  .service-error {
    margin: 100px 0;
  }
}
.service-error__title {
  color: #0c0033;
  font-family: "Montserrat";
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  margin: 0 0 10px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .service-error__title {
    font-size: 20px;
    line-height: 28px;
  }
}
.service-error__des {
  color: #576c8a;
  font-size: 14px;
  font-style: italic;
  line-height: 24px;
  margin: 10px 0 0;
}
.service-error__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 50px 0 0;
}
@media (max-width: 991px) {
  .service-error__btn {
    margin: 30px 0 0;
  }
}
.service-error__btn .btn {
  padding: 15px 20px;
  width: 240px;
}
@media (max-width: 991px) {
  .service-error__btn .btn {
    border-radius: 6px;
    border-width: 1px;
    padding: 12px 20px;
    width: calc(100% / 2);
  }
}
.service-error__btn .btn:not(:last-child) {
  margin: 0 30px 0 0;
}
.debt-confirm {
  margin: 60px 0 100px;
  word-break: break-word;
}
@media (max-width: 991px) {
  .debt-confirm {
    margin: 30px 0 60px;
  }
}
.debt-confirm__title {
  color: #0c0033;
  font-size: 24px;
  font-weight: bold;
  line-height: 34px;
  margin: 0 0 60px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .debt-confirm__title {
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 30px;
  }
}
.debt-confirm__sub {
  color: #0c0033;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -0.5px;
  line-height: 24px;
  margin: 0 0 15px;
}
@media (max-width: 991px) {
  .debt-confirm__sub {
    letter-spacing: 0;
  }
}
.debt-confirm__des {
  color: #576c8a;
  font-size: 16px;
  line-height: 1.8;
  margin: 15px 0 20px;
}
@media (max-width: 991px) {
  .debt-confirm__des {
    font-size: 14px;
    line-height: 21px;
    margin: 15px 0;
  }
}
.debt-confirm .form-control {
  padding: 10px 15px;
}
.debt-confirm .form-control--month {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 165px;
      -ms-flex: 0 0 165px;
          flex: 0 0 165px;
  width: 165px;
}
@media (max-width: 991px) {
  .debt-confirm .form-control--month {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
}
.debt-confirm .form-control--contract {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 360px;
      -ms-flex: 0 0 360px;
          flex: 0 0 360px;
  width: 360px;
}
@media (max-width: 991px) {
  .debt-confirm .form-control--contract {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
}
.debt-confirm__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 60px 0 0;
}
@media (max-width: 991px) {
  .debt-confirm__btn {
    margin: 30px 0 0;
  }
}
.debt-confirm .btn {
  border-width: 1px;
  padding: 10px 20px;
  width: 360px;
}
@media (max-width: 991px) {
  .debt-confirm .btn {
    border-radius: 6px;
    width: 100%;
  }
}
.debt-confirm .btn--disabled {
  background-color: #e4e4e4;
  border-color: #e4e4e4;
  color: #727272;
  pointer-events: none;
}
.records-debt {
  padding: 60px 0 100px;
  word-break: break-word;
}
@media (max-width: 991px) {
  .records-debt {
    padding: 30px 0 60px;
  }
}
.records-debt__top {
  margin: 0 0 20px;
}
.records-debt__title {
  color: #000;
  font-size: 24px;
  font-weight: bold;
  line-height: 34px;
  margin: 0 0 5px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .records-debt__title {
    font-size: 20px;
    line-height: 24px;
  }
}
.records-debt__content {
  margin: 20px 0 60px;
}
.records-debt__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 60px 0 0;
}
.records-debt__btn .btn {
  border-width: 1px;
  padding: 12px 20px;
  width: 360px;
}
.records-debt__btn .btn--disabled {
  background-color: #e4e4e4;
  border-color: #e4e4e4;
  color: #727272;
  pointer-events: none;
}
.records-info__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.records-info__item:not(:last-child) {
  margin: 0 0 5px;
}
.records-info__des {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #727272;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-style: italic;
  line-height: 24px;
}
.records-info__value {
  font-weight: bold;
  margin: 0 0 0 5px;
}
.records-info__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 8px;
}
.records-info__price {
  color: #ee0033;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
}
.records-deal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 20px -15px 45px;
}
.records-deal__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px 30px;
  width: calc(100% / 2 - 30px);
}
.records-deal__item--full {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 15px;
  width: 100%;
}
.records-deal__top {
  background-color: rgba(238, 0, 51, 0.1);
  border-radius: 10px 10px 0 0;
  padding: 20px 25px;
}
.records-deal__name {
  color: #ef0314;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: -0.5px;
  line-height: 28px;
}
.records-deal__content {
  background-color: #fff;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
  padding: 30px 25px;
}
.records-deal__row {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  line-height: 21px;
}
.records-deal__row:not(:last-child) {
  margin: 0 0 15px;
}
.records-deal__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 190px;
      -ms-flex: 0 0 190px;
          flex: 0 0 190px;
  margin: 0 35px 0 0;
  width: 190px;
}
.records-deal__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16px;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
  margin: 0 10px 0 0;
  width: 16px;
}
.records-deal__value {
  font-weight: 500;
}
.records-deal__value.price {
  color: #ee0033;
  font-size: 24px;
  letter-spacing: -0.5px;
}
.records-deal__des {
  color: #000;
  font-size: 16px;
  line-height: 1.8;
  margin: 0 0 10px;
}
.records-table {
  margin: 40px 0;
  overflow: auto;
}
.records-table .table-customize {
  box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
}
.records-table .table-customize thead tr {
  background-color: #fdd0d0;
}
.records-table .table-customize tr th:last-child,
.records-table .table-customize tr td:last-child {
  border-right: 0;
}
.records-table .table-customize th,
.records-table .table-customize td {
  border-right: 1px solid #ebedf1;
  font-size: 16px;
  padding: 18px 10px;
  text-align: center;
}
.records-table .table-customize th {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
}
.records-table .table-customize td {
  color: #44494d;
  padding: 22px 10px;
}
.records-table .table-customize .txt-left {
  text-align: left;
}
.records-table .table-customize__price {
  color: #ee0033;
  font-weight: bold;
}
.records-table .table-customize__link {
  color: #ef0134;
}
.records-table .table-customize__link:hover {
  color: #ee0033;
}
.records-mail {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 40px 0;
}
.records-mail__label {
  color: #ee0033;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  margin: 0 30px 0 0;
}
.records-mail__form {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 552px;
      -ms-flex: 0 0 552px;
          flex: 0 0 552px;
  position: relative;
}
.records-mail__form .form-control {
  border-radius: 6px;
  padding: 10px 15px;
}
.records-mail__link {
  color: #ee0033;
  font-size: 14px;
  line-height: 21px;
  position: absolute;
  right: 15px;
  text-decoration: underline;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.records-noti {
  margin: 25px 0;
}
.records-noti__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #576c8a;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  line-height: 21px;
}
.records-noti__item:not(:last-child) {
  margin: 0 0 10px;
}
.records-noti__link {
  font-weight: bold;
  margin: 0 5px;
}
@media (min-width: 576px) {
  .modal--records .modal__content {
    max-width: 900px;
  }
}
.modal--records .modal__body {
  padding: 0 40px 35px;
}
.modal--records .records-debt {
  margin: 0;
}
.modal--records .records-debt__content {
  margin: 25px 0 40px;
}
.modal--records .records-table {
  margin: 0;
}
.modal--records .records-debt__btn {
  margin: 40px 0 0;
}
.modal--records .table-customize {
  min-width: auto;
}
@media (max-width: 991px) {
  .modal--records .table-customize tr th:first-child,
  .modal--records .table-customize tr td:first-child {
    display: table-cell;
  }
}
.modal--debt .modal__body {
  padding: 0 0 35px;
}
.modal--debt .modal__title {
  color: #0c0033;
  font-size: 24px;
  line-height: 34px;
}
@media (max-width: 991px) {
  .modal--debt .modal__title {
    font-size: 16px;
    line-height: 21px;
  }
}
.modal--debt .modal__des {
  color: #000;
  font-size: 16px;
}
@media (max-width: 991px) {
  .modal--debt .modal__des {
    font-size: 14px;
  }
}
.modal--debt .modal__btn {
  margin: 40px 0 0;
}
@media (max-width: 991px) {
  .modal--debt .modal__btn {
    margin: 30px 0 0;
  }
}
.modal--debt .btn {
  border-width: 1px;
  width: 360px;
}
@media (max-width: 991px) {
  .modal--debt .btn {
    border-radius: 6px;
    width: 100%;
  }
}
.infor-order__top {
  background-color: #ee0033;
  border-radius: 10px 10px 0 0;
  padding: 15px 35px;
}
.infor-order__title {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  line-height: 21px;
}
.infor-order__content {
  background-color: #fff;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
  padding: 20px 35px;
}
.infor-order__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.infor-order__item:not(:last-child) {
  margin: 0 0 20px;
}
.infor-order__txt {
  color: #576c8a;
  font-size: 16px;
  line-height: 24px;
}
.infor-order__price {
  color: #0c0033;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin: 0 0 0 20px;
}
.infor-order__sub {
  color: #ee0033;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  margin: 20px 0;
}
.infor-order__detail {
  margin: 20px 0;
}
.infor-order__des {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.infor-order__des:not(:last-child) {
  margin: 0 0 5px;
}
.infor-order__value {
  font-weight: bold;
  margin: 0 0 0 5px;
}
.infor-order__total {
  border-top: 1px solid #eaeaea;
  padding: 20px 0 0;
}
.infor-order__total-item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.infor-order__total-txt {
  color: #576c8a;
  font-size: 16px;
  line-height: 24px;
}
.infor-order__total-value {
  color: #0c0033;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  margin: 0 0 0 20px;
}
.convert-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 40px 0 80px;
}
@media (max-width: 991px) {
  .convert-btn {
    margin: 30px 0 60px;
  }
}
.convert-btn .btn {
  border-width: 1px;
  padding: 15px 20px;
  width: 360px;
}
@media (max-width: 991px) {
  .convert-btn .btn {
    border-radius: 6px;
    width: 100%;
  }
}
.convert-agree {
  margin: 20px 0;
}
.convert-agree .checkbox__txt {
  color: #000;
  font-size: 16px;
  line-height: 21px;
}
.convert-agree .checkbox__link {
  color: #000;
  font-weight: bold;
}
.convert-agree .checkbox__checkmark {
  top: 2px;
}
.modal--convert .modal__body {
  padding: 0 70px 25px;
}
.modal--convert .modal__title {
  color: #0c0033;
  font-size: 24px;
  line-height: 36px;
}
.modal--convert .modal__des {
  color: #000;
  font-size: 16px;
  line-height: 1.8;
}
.modal--convert .modal__des span {
  font-weight: bold;
}
.modal--convert .btn {
  border-width: 1px;
}
.buy-sim {
  margin: 25px 0 35px;
  word-break: break-word;
}
.buy-sim__top {
  margin: 0 0 25px;
  text-align: center;
}
.buy-sim__title {
  color: #000;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  margin: 0 0 5px;
  text-align: center;
  text-transform: uppercase;
}
.buy-sim__sub {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: bold;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 24px;
  margin: 0 0 15px;
}
.buy-sim__sub-name {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.buy-sim__sub-icon {
  color: #576c8a;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 20px;
}
.buy-sim__des {
  color: #576c8a;
  font-size: 14px;
  line-height: 18px;
}
.buy-sim__content {
  margin: 25px 0 35px;
}
.buy-sim__checkbox {
  margin: 20px 0 0;
}
.buy-sim__checkbox .checkbox__txt {
  color: #000;
  font-size: 16px;
  line-height: 24px;
}
.buy-sim__list {
  margin: 20px 15px;
}
.buy-sim__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #ee0033;
  border-radius: 6px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 8px 15px;
  text-align: center;
}
.buy-sim__item:not(:last-child) {
  margin: 0 0 18px;
}
.buy-sim__item .upload-file__before {
  border: 0;
}
.buy-sim__txt {
  color: #ee0033;
  font-size: 14px;
  line-height: 20px;
}
.buy-sim__agree {
  margin: 25px 0;
}
.buy-sim__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 40px 0 30px;
}
.buy-sim__note {
  color: #576c8a;
  font-size: 14px;
  line-height: 21px;
  margin: 30px 15px 50px;
  text-align: center;
}
.buy-sim__order {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.14);
  margin: 0 0 30px;
  padding: 15px 20px;
}
.buy-sim .info-confirm {
  margin: 25px 0 0;
}
.buy-sim__signature {
  margin: 0 auto;
  text-align: center;
}
.buy-sim__button {
  margin: 35px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.buy-sim__button .btn {
  border-radius: 6px;
  border-width: 1px;
  padding: 12px 20px;
  width: 100%;
}
.buy-sim__button .btn:not(:last-child) {
  margin: 0 0 12px;
}
.buy-sim .form-input__icon {
  background-color: transparent;
  height: auto;
}
.buy-sim .error-text {
  font-size: 14px;
}
.buy-sim--signature {
  margin: 0;
}
.buy-sim--signature .buy-sim__content {
  margin: 50px;
}
.payment-method {
  margin: 0 0 12px;
}
.payment-method__item {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.14);
  padding: 20px 30px 25px;
  text-align: center;
}
.payment-method__item:not(:last-child) {
  margin: 0 0 20px;
}
.payment-method__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 20px;
}
.payment-method .radio-customize {
  margin-bottom: 0;
}
.payment-method .radio-custom1 span {
  color: #0c0033;
  font-size: 16px;
  font-weight: bold;
}
.payment-method .radio-custom1 input:checked ~ .checkmark ~ span {
  font-weight: bold;
}
.modal--otp .modal__title {
  font-family: inherit;
}
.modal--otp .modal__des {
  color: #000;
}
.modal--otp .form-group--otp .wrap {
  margin: 20px auto 15px;
}
.modal--otp .form-group--otp input {
  background-color: #fff;
  font-size: 22px;
  height: 48px;
  max-width: 48px;
  width: 48px;
}
.info-personal {
  margin: 0 0 25px;
}
.info-personal__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.info-personal__item:not(:last-child) {
  margin: 0 0 15px;
}
.info-personal__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 12px 0 0;
}
.info-personal__value {
  color: #000;
  font-size: 14px;
}
.info-personal .form-control {
  border-radius: 6px;
  padding: 6px 15px;
}
.info-delivery {
  margin: 0 0 20px;
}
.info-delivery__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.info-delivery__item:not(:last-child) {
  margin: 0 0 12px;
}
.info-delivery__name {
  color: #000;
  font-size: 14px;
  line-height: 21px;
  margin: 0 0 5px;
}
.info-delivery__value {
  color: #576c8a;
  font-size: 13px;
  line-height: 18px;
}
.nav-sim {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f0f4f7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 63px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 15px;
}
.nav-sim__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.nav-sim__prev {
  color: #000;
  margin: 0 10px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.nav-sim__prev i {
  font-size: 16px;
}
.nav-sim__name {
  color: #000;
  font-size: 20px;
  font-weight: 500;
}
.nav-sim__action {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.nav-sim__icon {
  color: #576c8a;
  margin: 0 15px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.nav-sim__icon i {
  font-size: 20px;
}
.nav-sim__btn .btn {
  border-radius: 6px;
  border-width: 1px;
  padding: 12px 15px;
  width: 130px;
}
.lookup-guarantee {
  margin: 0 0 30px;
  word-break: break-word;
}
.lookup-guarantee__title {
  color: #000;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  margin: 0 0 40px;
  text-align: center;
}
.lookup-guarantee__tabs {
  margin: 40px 0 0;
}
.lookup-guarantee__tabs .tab-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 991px) {
  .lookup-guarantee__tabs .tab-title {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.lookup-guarantee__tabs .tab-title li:not(:last-child) {
  margin: 0 100px 0 0;
}
@media (max-width: 991px) {
  .lookup-guarantee__tabs .tab-title li:not(:last-child) {
    margin: 0 20px 0 0;
  }
}
.lookup-guarantee__tabs .tab-title li a {
  padding: 0;
}
.lookup-guarantee__content {
  margin: 60px 0 30px;
}
@media (max-width: 991px) {
  .lookup-guarantee__content {
    margin: 30px 0;
  }
}
.lookup-guarantee__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px 30px;
}
@media (max-width: 991px) {
  .lookup-guarantee__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 0 30px;
  }
}
.lookup-guarantee__item {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px;
  padding: 40px 80px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
  .lookup-guarantee__item {
    border-radius: 6px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 30px;
    padding: 25px 20px;
    width: 100%;
  }
  .lookup-guarantee__item:last-child {
    margin: 0;
  }
}
.lookup-guarantee__box {
  background-color: #fff;
  border-left: 4px solid #ee0033;
  border-radius: 0 10px 10px 0;
  padding: 15px 20px;
}
@media (max-width: 767px) {
  .lookup-guarantee__box {
    padding: 15px;
  }
}
.lookup-guarantee__box:not(:last-child) {
  margin: 0 0 30px;
}
@media (max-width: 767px) {
  .lookup-guarantee__box:not(:last-child) {
    margin: 0 0 20px;
  }
}
.lookup-guarantee__box--info .lookup-guarantee__txt {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 90px;
      -ms-flex: 0 0 90px;
          flex: 0 0 90px;
}
.lookup-guarantee__sub {
  color: #000;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  margin: 0 0 15px;
}
@media (max-width: 767px) {
  .lookup-guarantee__sub {
    font-size: 18px;
    line-height: 28px;
  }
}
.lookup-guarantee__row {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.lookup-guarantee__row:not(:last-child) {
  margin: 0 0 8px;
}
.lookup-guarantee__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 24px;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  margin: 0 10px 0 0;
  width: 24px;
}
.lookup-guarantee__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.lookup-guarantee__txt {
  color: #000;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 175px;
      -ms-flex: 0 0 175px;
          flex: 0 0 175px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 15px 0 0;
}
.lookup-guarantee__value {
  color: #000;
  font-size: 14px;
  line-height: 24px;
}
.lookup-guarantee__btn {
  margin: 40px 0 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lookup-guarantee__btn .btn {
  border-width: 1px;
  padding: 15px 20px;
  width: 170px;
}
@media (max-width: 991px) {
  .lookup-guarantee__btn .btn {
    width: 100%;
  }
}
.box-guarantee {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 10px 10px 10px 0;
  margin: 30px 0;
  padding: 25px 50px;
}
@media (max-width: 991px) {
  .box-guarantee {
    border-radius: 6px;
    padding: 15px;
  }
}
.box-guarantee__top {
  margin: 0 0 20px;
}
.box-guarantee__title {
  color: #000;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  margin: 0 0 5px;
}
@media (max-width: 767px) {
  .box-guarantee__title {
    font-size: 18px;
    line-height: 28px;
  }
}
.box-guarantee__sub {
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-weight: 400;
  letter-spacing: 0.15px;
  margin: 0 0 0 3px;
}
.box-guarantee__des {
  color: #44494d;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
}
.data-money {
  margin: 0 auto;
  padding: 15px 0 60px;
  max-width: 600px;
  width: 100%;
  word-break: break-word;
}
@media (max-width: 991px) {
  .data-money {
    padding: 15px 0 30px;
    max-width: 100%;
  }
}
.data-money--custom {
  padding: 0 0 40px;
}
.data-money--custom .data-money__banner {
  margin: 0;
}
.data-money--custom .data-money__content {
  margin: 0;
}
.data-money--custom .data-service {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 -20px;
}
@media (max-width: 991px) {
  .data-money--custom .data-service {
    margin: 0 10px;
  }
}
.data-money--custom .data-service__item {
  margin: 0 20px;
}
@media (max-width: 991px) {
  .data-money--custom .data-service__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 3 - 20px);
        -ms-flex: 0 0 calc(100% / 3 - 20px);
            flex: 0 0 calc(100% / 3 - 20px);
    margin: 0 10px;
  }
}
.data-money__banner {
  margin: 0 0 30px;
}
.data-money__banner-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.data-money__banner img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.data-money__banner-middle img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.data-money__content {
  margin: 30px 0 0;
}
.data-money__logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.data-money__logo-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.data-money__row {
  border-bottom: 5px solid #eee;
  padding: 20px 15px;
}
@media (max-width: 991px) {
  .data-money__row {
    padding: 20px 0;
  }
}
.data-money__row--info {
  padding: 15px;
}
@media (max-width: 991px) {
  .data-money__row--info {
    padding: 10px 0;
  }
}
.data-money__row:last-child {
  border-bottom: 0;
}
.data-money__des {
  color: #000;
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 20px;
  text-align: center;
}
.data-money__des span {
  color: #ee0033;
}
.data-money__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px -8px 0;
}
.data-money__btn .button {
  margin: 0 8px;
  width: 165px;
}
@media (max-width: 991px) {
  .data-money__btn .button {
    padding: 9px 10px;
    width: calc(100% / 2 - 16px);
  }
}
.data-money__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 10px;
}
.data-money__sub {
  color: #000;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
.data-money__link {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin: 0 0 0 20px;
}
.data-money__link:hover {
  text-decoration: underline;
}
.data-info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.data-info__item {
  cursor: pointer;
}
.data-info__link {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.data-info__link:hover {
  opacity: 0.75;
}
.data-info__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 30px;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  margin: 0 5px 0 0;
}
.data-info__name {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 21px;
  margin: 3px 0 0;
}
@media (max-width: 991px) {
  .data-info__name {
    font-size: 13px;
    line-height: 18px;
  }
}
.data-hot {
  margin: 10px 0 0;
}
.data-hot__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 8px 8px 8px 0;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.data-hot__item:not(:last-child) {
  margin: 0 0 16px;
}
.data-hot__item.active {
  border-color: #ee0033;
}
.data-hot__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.data-hot__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 62px;
      -ms-flex: 0 0 62px;
          flex: 0 0 62px;
  height: 62px;
  margin: 0 15px 0 0;
}
.data-hot__images img {
  border: 1px solid #828282;
  border-radius: 10px 10px 10px 0;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.data-hot__images img:hover {
  opacity: 0.75;
}
.data-hot__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.data-hot__name {
  color: #44494d;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin: 0 0 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.data-hot__name:hover {
  color: #ee0033;
}
.data-hot__des {
  color: #44494d;
  font-size: 12px;
  line-height: 18px;
  margin: 2px 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.data-hot__noti {
  color: #ee0033;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
}
.data-hot__price {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.data-hot__icon {
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 3px 0 0;
}
.data-hot__icon i {
  font-size: 16px;
}
.data-hot__value {
  color: #ee0033;
  display: block;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.data-hot__see-more {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin: 0 0 0 20px;
}
.data-hot__btn {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 102px;
      -ms-flex: 0 0 102px;
          flex: 0 0 102px;
  margin: 0 0 0 20px;
  width: 102px;
}
.data-discover {
  margin: 10px 0 0;
}
.data-discover__images {
  border-radius: 12px 12px 12px 0;
}
.data-discover__images img {
  border-radius: 12px 12px 12px 0;
}
@media (max-width: 991px) {
  .data-discover .owl-nav {
    display: none;
  }
}
.data-service {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 -10px;
}
.data-service__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 82px;
      -ms-flex: 0 0 82px;
          flex: 0 0 82px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 10px;
}
@media (max-width: 991px) {
  .data-service__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 4 - 20px);
        -ms-flex: 0 0 calc(100% / 4 - 20px);
            flex: 0 0 calc(100% / 4 - 20px);
  }
}
.data-service__images {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #eee;
  border: 1px solid transparent;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 62px;
      -ms-flex: 0 0 62px;
          flex: 0 0 62px;
  height: 62px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 5px;
  width: 62px;
}
.data-service__images:hover {
  border-color: #ee0033;
}
.data-service__images img {
  padding: 5px;
}
.data-service__name {
  color: #44494d;
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
}
.data-service__name:hover {
  color: #ee0033;
}
.data-endow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -8px;
  overflow-x: auto;
}
.data-endow__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2.5 - 16px);
      -ms-flex: 0 0 calc(100% / 2.5 - 16px);
          flex: 0 0 calc(100% / 2.5 - 16px);
  margin: 0 8px 15px;
  width: calc(100% / 2.5 - 16px);
}
.data-endow__images img {
  border-radius: 8px 8px 8px 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.data-endow__info {
  margin: 5px 0 0;
}
.data-endow__name {
  color: #44494d;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 2px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.data-endow__name:hover {
  color: #ee0033;
}
.data-endow__point {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #727272;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  line-height: 18px;
}
.data-endow__point i {
  font-size: 14px;
  line-height: 18px;
  margin: 0 5px 0 0;
}
.data-program {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -8px;
}
.data-program__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 16px);
      -ms-flex: 0 0 calc(100% / 2 - 16px);
          flex: 0 0 calc(100% / 2 - 16px);
  margin: 0 8px 15px;
  width: calc(100% / 2 - 16px);
}
.data-program__images img {
  border-radius: 8px 8px 8px 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.account-add {
  padding: 0 0 50px;
  word-break: break-word;
}
@media (max-width: 991px) {
  .account-add {
    padding: 30px 0 40px;
  }
}
.account-add__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.15px;
  line-height: 36px;
  margin: 0 0 20px;
  text-align: center;
  text-transform: uppercase;
}
.account-add__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0 30px;
}
.account-add__images img:hover {
  opacity: 0.75;
}
.account-add__noti {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.15px;
  line-height: 30px;
  margin: 30px 0 0;
  text-align: center;
}
@media (max-width: 991px) {
  .account-add__noti {
    font-size: 18px;
    line-height: 28px;
  }
}
.account-add__des {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 3px;
  text-align: center;
}
.account-add__note {
  color: #44494d;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  margin: 3px 0 0;
  text-align: center;
}
.account-add__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 30px -15px;
}
@media (max-width: 991px) {
  .account-add__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 30px 0;
  }
}
.account-add__list--center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.account-add__item {
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 12px 12px 12px 0;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3 - 30px);
      -ms-flex: 0 0 calc(100% / 3 - 30px);
          flex: 0 0 calc(100% / 3 - 30px);
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 15px;
  padding: 15px 15px 10px;
  position: relative;
}
@media (max-width: 991px) {
  .account-add__item {
    border-radius: 6px 6px 6px 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 20px;
    width: 100%;
  }
  .account-add__item:last-child {
    margin: 0;
  }
}
.account-add__item.selected,
.account-add__item:hover {
  border-color: #ee0033;
}
.account-add__item .checkmark {
  top: -1px;
}
.account-add__action {
  margin: 0 10px 0 0;
}
.account-add__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.account-add__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 2px;
}
.account-add__sub {
  color: #44494d;
  font-size: 14px;
  line-height: 24px;
  margin: 2px 0;
}
.account-add__txt {
  color: #b5b4b4;
  font-size: 14px;
  line-height: 24px;
}
.account-add__last {
  margin: 30px 0 15px;
}
.account-add__subtitle {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 15px;
  text-align: center;
}
.account-add__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 991px) {
  .account-add__btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.account-add__btn .button {
  width: 264px;
}
@media (max-width: 991px) {
  .account-add__btn .button {
    width: 100%;
  }
}
.account-add__btn .button:not(:last-child) {
  margin: 0 30px 0 0;
}
@media (max-width: 991px) {
  .account-add__btn .button:not(:last-child) {
    margin: 0 0 20px;
  }
}
.account-add--none {
  margin: 0 auto;
  max-width: 486px;
  width: 100%;
}
@media (max-width: 991px) {
  .account-add--none {
    margin: 30px 0 0;
    max-width: 100%;
  }
}
.account-confirm {
  margin: 25px 0 0;
}
.account-confirm__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 15px;
  text-align: center;
}
@media (max-width: 991px) {
  .account-confirm__title {
    font-size: 22px;
    line-height: 28px;
  }
}
.account-confirm__form {
  margin: 0 auto;
  max-width: 756px;
  width: 100%;
}
@media (max-width: 991px) {
  .account-confirm__form {
    max-width: 100%;
  }
}
.account-confirm__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 -15px;
}
@media (max-width: 991px) {
  .account-confirm__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.account-confirm__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
  .account-confirm__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    width: 100%;
  }
}
.account-confirm .form-capcha {
  padding: 11px 15px;
}
.modal--account .modal__body {
  padding: 0 40px 35px;
}
@media (max-width: 991px) {
  .modal--account .modal__body {
    padding: 0 0 30px;
  }
}
.modal-account {
  word-break: break-word;
}
.modal-account__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 15px;
  text-align: center;
}
@media (max-width: 991px) {
  .modal-account__title {
    font-size: 22px;
    line-height: 28px;
  }
}
.modal-account__des {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  margin: 15px 0;
  text-align: center;
}
@media (max-width: 991px) {
  .modal-account__des {
    font-size: 14px;
    line-height: 21px;
  }
}
.modal-account__form {
  margin: 15px 0 20px;
}
.modal-account .link-otp {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 10px 0 0;
}
.modal-account .link-otp i {
  font-size: 14px;
  margin: 0 0 0 5px;
}
.modal-account__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 15px 0 20px;
}
.modal-account__images--success {
  color: #03a678;
}
.modal-account__images--warning {
  color: #d11313;
}
.modal-account__images i {
  font-size: 70px;
}
.modal-account__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 20px 0 0;
}
.modal-account__btn .button {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.modal-account__btn .button:not(:last-child) {
  margin: 0 16px 0 0;
}
.flash-sale {
  margin: 15px 0 60px;
  word-break: break-word;
}
@media (max-width: 991px) {
  .flash-sale {
    margin: 30px 0 40px;
  }
}
.flash-sale__title {
  color: #0c0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 36px;
  margin: 0 0 15px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .flash-sale__title {
    font-size: 24px;
    line-height: 28px;
  }
}
.flash-sale__content {
  margin: 15px 0 0;
}
.flash-sale__note {
  color: #44494d;
  font-size: 16px;
  letter-spacing: -0.5px;
  line-height: 28px;
  margin: 0 auto 0;
  max-width: 550px;
  text-align: center;
  width: 100%;
}
@media (max-width: 991px) {
  .flash-sale__note {
    font-size: 14px;
    line-height: 21px;
    max-width: 100%;
  }
}
.flash-sale__note-link {
  color: #ee0033;
  text-decoration: underline;
  margin: 0 0 0 5px;
}
.flash-sale__noti {
  background: -webkit-linear-gradient(bottom, rgba(209, 19, 19, 0.2), rgba(209, 19, 19, 0.2)), #fff;
  background: linear-gradient(0deg, rgba(209, 19, 19, 0.2), rgba(209, 19, 19, 0.2)), #fff;
  border: 1px solid #ee0033;
  border-radius: 12px 12px 12px 0;
  margin: 0 auto;
  max-width: 757px;
  padding: 12px 20px;
  width: 100%;
}
@media (max-width: 991px) {
  .flash-sale__noti {
    border-radius: 6px 6px 6px 0;
    max-width: 100%;
  }
}
.flash-sale__noti-txt {
  color: #ee0033;
  font-size: 15px;
  line-height: 21px;
  text-align: center;
}
@media (max-width: 991px) {
  .flash-sale__noti-txt {
    font-size: 14px;
    text-align: left;
  }
}
.flash-sale__middle {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  margin: 40px 0;
}
@media (max-width: 991px) {
  .flash-sale__middle {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 30px 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.flash-sale__list {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 40px -15px 0;
}
@media (max-width: 991px) {
  .flash-sale__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 30px 0 0;
  }
}
.flash-sale__item {
  background-color: #fff;
  border-radius: 8px 8px 8px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px 20px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
  .flash-sale__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 20px;
    width: 100%;
  }
  .flash-sale__item:last-child {
    margin: 0;
  }
}
.flash-sale__images {
  border-radius: 8px 0 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 122px;
      -ms-flex: 0 0 122px;
          flex: 0 0 122px;
  height: 122px;
  width: 122px;
}
@media (max-width: 991px) {
  .flash-sale__images {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 62px;
        -ms-flex: 0 0 62px;
            flex: 0 0 62px;
    height: 62px;
    width: 62px;
  }
}
.flash-sale__images img {
  border-radius: 8px 0 0 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.flash-sale__images img:hover {
  opacity: 0.75;
}
.flash-sale__detail {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 20px 5px 10px;
}
@media (max-width: 991px) {
  .flash-sale__detail {
    padding: 5px 10px;
  }
}
.flash-sale__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.flash-sale__sub {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 3px;
}
.flash-sale__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}
@media (max-width: 991px) {
  .flash-sale__name {
    font-size: 16px;
    line-height: 24px;
  }
}
.flash-sale__name:hover {
  color: #ee0033;
}
.flash-sale__label {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ee0033;
  border-radius: 6px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 8px;
  padding: 2px 5px;
}
@media (max-width: 991px) {
  .flash-sale__label {
    padding: 0 3px;
  }
}
.flash-sale__label i {
  color: #fff;
  font-size: 11px;
}
.flash-sale__label-name {
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 18px;
  margin: 0 0 0 2px;
}
.flash-sale__des {
  color: #727272;
  font-size: 16px;
  line-height: 24px;
  margin: 3px 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 991px) {
  .flash-sale__des {
    font-size: 12px;
    line-height: 16px;
  }
}
.flash-sale__price {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 3px 0 0;
}
.flash-sale__price-value {
  color: #ee0033;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}
@media (max-width: 991px) {
  .flash-sale__price-value {
    font-size: 12px;
    line-height: 18px;
  }
}
.flash-sale__price-date {
  color: #44494d;
  font-size: 14px;
  line-height: 24px;
  margin: -2px 0 0;
}
@media (max-width: 991px) {
  .flash-sale__price-date {
    font-size: 12px;
    line-height: 18px;
  }
}
.flash-sale__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 20px;
}
@media (max-width: 991px) {
  .flash-sale__btn {
    margin: 0 0 0 10px;
  }
}
.flash-sale__btn .button {
  width: 116px;
}
@media (max-width: 991px) {
  .flash-sale__btn .button {
    width: 100%;
  }
}
.count-down {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 991px) {
  .count-down {
    margin: 0 0 20px;
  }
}
.count-down__title {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 0.01em;
}
@media (max-width: 991px) {
  .count-down__title {
    font-size: 20px;
    letter-spacing: 0;
  }
}
.count-down__list {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 20px;
}
.count-down__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #44494d;
  border: 1px solid rgba(0, 0, 0, 0.04);
  border-radius: 6px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 60px;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px;
  height: 48px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 60px;
}
@media (max-width: 991px) {
  .count-down__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 45px;
        -ms-flex: 0 0 45px;
            flex: 0 0 45px;
    height: 40px;
    width: 45px;
  }
}
.count-down__value {
  color: #fbfbfb;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 28px;
}
@media (max-width: 991px) {
  .count-down__value {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 21px;
  }
}
.count-down__icon {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 28px;
  margin: 0 3px;
}
@media (max-width: 991px) {
  .count-down__icon {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 21px;
  }
}
.subs-success__content {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f5f5f5;
  border-radius: 12px 12px 12px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 15px 10px;
}
.subs-success__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.subs-success__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 15px 0 0;
}
.subs-success__name {
  color: #44494d;
  font-size: 14px;
  line-height: 18px;
}
.subs-success__value {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 24px;
  margin: 0 0 0 15px;
}
@media (min-width: 576px) {
  .modal--flash .modal__content {
    max-width: 674px;
  }
}
.modal--flash .modal__body {
  margin: 0 35px 40px;
}
@media (max-width: 991px) {
  .modal--flash .modal__body {
    margin: 0 0 30px;
  }
}
.modal-flash {
  word-break: break-word;
}
.modal-flash__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 5px;
  text-align: center;
}
@media (max-width: 991px) {
  .modal-flash__title {
    font-size: 22px;
    line-height: 30px;
  }
}
.modal-flash__des {
  color: #727272;
  font-size: 16px;
  line-height: 24px;
  margin: 5px 0 0;
  text-align: center;
}
@media (max-width: 991px) {
  .modal-flash__des {
    font-size: 14px;
    line-height: 21px;
  }
}
.modal-flash__des span {
  color: #ee0033;
}
.modal-flash__content {
  margin: 15px 0 25px;
}
.modal-flash__row:not(:last-child) {
  margin: 0 0 25px;
}
.modal-flash__sub {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 5px;
}
@media (max-width: 991px) {
  .modal-flash__sub {
    font-size: 16px;
    line-height: 24px;
  }
}
.modal-flash__item {
  color: #44494d;
  font-size: 16px;
  line-height: 28px;
}
@media (max-width: 991px) {
  .modal-flash__item {
    font-size: 14px;
    line-height: 21px;
  }
}
.modal-flash__item:not(:last-child) {
  margin: 0 0 2px;
}
.modal-flash__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 25px 0 0;
}
.modal-flash__btn .button {
  width: 360px;
}
@media (max-width: 991px) {
  .modal-flash__btn .button {
    width: 100%;
  }
}
.txt-radio__name {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
}
.txt-radio__fee {
  color: #ee0033;
  font-size: 14px;
  line-height: 24px;
}
.service-data {
  padding: 10px 0 30px;
}
@media (max-width: 991px) {
  .service-data {
    padding: 30px 0 40px;
  }
}
.service-data .data-pack__name {
  font-size: 18px;
  line-height: 28px;
}
.service-data .data-pack__des {
  font-size: 14px;
  line-height: 20px;
}
.service-data .data-pack__info {
  margin: 2px 0 15px;
}
.service-data .data-pack__btn {
  margin: 0;
  width: 100%;
}
.service-data .data-pack__btn .button {
  width: 100%;
}
.service-data__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 -15px;
}
@media (max-width: 991px) {
  .service-data__list {
    margin: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.service-data__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 4 - 30px);
      -ms-flex: 0 0 calc(100% / 4 - 30px);
          flex: 0 0 calc(100% / 4 - 30px);
  margin: 0 15px 30px;
  width: calc(100% / 4 - 30px);
}
@media (max-width: 991px) {
  .service-data__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 25px;
    width: 100%;
  }
}
.service-data--pack {
  padding: 20px 0 30px;
}
@media (max-width: 991px) {
  .service-data--pack {
    padding: 30px 0;
  }
}
.service-data--pack .tit .btabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
}
@media (max-width: 991px) {
  .service-data--pack .tit .btabs {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin: 0 0 20px;
  }
}
.service-sms {
  margin: 0 0 30px;
}
.service-sim {
  margin: 30px 0;
}
.service-sim .sim-number th,
.service-sim .sim-number td {
  text-align: center;
}
.service-sim--buy {
  margin: 0;
  padding: 0 0 60px;
}
@media (max-width: 991px) {
  .service-sim--buy {
    padding: 30px 0 40px;
  }
}
.service-sim--buy .nav-pills {
  border-color: #44494d;
  margin: 0 0 15px;
  max-width: 175px;
}
.service-sim--buy .nav-item {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}
.service-sim--buy .nav-item.active,
.service-sim--buy .nav-item:hover {
  color: #ee0033;
}
.service-pack {
  background-color: #eee;
  margin: 30px 0;
  padding: 30px 0;
}
@media (max-width: 991px) {
  .service-pack {
    margin: 40px 0 30px;
    padding: 30px 0 40px;
  }
}
.service-vat {
  margin: 30px 0;
}
.service-qt {
  margin: 30px 0 50px;
}
.filter-custom {
  margin: 0 0 30px;
  position: relative;
  width: 200px;
}
.filter-custom__toggle {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px 10px;
}
.filter-custom__name {
  color: #727272;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .filter-custom__name {
    font-size: 14px;
    line-height: 21px;
  }
}
.filter-custom__icon {
  color: #727272;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 15px;
}
.filter-custom__icon i {
  font-size: 6px;
}
.filter-custom__menu {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-top: 0;
  border-radius: 0 0 8px 0;
  display: none;
  margin: -1px 0 0;
  padding: 5px 0 10px;
  position: absolute;
  right: 0;
  top: 100%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 200px;
  z-index: 2;
}
.filter-custom__item:not(:last-child) {
  margin: 0 0 8px;
}
.filter-custom__item.active .filter-custom__link,
.filter-custom__item:hover .filter-custom__link {
  color: #ee0033;
}
.filter-custom__link {
  color: #727272;
  display: block;
  font-size: 16px;
  line-height: 24px;
  padding: 0 10px;
}
@media (max-width: 991px) {
  .filter-custom__link {
    font-size: 14px;
    line-height: 21px;
  }
}
.filter-custom.opened .filter-custom__toggle {
  border-radius: 8px 8px 0 0;
}
.filter-custom.opened .filter-custom__menu {
  display: block;
}
.service-voice {
  padding: 0 0 50px;
}
@media (max-width: 991px) {
  .service-voice {
    padding: 40px 0;
  }
}
.service-voice--detail {
  padding: 0;
}
.service-voice__bg {
  background-color: #e5e5e5;
  margin: -160px 0 0;
  padding: 180px 0 50px;
}
@media (max-width: 991px) {
  .service-voice__bg {
    margin: -390px 0 0;
    padding: 380px 0 30px;
  }
}
.service-voice__bg button.owl-dot span {
  background-color: #d1d1d1;
}
.service-voice__bg button.owl-dot.active span,
.service-voice__bg button.owl-dot:hover span {
  background-color: #ee0033;
}
@media (max-width: 991px) {
  .service-voice__bg .mobile-data__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2.2 - 16px);
        -ms-flex: 0 0 calc(100% / 2.2 - 16px);
            flex: 0 0 calc(100% / 2.2 - 16px);
    width: calc(100% / 2.2 - 16px);
  }
}
.service-voice .fee-pack__des {
  text-align: center;
}
.pack-detail {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 40px;
}
@media (max-width: 991px) {
  .pack-detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.pack-detail__left {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 991px) {
  .pack-detail__left {
    width: 100%;
  }
}
.pack-detail__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 30px;
}
@media (max-width: 991px) {
  .pack-detail__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 0 20px;
  }
}
.pack-detail__img {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: url("../images_content/bg-sms-package.svg") center center no-repeat;
  border-radius: 12px 12px 12px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 113px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 30px 0 0;
  position: relative;
  width: 113px;
}
@media (max-width: 991px) {
  .pack-detail__img {
    background-size: cover;
    border-radius: 8px 8px 8px 0;
    height: 130px;
    margin: 0 0 20px;
    width: 100%;
  }
}
.pack-detail__img-name {
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 23px;
  font-weight: 600;
}
@media (max-width: 991px) {
  .pack-detail__img-name {
    font-size: 20px;
  }
}
.pack-detail__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 991px) {
  .pack-detail__info {
    width: 100%;
  }
}
.pack-detail__intro {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 10px;
}
.pack-detail__name {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: 0.15px;
}
@media (max-width: 991px) {
  .pack-detail__name {
    font-size: 24px;
    letter-spacing: 0;
  }
}
.pack-detail__btn {
  margin: 0 0 0 20px;
}
.pack-detail__btn .button {
  width: 150px;
}
.pack-detail__head {
  margin: 0 0 18px;
}
.pack-detail__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}
@media (max-width: 991px) {
  .pack-detail__list {
    margin: 0 -8px;
  }
}
.pack-detail__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3 - 30px);
      -ms-flex: 0 0 calc(100% / 3 - 30px);
          flex: 0 0 calc(100% / 3 - 30px);
  margin: 0 15px;
  overflow: hidden;
  padding: 7px 10px;
  width: calc(100% / 3 - 30px);
}
@media (max-width: 991px) {
  .pack-detail__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 3 - 16px);
        -ms-flex: 0 0 calc(100% / 3 - 16px);
            flex: 0 0 calc(100% / 3 - 16px);
    margin: 0 8px;
    width: calc(100% / 3 - 16px);
  }
}
.pack-detail__item.no-icon {
  padding: 7px 10px 7px 30px;
}
.pack-detail__item-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 32px;
      -ms-flex: 0 0 32px;
          flex: 0 0 32px;
  height: 32px;
  margin: 0 8px 0 0;
  width: 32px;
}
.pack-detail__item-info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.pack-detail__item-name {
  color: #727272;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pack-detail__item-value {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .pack-detail__item-value {
    font-size: 20px;
    line-height: 30px;
  }
}
.pack-detail__item-value span {
  color: #727272;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.pack-detail__basic {
  margin: 0 0 18px;
}
.pack-detail__basic-pack {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0.02em;
  margin: 0 0 10px;
  text-align: center;
}
.pack-detail__basic-list {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 35px 0 0;
  position: relative;
}
.pack-detail__basic-list:after {
  background: url("../images_content/icon-line.svg") 0 0 no-repeat;
  background-size: 100%;
  bottom: 5px;
  content: "";
  left: 50%;
  position: absolute;
  top: 5px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 6px;
}
.pack-detail__basic-item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2);
      -ms-flex: 0 0 calc(100% / 2);
          flex: 0 0 calc(100% / 2);
  width: calc(100% / 2);
  padding: 5px 20px 10px;
  position: relative;
}
.pack-detail__basic-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 52px;
      -ms-flex: 0 0 52px;
          flex: 0 0 52px;
  height: 52px;
  left: 50%;
  position: absolute;
  top: -35px;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
  width: 52px;
}
.pack-detail__basic-info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 20px 0 0;
}
.pack-detail__basic-name {
  color: #727272;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pack-detail__basic-value {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.15px;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pack-detail__endow {
  position: relative;
}
.pack-detail__endow:after {
  background: url("../images_content/bg-endow.png") 0 0 no-repeat;
  background-size: 100%;
  bottom: -43px;
  content: "";
  height: 105px;
  left: 0;
  position: absolute;
  right: 16px;
}
@media (max-width: 991px) {
  .pack-detail__endow:after {
    background: url("../images_content/bg-endow-sp.png") 0 0 no-repeat;
    background-size: 100%;
    bottom: -80px;
    height: 118px;
    right: 0;
  }
}
.pack-detail__box {
  background-color: #dee6ee;
  border-radius: 16px;
  padding: 12px 12px 20px;
  position: relative;
}
@media (max-width: 991px) {
  .pack-detail__box {
    border-radius: 8px;
  }
}
.pack-detail__box-inner {
  background-color: #fff;
  border-radius: 8px;
}
.pack-detail__box-top {
  border-bottom: 2px dashed #dee6ee;
  padding: 8px 20px;
  position: relative;
}
@media (max-width: 991px) {
  .pack-detail__box-top {
    padding: 8px 12px;
  }
}
.pack-detail__box-top:before,
.pack-detail__box-top:after {
  background-color: #dee6ee;
  border-radius: 50%;
  bottom: -8px;
  content: "";
  height: 16px;
  position: absolute;
  width: 16px;
}
.pack-detail__box-top:before {
  left: -8px;
}
.pack-detail__box-top:after {
  right: -8px;
}
.pack-detail__box-sub {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}
@media (max-width: 991px) {
  .pack-detail__box-sub {
    font-size: 20px;
    letter-spacing: 0.15px;
    line-height: 30px;
    text-align: center;
  }
}
.pack-detail__box-content {
  padding: 12px 40px 30px 20px;
}
@media (max-width: 991px) {
  .pack-detail__box-content {
    padding: 12px;
  }
}
.pack-detail__box-des {
  color: #474747;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .pack-detail__box-des {
    color: #44494d;
    font-size: 14px;
    line-height: 20px;
  }
}
.pack-detail__box-info {
  max-height: 160px;
  overflow-y: auto;
}
@media (max-width: 991px) {
  .pack-detail__box-info {
    max-height: 250px;
  }
}
.pack-detail__box-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 15px 0 0;
}
.pack-detail__box-btn .button {
  padding: 6px 15px 8px 15px;
  width: 240px;
}
.pack-detail__box-item {
  color: #474747;
  font-size: 14px;
  line-height: 24px;
}
.pack-detail__box-item:not(:last-child) {
  margin: 0 0 2px;
}
.pack-detail__box-item:last-child {
  margin: 15px 0 0;
}
.pack-detail__box-item .button {
  width: 240px;
}
.pack-detail__box-name {
  font-weight: 600;
}
.pack-detail__box-highligh {
  color: #ee0033;
}
.pack-detail__note {
  background: -webkit-linear-gradient(bottom, rgba(238, 0, 51, 0.1), rgba(238, 0, 51, 0.1)), #fff;
  background: linear-gradient(0deg, rgba(238, 0, 51, 0.1), rgba(238, 0, 51, 0.1)), #fff;
  border-radius: 0 0 8px 8px;
  padding: 4px 12px;
  position: absolute;
  width: 100%;
  z-index: 1;
}
@media (max-width: 991px) {
  .pack-detail__note {
    bottom: -82px;
  }
}
.pack-detail__note-txt {
  color: #727272;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .pack-detail__note-txt {
    font-size: 10px;
    line-height: 16px;
  }
}
.pack-detail__last {
  margin: 105px 0 0;
}
.pack-detail__button {
  margin: 0 0 15px;
}
.pack-detail__button .button {
  width: 100%;
}
.pack-detail__noti {
  color: #44494d;
  font-size: 10px;
  font-style: italic;
  line-height: 16px;
}
.pack-detail__noti:not(:last-child) {
  margin: 0 0 5px;
}
.pack-detail__right {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 330px;
      -ms-flex: 0 0 330px;
          flex: 0 0 330px;
  margin: 0 0 0 60px;
  width: 330px;
}
@media (max-width: 991px) {
  .pack-detail__right {
    display: none;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 30px 0 0;
    width: 100%;
  }
}
.pack-detail__right img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.pack-detail__right img:hover {
  opacity: 0.85;
}
@media (min-width: 576px) {
  .modal--data .modal__content {
    max-width: 551px;
  }
}
.modal--data .modal__body {
  padding: 0 60px 30px;
}
@media (max-width: 991px) {
  .modal--data .modal__body {
    padding: 0 0 30px;
  }
}
.modal-data__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 15px;
  text-align: center;
}
@media (max-width: 991px) {
  .modal-data__title {
    font-size: 20px;
    line-height: 28px;
  }
}
.modal-data__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 15px 0;
}
.modal-data__images--success {
  color: #03a678;
}
.modal-data__images--warning {
  color: #d11313;
}
.modal-data__images i {
  font-size: 70px;
}
.modal-data__list {
  margin: 30px;
}
@media (max-width: 991px) {
  .modal-data__list {
    margin: 20px 0;
  }
}
.modal-data__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.modal-data__item:not(:last-child) {
  margin: 0 0 5px;
}
.modal-data__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 20px;
}
.modal-data__value {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 0 15px;
}
@media (max-width: 991px) {
  .modal-data__value {
    font-size: 14px;
    line-height: 20px;
  }
}
.modal-data__info {
  margin: 25px auto;
  max-width: 295px;
  width: 100%;
}
@media (max-width: 991px) {
  .modal-data__info {
    margin: 20px 0;
    max-width: 100%;
  }
}
.modal-data__info-item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.modal-data__info-item:not(:last-child) {
  margin: 0 0 8px;
}
.modal-data__info-name {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal-data__info-value {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal-data__des {
  color: #727272;
  font-size: 14px;
  line-height: 24px;
  margin: 15px 0 0;
  text-align: center;
}
@media (max-width: 991px) {
  .modal-data__des {
    line-height: 20px;
  }
}
.modal-data__des span {
  color: #44494d;
}
.modal-data__note {
  color: #727272;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  margin: 10px 0 0;
  text-align: center;
}
.modal-data__link {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-decoration: underline;
}
.modal-data__code {
  margin: 5px 0 10px;
  text-align: center;
}
.modal-data__code-name {
  color: #727272;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 20px;
  margin: 0 15px 0 0;
}
.modal-data__code-value {
  color: #727272;
  font-size: 14px;
  line-height: 20px;
}
.modal-data__id {
  color: #44494d;
  font-size: 14px;
  line-height: 20px;
  margin: 15px 0;
  text-align: center;
}
.modal-data .form-box {
  margin: 12px 0;
}
.modal-data__form {
  margin: 15px 0 20px;
}
.modal-data .form-group--otp {
  display: block;
  text-align: center;
}
.modal-data .form-group--otp .wrap {
  margin: 20px auto;
}
.modal-data .form-group--otp input {
  background-color: #eee;
  border-color: transparent;
}
@media (max-width: 991px) {
  .modal-data .form-group--otp input {
    font-size: 24px;
  }
}
.modal-data .form-group--otp input:focus {
  border-color: #ee0033;
}
.modal-data__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 25px 0 0;
}
.modal-data__btn .button {
  min-width: 195px;
}
@media (max-width: 991px) {
  .modal-data__btn .button {
    min-width: auto;
    width: 100%;
  }
}
.modal-data__btn--2column {
  margin: 20px -8px 0;
}
.modal-data__btn--2column .button {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 8px;
}
.service-inter {
  padding: 0 0 60px;
}
@media (max-width: 991px) {
  .service-inter {
    padding: 30px 0 40px;
  }
}
.service-inter__section:not(:last-child) {
  margin: 0 0 40px;
}
@media (max-width: 991px) {
  .service-inter__section:not(:last-child) {
    margin: 0 0 30px;
  }
}
.service-inter__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}
@media (max-width: 991px) {
  .service-inter__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.service-inter__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
  .service-inter__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 20px;
    width: 100%;
  }
  .service-inter__item:last-child {
    margin: 0;
  }
}
.pack-master {
  padding: 0 0 60px;
}
@media (max-width: 991px) {
  .pack-master {
    padding: 30px 0 40px;
  }
}
.pack-master__choose {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 20px;
}
.pack-master__choose .radio-custom1:not(:last-child) {
  margin: 0 40px 0 0;
}
.pack-master__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}
@media (max-width: 767px) {
  .pack-master__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 -15px;
  }
}
@media (max-width: 575px) {
  .pack-master__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.pack-master__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 4 - 30px);
      -ms-flex: 0 0 calc(100% / 4 - 30px);
          flex: 0 0 calc(100% / 4 - 30px);
  margin: 0 15px 30px;
  width: calc(100% / 4 - 30px);
}
@media (max-width: 991px) {
  .pack-master__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 3 - 30px);
        -ms-flex: 0 0 calc(100% / 3 - 30px);
            flex: 0 0 calc(100% / 3 - 30px);
    margin: 0 15px 30px;
    width: calc(100% / 3 - 30px);
  }
}
@media (max-width: 767px) {
  .pack-master__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2 - 30px);
        -ms-flex: 0 0 calc(100% / 2 - 30px);
            flex: 0 0 calc(100% / 2 - 30px);
    margin: 0 15px 30px;
    width: calc(100% / 2 - 30px);
  }
}
@media (max-width: 575px) {
  .pack-master__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 20px;
    width: 100%;
  }
}
.pack-master__box {
  background-color: #fff;
  margin: 0 auto 30px;
  max-width: 852px;
  padding: 30px 60px;
  width: 100%;
}
@media (max-width: 991px) {
  .pack-master__box {
    max-width: 100%;
    padding: 30px 15px;
  }
}
.pack-master__box--vat {
  max-width: 100%;
  padding: 30px;
}
@media (max-width: 991px) {
  .pack-master__box--vat {
    padding: 30px 15px;
  }
}
.pack-master__box--vat .package-detail__name {
  margin: 0;
}
.pack-master__box--vat .package-detail__btn {
  margin: 30px 0 0;
}
.pack-master__box--vat .package-detail__btn .button {
  width: 205px;
}
@media (max-width: 575px) {
  .pack-master__box--vat .package-detail__btn .button {
    width: 100%;
  }
}
.package-detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 30px;
}
@media (max-width: 575px) {
  .package-detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.package-detail__images {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px 8px 8px 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 200px;
      -ms-flex: 0 0 200px;
          flex: 0 0 200px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 30px 0 0;
  position: relative;
  width: 200px;
}
@media (max-width: 575px) {
  .package-detail__images {
    margin: 0 0 20px;
  }
}
.package-detail__images--bg {
  background-color: rgba(238, 238, 238, 0.3);
}
.package-detail__images .img-bg {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.package-detail__images-name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 66px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 575px) {
  .package-detail__images-name {
    font-size: 24px;
    line-height: 36px;
  }
}
.package-detail__content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.package-detail__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 20px;
}
@media (max-width: 767px) {
  .package-detail__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.package-detail__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 767px) {
  .package-detail__info {
    margin: 0 0 10px;
  }
}
.package-detail__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.15px;
  line-height: 36px;
  margin: 0 0 10px;
  text-transform: uppercase;
}
@media (max-width: 575px) {
  .package-detail__name {
    font-size: 22px;
    letter-spacing: 0;
    line-height: 30px;
    margin: 0 0 5px;
  }
}
.package-detail__price {
  color: #ee0033;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}
@media (max-width: 575px) {
  .package-detail__price {
    font-size: 18px;
  }
}
.package-detail__btn .button {
  width: 238px;
}
@media (max-width: 575px) {
  .package-detail__btn .button {
    width: 100%;
  }
}
.package-detail__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -10px;
}
.package-detail__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 4 - 20px);
      -ms-flex: 0 0 calc(100% / 4 - 20px);
          flex: 0 0 calc(100% / 4 - 20px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 10px;
  text-align: center;
  width: calc(100% / 4 - 20px);
}
.package-detail__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #eee;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50px;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
  height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5px;
  width: 50px;
}
.package-detail__txt {
  color: #212121;
  font-size: 14px;
  line-height: 21px;
  margin: 5px 0 0;
}
.package-detail__select {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -10px;
}
.package-detail__select-item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 4 - 20px);
      -ms-flex: 0 0 calc(100% / 4 - 20px);
          flex: 0 0 calc(100% / 4 - 20px);
  margin: 0 10px;
  width: calc(100% / 4 - 20px);
}
@media (max-width: 991px) {
  .package-detail__select-item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2 - 20px);
        -ms-flex: 0 0 calc(100% / 2 - 20px);
            flex: 0 0 calc(100% / 2 - 20px);
    margin: 0 10px 10px;
    width: calc(100% / 2 - 20px);
  }
}
.package-detail__select .radio-custom1 {
  padding-left: 28px;
}
.package-detail--column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.package-detail--column .package-detail__images {
  margin: 0;
}
.package-intro__row:not(:last-child) {
  margin: 0 0 20px;
}
.package-intro__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 5px;
}
.package-intro__item {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 575px) {
  .package-intro__item {
    font-size: 14px;
    line-height: 21px;
  }
}
.package-intro__item:not(:last-child) {
  margin: 0 0 5px;
}
.free-pack {
  padding: 10px 0 40px;
}
@media (max-width: 991px) {
  .free-pack {
    padding: 30px 0 40px;
  }
}
.free-pack__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.15px;
  line-height: 36px;
  margin: 0 0 30px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .free-pack__title {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0;
    margin: 0 0 20px;
  }
}
.free-pack__info {
  margin: 30px auto 40px;
  max-width: 585px;
  width: 100%;
}
@media (max-width: 767px) {
  .free-pack__info {
    margin: 20px 0 30px;
    max-width: 100%;
  }
}
.free-pack__name {
  color: #4b4b4b;
  display: block;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 10px;
}
@media (max-width: 767px) {
  .free-pack__name {
    font-size: 16px;
    line-height: 24px;
  }
}
.free-pack__form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 575px) {
  .free-pack__form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.free-pack__form .form-customize {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 380px;
      -ms-flex: 0 0 380px;
          flex: 0 0 380px;
  margin: 0 30px 0 0;
  width: 380px;
}
@media (max-width: 575px) {
  .free-pack__form .form-customize {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 20px;
    width: 100%;
  }
}
.free-pack__btn {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 175px;
      -ms-flex: 0 0 175px;
          flex: 0 0 175px;
  width: 175px;
}
@media (max-width: 575px) {
  .free-pack__btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
  }
}
.main-full {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  padding: 0 0 60px;
}
@media (max-width: 991px) {
  .main-full {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
    padding: 0 0 40px;
  }
}
.main-left {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 15px;
  width: calc(100% - 360px - 60px);
}
@media (max-width: 991px) {
  .main-left {
    margin: 0 0 30px;
    width: 100%;
  }
}
.sidebar-right {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 360px;
      -ms-flex: 0 0 360px;
          flex: 0 0 360px;
  margin: 0 15px;
  width: 360px;
}
@media (max-width: 991px) {
  .sidebar-right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    width: 100%;
  }
}
.cart-buy {
  background-color: #fff;
  padding: 30px;
  word-break: break-word;
}
@media (max-width: 575px) {
  .cart-buy {
    padding: 30px 15px;
  }
}
.cart-buy__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 10px;
}
@media (max-width: 767px) {
  .cart-buy__title {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
  }
}
.cart-buy__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 10px 0 3px;
}
.cart-buy__number {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.15px;
  line-height: 36px;
}
@media (max-width: 991px) {
  .cart-buy__number {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 30px;
  }
}
.cart-buy__action {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 20px;
}
.cart-buy__action-name {
  color: #44494d;
  cursor: pointer;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
@media (max-width: 991px) {
  .cart-buy__action-name {
    font-size: 14px;
    line-height: 21px;
  }
}
.cart-buy__action-name.active {
  color: #ee0033;
}
.cart-buy__action-name:not(:last-child) {
  margin: 0 30px 0 0;
}
.cart-buy__price {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 3px 0 0;
}
.cart-buy__price-sale {
  color: #ee0033;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}
@media (max-width: 991px) {
  .cart-buy__price-sale {
    font-size: 18px;
    line-height: 28px;
  }
}
.cart-buy__price-old {
  color: #727272;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 0 3px;
  text-decoration: underline;
}
@media (max-width: 991px) {
  .cart-buy__price-old {
    font-size: 16px;
    line-height: 24px;
  }
}
.cart-buy__badge {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fef2f5;
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 12px 0;
  padding: 10px 15px;
}
.cart-buy__badge-name {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .cart-buy__badge-name {
    font-size: 14px;
    line-height: 21px;
  }
}
.cart-buy__badge-value {
  color: #44494d;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 0 3px;
}
@media (max-width: 991px) {
  .cart-buy__badge-value {
    font-size: 14px;
    line-height: 21px;
  }
}
.cart-buy__noti {
  color: #727272;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  margin: 10px 0 0;
}
.cart-buy__images {
  margin: 20px;
}
.cart-buy__des {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  margin: 0 20px;
}
@media (max-width: 991px) {
  .cart-buy__des {
    font-size: 14px;
    line-height: 21px;
  }
}
.cart-buy__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0 0;
}
.cart-buy__btn .button {
  width: 360px;
}
@media (max-width: 991px) {
  .cart-buy__btn .button {
    width: 100%;
  }
}
.cart-buy--none {
  background-color: transparent;
  padding: 0 0 60px;
  text-align: center;
}
@media (max-width: 991px) {
  .cart-buy--none {
    padding: 30px 0 40px;
  }
}
.new-sim {
  padding: 10px 0 40px;
}
.new-sim__title {
  color: #000;
  cursor: pointer;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin: 0 0 20px;
  text-align: center;
  text-transform: uppercase;
}
.new-sim .data-money {
  padding: 20px 0 0;
}
.new-sim .data-money__row {
  border-bottom: 0;
  padding: 0;
}
.new-sim .data-money__row:not(:last-child) {
  margin: 0 0 16px;
}
.new-sim .data-hot__item {
  background-color: #fff;
  border-radius: 6px 6px 6px 0;
  padding: 15px;
}
.new-sim .data-hot__item:not(:last-child) {
  margin: 0 0 6px;
}
.step-sim {
  margin: 0 0 20px;
  width: 100%;
}
.step-sim__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.step-sim__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.step-sim__item.active .step-sim__value {
  background: -webkit-linear-gradient(bottom, rgba(209, 19, 19, 0.2), rgba(209, 19, 19, 0.2)), #fff;
  background: linear-gradient(0deg, rgba(209, 19, 19, 0.2), rgba(209, 19, 19, 0.2)), #fff;
  border: 1px solid #ee0033;
  color: #ee0033;
}
.step-sim__item.active .step-sim__name {
  color: #ee0033;
}
.step-sim__item.done .step-sim__value {
  background-color: #ee0033;
  border: 2px solid #f7b0bf;
  color: #fff;
}
.step-sim__item.done .step-sim__name {
  color: #ee0033;
}
.step-sim__item:after {
  background-color: #d1d1d1;
  border-radius: 6px;
  content: "";
  height: 1px;
  left: 20px;
  position: absolute;
  top: 10px;
  width: 100%;
}
.step-sim__item:last-child {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  text-align: right;
}
.step-sim__item:last-child:after {
  left: -20px;
}
.step-sim__value {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 50%;
  color: #44494d;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20px;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 12px;
  height: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 14px;
  position: relative;
  width: 20px;
  z-index: 1;
}
.step-sim__name {
  color: #e4e4e4;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  margin: 10px 0 0;
}
.choose-sim__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #e7e7e7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 12px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.choose-sim__item:first-child {
  border-top: 0;
}
.choose-sim__number {
  color: #000;
  font-size: 16px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.choose-sim__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 20px;
  max-width: 50%;
}
.choose-sim__price {
  color: #ee0033;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.choose-sim .radio-custom1 {
  height: 20px;
  margin: 0 0 0 25px;
}
.choose-sim__action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 15px 0 0;
}
.choose-sim__link {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
@media (min-width: 576px) {
  .modal--sim .modal__content {
    max-width: 550px;
  }
}
.modal--sim .modal__body {
  padding: 0 40px 35px;
}
@media (max-width: 991px) {
  .modal--sim .modal__body {
    padding: 0 0 25px;
  }
}
.type-sim__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 15px;
  text-align: center;
}
@media (max-width: 991px) {
  .type-sim__title {
    font-size: 18px;
    line-height: 28px;
  }
}
.type-sim__item {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  cursor: pointer;
  padding: 15px;
}
@media (max-width: 991px) {
  .type-sim__item {
    padding: 10px 15px;
  }
}
.type-sim__item:not(:last-child) {
  margin: 0 0 20px;
}
@media (max-width: 991px) {
  .type-sim__item:not(:last-child) {
    margin: 0 0 15px;
  }
}
.type-sim__item.active {
  border-color: #ee0033;
}
.type-sim__name {
  color: #44494d;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .type-sim__name {
    font-size: 14px;
    line-height: 20px;
  }
}
.type-sim__des {
  color: #727272;
  font-size: 14px;
  line-height: 20px;
  margin: 2px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .type-sim__des {
    font-size: 12px;
  }
}
.order-common {
  background-color: #fff;
  padding: 20px 20px 25px;
  word-break: break-word;
}
@media (max-width: 991px) {
  .order-common {
    background-color: transparent;
    padding: 0;
  }
}
.order-common__row:not(:last-child) {
  margin: 0 0 25px;
}
@media (max-width: 991px) {
  .order-common__row:not(:last-child) {
    margin: 0 0 15px;
  }
}
.order-common__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 10px;
}
@media (max-width: 991px) {
  .order-common__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.order-common__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 15px;
}
@media (max-width: 991px) {
  .order-common__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.order-common__info .radio-custom1 {
  padding-left: 30px;
}
.order-common__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .order-common__title {
    font-size: 18px;
    line-height: 28px;
  }
}
.order-common__sub-title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .order-common__sub-title {
    font-size: 16px;
    line-height: 24px;
    width: 100%;
  }
}
.order-common__choose {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 275px;
      -ms-flex: 0 0 275px;
          flex: 0 0 275px;
  margin: 0 0 0 35px;
}
@media (max-width: 991px) {
  .order-common__choose {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 10px 0 0;
    width: 100%;
  }
}
.order-common__choose .radio-custom1 {
  padding-left: 28px;
}
.order-common__choose .radio-custom1:not(:last-child) {
  margin: 0 25px 0 0;
}
.order-common__choose .radio-custom1 input:checked ~ .checkmark ~ span {
  font-weight: 400;
}
@media (max-width: 991px) {
  .order-common__choose .radio-custom1 input:checked ~ .checkmark ~ span {
    color: #ee0033;
  }
}
.order-common__choose-sp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0 15px;
}
.order-common__choose-sp .radio-custom1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  margin: 0 20px 0 0;
  padding: 0 0 0 28px;
  width: calc(100% / 2 - 20px);
}
.order-common__choose-sp .radio-custom1:last-child {
  margin: 0;
}
.order-common__choose-sp .radio-custom1 input:checked ~ .checkmark ~ span {
  font-weight: 400;
}
.order-common__note {
  color: #44494d;
  font-size: 14px;
  line-height: 24px;
  margin: 10px 0 15px;
}
.order-common__sub {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 10px;
}
@media (max-width: 991px) {
  .order-common__sub {
    font-size: 16px;
    line-height: 24px;
  }
}
.order-common__form {
  margin: 10px 0 0;
}
@media (max-width: 991px) {
  .order-common__form {
    margin: 12px 0 0;
  }
}
.order-common__form .form-capcha {
  background-color: #ebebeb;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 991px) {
  .order-common__form .form-capcha {
    background-color: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 10px;
  }
}
@media (max-width: 991px) {
  .order-common__form .form-capcha__images {
    -o-object-fit: cover;
       object-fit: cover;
    height: 90px;
  }
}
.order-common__form .icon-refresh,
.order-common__form .icon-refresh-2 {
  color: #ee0033;
}
.order-common__form .icon-close {
  color: #44494d;
  font-size: 16px;
}
.order-common__2column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}
@media (max-width: 991px) {
  .order-common__2column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.order-common__2column .form-customize {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px 15px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
  .order-common__2column .form-customize {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 15px;
    width: 100%;
  }
}
.order-common__search {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 20px;
}
.order-common__search i {
  color: #727272;
  font-size: 20px;
  left: 10px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.order-common__search .form-customize {
  margin: 0;
}
.order-common__search .form-control {
  padding: 10px 15px 10px 35px;
}
.order-common__search img {
  margin: 0 0 0 15px;
}
.order-common__agree {
  margin: 15px 0 0;
}
.order-common__agree .check-box__input:checked ~ .check-box__txt {
  color: #727272;
}
.order-common__btn {
  margin: 20px 0 0;
}
.order-common--payment {
  margin: 0 auto;
  max-width: 874px;
  width: 100%;
}
@media (max-width: 991px) {
  .order-common--payment {
    max-width: 100%;
  }
}
.order-common .digital-sim {
  margin: 20px 0 0;
}
.order-total {
  background-color: #fff;
  margin: 0 auto 30px;
  max-width: 873px;
  padding: 30px 60px;
  width: 100%;
}
@media (max-width: 991px) {
  .order-total {
    max-width: 100%;
    padding: 30px 15px;
  }
}
.order-total__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 12px;
}
@media (max-width: 991px) {
  .order-total__title {
    font-size: 16px;
    line-height: 24px;
  }
}
.order-total__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.order-total__item:not(:last-child) {
  margin: 0 0 15px;
}
.order-total__item--last {
  border-top: 1px solid #efefef;
  padding: 15px 0 0;
}
.order-total__name {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .order-total__name {
    font-size: 14px;
    line-height: 21px;
  }
}
.order-total__value {
  color: #44494d;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  margin: 0 0 0 20px;
}
@media (max-width: 991px) {
  .order-total__value {
    font-size: 16px;
    line-height: 24px;
  }
}
.order-total__value.highlight {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 34px;
  font-weight: 600;
}
@media (max-width: 991px) {
  .order-total__value.highlight {
    font-size: 20px;
    line-height: 30px;
  }
}
.order-total__vat {
  color: #727272;
  font-size: 12px;
  font-weight: 300;
  font-style: italic;
  line-height: 18px;
  margin: 5px 0 0;
}
.order-note {
  margin: 15px 0 0;
}
.order-note__sub {
  color: #ee0033;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  line-height: 18px;
}
.order-note__list {
  padding: 0 0 0 5px;
}
.order-note__item {
  color: #ee0033;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
}
.receive-sim__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}
.receive-sim__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3 - 30px);
      -ms-flex: 0 0 calc(100% / 3 - 30px);
          flex: 0 0 calc(100% / 3 - 30px);
  margin: 0 15px;
  padding: 20px;
  min-height: 100px;
  width: calc(100% / 3 - 30px);
}
.receive-sim__item.active,
.receive-sim__item:hover {
  background-color: #fde6eb;
  border-color: #ee0033;
}
.receive-sim__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 48px;
      -ms-flex: 0 0 48px;
          flex: 0 0 48px;
  height: 48px;
  margin: 0 12px 0 0;
  width: 48px;
}
.receive-sim__icon img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.receive-sim__name {
  color: #44494d;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.receive-sim__form {
  background-color: #fbfbfb;
  border-radius: 8px;
  margin: 15px 0 0;
  padding: 15px 15px 0;
}
@media (max-width: 991px) {
  .receive-sim__form {
    padding: 15px;
  }
}
.receive-sim .form-full .form-customize {
  margin: 0;
}
.delivery-contact__row {
  background-color: #fbfbfb;
  border-radius: 8px;
  padding: 15px;
}
@media (max-width: 767px) {
  .delivery-contact__row {
    padding: 20px 15px;
  }
}
.delivery-contact__row:not(:last-child) {
  margin: 0 0 15px;
}
.delivery-contact .radio-custom1 {
  max-width: calc(100% - 200px);
  padding: 0 0 0 35px;
}
@media (max-width: 767px) {
  .delivery-contact .radio-custom1 {
    max-width: 100%;
    padding: 0 0 0 30px;
  }
}
.delivery-contact .radio-custom1 .checkmark {
  top: 5px;
}
.delivery-contact .radio-custom1 .txt-radio {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 20px;
  letter-spacing: 0.15px;
  line-height: 30px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 767px) {
  .delivery-contact .radio-custom1 .txt-radio {
    font-size: 18px;
    line-height: 28px;
  }
}
.delivery-contact .radio-custom1 input:checked ~ .checkmark ~ span {
  font-weight: 400;
}
.delivery-contact__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 3px;
}
@media (max-width: 767px) {
  .delivery-contact__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.delivery-contact__action {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 190px;
      -ms-flex: 0 0 190px;
          flex: 0 0 190px;
  margin: 0 0 0 10px;
}
@media (max-width: 767px) {
  .delivery-contact__action {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 5px 0;
    width: 100%;
  }
}
.delivery-contact__rate {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 15px;
}
.delivery-contact__rate i {
  margin: 0 4px;
}
.delivery-contact__review {
  color: #727272;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  margin: 0 0 0 10px;
}
.delivery-contact__info {
  padding: 0 0 0 35px;
}
@media (max-width: 767px) {
  .delivery-contact__info {
    padding: 0;
  }
}
.delivery-contact__list {
  margin: 2px 0 10px;
}
@media (max-width: 767px) {
  .delivery-contact__list {
    margin: 5px 0 10px;
  }
}
.delivery-contact__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.delivery-contact__item:not(:last-child) {
  margin: 0 0 5px;
}
.delivery-contact__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #44494d;
  margin: 0 8px 0 0;
}
.delivery-contact__icon i {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  line-height: 24px;
}
.delivery-contact__value {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
}
.delivery-contact__form {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 10px -10px 0;
}
@media (max-width: 767px) {
  .delivery-contact__form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.delivery-contact__form-action {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 10px;
}
@media (max-width: 767px) {
  .delivery-contact__form-action {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
    width: 100%;
  }
}
.delivery-contact__form-item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 105px;
      -ms-flex: 0 0 105px;
          flex: 0 0 105px;
  width: 105px;
}
@media (max-width: 767px) {
  .delivery-contact__form-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
  }
}
.delivery-contact__form-item:not(:last-child) {
  margin: 0 15px 0 0;
}
@media (max-width: 767px) {
  .delivery-contact__form-item:not(:last-child) {
    margin: 0 0 15px;
  }
}
.delivery-contact__form-noti {
  color: #727272;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  margin: -10px 10px 0;
}
@media (max-width: 767px) {
  .delivery-contact__form-noti {
    margin: 10px 0 0;
  }
}
.pay-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 10px -15px 0;
}
@media (max-width: 575px) {
  .pay-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 10px 0 0;
  }
}
.pay-form__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fbfbfb;
  border-radius: 8px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 15px;
  min-height: 160px;
  padding: 15px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 575px) {
  .pay-form__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 20px;
    width: 100%;
  }
  .pay-form__item:last-child {
    margin: 0;
  }
}
.pay-form__item.selected,
.pay-form__item:hover {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
.pay-form__item.disabled {
  background-color: #e4e4e4;
  pointer-events: none;
}
.pay-form__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 10px;
}
.pay-form__icon img {
  height: 66px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 66px;
}
.order-buy {
  background-color: #fff;
  border-radius: 8px 8px 8px 0;
  padding: 30px 30px 35px;
  word-break: break-word;
}
@media (max-width: 767px) {
  .order-buy {
    padding: 30px;
  }
}
@media (max-width: 575px) {
  .order-buy {
    padding: 30px 15px;
  }
}
.order-buy__top {
  margin: 0 0 10px;
  position: relative;
}
.order-buy__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  text-align: center;
}
@media (max-width: 575px) {
  .order-buy__title {
    font-size: 16px;
    line-height: 24px;
  }
}
.order-buy__icon {
  color: #ee0033;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.order-buy__icon i {
  font-size: 20px;
}
.order-buy__content {
  margin: 10px 0;
}
.order-buy__list {
  border-bottom: 1px solid #d1d1d1;
  padding: 10px 0;
}
.order-buy__list:last-child {
  border-bottom: 0;
}
.order-buy__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 0;
}
.order-buy__name {
  color: #727272;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  line-height: 24px;
}
.order-buy__value {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 0 10px;
}
.order-buy__value.total {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}
.order-buy__vat {
  color: #727272;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: italic;
  line-height: 18px;
  margin: 2px 0 0;
}
.order-buy__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 10px 0 0;
}
.order-buy__btn .button:not(:last-child) {
  margin: 0 0 15px;
}
.order-product {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.order-product__images {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 76px;
      -ms-flex: 0 0 76px;
          flex: 0 0 76px;
  height: 70px;
  margin: 0 5px 0 0;
  width: 76px;
}
.order-product__images img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.order-product__detail {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.order-product__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 3px;
}
.order-product__title:hover {
  color: #ee0033;
}
.order-product__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 3px 0;
}
.order-product__name {
  color: #727272;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  line-height: 24px;
}
.order-product__value {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 0 15px;
}
.hunting-discount {
  padding: 10px 0 50px;
}
@media (max-width: 991px) {
  .hunting-discount {
    padding: 30px 0 40px;
  }
}
.hunting-discount__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.15px;
  margin: 0 0 30px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .hunting-discount__title {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0;
    margin: 0 0 20px;
  }
}
.hunting-discount__content {
  margin: 30px 0 0;
}
@media (max-width: 991px) {
  .hunting-discount__content {
    margin: 20px 0 0;
  }
}
.hunting-discount__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}
@media (max-width: 991px) {
  .hunting-discount__list {
    margin: 0 -8px;
  }
}
@media (max-width: 575px) {
  .hunting-discount__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.hunting-discount__item {
  background-color: #fff;
  border-radius: 8px 8px 8px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px 20px;
  padding: 15px;
}
@media (max-width: 991px) {
  .hunting-discount__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2 - 16px);
        -ms-flex: 0 0 calc(100% / 2 - 16px);
            flex: 0 0 calc(100% / 2 - 16px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 8px 20px;
  }
}
@media (max-width: 575px) {
  .hunting-discount__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 20px;
    width: 100%;
  }
}
.hunting-discount__images {
  border-radius: 8px 8px 8px 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 90px;
      -ms-flex: 0 0 90px;
          flex: 0 0 90px;
  height: 90px;
  margin: 0 20px 0 0;
}
@media (max-width: 991px) {
  .hunting-discount__images {
    border-radius: 8px 8px 0 0;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
        -ms-flex: auto;
            flex: auto;
    height: 150px;
    margin: 0 0 20px;
    width: 100%;
  }
}
.hunting-discount__images img {
  border-radius: 8px 8px 8px 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media (max-width: 991px) {
  .hunting-discount__images img {
    border-radius: 8px 8px 0 0;
  }
}
.hunting-discount__intro {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.hunting-discount__detail {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 991px) {
  .hunting-discount__detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.hunting-discount__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.hunting-discount__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 2px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.hunting-discount__name:hover {
  color: #ee0033;
}
.hunting-discount__des {
  color: #727272;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 2px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 991px) {
  .hunting-discount__des {
    font-size: 14px;
    line-height: 21px;
  }
}
.hunting-discount__time {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 5px 0 0;
}
.hunting-discount__time-icon {
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 5px 0 0;
}
.hunting-discount__time-icon i {
  font-size: 20px;
  line-height: 21px;
}
@media (max-width: 991px) {
  .hunting-discount__time-icon i {
    font-size: 16px;
  }
}
.hunting-discount__time-value {
  color: #ee0033;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
}
@media (max-width: 991px) {
  .hunting-discount__time-value {
    font-size: 14px;
  }
}
.hunting-discount__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 20px;
}
@media (max-width: 991px) {
  .hunting-discount__btn {
    margin: 15px 0 0;
    width: 100%;
  }
}
.hunting-discount__btn .button {
  width: 120px;
}
@media (max-width: 991px) {
  .hunting-discount__btn .button {
    width: 100%;
  }
}
@media (min-width: 576px) {
  .modal--discount .modal__content {
    max-width: 732px;
  }
}
.modal--discount .modal__body {
  padding: 0 15px 40px;
}
@media (max-width: 991px) {
  .modal--discount .modal__body {
    padding: 0 0 30px;
  }
}
.modal-discount__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 15px;
  text-align: center;
}
@media (max-width: 991px) {
  .modal-discount__title {
    font-size: 20px;
    line-height: 28px;
  }
}
.modal-discount__content {
  margin: 15px 0 10px;
}
.modal-discount__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.modal-discount__images {
  border-radius: 8px 8px 8px 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 90px;
      -ms-flex: 0 0 90px;
          flex: 0 0 90px;
  height: 90px;
  margin: 0 15px 0 0;
  width: 90px;
}
.modal-discount__images img {
  border-radius: 8px 8px 8px 0;
  height: 100%;
  width: 100%;
}
.modal-discount__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 2px;
}
@media (max-width: 991px) {
  .modal-discount__name {
    font-size: 20px;
  }
}
.modal-discount__price {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  font-weight: 500;
}
@media (max-width: 991px) {
  .modal-discount__price {
    font-size: 18px;
  }
}
.modal-discount__price i {
  font-size: 20px;
  margin: 0 2px 0 0;
}
@media (max-width: 991px) {
  .modal-discount__price i {
    font-size: 18px;
  }
}
.modal-discount__intro {
  margin: 15px 0 0;
}
.modal-discount__sub {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 5px;
}
@media (max-width: 991px) {
  .modal-discount__sub {
    font-size: 16px;
    line-height: 24px;
  }
}
.modal-discount__row {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .modal-discount__row {
    font-size: 14px;
    line-height: 21px;
  }
}
.modal-discount__row:not(:last-child) {
  margin: 0 0 2px;
}
.modal-discount__note {
  color: #727272;
  font-size: 14px;
  font-style: italic;
  line-height: 21px;
  text-align: center;
  margin: 10px 0 0;
}
.modal-discount__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 10px 0 0;
}
.modal-discount__btn .button {
  width: 360px;
}
@media (max-width: 991px) {
  .modal-discount__btn .button {
    width: 100%;
  }
}
.modal-discount__select {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  width: 430px;
}
@media (max-width: 991px) {
  .modal-discount__select {
    width: 100%;
  }
}
.modal-discount__choose {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 30px -15px;
}
@media (max-width: 991px) {
  .modal-discount__choose {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 30px 0;
  }
}
.modal-discount__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fbfbfb;
  border-radius: 10px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3 - 30px);
      -ms-flex: 0 0 calc(100% / 3 - 30px);
          flex: 0 0 calc(100% / 3 - 30px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 15px;
  padding: 15px;
  width: calc(100% / 3 - 30px);
}
@media (max-width: 991px) {
  .modal-discount__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 20px;
    width: 100%;
  }
  .modal-discount__item:last-child {
    margin: 0;
  }
}
.modal-discount__item.selected,
.modal-discount__item:hover {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
.modal-discount__item.disabled {
  background-color: #e4e4e4;
  pointer-events: none;
}
.modal-discount__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 10px;
}
.modal-discount__icon img {
  height: 66px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 66px;
}
.modal-discount__point {
  color: #727272;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  text-align: center;
}
@media (max-width: 991px) {
  .modal-discount br {
    display: none;
  }
}
.bundled-pack {
  padding: 0 0 40px;
  word-break: break-word;
}
@media (max-width: 575px) {
  .bundled-pack {
    padding: 0 0 30px;
  }
}
.bundled-pack__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  margin: 0 0 30px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .bundled-pack__title {
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 20px;
  }
}
.bundled-pack__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 20px;
}
@media (max-width: 991px) {
  .bundled-pack__top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 0 30px;
  }
}
.bundled-pack__form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.bundled-pack__form-input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.bundled-pack__form-btn {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 166px;
      -ms-flex: 0 0 166px;
          flex: 0 0 166px;
  margin: 0 0 0 30px;
  width: 166px;
}
.bundled-pack__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 15px 0 35px;
}
.bundled-pack__info .form-customize {
  margin: 0;
  width: 944px;
}
@media (max-width: 991px) {
  .bundled-pack__info .form-customize {
    width: 100%;
  }
}
.bundled-pack__tab {
  margin: 0 0 20px;
  position: relative;
}
.bundled-pack__tab .nav-pills {
  border-color: #44494d;
  position: absolute;
  right: 0;
  top: -65px;
  width: 175px;
}
.bundled-pack__tab .nav-item {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}
.bundled-pack__tab .nav-item.active,
.bundled-pack__tab .nav-item:hover {
  color: #ee0033;
}
.bundled-pack__section {
  padding: 0 0 30px;
}
@media (max-width: 575px) {
  .bundled-pack__section {
    padding: 0 0 25px;
  }
}
.bundled-pack__sub {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 20px;
}
@media (max-width: 575px) {
  .bundled-pack__sub {
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 15px;
  }
}
.bundled-pack .filter-custom {
  margin: 0 120px 0 40px;
}
@media (max-width: 1280px) {
  .bundled-pack .filter-custom {
    margin: 0 30px;
  }
}
@media (max-width: 991px) {
  .bundled-pack .filter-custom {
    margin: 15px 0 20px;
  }
}
.bundled-pack__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}
@media (max-width: 575px) {
  .bundled-pack__btn {
    margin: 0 -8px;
    width: 100%;
  }
}
.bundled-pack__btn .button {
  margin: 0 15px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 165px;
      -ms-flex: 0 0 165px;
          flex: 0 0 165px;
  width: 165px;
}
@media (max-width: 575px) {
  .bundled-pack__btn .button {
    margin: 0 8px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2 - 16px);
        -ms-flex: 0 0 calc(100% / 2 - 16px);
            flex: 0 0 calc(100% / 2 - 16px);
    width: calc(100% / 2 - 16px);
  }
}
.bundled-pack__button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bundled-pack__button .button {
  width: 300px;
}
@media (max-width: 575px) {
  .bundled-pack__button .button {
    width: 100%;
  }
}
.bundled-pack .sim-so th,
.bundled-pack .sim-so td {
  text-align: center;
}
.connect-form {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 575px) {
  .connect-form {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.connect-form__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 30px 0 0;
}
@media (max-width: 575px) {
  .connect-form__title {
    margin: 0 0 5px;
  }
}
.connect-form__choose {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.connect-form .radio-customize {
  margin: 0;
}
@media (max-width: 991px) {
  .connect-form .radio-customize {
    width: auto;
  }
}
.connect-form .radio-customize:not(:last-child) {
  margin: 0 30px 0 0;
}
@media (min-width: 576px) {
  .modal--bundled .modal__content {
    max-width: 732px;
  }
}
.modal--bundled .modal__body {
  padding: 0 15px 40px;
}
@media (max-width: 991px) {
  .modal--bundled .modal__body {
    padding: 0 0 30px;
  }
}
.modal-bundled__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 20px;
  text-align: center;
}
@media (max-width: 991px) {
  .modal-bundled__title {
    font-size: 20px;
    line-height: 28px;
  }
}
.modal-bundled__content {
  margin: 20px 0 30px;
}
.modal-bundled .package-detail__images {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 85px;
      -ms-flex: 0 0 85px;
          flex: 0 0 85px;
  margin: 0 15px 0 0;
  width: 85px;
}
@media (max-width: 575px) {
  .modal-bundled .package-detail__images {
    margin: 0 0 20px;
  }
}
.modal-bundled .package-detail__images-name {
  font-size: 24px;
  line-height: 36px;
}
@media (max-width: 575px) {
  .modal-bundled .package-detail__images-name {
    font-size: 20px;
    line-height: 30px;
  }
}
.modal-bundled .package-detail__name {
  font-size: 24px;
  letter-spacing: 0;
  line-height: 30px;
  margin: 0 0 5px;
  text-transform: inherit;
}
.modal-bundled__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px 0 0;
}
.modal-bundled__btn .button {
  width: 360px;
}
@media (max-width: 991px) {
  .modal-bundled__btn .button {
    width: 100%;
  }
}
.payment-online {
  padding: 0 0 40px;
  word-break: break-word;
}
@media (max-width: 991px) {
  .payment-online {
    padding: 0 0 30px;
  }
}
.payment-online__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.15px;
  line-height: 36px;
  margin: 0 0 30px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .payment-online__title {
    font-size: 24px;
    letter-spacing: 0;
    line-height: 32px;
    margin: 0 0 20px;
  }
}
.payment-online__sub {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  margin: 0 0 10px;
}
@media (max-width: 991px) {
  .payment-online__sub {
    font-size: 16px;
    line-height: 24px;
  }
}
.payment-online__content {
  margin: 20px auto;
  max-width: 754px;
  width: 100%;
}
@media (max-width: 991px) {
  .payment-online__content {
    max-width: 100%;
  }
}
.payment-online__tab {
  margin: 0 auto;
  max-width: 950px;
  width: 100%;
}
@media (max-width: 991px) {
  .payment-online__tab {
    max-width: 100%;
  }
}
.payment-online__tab .nav-pills {
  margin: 0 auto 30px;
  max-width: 556px;
  width: 100%;
}
@media (max-width: 575px) {
  .payment-online__tab .nav-pills {
    max-width: 100%;
  }
}
.payment-online__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1200px) {
  .payment-online__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.payment-online__left {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: calc(100% - 360px - 30px);
}
@media (max-width: 1200px) {
  .payment-online__left {
    width: 100%;
  }
}
.payment-online__left .payment-online__form {
  margin: 0;
}
.payment-online__right {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 360px;
      -ms-flex: 0 0 360px;
          flex: 0 0 360px;
  margin: 0 0 0 30px;
  width: 360px;
}
@media (max-width: 1200px) {
  .payment-online__right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 20px 0 0;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .payment-online__right {
    display: none;
  }
}
.payment-online__row:not(:last-child) {
  margin: 0 0 20px;
}
.payment-online .account-user {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 360px;
      -ms-flex: 0 0 360px;
          flex: 0 0 360px;
  margin: 0 30px 0 0;
  width: 360px;
}
@media (max-width: 991px) {
  .payment-online .account-user {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 15px;
    width: 100%;
  }
}
.payment-online__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 991px) {
  .payment-online__info {
    width: 100%;
  }
}
.payment-online__box {
  margin: 0 auto;
  max-width: 360px;
  width: 100%;
}
@media (max-width: 575px) {
  .payment-online__box {
    max-width: 100%;
  }
}
.payment-online__form {
  margin: 30px 0 0;
}
.payment-online__form .label-title {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 160px;
      -ms-flex: 0 0 160px;
          flex: 0 0 160px;
  margin: 10px 30px 0 0;
  width: 160px;
}
@media (max-width: 991px) {
  .payment-online__form .label-title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 10px;
    width: 100%;
  }
}
.payment-online__form .label-title--small {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  line-height: 20px;
}
.payment-online__form .check-box__input:checked ~ .check-box__txt {
  color: #727272;
}
.payment-online__form--2column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 40px -15px 20px;
}
@media (max-width: 575px) {
  .payment-online__form--2column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 30px 0 0;
  }
}
.payment-online__form-item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 575px) {
  .payment-online__form-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 20px;
    width: 100%;
  }
}
.payment-online__form-item .form-customize {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.payment-online__form-item .form-customize:last-child {
  margin-bottom: 0;
}
.payment-online__form-item .button {
  margin: 0 0 0 10px;
  width: 170px;
  padding: 9px 15px;
}
.payment-online__form-box {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 10px 10px 10px 0;
  height: 100%;
  padding: 15px;
}
@media (max-width: 575px) {
  .payment-online__form-box {
    padding: 15px;
  }
}
.payment-online__form-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.payment-online__form-info .form-control {
  padding: 9px 15px;
}
.payment-online__form-des {
  color: #44494d;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  margin: 3px 0 0;
}
.payment-online__form .link-otp {
  font-size: 14px;
  line-height: 21px;
  margin: 8px 0 0;
  text-decoration: underline;
}
.payment-online__form .form-box {
  margin: 0 auto;
  max-width: 380px;
}
.payment-online__form .form-box__value {
  color: #ee0033;
}
.payment-online__note {
  color: #ee0033;
  font-size: 14px;
  line-height: 21px;
  margin: 15px 0 0;
}
.payment-online__noti {
  color: #44494d;
  font-size: 14px;
  line-height: 24px;
  margin: 20px 0 0;
}
.payment-online__noti span {
  color: #ee0033;
}
.payment-online__des {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.15px;
  line-height: 30px;
  margin: 20px 0;
  text-align: center;
}
@media (max-width: 991px) {
  .payment-online__des {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
  }
}
.payment-online__btn {
  margin: 15px 0 0;
}
@media (max-width: 991px) {
  .payment-online__btn {
    margin: 0;
  }
}
.payment-online__btn .button {
  width: 360px;
}
@media (max-width: 991px) {
  .payment-online__btn .button {
    width: 100%;
  }
}
.payment-online__button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.payment-online__button .button {
  width: 264px;
}
@media (max-width: 991px) {
  .payment-online__button .button {
    width: 100%;
  }
}
.payment-online__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 132px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 10px 0 0;
}
@media (max-width: 991px) {
  .payment-online__images {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    height: 82px;
    margin: 0;
  }
}
.payment-online__images img {
  border-radius: 8px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media (max-width: 991px) {
  .payment-online__images img {
    border-radius: 6px;
    width: auto;
  }
}
@media (max-width: 575px) {
  .payment-online__images img {
    width: 100%;
  }
}
.payment-online__images img:hover {
  opacity: 0.75;
}
.payment-online__last {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 15px 0 0;
}
@media (max-width: 991px) {
  .payment-online__last {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.payment-online__last .check-box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.payment-online__last .payment-online__btn {
  margin: 0 0 0 10px;
  width: 260px;
}
@media (max-width: 991px) {
  .payment-online__last .payment-online__btn {
    margin: 20px 0 0;
    width: 100%;
  }
}
.payment-online__last .payment-online__btn .button {
  width: 100%;
}
.payment-online__btn-2column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 30px -15px 0;
}
@media (max-width: 575px) {
  .payment-online__btn-2column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 30px 0 0;
  }
}
.payment-online__btn-2column .button {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 575px) {
  .payment-online__btn-2column .button {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 20px;
    width: 100%;
  }
  .payment-online__btn-2column .button:last-child {
    margin: 0;
  }
}
.payment-online .recent-trade {
  margin: 30px auto 0;
  max-width: 910px;
  width: 100%;
}
@media (max-width: 991px) {
  .payment-online .recent-trade {
    margin: 20px 0 0;
    max-width: 100%;
  }
}
.payment-online .list-exchange {
  margin: 20px auto 0;
  max-width: 910px;
  width: 100%;
}
@media (max-width: 991px) {
  .payment-online .list-exchange {
    margin: 20px 0 0;
    max-width: 100%;
  }
}
@media (max-width: 991px) {
  .payment-online .hot-line {
    display: none;
  }
}
.payment-online--recharge .payment-online__content {
  max-width: 100%;
}
.payment-online--recharge .payment-online__form {
  margin: 50px auto 0;
  max-width: 754px;
  width: 100%;
}
@media (max-width: 991px) {
  .payment-online--recharge .payment-online__form {
    margin: 30px 0 0;
    max-width: 100%;
  }
}
.payment-online--bill .payment-online__content {
  max-width: 100%;
}
.payment-online--bill .pay-method {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media (max-width: 991px) {
  .payment-online--bill .pay-method {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.payment-online--advance .pay-method {
  margin-bottom: 0;
}
.payment-online--advance .payment-online__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  .payment-online--advance .payment-online__btn {
    margin: 20px 0 0;
  }
}
.payment-online--fee .payment-online__content {
  max-width: 100%;
}
.payment-online--fee .payment-online__form {
  margin: 0;
}
.payment-online--fee .recent-trade {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  max-width: 100%;
  padding: 30px 25px 60px;
}
@media (max-width: 991px) {
  .payment-online--fee .recent-trade {
    padding: 20px 15px 40px;
  }
}
.payment-online--fee .account-user__link {
  color: #727272;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}
.payment-online--not-login .payment-online__form {
  margin: 0;
}
.payment-online--not-login .order-payment {
  margin: 0 0 30px;
}
.payment-info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.payment-info__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}
@media (max-width: 991px) {
  .payment-info__list {
    margin: 0 -10px;
  }
}
.payment-info__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3 - 30px);
      -ms-flex: 0 0 calc(100% / 3 - 30px);
          flex: 0 0 calc(100% / 3 - 30px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 15px;
  padding: 10px 15px;
  width: calc(100% / 3 - 30px);
}
@media (max-width: 991px) {
  .payment-info__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 3 - 20px);
        -ms-flex: 0 0 calc(100% / 3 - 20px);
            flex: 0 0 calc(100% / 3 - 20px);
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 0 10px;
    padding: 0;
    width: calc(100% / 3 - 20px);
  }
}
.payment-info__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 5px;
}
.payment-info__icon img {
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 40px;
}
.payment-info__icon img:hover {
  opacity: 0.85;
}
.payment-info__name {
  color: #44494d;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  padding: 0 22px;
  overflow: hidden;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 991px) {
  .payment-info__name {
    font-size: 14px;
    padding: 0 10px;
    line-height: 20px;
  }
}
.payment-info__name:hover {
  color: #ee0033;
}
.form-choose {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 10px 0 0;
}
@media (max-width: 991px) {
  .form-choose {
    margin: 0;
    overflow-x: auto;
    white-space: nowrap;
  }
  .form-choose::-webkit-scrollbar {
    display: none;
  }
}
.form-choose .radio-custom1 {
  font-size: 16px;
  margin: 0 20px 0 0;
  padding: 0 0 0 26px;
}
@media (max-width: 991px) {
  .form-choose .radio-custom1 {
    font-size: 14px;
  }
}
.form-choose .radio-custom1:last-child {
  margin: 0;
}
.form-choose .radio-custom1 input:checked ~ .checkmark ~ span {
  font-weight: 400;
}
.payment-choose {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.payment-choose.opened .payment-choose__list {
  max-height: 100%;
}
.payment-choose.opened .payment-choose__head i {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.payment-choose__head {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: none;
  margin: 0 0 8px;
}
@media (max-width: 991px) {
  .payment-choose__head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.payment-choose__head i {
  color: #44494d;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 6px;
  margin: 0 0 0 10px;
}
.payment-choose__name {
  color: #44494d;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.payment-choose__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}
@media (max-width: 991px) {
  .payment-choose__list {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
    max-height: 122px;
    overflow: hidden;
  }
}
.payment-choose__item {
  background-color: #f2f2f2;
  border: 1px solid #e4e4e4;
  border-radius: 12px 12px 12px 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px 20px;
  padding: 15px 15px 10px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
  .payment-choose__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 12px;
    padding: 15px 15px 20px;
    width: 100%;
  }
  .payment-choose__item:last-child {
    margin: 0;
  }
}
.payment-choose__item.selected {
  background: -webkit-linear-gradient(bottom, rgba(238, 0, 51, 0.1), rgba(238, 0, 51, 0.1)), #fff;
  background: linear-gradient(0deg, rgba(238, 0, 51, 0.1), rgba(238, 0, 51, 0.1)), #fff;
  border-color: #fae2e7;
}
.payment-choose__item.disabled {
  background-color: #eee;
  border-color: #e4e4e4;
  opacity: 0.7;
}
.payment-choose__item.disabled .radio-custom1 {
  cursor: default;
}
.payment-choose .radio-custom1 {
  padding: 0 0 0 30px;
}
@media (max-width: 991px) {
  .payment-choose .radio-custom1 {
    padding: 0 30px 0 0;
  }
}
@media (max-width: 991px) {
  .payment-choose .radio-custom1 .checkmark {
    left: auto;
    right: 0;
  }
}
.payment-choose .radio-custom1 input:checked ~ .checkmark ~ span {
  font-weight: 700;
}
.payment-choose .txt-radio {
  color: #44494d;
  font-weight: 700;
  min-height: 40px;
}
@media (max-width: 991px) {
  .payment-choose .txt-radio {
    font-family: 'FS PFBeauSansPro', sans-serif;
    min-height: auto;
  }
}
.payment-choose__sub {
  color: #44494d;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin: 0 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.payment-choose__info {
  margin: 5px 0 0;
}
.payment-choose__des {
  color: #727272;
  font-size: 14px;
  line-height: 24px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media (max-width: 991px) {
  .payment-choose__des {
    line-height: 20px;
  }
}
.current-pack {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.current-pack__banner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.current-pack__banner img {
  width: 100%;
}
.current-pack__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 10px;
}
.current-pack__images img:hover {
  opacity: 0.75;
}
.current-pack__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 5px 0 0;
}
@media (max-width: 991px) {
  .current-pack__info {
    margin: 0;
  }
}
.current-pack__sub {
  color: #44494d;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin: 0 15px 0 0;
}
.current-pack__label {
  color: #4b4b4b;
  display: none;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin: 0 15px 0 0;
  position: relative;
}
@media (max-width: 991px) {
  .current-pack__label {
    display: block;
  }
}
.current-pack__label i {
  margin: 0 0 0 2px;
}
.current-pack__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.15px;
  line-height: 36px;
  position: relative;
  top: -3px;
}
@media (max-width: 991px) {
  .current-pack__name {
    color: #4b4b4b;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 24px;
  }
}
.current-pack__des {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  margin: 10px 0 0;
  text-align: center;
}
@media (max-width: 991px) {
  .current-pack__des {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
  }
}
.use-points {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 0 8px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 10px 0 0;
  padding: 12px;
}
.use-points__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 40px;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
  height: 40px;
  margin: 0 10px 0 0;
  width: 40px;
}
.use-points__icon img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.use-points__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.use-points__name {
  color: #44494d;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin: 0 0 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .use-points__name {
    font-size: 14px;
    line-height: 20px;
  }
}
.use-points__des {
  color: #b5b4b4;
  font-size: 12px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.contract-pay {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: calc(100% - 160px - 30px);
}
@media (max-width: 991px) {
  .contract-pay {
    width: 100%;
  }
}
.contract-pay__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  overflow-x: auto;
}
.contract-pay__list::-webkit-scrollbar {
  display: none;
}
@media (max-width: 575px) {
  .contract-pay__list {
    margin: 0 -8px;
  }
}
.contract-pay__item {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 12px 12px 12px 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px;
  overflow: hidden;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 575px) {
  .contract-pay__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 1.5 - 16px);
        -ms-flex: 0 0 calc(100% / 1.5 - 16px);
            flex: 0 0 calc(100% / 1.5 - 16px);
    margin: 0 8px;
    width: calc(100% / 1.5 - 16px);
  }
}
.contract-pay__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #d1d1d1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 12px;
}
.contract-pay .radio-custom1 {
  padding: 0 0 0 28px;
}
.contract-pay .radio-custom1 input:checked ~ .checkmark ~ span {
  font-weight: 400;
}
.contract-pay .radio-custom1 .txt-radio {
  color: #44494d;
  font-size: 12px;
}
.contract-pay__id {
  color: #727272;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 20px;
  margin: 0 0 0 5px;
}
.contract-pay__detail {
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px 12px 0;
  overflow: hidden;
}
.contract-pay__detail:last-child {
  padding: 12px;
}
.contract-pay__name {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.contract-pay__info {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 0 0 20px;
}
.contract-pay__value {
  color: #44494d;
  font-size: 12px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.contract-code {
  background-color: #eee;
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  padding: 10px 15px;
  width: 100%;
}
.contract-code__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 5px;
}
.contract-code__sub {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.contract-code__id {
  color: #44494d;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin: 0 0 0 20px;
}
.contract-code__list {
  margin: 5px 0 0;
}
.contract-code__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.contract-code__name {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  line-height: 24px;
}
.contract-code__value {
  color: #44494d;
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 0 20px;
}
.duration-pay {
  width: 100%;
}
.duration-pay__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}
.duration-pay__item {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100%/2 - 30px);
      -ms-flex: 0 0 calc(100%/2 - 30px);
          flex: 0 0 calc(100%/2 - 30px);
  margin: 0 15px;
  padding: 12px 15px 15px;
  width: calc(100% / 2 - 30px);
}
.duration-pay__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 2px;
}
@media (max-width: 991px) {
  .duration-pay__name {
    font-size: 16px;
    line-height: 24px;
  }
}
.duration-pay__sub {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  margin: 2px 0 10px;
}
@media (max-width: 991px) {
  .duration-pay__sub {
    font-size: 14px;
    line-height: 20px;
  }
}
.duration-pay__detail {
  margin: 15px 0 0;
}
@media (max-width: 991px) {
  .duration-pay__detail {
    margin: 10px 0 0;
  }
}
.duration-pay .radio-custom1 {
  padding: 0 0 0 30px;
}
.duration-pay .radio-custom1 input:checked ~ .checkmark ~ span {
  font-weight: 400;
}
.duration-pay .radio-custom1:not(:last-child) {
  margin: 0 0 15px;
}
.advance-money {
  margin: 20px 0 0;
}
.advance-money__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 15px;
  text-align: center;
}
@media (max-width: 767px) {
  .advance-money__title {
    font-size: 20px;
    line-height: 30px;
  }
}
.advance-money .face-value__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 5 - 30px);
      -ms-flex: 0 0 calc(100% / 5 - 30px);
          flex: 0 0 calc(100% / 5 - 30px);
  width: calc(100% / 5 - 30px);
}
@media (max-width: 767px) {
  .advance-money .face-value__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 3 - 30px);
        -ms-flex: 0 0 calc(100% / 3 - 30px);
            flex: 0 0 calc(100% / 3 - 30px);
    width: calc(100% / 3 - 30px);
  }
}
.advance-money__note {
  color: #44494d;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  text-align: center;
}
.recharge-card {
  margin: 30px 0 0;
  word-break: break-word;
}
.recharge-card__inner {
  background-color: #fff;
  border-left: 4px solid #ee0033;
  border-radius: 0 10px 10px 0;
  padding: 15px 20px;
}
@media (max-width: 575px) {
  .recharge-card__inner {
    padding: 15px;
  }
}
.recharge-card__title {
  color: #44494d;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  margin: 0 0 10px;
}
@media (max-width: 575px) {
  .recharge-card__title {
    font-size: 18px;
    line-height: 28px;
  }
}
.recharge-card__list {
  margin: 10px 0 0;
}
.recharge-card__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.recharge-card__item:not(:last-child) {
  margin: 0 0 8px;
}
.recharge-card__name {
  color: #44494d;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 20px 0 0;
  width: 110px;
}
.recharge-card__value {
  color: #44494d;
  font-size: 14px;
  line-height: 21px;
}
.recharge-card__value--used {
  color: #fe9705;
}
.recharge-card__value--locked {
  color: #ee0033;
}
.form-box {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  padding: 15px 20px;
}
.form-box__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.form-box__item:not(:last-child) {
  margin: 0 0 5px;
}
.form-box__name {
  color: #727272;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 85px;
      -ms-flex: 0 0 85px;
          flex: 0 0 85px;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 21px;
  margin: 0 15px 0 0;
}
.form-box__value {
  color: #727272;
  font-size: 14px;
  line-height: 21px;
}
.form-txt {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #eee;
  border-radius: 8px 8px 8px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 20px;
}
.form-txt img {
  margin: 0 10px 0 0;
}
.form-txt__name {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
}
.pay-method {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 -15px 30px;
  padding: 0 0 10px;
}
@media (max-width: 575px) {
  .pay-method {
    margin: 0 -8px 30px;
  }
}
@media (max-width: 1180px) {
  .pay-method--full {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 0 -8px 30px;
    overflow-x: auto;
  }
}
@media (max-width: 991px) {
  .pay-method--full {
    margin: 0 -8px 30px;
    overflow-x: auto;
  }
}
@media (max-width: 767px) {
  .pay-method--full {
    margin: 0 -8px 30px;
    overflow-x: auto;
  }
}
@media (max-width: 575px) {
  .pay-method--full {
    margin: 0 -8px 30px;
  }
}
@media (max-width: 1180px) {
  .pay-method--full .pay-method__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 4 - 16px);
        -ms-flex: 0 0 calc(100% / 4 - 16px);
            flex: 0 0 calc(100% / 4 - 16px);
    margin: 0 8px;
    width: calc(100% / 4 - 16px);
  }
}
@media (max-width: 991px) {
  .pay-method--full .pay-method__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 4 - 16px);
        -ms-flex: 0 0 calc(100% / 4 - 16px);
            flex: 0 0 calc(100% / 4 - 16px);
    margin: 0 8px;
    width: calc(100% / 4 - 16px);
  }
}
@media (max-width: 767px) {
  .pay-method--full .pay-method__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 3 - 16px);
        -ms-flex: 0 0 calc(100% / 3 - 16px);
            flex: 0 0 calc(100% / 3 - 16px);
    margin: 0 8px;
    width: calc(100% / 3 - 16px);
  }
}
@media (max-width: 575px) {
  .pay-method--full .pay-method__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2 - 16px);
        -ms-flex: 0 0 calc(100% / 2 - 16px);
            flex: 0 0 calc(100% / 2 - 16px);
    margin: 0 8px;
    width: calc(100% / 2 - 16px);
  }
}
.pay-method__item {
  background-color: #fff;
  border: 2px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 205px;
      -ms-flex: 0 0 205px;
          flex: 0 0 205px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 15px;
  min-height: 156px;
  padding: 15px;
  position: relative;
  text-align: center;
  width: 205px;
}
@media (max-width: 575px) {
  .pay-method__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2 - 16px);
        -ms-flex: 0 0 calc(100% / 2 - 16px);
            flex: 0 0 calc(100% / 2 - 16px);
    margin: 0 8px;
    width: calc(100% / 2 - 16px);
  }
}
.pay-method__item.selected,
.pay-method__item:hover {
  background: -webkit-linear-gradient(bottom, rgba(238, 0, 51, 0.1), rgba(238, 0, 51, 0.1)), #fff;
  background: linear-gradient(0deg, rgba(238, 0, 51, 0.1), rgba(238, 0, 51, 0.1)), #fff;
  border-color: #ee0033;
}
.pay-method__images {
  height: 72px;
  margin: 0 auto;
  position: relative;
  width: 72px;
}
.pay-method__images img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.pay-method__badge {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: url("../images_content/bg-discount.svg") center center no-repeat;
  background-size: cover;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 35px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  right: 10px;
  position: absolute;
  top: 10px;
  width: 35px;
}
.pay-method__badge span {
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}
.pay-method__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 10px 0 0;
}
@media (max-width: 767px) {
  .pay-method__name {
    font-size: 16px;
    line-height: 24px;
  }
}
.hot-line {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 60px 0 0;
}
@media (max-width: 991px) {
  .hot-line {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 30px 0 0;
  }
}
.hot-line__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 10px;
}
@media (max-width: 991px) {
  .hot-line__item {
    margin: 0 0 15px;
    width: 100%;
  }
}
.hot-line__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 5px 0 0;
}
.hot-line__name {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
}
.face-value {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}
@media (max-width: 575px) {
  .face-value {
    margin: 0 -5px;
  }
}
.face-value__item {
  background-color: #fff;
  border: 1px solid #b5b4b4;
  border-radius: 8px 8px 8px 0;
  cursor: pointer;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3 - 30px);
      -ms-flex: 0 0 calc(100% / 3 - 30px);
          flex: 0 0 calc(100% / 3 - 30px);
  margin: 0 15px 15px;
  padding: 4px 10px 6px;
  text-align: center;
  -webkit-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
  width: calc(100% / 3 - 30px);
}
@media (max-width: 575px) {
  .face-value__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 3 - 10px);
        -ms-flex: 0 0 calc(100% / 3 - 10px);
            flex: 0 0 calc(100% / 3 - 10px);
    margin: 0 5px 15px;
    padding: 4px 8px 6px;
    width: calc(100% / 3 - 10px);
  }
}
.face-value__item.selected,
.face-value__item:hover {
  background: -webkit-linear-gradient(bottom, rgba(238, 0, 51, 0.1), rgba(238, 0, 51, 0.1)), #fff;
  background: linear-gradient(0deg, rgba(238, 0, 51, 0.1), rgba(238, 0, 51, 0.1)), #fff;
  border-color: #ee0033;
}
.face-value__item.selected .face-value__value,
.face-value__item:hover .face-value__value {
  color: #ee0033;
}
.face-value__value {
  color: #b5b4b4;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 20px;
}
.select-custom {
  position: relative;
  width: 260px;
}
.select-custom__toggle {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px 10px;
}
.select-custom__name {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 21px;
}
.select-custom__icon {
  color: #44494d;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 15px;
}
.select-custom__icon i {
  font-size: 6px;
}
.select-custom__menu {
  background-color: #fff;
  border-radius: 8px 8px 8px 0;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14);
  display: none;
  padding: 10px 0 15px;
  position: absolute;
  right: 0;
  top: 100%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 180px;
  z-index: 2;
}
.select-custom__item {
  padding: 6px 15px;
}
.select-custom__item.active .select-custom__link,
.select-custom__item:hover .select-custom__link {
  color: #ee0033;
}
.select-custom__sub {
  color: #727272;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 21px;
}
.select-custom.opened .select-custom__menu {
  display: block;
}
.select-custom .check-box__input:checked ~ .check-box__txt {
  color: #ee0033;
}
.buy-data {
  padding: 0 0 30px;
  word-break: break-word;
}
@media (max-width: 991px) {
  .buy-data {
    padding: 30px 0;
  }
}
.buy-data__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.15px;
  line-height: 36px;
  margin: 0 0 20px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 575px) {
  .buy-data__title {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 32px;
    margin: 0 0 15px;
  }
}
.buy-data__content {
  margin: 20px auto 0;
  max-width: 600px;
  width: 100%;
}
@media (max-width: 991px) {
  .buy-data__content {
    max-width: 100%;
  }
}
.buy-data__des {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 15px;
  text-align: center;
}
@media (max-width: 575px) {
  .buy-data__des {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 10px;
  }
}
.buy-data__form {
  margin: 20px 0 0;
}
.buy-data__confirm {
  margin: 15px 0 0;
}
.buy-data__btn {
  margin: 15px 0 0;
}
@media (max-width: 575px) {
  .buy-data__btn {
    margin: 5px 0 0;
  }
}
.buy-data__btn .button {
  width: 300px;
}
@media (max-width: 575px) {
  .buy-data__btn .button {
    width: 100%;
  }
}
.buy-data__btn-2column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 30px -15px 0;
}
.buy-data__btn-2column .button {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px;
  width: calc(100% / 2 - 30px);
}
.total-payment {
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 2;
}
@media (max-width: 991px) {
  .total-payment {
    display: block;
  }
}
.total-payment__inner {
  background-color: #fff;
  border-top: 1px solid #d1d1d1;
  padding: 12px 16px 16px;
}
.total-payment__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 10px;
  position: relative;
}
.total-payment__name {
  color: #44494d;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  max-width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.total-payment__value {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  font-weight: 700;
  left: 50%;
  line-height: 24px;
  margin: 0 10px;
  position: absolute;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.total-payment__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0 0;
}
.total-payment__btn .button {
  width: 100%;
}
.payment-noti {
  background-color: #696d70;
  border-radius: 7px;
  display: none;
  padding: 10px 20px;
}
@media (max-width: 991px) {
  .payment-noti {
    display: block;
  }
}
.payment-noti__des {
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}
.payment-details {
  background-color: #eee;
  display: none;
  margin: 15px -15px 0;
  padding: 15px;
}
@media (max-width: 991px) {
  .payment-details {
    display: block;
  }
}
.payment-details__sub {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin: 0 0 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.payment-details__list {
  margin: 12px 0 0;
}
.payment-details__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.payment-details__item:not(:last-child) {
  margin: 0 0 10px;
}
.payment-details__name {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.payment-details__value {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin: 0 0 0 15px;
}
.device-phone {
  padding: 0 0 30px;
}
@media (max-width: 767px) {
  .device-phone {
    padding: 30px 0;
  }
}
.device-phone__filter {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #d1d1d1;
  border-top: 1px solid #d1d1d1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0;
}
@media (max-width: 1024px) {
  .device-phone__filter {
    padding: 20px 0 5px;
  }
}
@media (max-width: 575px) {
  .device-phone__filter {
    -webkit-box-align: inherit;
    -webkit-align-items: inherit;
        -ms-flex-align: inherit;
            align-items: inherit;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px 0 5px;
  }
}
.device-phone__filter-name {
  color: #44494d;
  font-size: 14px;
  line-height: 24px;
  margin: 0 50px 0 0;
}
@media (max-width: 575px) {
  .device-phone__filter-name {
    margin: 0 0 15px;
  }
}
.device-phone__filter-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}
@media (max-width: 575px) {
  .device-phone__filter-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.device-phone__filter-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 15px;
}
@media (max-width: 1024px) {
  .device-phone__filter-item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 3 - 30px);
        -ms-flex: 0 0 calc(100% / 3 - 30px);
            flex: 0 0 calc(100% / 3 - 30px);
    margin: 0 15px 15px;
    width: calc(100% / 3 - 30px);
  }
}
@media (max-width: 767px) {
  .device-phone__filter-item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2 - 30px);
        -ms-flex: 0 0 calc(100% / 2 - 30px);
            flex: 0 0 calc(100% / 2 - 30px);
    margin: 0 15px 15px;
    width: calc(100% / 2 - 30px);
  }
}
@media (max-width: 575px) {
  .device-phone__filter-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 15px;
    width: 100%;
  }
}
.device-phone__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 30px -15px 0;
}
@media (max-width: 575px) {
  .device-phone__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 30px 0;
  }
}
.device-phone__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3 - 30px);
      -ms-flex: 0 0 calc(100% / 3 - 30px);
          flex: 0 0 calc(100% / 3 - 30px);
  margin: 0 15px 30px;
  width: calc(100% / 3 - 30px);
}
@media (max-width: 767px) {
  .device-phone__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2 - 30px);
        -ms-flex: 0 0 calc(100% / 2 - 30px);
            flex: 0 0 calc(100% / 2 - 30px);
    margin: 0 15px 30px;
    width: calc(100% / 2 - 30px);
  }
}
@media (max-width: 575px) {
  .device-phone__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 20px;
    width: 100%;
  }
}
.title-medium {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.15px;
  line-height: 36px;
  margin: 0 0 20px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .title-medium {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    margin: 30px 0 0;
  }
}
.cart-device__item {
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px;
}
@media (max-width: 767px) {
  .cart-device__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.cart-device__item:not(:last-child) {
  margin: 0 0 15px;
}
.cart-device__choose .radio-custom1 {
  color: #44494d;
  font-size: 16px;
  padding-left: 30px;
}
.cart-device__action {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #44494d;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 767px) {
  .cart-device__action {
    margin: 15px 0 0;
  }
}
.cart-device__action i {
  margin: 0 0 0 8px;
}
.cart-device__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 767px) {
  .cart-device__detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 30px 0 0;
  }
}
.cart-device__left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.cart-device__images {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 80px;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
  height: 80px;
  margin: 0 20px 0 0;
  width: 80px;
}
.cart-device__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 2px;
}
@media (max-width: 767px) {
  .cart-device__name {
    font-size: 16px;
    line-height: 24px;
  }
}
.cart-device__name:hover {
  color: #ee0033;
}
.cart-device__price {
  color: #ee0033;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  margin: 2px 0;
}
@media (max-width: 767px) {
  .cart-device__price {
    font-size: 18px;
    line-height: 28px;
  }
}
.cart-device__des {
  color: #727272;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
}
.cart-device__right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 15px;
}
@media (max-width: 767px) {
  .cart-device__right {
    margin: 15px 0 0;
  }
}
.cart-device__sub {
  color: #b5b4b4;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  margin: 20px 0 5px;
}
.color-device {
  margin: 0 60px 0 0;
}
.color-device__name {
  color: #44494d;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 5px;
}
.color-device__value {
  background-color: transparent;
  border-radius: 50%;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  margin: 0 2px;
  position: relative;
  width: 24px;
}
.color-device__value.red .color-device__choose {
  background-color: #ee0033;
}
.color-device__value.red.active {
  background-color: #ee0033;
}
.color-device__choose {
  border: 2px solid #fff;
  border-radius: 50%;
  display: block;
  height: 20px;
  left: 2px;
  position: absolute;
  top: 2px;
  width: 20px;
}
.quantity-device__name {
  color: #44494d;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 5px;
}
.quantity-device__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.quantity-device__action {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #e4e4e4;
  border-radius: 50%;
  color: #44494d;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 24px;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  height: 24px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
}
.quantity-device__action i {
  font-size: 14px;
}
.quantity-device__value {
  border: 0;
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  padding: 0 15px;
  width: 40px;
}
.attach-product {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 767px) {
  .attach-product {
    margin: 30px 0 0;
  }
}
.attach-product__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.attach-product__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 12px;
  line-height: 18px;
}
.attach-product__value {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}
.attach-product__price {
  color: #ee0033;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  margin: 0 0 0 20px;
}
.endow-price {
  position: relative;
}
.endow-price__item {
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 8px 8px 8px 0;
  cursor: pointer;
}
.endow-price__item:not(:last-child) {
  margin: 0 0 10px;
}
.endow-price__item.active .endow-price__value i {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.endow-price__item.selected {
  background: -webkit-linear-gradient(bottom, rgba(238, 0, 51, 0.1), rgba(238, 0, 51, 0.1)), #fff;
  background: linear-gradient(0deg, rgba(238, 0, 51, 0.1), rgba(238, 0, 51, 0.1)), #fff;
  border: 1px solid #ee0033;
}
.endow-price__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 46px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 15px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 991px) {
  .endow-price__top {
    height: auto;
    padding: 10px 15px;
  }
}
.endow-price__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 12px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 18px;
}
.endow-price__value {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #44494d;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  margin: 0 0 0 20px;
}
@media (max-width: 575px) {
  .endow-price__value {
    font-size: 16px;
    line-height: 24px;
  }
}
.endow-price__value i {
  color: #44494d;
  font-size: 6px;
  margin: 0 0 0 8px;
}
.endow-price__info {
  display: none;
  margin: 0 0 10px;
  padding: 0 15px;
}
.endow-price__des {
  color: #44494d;
  font-size: 14px;
  line-height: 24px;
  word-break: break-word;
}
.endow-price__des:not(:last-child) {
  margin: 0 0 15px;
}
@media (max-width: 991px) {
  .endow-price__des:not(:last-child) {
    margin: 0 0 10px;
  }
}
.endow-pack {
  margin: 20px 0;
}
.endow-pack__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 21px;
  margin: 0 0 8px;
}
.sim-nice {
  margin: 20px 0;
}
.sim-nice__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 21px;
  margin: 0 0 8px;
}
.sim-nice__form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 5px 0;
}
.sim-nice__input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
.sim-nice__input i {
  color: #727272;
  font-size: 20px;
  left: 10px;
  top: 50%;
  position: absolute;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.sim-nice__input .form-control {
  padding: 10px 15px 10px 35px;
}
.sim-nice__btn {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 110px;
      -ms-flex: 0 0 110px;
          flex: 0 0 110px;
  margin: 0 0 0 16px;
  width: 110px;
}
.sim-nice__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 10px -15px;
}
@media (max-width: 767px) {
  .sim-nice__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 10px 0;
  }
}
.sim-nice__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #e4e4e4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 15px;
  padding: 8px 0;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 767px) {
  .sim-nice__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    padding: 10px 0;
    width: 100%;
  }
}
.sim-nice__value {
  color: #44494d;
  font-size: 14px;
  line-height: 21px;
}
.sim-nice .radio-custom1 {
  margin: 0 0 0 20px;
}
.sim-nice--installment .sim-nice__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3 - 30px);
      -ms-flex: 0 0 calc(100% / 3 - 30px);
          flex: 0 0 calc(100% / 3 - 30px);
  padding: 10px 0;
  width: calc(100% / 3 - 30px);
}
@media (max-width: 767px) {
  .sim-nice--installment .sim-nice__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
  }
}
.sim-nice--installment .radio-custom1 {
  margin: 0;
  padding: 0 0 0 28px;
}
.total-fee {
  background-color: #ebebeb;
  border-radius: 8px 8px 8px 0;
  margin: 24px 0 0;
  padding: 10px 20px 20px;
}
.total-fee__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 15px;
}
.total-fee__list {
  border-bottom: 1px solid #d1d1d1;
  margin: 15px 0;
  padding: 0 0 10px;
}
.total-fee__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.total-fee__item:not(:last-child) {
  margin: 0 0 10px;
}
.total-fee__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 21px;
}
.total-fee__subitem {
  margin: 0 0 10px 8px;
}
.total-fee__subname {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}
.total-fee__subname:not(:last-child) {
  margin: 0 0 5px;
}
.total-fee__value {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 0 20px;
}
.total-fee__value.highlight {
  color: #ee0033;
}
.total-fee__last {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.total-fee__info {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.total-fee__info-list {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.total-fee__info-name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 21px;
}
.total-fee__info-value {
  color: #44494d;
  font-size: 20px;
  line-height: 30px;
  margin: 0 0 0 60px;
}
@media (max-width: 575px) {
  .total-fee__info-value {
    font-size: 18px;
    line-height: 28px;
  }
}
.total-fee__info-vat {
  color: #727272;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
}
.total-fee__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0 0;
}
.total-fee__btn .button {
  width: 150px;
}
.total-fee__btn .button:not(:last-child) {
  margin: 0 10px 0 0;
}
@media (min-width: 576px) {
  .modal--pinpuk .modal__content {
    max-width: 615px;
  }
}
.modal--pinpuk .modal__body {
  padding: 0 20px 60px;
}
@media (max-width: 991px) {
  .modal--pinpuk .modal__body {
    padding: 0 0 40px;
  }
}
.modal-pinpuk__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 25px;
  text-align: center;
}
@media (max-width: 767px) {
  .modal-pinpuk__title {
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 15px;
  }
}
.modal-pinpuk .form-capcha {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 15px;
}
.modal-pinpuk .form-capcha img {
  height: 94px;
}
.modal-pinpuk__btn {
  margin: 20px 0 0;
}
.modal-pinpuk__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 30px -15px 0;
}
@media (max-width: 575px) {
  .modal-pinpuk__detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 30px 0 0;
  }
}
.modal-pinpuk__column {
  background-color: #fff;
  border-radius: 6px 6px 6px 0;
  box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 575px) {
  .modal-pinpuk__column {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 20px;
    width: 100%;
  }
}
.modal-pinpuk__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px;
}
.modal-pinpuk__item:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.modal-pinpuk__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}
@media (max-width: 767px) {
  .modal-pinpuk__name {
    font-size: 16px;
    line-height: 24px;
  }
}
.modal-pinpuk__value {
  color: #727272;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 0 15px;
}
@media (max-width: 767px) {
  .modal-pinpuk__value {
    font-size: 14px;
    line-height: 21px;
    margin: 0 0 0 10px;
  }
}
.lookup-invoice {
  padding: 0 0 60px;
  word-break: break-word;
}
@media (max-width: 991px) {
  .lookup-invoice {
    padding: 30px 0 40px;
  }
}
.lookup-invoice__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.15px;
  line-height: 36px;
  margin: 0 0 15px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .lookup-invoice__title {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    margin: 0 0 10px;
  }
}
.lookup-invoice__sub {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 10px;
}
@media (max-width: 767px) {
  .lookup-invoice__sub {
    margin: 0 0 5px;
  }
}
.lookup-invoice__inner {
  margin: 15px auto 30px;
  max-width: 718px;
  width: 100%;
}
@media (max-width: 991px) {
  .lookup-invoice__inner {
    max-width: 100%;
  }
}
.lookup-invoice__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -33px;
}
@media (max-width: 575px) {
  .lookup-invoice__detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.lookup-invoice__column {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 66px);
      -ms-flex: 0 0 calc(100% / 2 - 66px);
          flex: 0 0 calc(100% / 2 - 66px);
  margin: 0 33px;
  width: calc(100% / 2 - 66px);
}
@media (max-width: 575px) {
  .lookup-invoice__column {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    width: 100%;
  }
}
.lookup-invoice__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 10px 0 0;
}
.lookup-invoice__btn .button {
  width: 360px;
}
@media (max-width: 575px) {
  .lookup-invoice__btn .button {
    width: 100%;
  }
}
.lookup-invoice .records-table {
  margin: 30px 0 0;
}
.lookup-invoice .link-otp {
  margin: 8px 0 0;
}
.lookup-invoice .form-input i {
  font-size: 20px;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.lookup-invoice .form-input i:before {
  color: #d1d1d1;
}
.lookup-sales {
  padding: 0 0 60px;
  word-break: break-word;
}
@media (max-width: 991px) {
  .lookup-sales {
    padding: 30px 0 40px;
  }
}
.lookup-sales__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.15px;
  line-height: 36px;
  margin: 0 0 15px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .lookup-sales__title {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    margin: 0 0 10px;
  }
}
.lookup-sales__sub {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 20px;
  text-align: center;
}
@media (max-width: 767px) {
  .lookup-sales__sub {
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 15px;
  }
}
.lookup-sales__inner {
  margin: 20px auto 0;
  max-width: 754px;
  width: 100%;
}
@media (max-width: 991px) {
  .lookup-sales__inner {
    max-width: 100%;
  }
}
.lookup-sales__form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}
@media (max-width: 575px) {
  .lookup-sales__form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.lookup-sales__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 575px) {
  .lookup-sales__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 10px;
    width: 100%;
  }
}
.lookup-sales__item--2column .form-customize {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  width: auto;
}
.lookup-sales__item--2column .form-input,
.lookup-sales__item--2column .form-capcha {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px;
  width: calc(100% / 2 - 30px);
}
.lookup-sales__item--2column .form-capcha {
  padding: 2px 5px;
}
.lookup-sales__item--2column .form-capcha img {
  height: 34px;
}
.lookup-sales__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 25px 0 0;
}
.lookup-sales__btn .button {
  width: 360px;
}
@media (max-width: 575px) {
  .lookup-sales__btn .button {
    width: 100%;
  }
}
.lookup-sales .records-table {
  margin: 30px 0 0;
}
.lookup-sales .form-input i {
  font-size: 20px;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.lookup-sales .form-input i:before {
  color: #d1d1d1;
}
.general-warranty {
  padding: 0 0 60px;
  word-break: break-word;
}
@media (max-width: 991px) {
  .general-warranty {
    padding: 30px 0 40px;
  }
}
.general-warranty__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.15px;
  line-height: 36px;
  margin: 0 0 30px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .general-warranty__title {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    margin: 0 0 20px;
  }
}
.general-warranty__sub {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 5px;
}
@media (max-width: 767px) {
  .general-warranty__sub {
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 5px;
  }
}
.general-warranty .nav-pills {
  margin: 30px auto 40px;
  max-width: 788px;
  width: 100%;
}
@media (max-width: 991px) {
  .general-warranty .nav-pills {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .general-warranty .nav-pills {
    border-bottom: 0;
    margin: 20px 0;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .general-warranty .nav-pills .nav-item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    margin: 5px 0;
  }
}
@media (max-width: 767px) {
  .general-warranty .tab-content {
    border-top: 1px solid #d1d1d1;
    padding: 20px 0 0;
  }
}
.contact-warranty__row:not(:last-child) {
  margin: 0 0 20px;
}
.contact-warranty__des {
  color: #727272;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 575px) {
  .contact-warranty__des {
    font-size: 14px;
    line-height: 21px;
  }
}
.contact-warranty__list {
  margin: 5px 0 15px;
}
.contact-warranty__item {
  color: #727272;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 575px) {
  .contact-warranty__item {
    font-size: 14px;
    line-height: 21px;
  }
}
.contact-warranty__item:not(:last-child) {
  margin: 0 0 5px;
}
.contact-warranty__value.phone {
  color: #ee0033;
}
.contact-warranty .records-table {
  margin: 15px 0 0;
}
.policy-warranty__images {
  margin: 0 0 50px;
}
@media (max-width: 767px) {
  .policy-warranty__images {
    margin: 0 0 30px;
  }
}
.policy-warranty__images img {
  border-radius: 10px;
}
.policy-warranty__images:hover img {
  opacity: 0.75;
}
.policy-warranty__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.15px;
  line-height: 36px;
  margin: 0 0 20px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .policy-warranty__title {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    margin: 0 0 15px;
  }
}
.policy-warranty__item {
  cursor: pointer;
}
.policy-warranty__item:not(:last-child) {
  margin: 0 0 20px;
}
@media (max-width: 767px) {
  .policy-warranty__item:not(:last-child) {
    margin: 0 0 15px;
  }
}
.policy-warranty__item.active .policy-warranty__icon i {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.policy-warranty__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.policy-warranty__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 36px;
}
@media (max-width: 767px) {
  .policy-warranty__name {
    font-size: 18px;
    line-height: 28px;
  }
}
.policy-warranty__icon {
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 20px;
}
.policy-warranty__icon i {
  font-size: 8px;
}
.policy-warranty__detail {
  display: none;
  margin: 5px 0 0;
}
.policy-warranty__row:not(:last-child) {
  margin: 0 0 20px;
}
@media (max-width: 767px) {
  .policy-warranty__row:not(:last-child) {
    margin: 0 0 10px;
  }
}
.policy-warranty__info-item {
  padding: 15px 40px;
}
@media (max-width: 767px) {
  .policy-warranty__info-item {
    padding: 10px 20px;
  }
}
.policy-warranty__info-item:not(:last-child) {
  border-bottom: 1px solid #e7e7e7;
}
.policy-warranty__info-des {
  color: #727272;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 767px) {
  .policy-warranty__info-des {
    font-size: 14px;
    line-height: 21px;
  }
}
.policy-warranty__subname {
  color: #44494d;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.15px;
  line-height: 30px;
  margin: 0 20px;
}
@media (max-width: 767px) {
  .policy-warranty__subname {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0 10px;
  }
}
.policy-warranty__des {
  color: #44494d;
  font-size: 16px;
  letter-spacing: 0.0875px;
  line-height: 24px;
  word-break: break-word;
}
@media (max-width: 767px) {
  .policy-warranty__des {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 21px;
  }
}
.policy-warranty__des:not(:last-child) {
  margin: 0 0 10px;
}
@media (max-width: 767px) {
  .policy-warranty__des:not(:last-child) {
    margin: 0 0 5px;
  }
}
.location-warranty__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}
@media (max-width: 767px) {
  .location-warranty__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.location-warranty__map {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 754px;
      -ms-flex: 0 0 754px;
          flex: 0 0 754px;
  margin: 0 15px;
  height: 438px;
}
@media (max-width: 991px) {
  .location-warranty__map {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2 - 30px);
        -ms-flex: 0 0 calc(100% / 2 - 30px);
            flex: 0 0 calc(100% / 2 - 30px);
    width: calc(100% / 2 - 30px);
  }
}
@media (max-width: 767px) {
  .location-warranty__map {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
        -ms-flex: auto;
            flex: auto;
    height: 250px;
    margin: 0 0 30px;
    width: 100%;
  }
}
.location-warranty__map iframe {
  height: 100%;
  width: 100%;
}
.location-warranty__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 15px;
}
@media (max-width: 991px) {
  .location-warranty__info {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2 - 30px);
        -ms-flex: 0 0 calc(100% / 2 - 30px);
            flex: 0 0 calc(100% / 2 - 30px);
    width: calc(100% / 2 - 30px);
  }
}
@media (max-width: 767px) {
  .location-warranty__info {
    margin: 0;
    width: 100%;
  }
}
.location-warranty__btn {
  margin: 20px 0 30px;
}
.location-warranty__list {
  margin: 30px 0 0;
}
.location-warranty__item {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.location-warranty__item:not(:last-child) {
  margin: 0 0 5px;
}
.location-warranty__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16px;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
  margin: 0 5px 0 0;
}
.location-warranty__icon img {
  line-height: 21px;
}
.location-warranty__icon.red {
  color: #ee0033;
}
.location-warranty__icon.orange {
  color: #feac37;
}
.location-warranty__icon.green {
  color: #79c672;
}
.location-warranty__name {
  color: #44494d;
  font-size: 14px;
  line-height: 21px;
}
.location-warranty__result {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 25px 0 20px;
  text-align: center;
}
@media (max-width: 767px) {
  .location-warranty__result {
    font-size: 18px;
    line-height: 28px;
    margin: 20px 0;
  }
}
.location-warranty__result span {
  color: #ee0033;
  margin: 0 5px;
}
.location-warranty .delivery-contact {
  margin: 20px 0 10px;
}
.location-warranty .delivery-contact .radio-custom1 {
  padding: 0;
}
.location-warranty .delivery-contact__row {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 575px) {
  .location-warranty .delivery-contact__row {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.location-warranty .delivery-contact__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0;
}
.location-warranty .delivery-contact__list {
  margin: 2px 0 0;
}
.location-warranty .delivery-contact__btn {
  margin: 0 0 0 20px;
}
@media (max-width: 575px) {
  .location-warranty .delivery-contact__btn {
    margin: 15px 0 0;
  }
}
.location-warranty .delivery-contact__btn .button {
  width: 195px;
}
.list-comment {
  margin: 10px 0 0;
}
.list-comment__item {
  padding: 20px 0 15px;
}
.list-comment__item:not(:last-child) {
  border-bottom: 1px solid #e7e7e7;
}
.list-comment__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.list-comment__avatar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 45px;
      -ms-flex: 0 0 45px;
          flex: 0 0 45px;
  height: 45px;
  margin: 0 10px 0 0;
  width: 45px;
}
.list-comment__avatar img {
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.list-comment__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.list-comment__name {
  color: #44494d;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.list-comment__name:hover {
  color: #ee0033;
}
.list-comment__time {
  color: #b5b4b4;
  font-size: 14px;
  line-height: 21px;
}
.list-comment__rate {
  margin: 10px 0;
}
.list-comment__rate i {
  cursor: pointer;
  font-size: 12px;
}
.list-comment__des {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  margin: 10px 0 0;
}
@media (max-width: 575px) {
  .list-comment__des {
    font-size: 14px;
    line-height: 21px;
  }
}
.list-comment__see-more {
  color: #ee0033;
  display: block;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  margin: 20px 0 0;
  text-align: center;
  text-decoration: underline;
}
.tabs-side {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 575px) {
  .tabs-side {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.tabs-side__nav {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 295px;
      -ms-flex: 0 0 295px;
          flex: 0 0 295px;
  margin: 0 108px 0 0;
  width: 295px;
}
@media (max-width: 767px) {
  .tabs-side__nav {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 260px;
        -ms-flex: 0 0 260px;
            flex: 0 0 260px;
    margin: 0 50px 0 0;
    width: 260px;
  }
}
@media (max-width: 575px) {
  .tabs-side__nav {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 30px;
    width: 100%;
  }
}
.tabs-side__content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 575px) {
  .tabs-side__content {
    width: 100%;
  }
}
.tabs-side__item {
  border-left: 2px solid transparent;
}
.tabs-side__item:not(:last-child) {
  border-bottom: 1px solid #e7e7e7;
}
.tabs-side__item.active,
.tabs-side__item:hover {
  border-left: 2px solid #ee0033;
}
.tabs-side__item.active .tabs-side__link,
.tabs-side__item:hover .tabs-side__link {
  color: #ee0033;
}
.tabs-side__link {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #44494d;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  line-height: 24px;
  padding: 15px;
}
.tabs-side__link img {
  margin: 0 15px 0 0;
}
.tabs-side__pane {
  -webkit-animation: fadeEffect 1s;
          animation: fadeEffect 1s;
  /* Fading effect takes 1 second */
  display: none;
}
.tabs-side__pane.active {
  display: block;
}
.lookup-warranty__detail .lookup-guarantee__box {
  max-width: 558px;
  width: 100%;
}
@media (max-width: 575px) {
  .lookup-warranty__detail .lookup-guarantee__box {
    max-width: 100%;
  }
}
.lookup-warranty__detail .button {
  width: 326px;
}
@media (max-width: 575px) {
  .lookup-warranty__detail .button {
    width: 100%;
  }
}
.lookup-warranty__content {
  max-width: 326px;
  width: 100%;
}
@media (max-width: 575px) {
  .lookup-warranty__content {
    max-width: 100%;
  }
}
.lookup-warranty__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 20px;
  text-align: center;
}
@media (max-width: 767px) {
  .lookup-warranty__title {
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 15px;
  }
}
.lookup-warranty .form-capcha {
  margin: 0 0 15px;
}
.lookup-warranty__box {
  background-color: #fbfbfb;
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 30px 0 50px;
  max-width: 558px;
  padding: 15px 25px;
  width: 100%;
}
@media (max-width: 767px) {
  .lookup-warranty__box {
    margin: 30px 0 40px;
    max-width: 100%;
    padding: 15px;
  }
}
.lookup-warranty__box-info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.lookup-warranty__box-name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 10px;
}
@media (max-width: 767px) {
  .lookup-warranty__box-name {
    font-size: 20px;
    line-height: 30px;
  }
}
.lookup-warranty__box-list {
  margin: 10px 0 0;
}
.lookup-warranty__box-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.lookup-warranty__box-item:not(:last-child) {
  margin: 0 0 5px;
}
.lookup-warranty__box-icon {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16px;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
  line-height: 24px;
  margin: 0 8px 0 0;
  width: 16px;
}
@media (max-width: 767px) {
  .lookup-warranty__box-icon {
    line-height: 21px;
  }
}
.lookup-warranty__box-value {
  color: #727272;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 767px) {
  .lookup-warranty__box-value {
    font-size: 14px;
    line-height: 21px;
  }
}
.lookup-warranty__box-action {
  color: #049dbf;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 20px;
}
.lookup-warranty__box-action i {
  font-size: 14px;
  line-height: 24px;
  margin: 0 8px 0 0;
}
.lookup-warranty__box-status {
  color: #049dbf;
  font-size: 16px;
  line-height: 24px;
}
.recharge-history {
  padding: 0 0 60px;
}
@media (max-width: 991px) {
  .recharge-history {
    padding: 0 0 40px;
  }
}
.recharge-history__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.15px;
  line-height: 36px;
  margin: 0 0 5px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .recharge-history__title {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
  }
}
.recharge-history__des {
  color: #ee0033;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  margin: 5px 0 10px;
}
.recharge-history__detail {
  margin: 20px 0 40px;
}
@media (max-width: 991px) {
  .recharge-history__detail {
    margin: 20px 0;
  }
}
.recharge-history__row:not(:last-child) {
  margin: 0 0 10px;
}
.recharge-history__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 10px;
}
.recharge-history__sub {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}
@media (max-width: 991px) {
  .recharge-history__sub {
    font-size: 16px;
    line-height: 24px;
  }
}
.recharge-history__sub span {
  color: #ee0033;
  margin: 0 0 0 3px;
}
.recharge-history__see-more {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  margin: 0 0 0 20px;
  text-decoration: underline;
}
.recharge-history__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 10px -15px 0;
}
@media (max-width: 575px) {
  .recharge-history__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 10px 0 0;
  }
}
.recharge-history__item {
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 8px 8px 8px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 15px 20px;
  padding: 15px 20px 15px 15px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
  .recharge-history__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 15px;
  }
}
@media (max-width: 575px) {
  .recharge-history__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 20px;
    width: 100%;
  }
}
.recharge-history__left {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
@media (max-width: 991px) {
  .recharge-history__left {
    width: 100%;
  }
}
.recharge-history__right {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 0 0 15px;
}
@media (max-width: 991px) {
  .recharge-history__right {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 10px 0 0;
  }
}
.recharge-history__right .recharge-history__time {
  margin: 0;
}
.recharge-history__time {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 0 20px;
}
@media (max-width: 991px) {
  .recharge-history__time {
    margin: 10px 0 0;
  }
}
.recharge-history__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0 0;
}
@media (max-width: 991px) {
  .recharge-history__btn {
    margin: 0 0 0 20px;
  }
}
.recharge-history__btn .button {
  width: 125px;
}
.recharge-history__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 15px 0 0;
}
@media (max-width: 767px) {
  .recharge-history__icon {
    margin: 0 10px 0 0;
  }
}
.recharge-history__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.recharge-history__name {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .recharge-history__name {
    font-size: 16px;
    line-height: 24px;
  }
}
.recharge-history__num {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  margin: 4px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .recharge-history__num {
    font-size: 14px;
    line-height: 20px;
  }
}
.recharge-history__price {
  color: #727272;
  font-size: 16px;
  line-height: 24px;
  margin: 4px 0 0;
}
.recharge-history__price span {
  color: #ee0033;
  font-weight: 600;
  margin: 0 0 0 5px;
}
.recharge-history .nav-pills {
  margin: 20px auto 30px;
  max-width: 750px;
  width: 100%;
}
@media (max-width: 767px) {
  .recharge-history .nav-pills {
    max-width: 100%;
  }
}
.recharge-history .payment-history__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 30px -15px;
}
@media (max-width: 767px) {
  .recharge-history .payment-history__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 20px 0;
  }
}
.recharge-history .payment-history__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px 20px;
  width: calc(100% / 2 - 30px);
}
.recharge-history .payment-history__item:last-child {
  margin: 0 15px 20px;
}
@media (max-width: 991px) {
  .recharge-history .payment-history__item:last-child {
    margin: 0;
  }
}
@media (max-width: 767px) {
  .recharge-history .payment-history__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 20px;
    width: 100%;
  }
}
.lookup-component {
  margin: 30px 0 0;
  max-width: 558px;
  width: 100%;
}
@media (max-width: 767px) {
  .lookup-component {
    max-width: 100%;
  }
}
.lookup-component__noti {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  margin: 30px 0 0;
}
@media (max-width: 575px) {
  .lookup-component__noti {
    font-size: 14px;
    line-height: 21px;
  }
}
.lookup-component__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 30px -15px 0;
}
@media (max-width: 575px) {
  .lookup-component__detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 30px 0 0;
  }
}
.lookup-component__column {
  border-bottom: 1px solid #c5c8db;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px 30px;
  padding: 0 0 15px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 575px) {
  .lookup-component__column {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 20px;
    width: 100%;
  }
}
.lookup-component__sub {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  text-transform: uppercase;
  margin: 0 0 5px;
}
@media (max-width: 575px) {
  .lookup-component__sub {
    font-size: 16px;
    line-height: 24px;
  }
}
.lookup-component__list {
  margin: 5px 0 0;
}
.lookup-component__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.lookup-component__item:not(:last-child) {
  margin: 0 0 5px;
}
.lookup-component__item--warning .lookup-component__icon,
.lookup-component__item--warning .lookup-component__value {
  color: #ee0033;
}
.lookup-component__icon {
  color: #44494d;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 5px 0 0;
}
.lookup-component__icon i {
  font-size: 20px;
  line-height: 24px;
}
.lookup-component__value {
  color: #44494d;
  font-size: 14px;
  line-height: 24px;
}
.number-change {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0 60px;
  word-break: break-word;
}
@media (max-width: 991px) {
  .number-change {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 40px 0;
  }
}
.number-change__images {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 580px;
      -ms-flex: 0 0 580px;
          flex: 0 0 580px;
  margin: 0 100px 0 0;
}
@media (max-width: 991px) {
  .number-change__images {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
        -ms-flex: auto;
            flex: auto;
    margin: 0 0 30px;
    width: 100%;
  }
}
.number-change__images img {
  -o-object-fit: cover;
     object-fit: cover;
}
.number-change__images img:hover {
  opacity: 0.75;
}
.number-change__content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 991px) {
  .number-change__content {
    width: 100%;
  }
}
.number-change__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.15px;
  line-height: 36px;
  margin: 0 0 20px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .number-change__title {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    text-align: center;
  }
}
.number-change__info {
  margin: 20px 0 0;
  max-width: 362px;
  width: 100%;
}
@media (max-width: 991px) {
  .number-change__info {
    max-width: 100%;
  }
}
.number-change__btn {
  margin: 30px 0 0;
}
.change-password {
  padding: 0 0 30px;
}
@media (max-width: 991px) {
  .change-password {
    padding: 40px 0;
  }
}
.change-password__inner {
  margin: 0 auto;
  max-width: 362px;
  width: 100%;
}
@media (max-width: 575px) {
  .change-password__inner {
    max-width: 100%;
  }
}
.change-password__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.15px;
  line-height: 36px;
  margin: 0 0 20px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .change-password__title {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    text-align: center;
  }
}
.change-password__form {
  margin: 20px 0 30px;
}
.change-password__btn {
  margin: 30px 0 0;
}
.personal-infor {
  padding: 60px 0;
}
@media (max-width: 991px) {
  .personal-infor {
    padding: 40px 0;
  }
}
.personal-infor__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .personal-infor__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.personal-infor .account-user {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 360px;
      -ms-flex: 0 0 360px;
          flex: 0 0 360px;
  margin: 0 30px 0 0;
  width: 360px;
}
@media (max-width: 767px) {
  .personal-infor .account-user {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 15px;
    width: 100%;
  }
}
.personal-infor__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 767px) {
  .personal-infor__info {
    width: 100%;
  }
}
.personal-infor__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.15px;
  line-height: 36px;
  margin: 0 0 20px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .personal-infor__title {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    text-align: center;
  }
}
.personal-infor__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 30px -15px 0;
}
@media (max-width: 767px) {
  .personal-infor__btn {
    margin: 30px -8px 0;
  }
}
.personal-infor__btn .button {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px;
  width: calc(100% - 2 - 30px);
}
@media (max-width: 767px) {
  .personal-infor__btn .button {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2 - 16px);
        -ms-flex: 0 0 calc(100% / 2 - 16px);
            flex: 0 0 calc(100% / 2 - 16px);
    margin: 0 8px;
    width: calc(100% - 2 - 16px);
  }
}
.account-user {
  margin: 0 auto;
  text-align: center;
}
.account-user__avatar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 132px;
  margin: 0 auto;
  position: relative;
  width: 132px;
}
.account-user__avatar img {
  border-radius: 50%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.account-user__info {
  margin: 10px 0;
}
.account-user__file {
  display: none;
}
.account-user__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #eee;
  border-radius: 50%;
  bottom: 10px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  right: 0;
  width: 24px;
}
.account-user__icon i {
  color: #44494d;
  font-size: 14px;
}
.account-user__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 3px;
}
@media (max-width: 767px) {
  .account-user__name {
    font-size: 20px;
    line-height: 30px;
  }
}
.account-user__id {
  color: #ee0033;
  font-size: 16px;
  line-height: 24px;
  margin: 3px 0;
}
@media (max-width: 767px) {
  .account-user__id {
    font-size: 14px;
    line-height: 21px;
  }
}
.account-user__link {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 3px 0 0;
}
@media (max-width: 767px) {
  .account-user__link {
    font-size: 14px;
    line-height: 21px;
  }
}
.personal-account {
  padding: 0 0 60px;
}
@media (max-width: 991px) {
  .personal-account {
    padding: 0 0 30px;
  }
}
.personal-account__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.15px;
  line-height: 36px;
  margin: 0 0 20px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .personal-account__title {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center;
  }
}
.personal-account__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0 0;
}
.personal-account__form {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.personal-account .form-horizontal {
  margin: 0 0 25px;
}
@media (max-width: 991px) {
  .personal-account .form-horizontal {
    margin: 0 0 15px;
  }
}
.personal-account .label-title {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 264px;
      -ms-flex: 0 0 264px;
          flex: 0 0 264px;
  margin: 12px 30px 0 0;
  width: 264px;
}
@media (max-width: 991px) {
  .personal-account .label-title {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin: 0 0 10px;
    width: 100%;
  }
}
.personal-account .hot-line {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 225px;
      -ms-flex: 0 0 225px;
          flex: 0 0 225px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0 0 0 120px;
  width: 225px;
}
@media (max-width: 991px) {
  .personal-account .hot-line {
    display: none;
  }
}
.personal-account .hot-line__item {
  margin: 0 0 40px;
}
@media (max-width: 991px) {
  .personal-account .hot-line__item {
    margin: 0 0 15px;
  }
}
.personal-account .hot-line__item:last-child {
  margin: 0;
}
.personal-account__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.personal-account__des {
  color: #44494d;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
}
.personal-account__des-link {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-style: inherit;
  font-weight: 600;
  line-height: 20px;
  text-decoration: underline;
}
.personal-account__des-link:hover {
  color: #d11313;
}
.personal-account__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 30px 0 0;
}
@media (max-width: 991px) {
  .personal-account__btn {
    margin: 0;
  }
}
.personal-account__btn .button {
  width: 100%;
}
.transfer-money {
  margin: 0 auto;
  max-width: 910px;
  width: 100%;
}
@media (max-width: 991px) {
  .transfer-money {
    max-width: 100%;
  }
}
.transfer-money__list {
  max-height: 375px;
  overflow: hidden;
}
@media (max-width: 575px) {
  .transfer-money__list {
    max-height: 500px;
  }
}
.transfer-money__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 30px;
}
@media (max-width: 767px) {
  .transfer-money__item {
    padding: 20px;
  }
}
@media (max-width: 575px) {
  .transfer-money__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px 15px;
  }
}
.transfer-money__item:not(:last-child) {
  margin: 0 0 30px;
}
@media (max-width: 767px) {
  .transfer-money__item:not(:last-child) {
    margin: 0 0 20px;
  }
}
.transfer-money__left {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 575px) {
  .transfer-money__left {
    width: 100%;
  }
}
.transfer-money__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 3px;
}
.transfer-money__value {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}
@media (max-width: 767px) {
  .transfer-money__value {
    font-size: 20px;
    line-height: 30px;
  }
}
.transfer-money__phone {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #727272;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 0 15px;
}
@media (max-width: 767px) {
  .transfer-money__phone {
    font-size: 14px;
    line-height: 21px;
  }
}
.transfer-money__phone i {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 5px 0 0;
}
.transfer-money__time {
  color: #727272;
  font-size: 16px;
  line-height: 24px;
  margin: 3px 0 0;
}
@media (max-width: 767px) {
  .transfer-money__time {
    font-size: 14px;
    line-height: 21px;
  }
}
.transfer-money__right {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 20px;
}
@media (max-width: 575px) {
  .transfer-money__right {
    margin: 15px 0 0;
    width: 100%;
  }
}
.transfer-money__link {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  margin: 0 30px 0 0;
  text-decoration: underline;
}
.transfer-money__link:hover {
  color: #ee0033;
}
.transfer-money__btn .button {
  min-width: 150px;
}
.receiver-info {
  margin: 0 0 30px;
}
.receiver-info__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 3px;
}
@media (max-width: 767px) {
  .receiver-info__title {
    font-size: 20px;
    line-height: 30px;
  }
}
.receiver-info__des {
  color: #727272;
  font-size: 16px;
  line-height: 24px;
  margin: 3px 0 10px;
}
@media (max-width: 767px) {
  .receiver-info__des {
    font-size: 14px;
    line-height: 21px;
  }
}
.receiver-info__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 25px -15px 0;
}
@media (max-width: 767px) {
  .receiver-info__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 20px 0 0;
  }
}
.receiver-info__form {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 15px;
}
@media (max-width: 767px) {
  .receiver-info__form {
    margin: 0 0 20px;
  }
}
.receiver-info__link {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
@media (max-width: 767px) {
  .receiver-info__link {
    font-size: 14px;
    line-height: 21px;
  }
}
.receiver-info__link:hover {
  text-decoration: underline;
}
.receiver-info__price {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 360px;
      -ms-flex: 0 0 360px;
          flex: 0 0 360px;
  margin: -35px 15px 0;
  width: 360px;
}
@media (max-width: 991px) {
  .receiver-info__price {
    margin: 0 15px;
  }
}
@media (max-width: 767px) {
  .receiver-info__price {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    width: 100%;
  }
}
.receiver-info__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 8px;
}
.receiver-info__sub {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}
.receiver-info__fee {
  color: #44494d;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  margin: 0 0 0 20px;
}
.receiver-info .face-value {
  margin: 8px -8px 0;
}
.receiver-info .face-value__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3 - 16px);
      -ms-flex: 0 0 calc(100% / 3 - 16px);
          flex: 0 0 calc(100% / 3 - 16px);
  margin: 0 8px 16px;
  width: calc(100% / 3 - 16px);
}
.receiver-info__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 15px 0 0;
}
.receiver-info__btn .button {
  width: 360px;
}
@media (max-width: 575px) {
  .receiver-info__btn .button {
    width: 100%;
  }
}
.lookup-order {
  padding: 0 0 50px;
  word-break: break-word;
}
@media (max-width: 991px) {
  .lookup-order {
    padding: 0 0 30px;
  }
}
.lookup-order .hot-line {
  margin: 40px 0 0;
}
@media (max-width: 991px) {
  .lookup-order .hot-line {
    display: none;
  }
}
.lookup-order__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.15px;
  line-height: 36px;
  margin: 0 0 20px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .lookup-order__title {
    font-size: 22px;
    letter-spacing: 0;
    line-height: 32px;
  }
}
.lookup-order__title-sp {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  margin: 0 0 15px;
  text-align: center;
}
.lookup-order__des {
  color: #474747;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  margin: 10px auto;
  max-width: 450px;
  text-align: center;
  width: 100%;
}
@media (max-width: 575px) {
  .lookup-order__des {
    max-width: 100%;
  }
}
.lookup-order__form {
  margin: 30px auto;
  max-width: 360px;
  width: 100%;
}
@media (max-width: 575px) {
  .lookup-order__form {
    max-width: 100%;
  }
}
.lookup-order__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px 15px;
}
@media (max-width: 767px) {
  .lookup-order__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.lookup-order__row--2column .form-customize {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 767px) {
  .lookup-order__row--2column .form-customize {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 20px;
    width: 100%;
  }
  .lookup-order__row--2column .form-customize:last-child {
    margin: 0;
  }
}
.lookup-order__row--3column .form-customize {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3 - 30px);
      -ms-flex: 0 0 calc(100% / 3 - 30px);
          flex: 0 0 calc(100% / 3 - 30px);
  margin: 0 15px;
  width: calc(100% / 3 - 30px);
}
@media (max-width: 767px) {
  .lookup-order__row--3column .form-customize {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 20px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .lookup-order__row--3column:last-child .form-customize:last-child {
    margin: 0;
  }
}
.lookup-order__row:last-child {
  margin-bottom: 0;
}
.lookup-order__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px 0 0;
}
.lookup-order__btn .button {
  width: 360px;
}
@media (max-width: 575px) {
  .lookup-order__btn .button {
    width: 100%;
  }
}
.lookup-order__btn-2column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 30px -8px 0;
  width: calc(100% - 360px - 30px);
}
@media (max-width: 991px) {
  .lookup-order__btn-2column {
    margin: 20px -8px 0;
    width: 100%;
  }
}
.lookup-order__btn-2column .button {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 240px;
      -ms-flex: 0 0 240px;
          flex: 0 0 240px;
  margin: 0 8px;
  width: 240px;
}
@media (max-width: 991px) {
  .lookup-order__btn-2column .button {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2 - 16px);
        -ms-flex: 0 0 calc(100% / 2 - 16px);
            flex: 0 0 calc(100% / 2 - 16px);
    width: calc(100% / 2 - 16px);
  }
}
.lookup-order .form-input i {
  font-size: 20px;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.lookup-order .form-input i:before {
  color: #44494d;
}
.lookup-result {
  margin: 30px 0;
}
.lookup-result__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 10px;
}
@media (max-width: 767px) {
  .lookup-result__title {
    font-size: 16px;
    line-height: 24px;
  }
}
.lookup-result__title span {
  color: #ee0033;
  margin: 0 0 0 5px;
}
.lookup-result__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 10px -15px 0;
}
@media (max-width: 767px) {
  .lookup-result__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 10px 0 0;
  }
}
.lookup-result__item {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  cursor: pointer;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px 15px;
  padding: 20px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 767px) {
  .lookup-result__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 20px;
    padding: 20px 15px;
    width: 100%;
  }
}
.lookup-result__item:hover {
  border-color: #ee0033;
}
.lookup-result__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 8px;
}
.lookup-result__id {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 767px) {
  .lookup-result__id {
    font-size: 14px;
    line-height: 21px;
  }
}
.lookup-result__id-name {
  color: #44494d;
}
.lookup-result__id-value {
  color: #ee0033;
  margin: 0 0 0 3px;
}
.lookup-result__icon {
  color: #ee0033;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 20px;
}
.lookup-result__icon i {
  font-size: 24px;
}
.lookup-result__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 5px 0 10px;
}
@media (max-width: 767px) {
  .lookup-result__name {
    font-size: 16px;
    line-height: 24px;
  }
}
.lookup-result__price {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  margin: 10px 0 15px;
}
@media (max-width: 767px) {
  .lookup-result__price {
    font-size: 16px;
    line-height: 24px;
  }
}
.lookup-result__price i {
  margin: 0 5px 0 0;
}
.lookup-result__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #efefef;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px 0 0;
}
.lookup-result__status {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  line-height: 21px;
}
.lookup-result__status img {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20px;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  margin: 0 5px 0 0;
  width: 20px;
}
.lookup-result__status--success {
  color: #58b84f;
}
.lookup-result__status--pending {
  color: #fe9705;
}
.lookup-result__status--fail {
  color: #ee0033;
}
.lookup-result__time {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #44494d;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  line-height: 21px;
  margin: 0 0 0 20px;
}
.lookup-result__time i {
  margin: 0 5px 0 0;
}
.lookup-basic {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 30px 0;
}
@media (max-width: 991px) {
  .lookup-basic {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 15px 0 20px;
  }
}
.lookup-basic__content {
  background-color: #fff;
  border-radius: 8px 8px 8px 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 20px 30px;
  width: calc(100% - 360px - 30px);
}
@media (max-width: 991px) {
  .lookup-basic__content {
    background-color: transparent;
    padding: 0;
    width: 100%;
  }
}
.lookup-basic__content .lookup-basic__top {
  border-bottom: 0;
  margin: 0;
  padding: 0;
}
.lookup-basic__side {
  background-color: #fff;
  border-radius: 8px 8px 8px 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 360px;
      -ms-flex: 0 0 360px;
          flex: 0 0 360px;
  margin: 0 0 0 30px;
  padding: 25px 20px 30px;
  width: 360px;
}
@media (max-width: 991px) {
  .lookup-basic__side {
    display: none;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 20px 0 0;
    padding: 20px 15px;
    width: 100%;
  }
}
.lookup-basic__top {
  border-bottom: 1px solid #eee;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 20px;
  padding: 0 0 12px;
}
.lookup-basic__title {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .lookup-basic__title {
    font-size: 15px;
    line-height: 24px;
  }
}
.lookup-basic__sub {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .lookup-basic__sub {
    font-size: 16px;
    line-height: 24px;
  }
}
.lookup-basic__action {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 15px;
}
.lookup-basic__action i {
  color: #ee0033;
  font-size: 6px;
  margin: 0 0 0 5px;
}
.lookup-basic__txt {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
}
.lookup-basic__pack {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 16px 0;
}
.lookup-basic__pack-info {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.lookup-basic__pack-name {
  color: #44494d;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  margin: 0 0 2px;
  position: relative;
}
@media (max-width: 991px) {
  .lookup-basic__pack-name {
    font-size: 20px;
    line-height: 30px;
  }
}
.lookup-basic__pack-name:before {
  background: url("../images_content/bg-thumbnail-pack.svg") 0 0 no-repeat;
  content: "";
  height: 54px;
  left: 50%;
  position: absolute;
  top: -5px;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
  width: 50px;
}
.lookup-basic__pack-value {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  margin: 2px 0 0;
}
@media (max-width: 991px) {
  .lookup-basic__pack-value {
    font-size: 16px;
    line-height: 24px;
  }
}
.lookup-basic__pack-price {
  color: #ee0033;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  margin: 0 0 0 20px;
}
@media (max-width: 991px) {
  .lookup-basic__pack-price {
    font-size: 16px;
    line-height: 24px;
  }
}
.lookup-basic__price-item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.lookup-basic__price-item:not(:last-child) {
  margin: 0 0 12px;
}
.lookup-basic__price-item.total {
  border-top: 1px solid #eee;
  padding: 12px 0 0;
}
.lookup-basic__price-item.total .lookup-basic__price-name {
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.lookup-basic__price-item.total .lookup-basic__price-value {
  color: #ee0033;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}
@media (max-width: 991px) {
  .lookup-basic__price-item.total .lookup-basic__price-value {
    font-size: 16px;
    line-height: 24px;
  }
}
.lookup-basic__price-name {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  line-height: 24px;
  max-width: calc(50% - 10px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lookup-basic__price-value {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 0 10px;
  max-width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lookup-basic__setup {
  border-top: 1px solid #eee;
  margin: 20px 0 0;
  padding: 20px 0 0;
  position: relative;
}
@media (max-width: 991px) {
  .lookup-basic__setup {
    background-color: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 8px 8px 0 8px;
    margin: 10px 0 0;
    padding: 12px 15px;
  }
}
.lookup-basic__setup:first-child {
  border-top: 0;
  margin: 0;
  padding: 0;
}
@media (max-width: 991px) {
  .lookup-basic__setup:first-child {
    border: 1px solid #d1d1d1;
    padding: 12px 15px;
  }
}
.lookup-basic__setup-list {
  margin: 15px 0 0;
}
@media (max-width: 991px) {
  .lookup-basic__setup-list {
    margin: 8px 0 0;
  }
}
.lookup-basic__setup-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 991px) {
  .lookup-basic__setup-item {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.lookup-basic__setup-item:not(:last-child) {
  margin: 0 0 10px;
}
@media (max-width: 991px) {
  .lookup-basic__setup-item:not(:last-child) {
    margin: 0 0 6px;
  }
}
.lookup-basic__setup-item.full {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.lookup-basic__setup-item.full .lookup-basic__setup-info {
  max-width: 100%;
  width: 100%;
}
.lookup-basic__setup-item.full .lookup-basic__setup-value {
  margin: 3px 0 0;
  max-width: 100%;
}
.lookup-basic__setup-item.total {
  -webkit-box-align: inherit;
  -webkit-align-items: inherit;
      -ms-flex-align: inherit;
          align-items: inherit;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.lookup-basic__setup-item.opened .lookup-basic__menu {
  display: block;
}
.lookup-basic__setup-item.opened .lookup-basic__setup-value i {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.lookup-basic__setup-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.lookup-basic__setup-info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: calc(50% - 10px);
}
.lookup-basic__setup-info img {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20px;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  margin: 0 8px 0 0;
  width: 20px;
}
.lookup-basic__setup-info i {
  color: #828282;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20px;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  font-size: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 6px 0 0;
}
@media (max-width: 991px) {
  .lookup-basic__setup-info i {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 18px;
        -ms-flex: 0 0 18px;
            flex: 0 0 18px;
    font-size: 18px;
  }
}
.lookup-basic__setup-info .icon-clock-2,
.lookup-basic__setup-info .icon-store-2 {
  font-size: 14px;
}
@media (max-width: 991px) {
  .lookup-basic__setup-info .icon-clock-2,
  .lookup-basic__setup-info .icon-store-2 {
    font-size: 12px;
  }
}
.lookup-basic__setup-info .icon-dolla,
.lookup-basic__setup-info .icon-order {
  font-size: 16px;
}
@media (max-width: 991px) {
  .lookup-basic__setup-info .icon-dolla,
  .lookup-basic__setup-info .icon-order {
    font-size: 14px;
  }
}
.lookup-basic__setup-name {
  color: #44494d;
  font-size: 14px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .lookup-basic__setup-name {
    color: rgba(3, 15, 28, 0.7);
    font-size: 12px;
    line-height: 18px;
  }
}
.lookup-basic__setup-value {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 0 10px;
  max-width: 50%;
  text-align: right;
}
@media (max-width: 991px) {
  .lookup-basic__setup-value {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    color: #030f1c;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-align: left;
  }
}
.lookup-basic__setup-value i {
  color: #ee0033;
  font-size: 6px;
  margin: 0 0 0 5px;
}
.lookup-basic__setup-value.highlight {
  color: #ee0033;
}
.lookup-basic__setup-form {
  margin: 15px 0 0;
}
@media (max-width: 991px) {
  .lookup-basic__setup-form {
    margin: 12px 0 0;
  }
}
.lookup-basic__setup-form textarea::-webkit-input-placeholder {
  font-size: 14px;
}
.lookup-basic__setup-form textarea::-moz-placeholder {
  font-size: 14px;
}
.lookup-basic__setup-form textarea:-ms-input-placeholder {
  font-size: 14px;
}
.lookup-basic__setup-form textarea::placeholder {
  font-size: 14px;
}
.lookup-basic__setup .steps-order {
  margin: 20px 0;
}
.lookup-basic__setup .steps-sp {
  display: none;
  margin: 10px 0 0;
}
.lookup-basic__setup .hotline-tel {
  bottom: 8px;
  display: none;
  position: absolute;
}
@media (max-width: 991px) {
  .lookup-basic__setup .hotline-tel {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
.lookup-basic__setup.opened .steps-sp {
  display: block;
}
.lookup-basic__setup.opened .lookup-basic__action i {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.lookup-basic__menu {
  display: none;
  padding: 5px 0 0;
}
.lookup-basic__menu-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.lookup-basic__menu-item:not(:last-child) {
  margin: 0 0 3px;
}
.lookup-basic__menu-name {
  color: rgba(3, 15, 28, 0.7);
  font-size: 11px;
  font-style: italic;
  line-height: 18px;
  max-width: calc(50% - 10px);
  overflow: hidden;
  padding: 0 0 0 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lookup-basic__menu-value {
  color: #ee0033;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 11px;
  font-style: italic;
  line-height: 18px;
  margin: 0 0 0 10px;
  max-width: 50%;
}
.lookup-basic__customer-item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.lookup-basic__customer-item:not(:last-child) {
  margin: 0 0 20px;
}
.lookup-basic__customer-item img {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 30px;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  margin: 0 12px 0 0;
  width: 30px;
}
.lookup-basic__customer-info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.lookup-basic__customer-name {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .lookup-basic__customer-name {
    font-size: 14px;
    line-height: 20px;
  }
}
.lookup-basic__customer-value {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 0 10px;
}
@media (max-width: 991px) {
  .lookup-basic__customer-value {
    font-size: 14px;
    line-height: 20px;
  }
}
.hotline-tel {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #eb113f;
  border-radius: 40px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 3px 15px 3px 5px;
}
.hotline-tel__action {
  background-color: #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 32px;
      -ms-flex: 0 0 32px;
          flex: 0 0 32px;
  height: 32px;
  margin: 0 3px 0 0;
  padding: 5px;
  width: 32px;
}
.hotline-tel__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.hotline-tel__name {
  color: rgba(255, 255, 255, 0.8);
  font-size: 11px;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  white-space: nowrap;
}
.hotline-tel__number {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  white-space: nowrap;
}
.steps-order {
  margin: 30px 0;
}
.steps-order__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.steps-order__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 10px;
  position: relative;
  text-align: center;
}
.steps-order__item.active .steps-order__name {
  font-weight: 700;
}
.steps-order__item.active .steps-order__value {
  border-color: #ee0033;
}
.steps-order__item.done:after {
  background-color: #ee0033;
}
.steps-order__item.done .steps-order__value {
  background-color: #ee0033;
  border-color: #ee0033;
}
.steps-order__item.done .steps-order__value i {
  display: block;
}
.steps-order__item.done .steps-order__name {
  color: #ee0033;
  font-weight: 700;
}
.steps-order__item:first-child {
  padding: 0 10px 0 0;
}
.steps-order__item:last-child {
  padding: 0 0 0 10px;
}
.steps-order__item:after {
  background-color: #d1d1d1;
  border-radius: 6px;
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  top: 6px;
  width: 100%;
}
.steps-order__item:last-child:after {
  left: 50%;
  width: 0;
}
.steps-order__value {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 2px solid #d1d1d1;
  border-radius: 50%;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 14px;
      -ms-flex: 0 0 14px;
          flex: 0 0 14px;
  height: 14px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2px;
  position: relative;
  width: 14px;
  z-index: 1;
}
.steps-order__value i {
  color: #fff;
  display: none;
  font-size: 6px;
}
.steps-order__number {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: -webkit-linear-gradient(bottom, rgba(238, 0, 51, 0.1), rgba(238, 0, 51, 0.1)), #fff;
  background: linear-gradient(0deg, rgba(238, 0, 51, 0.1), rgba(238, 0, 51, 0.1)), #fff;
  border: 2px solid rgba(238, 0, 51, 0.6);
  border-radius: 50%;
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 36px;
      -ms-flex: 0 0 36px;
          flex: 0 0 36px;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  height: 36px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 36px;
  width: 36px;
}
@media (max-width: 991px) {
  .steps-order__number {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 24px;
        -ms-flex: 0 0 24px;
            flex: 0 0 24px;
    font-size: 20px;
    height: 30px;
    height: 24px;
    width: 24px;
  }
}
.steps-order__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  margin: 10px 0 0;
  padding: 0 5px;
}
.steps-order__name {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.steps-order__time {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 12px;
  line-height: 20px;
  margin: 5px 0 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.upload-banner {
  padding: 20px 0 80px;
}
@media (max-width: 991px) {
  .upload-banner {
    padding: 30px 0 40px;
  }
}
.upload-banner__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: 0.15px;
  line-height: 40px;
  margin: 0 0 30px;
  text-align: center;
}
@media (max-width: 991px) {
  .upload-banner__title {
    font-size: 24px;
    letter-spacing: 0;
    line-height: 36px;
    margin: 0 0 20px;
  }
}
.upload-banner__sub {
  color: #44494d;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 36px;
  margin: 0 0 15px;
}
@media (max-width: 991px) {
  .upload-banner__sub {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 0;
  }
}
.upload-banner .upload-files {
  margin: 30px 0 40px;
}
.upload-banner .upload-files__before {
  background-color: rgba(238, 0, 51, 0.05);
  border: 1px dashed rgba(238, 0, 51, 0.4);
  border-radius: 8px;
}
.upload-banner__history {
  margin: 40px 0 0;
}
.table-upload {
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-collapse: separate;
  border-radius: 8px 8px 0 0;
  border-spacing: 0;
  min-width: 1140px;
  overflow: hidden;
  table-layout: fixed;
  width: 100%;
}
.table-upload thead tr {
  background-color: #dadbdb;
}
.table-upload tr:last-child td {
  border-bottom: 0;
}
.table-upload th,
.table-upload td {
  color: #44494d;
  border-bottom: 1px solid #e4e4e4;
  font-size: 18px;
  font-weight: 500;
  padding: 18px 10px;
  text-align: left;
}
@media (max-width: 991px) {
  .table-upload th,
  .table-upload td {
    font-size: 16px;
  }
}
.table-upload th {
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-weight: 600;
  padding: 14px 10px;
}
.table-upload .txt-center {
  text-align: center;
}
.table-upload__checkbox .check-box__checkmark {
  border: 1.5px solid rgba(68, 73, 77, 0.6);
  border-radius: 4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.table-upload__value {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.table-upload__truncate {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.table-upload__status {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #39b919;
}
.table-upload__status img {
  margin: 0 5px 0 0;
}
.table-upload__action {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.table-upload__icon {
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 10px 0 0;
}
.table-upload__icon:last-child {
  margin: 0;
}
.table-upload__icon i {
  font-size: 20px;
}
.table-upload__icon .fs-remove {
  font-size: 14px;
}
@media (min-width: 576px) {
  .modal--order .modal__content {
    max-width: 551px;
  }
}
.modal--order .modal__body {
  padding: 0 60px 30px;
}
@media (max-width: 991px) {
  .modal--order .modal__body {
    padding: 0 0 30px;
  }
}
.modal-order__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 15px;
  text-align: center;
}
@media (max-width: 991px) {
  .modal-order__title {
    font-size: 20px;
    line-height: 28px;
  }
}
.modal-order__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 15px 0;
}
.modal-order__images--success {
  color: #03a678;
}
.modal-order__images--warning {
  color: #d11313;
}
.modal-order__images i {
  font-size: 70px;
}
.modal-order__des {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  margin: 15px 0;
  text-align: center;
}
@media (max-width: 991px) {
  .modal-order__des {
    font-size: 14px;
    line-height: 21px;
  }
}
.modal-order__des span {
  color: #44494d;
}
.modal-order__form {
  margin: 30px auto;
  max-width: 275px;
  width: 100%;
}
@media (max-width: 575px) {
  .modal-order__form {
    max-width: 100%;
  }
}
.modal-order__form .link-otp {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 10px 0 0;
}
.modal-order__form .link-otp i {
  font-size: 14px;
  margin: -3px 0 0 5px;
}
.modal-order__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px 0 0;
}
.modal-order__btn .button {
  width: 360px;
}
@media (max-width: 575px) {
  .modal-order__btn .button {
    width: 100%;
  }
}
.modal-order__btn--2column {
  margin: 30px -8px 0;
}
.modal-order__btn--2column .button {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 8px;
}
.support-client {
  padding: 0 0 60px;
  position: relative;
}
@media (max-width: 767px) {
  .support-client {
    padding: 40px 0;
  }
}
.support-client__bg {
  background-color: #ee0033;
  border-radius: 0 0 115px 0;
  height: 194px;
  width: 100%;
}
@media (max-width: 991px) {
  .support-client__bg {
    display: none;
  }
}
.support-client__top {
  background-color: #ee0033;
  position: relative;
}
@media (max-width: 991px) {
  .support-client__top {
    background-color: transparent;
  }
}
.support-client__inner {
  background-color: #fbfbfb;
  border-radius: 115px 0 0 0;
}
.support-client__box {
  background-color: #fff;
  margin: 0 auto -165px;
  max-width: 1200px;
  position: relative;
  top: -165px;
  width: 100%;
}
@media (max-width: 991px) {
  .support-client__box {
    top: 0;
    margin: 0;
    max-width: 100%;
  }
}
.support-client__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.15px;
  line-height: 36px;
  text-align: center;
  text-transform: uppercase;
  margin: 0 0 40px;
}
@media (max-width: 767px) {
  .support-client__title {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    margin: 0 0 20px;
  }
}
.support-client__sub {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 15px;
}
@media (max-width: 767px) {
  .support-client__sub {
    font-size: 20px;
    line-height: 28px;
  }
}
.support-client__note {
  color: #44494d;
  font-size: 14px;
  line-height: 21px;
  margin: 10px 0;
  text-align: center;
}
.support-client__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 -15px;
}
@media (max-width: 767px) {
  .support-client__list {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    overflow: auto;
    padding: 0 0 5px;
  }
}
.support-client__list--4column .support-client__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 160px;
      -ms-flex: 0 0 160px;
          flex: 0 0 160px;
  width: 160px;
}
.support-client__list--5column .support-client__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 140px;
      -ms-flex: 0 0 140px;
          flex: 0 0 140px;
  width: 140px;
}
.support-client__item {
  margin: 0 15px;
}
@media (max-width: 767px) {
  .support-client__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 3 - 30px);
        -ms-flex: 0 0 calc(100% / 3 - 30px);
            flex: 0 0 calc(100% / 3 - 30px);
    margin: 0 15px;
    width: calc(100% / 3 - 30px);
  }
}
.support-client__item.active .support-client__name,
.support-client__item:hover .support-client__name {
  color: #ee0033;
}
.support-client__item.active img,
.support-client__item:hover img {
  opacity: 0.8;
}
.support-client__link {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.support-client__link img {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 80px;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
  height: 80px;
  width: 80px;
}
.support-client__name {
  color: #b5b4b4;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  height: 56px;
  line-height: 28px;
  margin: 5px 0 0;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 767px) {
  .support-client__name {
    font-size: 16px;
    line-height: 24px;
  }
}
.support-client__form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 50px auto;
  max-width: 754px;
  width: 100%;
}
@media (max-width: 767px) {
  .support-client__form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 30px 0;
    max-width: 100%;
  }
}
.support-client__form .search-input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 30px 0 0;
}
@media (max-width: 767px) {
  .support-client__form .search-input {
    margin: 0 0 20px;
    width: 100%;
  }
}
.support-client__form .search-btn {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 264px;
      -ms-flex: 0 0 264px;
          flex: 0 0 264px;
  width: 264px;
}
@media (max-width: 767px) {
  .support-client__form .search-btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
  }
}
.support-client .lp-faq {
  margin: 50px 0;
}
@media (max-width: 767px) {
  .support-client .lp-faq {
    margin: 40px 0;
  }
}
.support-client--online {
  padding: 0;
}
@media (max-width: 767px) {
  .support-client--online {
    margin: 40px 0 0;
  }
}
.search-input {
  position: relative;
}
.search-input i {
  color: #727272;
  font-size: 20px;
  left: 10px;
  position: absolute;
  top: 10px;
}
.search-input .form-control {
  padding: 9px 0 9px 35px;
}
.support-basic__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}
@media (max-width: 575px) {
  .support-basic__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.support-basic__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3 - 30px);
      -ms-flex: 0 0 calc(100% / 3 - 30px);
          flex: 0 0 calc(100% / 3 - 30px);
  margin: 0 15px 30px;
  position: relative;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  width: calc(100% / 3 - 30px);
}
@media (max-width: 575px) {
  .support-basic__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 20px;
    width: 100%;
  }
}
.support-basic__item:hover .support-basic__info {
  opacity: 1;
}
.support-basic__item:hover img {
  opacity: 0.8;
}
.support-basic__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.support-basic img {
  border-radius: 8px 8px 8px 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.support-basic__info {
  background: -webkit-linear-gradient(top, rgba(68, 73, 77, 0) 0%, rgba(0, 0, 0, 0) 0.01%, #000 100%);
  background: linear-gradient(180deg, rgba(68, 73, 77, 0) 0%, rgba(0, 0, 0, 0) 0.01%, #000 100%);
  border-radius: 0 0 8px 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  padding: 30px;
  position: absolute;
  right: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.support-basic__name {
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
  overflow: hidden;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 767px) {
  .support-basic__name {
    font-size: 16px;
    line-height: 24px;
  }
}
.support-service {
  background-color: #313538;
  margin: 30px 0 0;
  padding: 30px 0 20px;
  position: relative;
}
.support-service .support-client__sub {
  color: #fff;
  margin: 0 0 20px;
}
.support-service__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}
@media (max-width: 575px) {
  .support-service__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.support-service__item {
  background-color: #fff;
  border-radius: 8px 8px 8px 0;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  height: 100%;
  margin: 0 15px 30px;
  min-height: 102px;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 575px) {
  .support-service__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 20px;
    width: 100%;
  }
}
.support-service__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #eee;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 105px;
      -ms-flex: 0 0 105px;
          flex: 0 0 105px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 105px;
}
.support-service__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 15px 30px;
  width: calc(100% - 105px);
}
@media (max-width: 575px) {
  .support-service__info {
    padding: 15px;
  }
}
.support-service__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0.15px;
  line-height: 30px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 575px) {
  .support-service__name {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
  }
}
.support-service__name:hover {
  color: #ee0033;
}
.related-video {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}
@media (max-width: 575px) {
  .related-video {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.related-video__item {
  background-color: #fff;
  border-radius: 8px 8px 8px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  height: 100%;
  margin: 0 15px 30px;
  overflow: hidden;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
  .related-video__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 575px) {
  .related-video__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 20px;
    width: 100%;
  }
}
.related-video__images {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 265px;
      -ms-flex: 0 0 265px;
          flex: 0 0 265px;
  width: 265px;
}
.related-video__images img {
  height: 160px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media (max-width: 991px) {
  .related-video__images img {
    height: 200px;
  }
}
@media (max-width: 991px) {
  .related-video__images {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    width: 100%;
  }
}
.related-video__detail {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 10px 15px;
}
.related-video__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.related-video__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 20px;
  font-weight: 400;
  height: 90px;
  letter-spacing: 0.15px;
  line-height: 30px;
  margin: 0 0 5px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media (max-width: 575px) {
  .related-video__name {
    font-size: 18px;
    height: 60px;
    letter-spacing: 0;
    line-height: 28px;
    -webkit-line-clamp: 2;
  }
}
.related-video__name:hover {
  color: #ee0033;
}
.related-video__des {
  color: #727272;
  font-size: 16px;
  line-height: 24px;
  margin: 8px 0 0;
}
@media (max-width: 575px) {
  .related-video__des {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 21px;
  }
}
.related-video__icon {
  cursor: pointer;
  margin: 0 0 0 15px;
}
.related-video__icon i {
  font-size: 20px;
}
.support-change {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px 30px;
}
@media (max-width: 575px) {
  .support-change {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 0 30px;
  }
}
.support-change__detail {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 15px;
  width: calc(100% - 656px - 60px);
}
@media (max-width: 991px) {
  .support-change__detail {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2 - 30px);
        -ms-flex: 0 0 calc(100% / 2 - 30px);
            flex: 0 0 calc(100% / 2 - 30px);
    width: calc(100% / 2 - 30px);
  }
}
@media (max-width: 575px) {
  .support-change__detail {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    width: 100%;
  }
}
.support-change__des {
  color: #727272;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 575px) {
  .support-change__des {
    font-size: 14px;
    line-height: 21px;
  }
}
.support-change__see-more {
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-decoration: underline;
  margin: 10px 0 0;
}
.support-change__form {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0 0;
  min-height: 45px;
}
.support-change__form-info {
  background-color: #eee;
  width: calc(100% - 100px);
}
.support-change__form-link {
  color: #44494d;
  display: block;
  font-size: 16px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 10px 15px;
  white-space: nowrap;
}
.support-change__form-action {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100px;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
  padding: 0 10px;
}
.support-change__form-action img {
  margin: 0 5px 0 0;
}
.support-change__form-name {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
}
.support-change__images {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 656px;
      -ms-flex: 0 0 656px;
          flex: 0 0 656px;
  margin: 0 15px;
  width: 656px;
}
@media (max-width: 991px) {
  .support-change__images {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2 - 30px);
        -ms-flex: 0 0 calc(100% / 2 - 30px);
            flex: 0 0 calc(100% / 2 - 30px);
    width: calc(100% / 2 - 30px);
  }
}
@media (max-width: 575px) {
  .support-change__images {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 20px 0 0;
    width: 100%;
  }
}
.support-change__images:hover img {
  opacity: 0.8;
}
.support-change__images img {
  border-radius: 8px;
}
.feedback-service .support-client__title {
  margin: 0 0 10px;
}
.feedback-service__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 20px -15px 0;
}
@media (max-width: 767px) {
  .feedback-service__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 20px 0 0;
  }
}
.feedback-service__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 15px;
}
@media (max-width: 991px) {
  .feedback-service__info {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2 - 30px);
        -ms-flex: 0 0 calc(100% / 2 - 30px);
            flex: 0 0 calc(100% / 2 - 30px);
    width: calc(100% / 2 - 30px);
  }
}
@media (max-width: 767px) {
  .feedback-service__info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    width: 100%;
  }
}
.feedback-service__images {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 580px;
      -ms-flex: 0 0 580px;
          flex: 0 0 580px;
  margin: 0 15px;
  width: 580px;
}
@media (max-width: 991px) {
  .feedback-service__images {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2 - 30px);
        -ms-flex: 0 0 calc(100% / 2 - 30px);
            flex: 0 0 calc(100% / 2 - 30px);
    width: calc(100% / 2 - 30px);
  }
}
@media (max-width: 767px) {
  .feedback-service__images {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 20px;
    width: 100%;
  }
}
.feedback-service__images:hover img {
  opacity: 0.8;
}
.feedback-service__images img {
  -o-object-fit: cover;
     object-fit: cover;
}
.feedback-service__label {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 5px;
}
@media (max-width: 991px) {
  .feedback-service__label {
    font-size: 18px;
    line-height: 28px;
  }
}
.feedback-service .form-capcha {
  margin: 15px 0 0;
}
.feedback-service__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px 0 0;
}
.feedback-service__btn .button {
  width: 360px;
}
@media (max-width: 575px) {
  .feedback-service__btn .button {
    width: 100%;
  }
}
.lp-header--esim {
  background-color: transparent;
}
.lp-header--esim .lp-header__menu {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0 0 0 30px;
}
.lp-header--esim .lp-header__item.active .lp-header__link,
.lp-header--esim .lp-header__item:hover .lp-header__link {
  color: #fff;
}
.lp-header--esim .lp-header__link {
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  letter-spacing: 0;
}
.lp-esim {
  background-color: #fbfbfb;
  word-break: break-word;
}
.lp-esim__sub {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 5px;
  text-align: center;
  text-transform: uppercase;
}
.lp-esim__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.15px;
  line-height: 36px;
  margin: 5px 0 0;
  text-align: center;
  text-transform: uppercase;
}
.lp-esim__note {
  color: #727272;
  font-size: 16px;
  line-height: 24px;
  margin: 5px 0 0;
}
.lp-esim .lp-faq {
  background: url("../images_content/bg-faq-esim.png") 0 0 no-repeat;
  height: 787px;
  margin-top: -100px;
  padding: 140px 0 0;
  position: relative;
  z-index: 1;
}
.banner-esim {
  background: url("../images_content/bg-banner-esim.png") 0 0 no-repeat;
  height: 790px;
  margin-top: -74px;
  position: relative;
  z-index: 1;
}
.banner-esim__inner {
  margin: 0;
  max-width: 510px;
  padding: 150px 0 0;
  width: 100%;
}
.banner-esim__title {
  color: #fbfbfb;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 48px;
  font-weight: 300;
  letter-spacing: 0.11248px;
  line-height: 64px;
  margin: 0 0 10px;
}
.banner-esim__des {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  margin: 10px 0;
}
.banner-esim__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0 0;
}
.banner-esim__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.banner-esim__item:not(:last-child) {
  margin: 0 60px 0 0;
}
.banner-esim img {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75px;
      -ms-flex: 0 0 75px;
          flex: 0 0 75px;
  -o-object-fit: cover;
     object-fit: cover;
  height: 75px;
  width: 75px;
}
.banner-esim__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 10px 0 0;
}
.banner-esim__name {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.reasons-esim {
  margin: -60px 0 40px;
}
.reasons-esim__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 30px -15px 0;
}
.reasons-esim__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3 - 30px);
      -ms-flex: 0 0 calc(100% / 3 - 30px);
          flex: 0 0 calc(100% / 3 - 30px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 15px;
  width: calc(100% / 3 - 30px);
}
.reasons-esim__images {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #eee;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 110px;
      -ms-flex: 0 0 110px;
          flex: 0 0 110px;
  height: 110px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 110px;
}
.reasons-esim__info {
  margin: 20px 0 0;
  text-align: center;
}
.reasons-esim__name {
  color: #44494d;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.15px;
  line-height: 30px;
  margin: 0 0 5px;
}
.reasons-esim__name:hover {
  color: #ee0033;
}
.reasons-esim__name-link {
  height: 60px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.reasons-esim__des {
  color: #727272;
  font-size: 16px;
  line-height: 24px;
  margin: 5px 0 0;
  padding: 0 30px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.tutorial-esim {
  background: url("../images_content/bg-tutorial.png") 0 0 no-repeat;
  height: 1470px;
  position: relative;
  z-index: 1;
}
.tutorial-esim__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 90px 0 0;
}
.tutorial-esim__content {
  width: calc(100% - 390px);
}
.tutorial-esim .lp-esim__title,
.tutorial-esim .lp-esim__sub {
  text-align: left;
}
.tutorial-esim__slider {
  margin: 0 0 0 60px;
  width: 330px;
}
.tutorial-esim__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
}
.tutorial-esim button.owl-dot span {
  background-color: #fff;
}
.tutorial-esim button.owl-dot.active span,
.tutorial-esim button.owl-dot:hover span {
  background-color: #ee0033;
}
.steps-esim {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0 0;
}
.steps-esim:before {
  background: url("../images_content/bg-steps-esim.svg") 0 0 no-repeat;
  content: "";
  height: 130px;
  margin: 0 50px;
  position: absolute;
  width: 100%;
}
.steps-esim__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 125px;
      -ms-flex: 0 0 125px;
          flex: 0 0 125px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  width: 125px;
  z-index: 9;
}
.steps-esim__item.active .steps-esim__circle {
  background-color: #ee0033;
}
.steps-esim__item.active .steps-esim__number {
  color: #fff;
}
.steps-esim__item.active .steps-esim__name {
  color: #ee0033;
}
.steps-esim__item.steps-one {
  margin: 40px 0 0 0;
}
.steps-esim__item.steps-two {
  margin: 112px 10px 0;
}
.steps-esim__item.steps-three {
  margin: -15px 3px 0;
}
.steps-esim__item.steps-four {
  margin: 70px 18px 0;
}
.steps-esim__item.steps-four:after {
  background: url("../images_content/ic-tutorial.svg") 0 0 no-repeat;
  content: "";
  height: 37px;
  position: absolute;
  right: -35px;
  top: -95px;
  width: 29px;
}
.steps-esim__circle {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #eee;
  border: 1px solid #ee0033;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33px;
      -ms-flex: 0 0 33px;
          flex: 0 0 33px;
  height: 33px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 33px;
}
.steps-esim__number {
  color: #44494d;
  font-size: 14px;
  line-height: 21px;
}
.steps-esim__name {
  color: #727272;
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
  margin: 5px 0 0;
  text-align: center;
}
.reception-channels {
  background-color: #fbfbfb;
  margin: 30px 0 0;
  padding: 20px 35px;
}
.reception-channels__title {
  color: #727272;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 10px;
}
.reception-channels__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -10px;
}
.reception-channels__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 5 - 20px);
      -ms-flex: 0 0 calc(100% / 5 - 20px);
          flex: 0 0 calc(100% / 5 - 20px);
  margin: 0 10px;
  width: calc(100% / 5 - 20px);
}
.reception-channels__item img {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 40px;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
  height: 40px;
  margin: 0 10px 0 0;
  width: 40px;
}
.reception-channels__name {
  color: #727272;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  margin: 0 0 2px;
}
.reception-channels__value {
  color: #727272;
  font-size: 14px;
  line-height: 21px;
}
.intro-esim {
  margin-top: -500px;
  position: relative;
  z-index: 2;
}
.intro-esim::before {
  background: url("../images_content/bg-intro-esim-2.png") 0 0 no-repeat;
  content: "";
  height: 160px;
  left: 60px;
  position: absolute;
  top: 200px;
  width: 140px;
  z-index: -1;
}
.intro-esim::after {
  background: url("../images_content/bg-intro-esim-1.png") 0 0 no-repeat;
  content: "";
  height: 255px;
  position: absolute;
  right: 60px;
  top: 10px;
  width: 222px;
  z-index: -1;
}
.intro-esim__content {
  margin: 20px 0 0;
}
.news-esim {
  margin: 90px 0 0;
}
.news-esim__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.news-esim__intro {
  margin: 0 0 0 120px;
  width: 300px;
}
.news-esim__content {
  width: calc(100% - 420px);
}
.news-esim .lp-esim__title,
.news-esim .lp-esim__sub {
  text-align: left;
}
.news-esim__info {
  margin: 10px 0 0;
}
.news-esim__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 5px;
}
.news-esim__sub {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 24px;
  text-transform: uppercase;
}
.news-esim__time {
  color: #44494d;
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 0 10px;
}
.news-esim__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 5px 0 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news-esim__name:hover {
  color: #ee0033;
}
.news-esim .owl-carousel .owl-nav button.owl-prev,
.news-esim .owl-carousel .owl-nav button.owl-next {
  opacity: 1;
  top: 120px;
}
.news-esim .owl-carousel .owl-nav button.owl-prev {
  left: auto;
  right: -160px;
}
.news-esim .owl-carousel .owl-nav button.owl-next {
  right: -260px;
}
.lp-faq__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.lp-faq__inner .lp-faq__content {
  background-color: #fff;
  padding: 30px 30px 40px;
  width: calc(100% - 290px);
}
.lp-faq__inner .lp-faq__list {
  margin: 0 0 30px;
}
.lp-faq__intro {
  margin: 0 40px 0 0;
  width: 250px;
}
.lp-faq .lp-esim__title,
.lp-faq .lp-esim__sub {
  text-align: left;
}
.lp-header--kid .lp-header__menu {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0 0 0 50px;
}
.lp-header--kid .lp-header__item.active .lp-header__link,
.lp-header--kid .lp-header__item:hover .lp-header__link {
  color: #ec1c24;
}
.lp-header--kid .lp-header__link {
  color: #53575A;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: uppercase;
}
.button-kid {
  border: 5px solid #ec1c24;
  border-radius: 45px;
  color: #ec1c24;
  display: block;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 28px;
  padding: 8px 20px 4px 20px;
  text-align: center;
  text-transform: uppercase;
}
.button-kid:hover {
  background-color: #ee0033;
  color: #fff;
}
.lp-kid {
  padding: 0 0 100px;
}
@media (max-width: 991px) {
  .lp-kid {
    padding: 40px 0;
  }
}
.lp-kid__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 50px;
}
@media (max-width: 991px) {
  .lp-kid__top {
    margin: 0 0 40px;
  }
}
.lp-kid__title {
  border: 7px solid #ec1c24;
  border-radius: 70px;
  color: #ec1c24;
  display: block;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 39px;
  font-weight: 700;
  line-height: 58px;
  margin: 0 auto;
  min-width: 324px;
  padding: 8px 40px 4px 40px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .lp-kid__title {
    font-size: 28px;
    line-height: 36px;
    padding: 8px 20px 4px 20px;
  }
}
.banner-kid {
  background: url("../images_content/bg-banner-kid.png") center center no-repeat;
  height: 922px;
  margin: -74px 0 160px;
  padding: 200px 0 0;
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .banner-kid {
    height: 100%;
    margin: -74px 0 40px;
    padding: 80px 0 0;
  }
}
.intro-kid {
  position: relative;
}
.intro-kid:after {
  background: url("../images_content/bg-intro-kid.png") center center no-repeat;
  content: "";
  height: 580px;
  position: absolute;
  right: 0;
  top: 15px;
  width: 440px;
  z-index: -1;
}
@media (max-width: 991px) {
  .intro-kid:after {
    height: 300px;
    top: 0;
    width: 100%;
  }
}
.intro-kid__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 991px) {
  .intro-kid__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.intro-kid__detail {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  width: calc(100% - 430px);
}
@media (max-width: 991px) {
  .intro-kid__detail {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    width: 100%;
  }
}
.intro-kid__detail:after {
  background: url("../images_content/bg-intro-kid-2.png") center center no-repeat;
  bottom: -25px;
  content: "";
  height: 285px;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: -1;
}
@media (max-width: 991px) {
  .intro-kid__detail:after {
    background-size: cover;
  }
}
.intro-kid__images {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 400px;
      -ms-flex: 0 0 400px;
          flex: 0 0 400px;
  margin: 0 0 0 30px;
  position: relative;
  width: 400px;
}
@media (max-width: 991px) {
  .intro-kid__images {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 auto 20px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    text-align: center;
    width: 100%;
  }
}
.intro-kid__images:hover img {
  opacity: 0.8;
}
.intro-kid__sub {
  color: #ec1c24;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 73px;
  margin: 0 0 15px;
}
@media (max-width: 991px) {
  .intro-kid__sub {
    font-size: 40px;
    line-height: 50px;
  }
}
@media (max-width: 575px) {
  .intro-kid__sub {
    font-size: 30px;
    line-height: 40px;
  }
}
.intro-kid__info {
  margin: 15px 0 20px;
}
.intro-kid__des {
  color: #000;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 28px;
  line-height: 36px;
  padding: 0 45px 0 0;
}
@media (max-width: 991px) {
  .intro-kid__des {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 575px) {
  .intro-kid__des {
    font-size: 18px;
    line-height: 28px;
  }
}
.intro-kid__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.intro-kid__btn .button-kid {
  min-width: 220px;
}
.feature-kid {
  margin: 90px 0;
  position: relative;
}
@media (max-width: 991px) {
  .feature-kid {
    margin: 70px 0 60px;
  }
}
.feature-kid::before {
  background: url("../images_content/bg-feature-kid.png") center center no-repeat;
  content: "";
  height: 684px;
  padding: 250px 0 0;
  position: absolute;
  width: 100%;
  z-index: -2;
}
.feature-kid::after {
  background: url("../images_content/bg-feature-kid-2.png") center center no-repeat;
  bottom: -125px;
  content: "";
  height: 580px;
  left: -250px;
  position: absolute;
  width: 440px;
  z-index: -2;
}
.feature-kid__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 -40px 20px;
}
@media (max-width: 991px) {
  .feature-kid__row {
    margin: 0 -8px 20px;
  }
}
.feature-kid__row:last-child {
  margin-bottom: 0;
}
.feature-kid__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 4 - 80px);
      -ms-flex: 0 0 calc(100% / 4 - 80px);
          flex: 0 0 calc(100% / 4 - 80px);
  margin: 0 40px;
  width: calc(100% / 4 - 80px);
}
@media (max-width: 991px) {
  .feature-kid__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 4 - 16px);
        -ms-flex: 0 0 calc(100% / 4 - 16px);
            flex: 0 0 calc(100% / 4 - 16px);
    margin: 0 8px;
    width: calc(100% / 4 - 16px);
  }
}
.feature-kid__link {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.feature-kid__link:hover .feature-kid__icon {
  background-color: #be0129;
}
.feature-kid__link:hover .feature-kid__name {
  color: #be0129;
}
.feature-kid__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ec1c24;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 184px;
      -ms-flex: 0 0 184px;
          flex: 0 0 184px;
  height: 184px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 30px;
  width: 184px;
}
@media (max-width: 991px) {
  .feature-kid__icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100px;
        -ms-flex: 0 0 100px;
            flex: 0 0 100px;
    height: 100px;
    padding: 20px;
    width: 100px;
  }
}
@media (max-width: 575px) {
  .feature-kid__icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 80px;
        -ms-flex: 0 0 80px;
            flex: 0 0 80px;
    height: 80px;
    padding: 20px;
    width: 80px;
  }
}
.feature-kid__info {
  margin: 10px 0 0;
}
.feature-kid__name {
  color: #000;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  text-align: center;
}
@media (max-width: 991px) {
  .feature-kid__name {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 575px) {
  .feature-kid__name {
    font-size: 18px;
    line-height: 28px;
  }
}
.feature-kid__box {
  background: -webkit-linear-gradient(top, #e6e7e8 -18.29%, #f1f2f2 97.83%);
  background: linear-gradient(180deg, #e6e7e8 -18.29%, #f1f2f2 97.83%);
  border-radius: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 40px 0 0;
  padding: 40px;
  position: relative;
}
@media (max-width: 991px) {
  .feature-kid__box {
    margin: 40px -15px 0;
    padding: 20px 15px;
  }
}
@media (max-width: 767px) {
  .feature-kid__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 40px 0 0;
  }
}
.feature-kid__box-info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: calc(100% - 600px);
}
@media (max-width: 991px) {
  .feature-kid__box-info {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2 - 30px);
        -ms-flex: 0 0 calc(100% / 2 - 30px);
            flex: 0 0 calc(100% / 2 - 30px);
    margin: 0 15px;
    width: calc(100% / 2 - 30px);
  }
}
@media (max-width: 767px) {
  .feature-kid__box-info {
    margin: 0;
    width: 100%;
  }
}
.feature-kid__box-des {
  color: #000;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 36px;
  line-height: 44px;
}
@media (max-width: 991px) {
  .feature-kid__box-des {
    font-size: 20px;
    line-height: 30px;
  }
}
.feature-kid__box-images {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 540px;
      -ms-flex: 0 0 540px;
          flex: 0 0 540px;
  height: 300px;
  margin: 0 0 0 60px;
  width: 540px;
}
@media (max-width: 991px) {
  .feature-kid__box-images {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2 - 30px);
        -ms-flex: 0 0 calc(100% / 2 - 30px);
            flex: 0 0 calc(100% / 2 - 30px);
    margin: 0 15px;
    width: calc(100% / 2 - 30px);
  }
}
@media (max-width: 767px) {
  .feature-kid__box-images {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    height: auto;
    margin: 20px 0 0;
    width: 100%;
  }
  .feature-kid__box-images iframe {
    height: 300px;
  }
}
@media (max-width: 575px) {
  .feature-kid__box-images iframe {
    height: 200px;
  }
}
.pack-kid {
  margin: 90px 0;
  position: relative;
}
@media (max-width: 991px) {
  .pack-kid {
    margin: 60px 0 30px;
  }
}
.pack-kid::before {
  background: url("../images_content/bg-pack-kid.png") 0 0 no-repeat;
  content: "";
  height: 820px;
  margin: 55px 0 0;
  position: absolute;
  right: 0;
  width: 350px;
  z-index: -2;
}
.pack-kid__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}
@media (max-width: 767px) {
  .pack-kid__detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.pack-kid__column {
  background-color: #ec1c24;
  border: 1px solid #ec1c24;
  border-radius: 30px;
  color: #fff;
  cursor: pointer;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3 - 30px);
      -ms-flex: 0 0 calc(100% / 3 - 30px);
          flex: 0 0 calc(100% / 3 - 30px);
  margin: 0 15px;
  padding: 25px 25px 50px;
  width: calc(100% / 3 - 30px);
}
@media (max-width: 991px) {
  .pack-kid__column {
    border-radius: 20px;
  }
}
@media (max-width: 767px) {
  .pack-kid__column {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 30px;
    padding: 20px 15px;
    width: 100%;
  }
}
.pack-kid__column:hover {
  background-color: #fff;
  color: #ec1c24;
}
.pack-kid__column:hover .pack-kid__top {
  border-color: #ec1c24;
}
.pack-kid__top {
  border-bottom: 6px solid #fff;
  margin: 0 0 20px;
  padding: 0 0 15px;
}
@media (max-width: 991px) {
  .pack-kid__top {
    border-bottom: 3px solid #fff;
  }
}
.pack-kid__name {
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 50px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .pack-kid__name {
    font-size: 24px;
    line-height: 36px;
  }
}
.pack-kid__price {
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 50px;
  margin: 15px 0;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .pack-kid__price {
    font-size: 24px;
    line-height: 36px;
  }
}
.pack-kid__item {
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  line-height: 36px;
}
@media (max-width: 991px) {
  .pack-kid__item {
    font-size: 18px;
    line-height: 28px;
  }
}
.pack-kid__item:not(:last-child) {
  margin: 0 0 20px;
}
@media (max-width: 991px) {
  .pack-kid__item:not(:last-child) {
    margin: 0 0 15px;
  }
}
.tutorial-kid {
  margin: 90px 0;
  position: relative;
}
@media (max-width: 991px) {
  .tutorial-kid {
    margin: 30px 0;
  }
}
.tutorial-kid__item {
  cursor: pointer;
}
.tutorial-kid__item.active .tutorial-kid__icon i {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.tutorial-kid__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ec1c24;
  border-radius: 30px 30px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 73px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 25px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  width: 395px;
}
@media (max-width: 991px) {
  .tutorial-kid__top {
    height: auto;
    padding: 15px;
  }
}
@media (max-width: 575px) {
  .tutorial-kid__top {
    width: 100%;
  }
}
.tutorial-kid__name {
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 28px;
  font-weight: 600;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 38px;
}
@media (max-width: 991px) {
  .tutorial-kid__name {
    font-size: 22px;
    line-height: 32px;
  }
}
.tutorial-kid__icon {
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.tutorial-kid__icon i {
  font-size: 8px;
}
.tutorial-kid__info {
  background-color: #f1f2f2;
  border-radius: 0 30px 30px 30px;
  padding: 20px 40px 50px;
}
@media (max-width: 991px) {
  .tutorial-kid__info {
    padding: 20px 15px;
  }
}
.tutorial-kid__sub {
  color: #000;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 36px;
}
@media (max-width: 991px) {
  .tutorial-kid__sub {
    font-size: 20px;
    line-height: 30px;
  }
}
.tutorial-kid__detail {
  color: #000;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 28px;
  font-weight: 400;
  display: none;
  line-height: 36px;
  margin: 30px 0 0;
}
@media (max-width: 991px) {
  .tutorial-kid__detail {
    font-size: 20px;
    line-height: 30px;
  }
}
.faq-kid {
  margin: 90px 0 0;
  position: relative;
}
@media (max-width: 991px) {
  .faq-kid {
    margin: 40px 0 0;
  }
}
.faq-kid__item {
  cursor: pointer;
}
.faq-kid__item:not(:last-child) {
  margin: 0 0 20px;
}
@media (max-width: 991px) {
  .faq-kid__item:not(:last-child) {
    margin: 0 0 15px;
  }
}
.faq-kid__item.active .faq-kid__icon {
  background-color: #ec1c24;
}
.faq-kid__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.faq-kid__name {
  color: #231f20;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 28px;
  font-weight: 600;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 38px;
}
@media (max-width: 991px) {
  .faq-kid__name {
    font-size: 20px;
    line-height: 30px;
  }
}
.faq-kid__icon {
  background-color: transparent;
  border: 3px solid #ec1c24;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 15px;
      -ms-flex: 0 0 15px;
          flex: 0 0 15px;
  height: 15px;
  margin: 0 30px 0 0;
  width: 15px;
}
.faq-kid__info {
  display: none;
  margin: 5px 45px 30px;
}
.faq-kid__des {
  color: #000;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  line-height: 36px;
}
@media (max-width: 991px) {
  .faq-kid__des {
    font-size: 18px;
    line-height: 28px;
  }
}
.faq-kid__des:not(:last-child) {
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .faq-kid__des:not(:last-child) {
    margin-bottom: 10px;
  }
}
.footer-kid {
  background-color: #f1f2f2;
  padding: 60px 0 100px;
  word-break: break-word;
}
@media (max-width: 991px) {
  .footer-kid {
    padding: 30px 0;
  }
}
.footer-kid__logo {
  margin: 0 0 30px;
}
.footer-kid__logo-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.footer-kid__title {
  color: #58595b;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 42px;
  margin: 30px 0 10px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .footer-kid__title {
    font-size: 20px;
    line-height: 30px;
  }
}
.footer-kid__copyright {
  margin: 10px 0 20px;
}
.footer-kid__copyright-sub {
  color: #58595b;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  line-height: 28px;
}
@media (max-width: 991px) {
  .footer-kid__copyright-sub {
    font-size: 20px;
    line-height: 30px;
  }
}
.footer-kid__copyright-name {
  color: #58595b;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  margin: 5px 0 0;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .footer-kid__copyright-name {
    font-size: 20px;
    line-height: 30px;
  }
}
.footer-kid__list {
  margin: 20px 0 0;
}
.footer-kid__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 991px) {
  .footer-kid__item {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.footer-kid__item:not(:last-child) {
  margin: 0 0 3px;
}
.footer-kid__item-icon {
  color: #58595b;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 15px 0 0;
}
.footer-kid__item-icon i {
  font-size: 18px;
}
.footer-kid__item-name {
  color: #58595b;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}
@media (max-width: 991px) {
  .footer-kid__item-name {
    font-size: 18px;
    line-height: 28px;
  }
}
.footer-kid__item-link {
  font-weight: 300;
  margin: 0 0 0 2px;
}
.footer-kid__item-link:hover {
  text-decoration: underline;
}
.vacine-covid {
  word-break: break-word;
}
.vacine-covid__header {
  background: #ee0033;
}
.vacine-covid__header-nav {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 60px;
  padding: 10px 15px;
}
.vacine-covid__header-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 40px;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
  height: 40px;
  margin: 0 10px 0 0;
  width: 40px;
}
.vacine-covid__header-icon img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.vacine-covid__header-name {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
.vacine-covid__content {
  padding: 15px 15px 40px;
}
.vacine-covid__banner {
  margin: 0 0 15px;
}
.vacine-covid__banner-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.vacine-covid__banner img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.vacine-covid__des {
  color: #44494d;
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 10px;
  text-align: center;
}
.vacine-covid__des span {
  font-weight: 600;
}
.vacine-covid__info {
  margin: 10px 0;
}
.vacine-covid__sub {
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 15px;
}
.vacine-covid__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 15px -8px 10px;
}
.vacine-covid__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3 - 16px);
      -ms-flex: 0 0 calc(100% / 3 - 16px);
          flex: 0 0 calc(100% / 3 - 16px);
  margin: 0 8px 12px;
  width: calc(100% / 3 - 16px);
}
.vacine-covid__item.active .vacine-covid__link,
.vacine-covid__item:hover .vacine-covid__link {
  background: -webkit-linear-gradient(bottom, rgba(209, 19, 19, 0.2), rgba(209, 19, 19, 0.2)), #fff;
  background: linear-gradient(0deg, rgba(209, 19, 19, 0.2), rgba(209, 19, 19, 0.2)), #fff;
  border-color: #ee0033;
  color: #ee0033;
}
.vacine-covid__link {
  background-color: #fff;
  border: 1px solid #b5b4b4;
  border-radius: 8px 8px 8px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #b5b4b4;
  font-size: 14px;
  font-weight: 600;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 0.02em;
  line-height: 16px;
  padding: 10px 15px;
}
.vacine-covid__footer {
  position: relative;
}
.vacine-covid__footer::before {
  background-color: #ee0033;
  bottom: 0;
  content: "";
  height: 50px;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.vacine-covid__footer-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 15px;
  position: relative;
  z-index: 9;
}
.vacine-covid__footer-logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 60px;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px;
  height: 60px;
  margin: 0 30px 0 0;
  width: 60px;
}
.vacine-covid__footer-logo img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.vacine-covid__footer-info {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.vacine-covid__footer-images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.vacine-covid__footer-des {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
}
.lp-travel__banner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.lp-travel__banner img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.lp-travel__detail {
  margin: 0 auto;
  position: relative;
}
@media (min-width: 768px) {
  .lp-travel__detail {
    height: 2087.69px;
    padding: 100px 0 150px;
  }
}
@media (max-width: 767px) {
  .lp-travel__detail {
    height: 1015.61px;
  }
}
.lp-travel__detail-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  overflow: hidden;
}
@media (min-width: 768px) {
  .lp-travel__detail-bg {
    background-size: cover;
    background-image: url("../images_content/bg-travel.png");
    background-position: center top;
    background-repeat: no-repeat;
  }
}
@media (max-width: 767px) {
  .lp-travel__detail-bg {
    background-size: cover;
    background-attachment: scroll;
    background-origin: content-box;
    background-image: url("../images_content/bg-travel-sp.png");
    background-position: center top;
    background-repeat: repeat;
  }
}
.lp-travel__detail-inner {
  position: relative;
  margin: 0 auto;
  height: 100%;
}
@media (min-width: 768px) {
  .lp-travel__detail-inner {
    width: 960px;
  }
}
@media (max-width: 767px) {
  .lp-travel__detail-inner {
    width: 420px;
  }
}
@media (max-width: 575px) {
  .lp-travel__detail-inner {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .lp-travel__info {
    padding: 30px 15px 40px;
  }
}
.lp-travel__des {
  color: #000;
  font-family: 'Sarabun', sans-serif;
  font-size: 36px;
  line-height: 54px;
  text-align: center;
}
@media (max-width: 767px) {
  .lp-travel__des {
    font-size: 16px;
    line-height: 30px;
  }
}
.lp-travel__des:not(:last-child) {
  margin: 0 0 40px;
}
@media (max-width: 767px) {
  .lp-travel__des:not(:last-child) {
    margin: 0 0 15px;
  }
}
.lp-travel__map {
  position: absolute;
}
@media (min-width: 768px) {
  .lp-travel__map {
    width: 960px;
    height: 1402.02px;
    top: 435.669px;
    left: 0;
  }
}
@media (max-width: 767px) {
  .lp-travel__map {
    width: 474.094px;
    height: 702.543px;
    top: 272.062px;
    left: 0;
  }
}
@media (max-width: 575px) {
  .lp-travel__map {
    width: 100%;
  }
}
.lp-travel__map-info {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}
.lp-travel__map-bg {
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
  background-attachment: scroll;
  background-origin: content-box;
  position: absolute;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media (min-width: 768px) {
  .lp-travel__map-bg {
    background-image: url("../images_content/img-map-travel.png");
    width: 960px;
    height: 1402.02px;
    top: 0px;
    left: 0px;
  }
}
@media (max-width: 767px) {
  .lp-travel__map-bg {
    background-image: url("../images_content/img-map-travel-sp.png");
    width: 474.094px;
    height: 702.543px;
    top: 0;
    left: 0;
  }
}
@media (max-width: 575px) {
  .lp-travel__map-bg {
    width: 100%;
  }
}
.lp-travel__axis {
  position: relative;
  margin: 0 auto;
  height: 100%;
}
@media (min-width: 768px) {
  .lp-travel__axis {
    width: 960px;
  }
}
@media (max-width: 767px) {
  .lp-travel__axis {
    width: 420px;
  }
}
@media (max-width: 575px) {
  .lp-travel__axis {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .lp-travel__axis-left {
    width: 150px;
    height: 150px;
    top: auto;
    left: 0;
    bottom: 0;
    right: auto;
    position: fixed;
    z-index: 9;
  }
}
@media (max-width: 767px) {
  .lp-travel__axis-left {
    width: 150px;
    height: 150px;
    top: auto;
    left: 0px;
    bottom: 0px;
    right: auto;
    position: fixed;
    z-index: 9;
    margin-left: calc((100% - 420px) / 2);
  }
}
@media (min-width: 768px) {
  .lp-travel__axis-left .lp-travel__axis-bg {
    width: 150px;
    height: 150px;
    top: 0;
    left: 0;
    background-image: url("../images_content/img-travel-axis-1.png");
  }
}
@media (max-width: 767px) {
  .lp-travel__axis-left .lp-travel__axis-bg {
    width: 150px;
    height: 150px;
    top: 0;
    left: 0;
    background-image: url("../images_content/img-travel-axis-1.png");
  }
}
@media (min-width: 768px) {
  .lp-travel__axis-right {
    width: 150px;
    height: 150px;
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
    position: fixed;
    z-index: 9;
  }
}
@media (max-width: 767px) {
  .lp-travel__axis-right {
    width: 150px;
    height: 150px;
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
    position: fixed;
    z-index: 9;
    margin-right: calc((100% - 420px) / 2);
  }
}
@media (min-width: 768px) {
  .lp-travel__axis-right .lp-travel__axis-bg {
    width: 150px;
    height: 150px;
    top: 0;
    left: 0;
    background-image: url("../images_content/img-travel-axis-2.png");
  }
}
@media (max-width: 767px) {
  .lp-travel__axis-right .lp-travel__axis-bg {
    width: 150px;
    height: 150px;
    top: 0;
    left: 0;
    background-image: url("../images_content/img-travel-axis-2.png");
  }
}
.lp-travel__axis-info {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}
.lp-travel__axis-bg {
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
  background-attachment: scroll;
  background-origin: content-box;
  position: absolute;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.lp-travel__location {
  position: absolute;
}
@media (min-width: 768px) {
  .lp-travel__location.lc-hanoi {
    width: 167.177px;
    height: 72px;
    top: 538px;
    left: 321px;
  }
}
@media (max-width: 767px) {
  .lp-travel__location.lc-hanoi {
    width: 88.9355px;
    height: 32.5428px;
    top: 324.519px;
    left: 156.532px;
  }
}
@media (min-width: 768px) {
  .lp-travel__location.lc-quangninh {
    width: 143px;
    height: 48px;
    top: 578.352px;
    left: 506.5px;
  }
}
@media (max-width: 767px) {
  .lp-travel__location.lc-quangninh {
    width: 70.1747px;
    height: 23.2195px;
    top: 345.062px;
    left: 254.659px;
  }
}
@media (min-width: 768px) {
  .lp-travel__location.lc-hagiang {
    width: 130px;
    height: 47px;
    top: 430.352px;
    left: 274.5px;
  }
}
@media (max-width: 767px) {
  .lp-travel__location.lc-hagiang {
    width: 66.9787px;
    height: 19px;
    top: 272.062px;
    left: 137.5px;
  }
}
@media (min-width: 768px) {
  .lp-travel__location.lc-sapa {
    width: 93px;
    height: 42px;
    top: 501.352px;
    left: 104.5px;
  }
}
@media (max-width: 767px) {
  .lp-travel__location.lc-sapa {
    width: 51.7025px;
    height: 23.3495px;
    top: 304.255px;
    left: 49.7975px;
  }
}
@media (min-width: 768px) {
  .lp-travel__location.lc-nghean {
    width: 249.177px;
    height: 114px;
    top: 804px;
    left: 171px;
  }
}
@media (max-width: 767px) {
  .lp-travel__location.lc-nghean {
    width: 130.935px;
    height: 49.5428px;
    top: 458.9px;
    left: 82.5645px;
  }
}
@media (min-width: 768px) {
  .lp-travel__location.lc-mocchau {
    width: 129.204px;
    height: 50px;
    top: 597.352px;
    left: 53.2959px;
  }
}
@media (max-width: 767px) {
  .lp-travel__location.lc-mocchau {
    width: 70.1721px;
    height: 27.1555px;
    top: 353.062px;
    left: 26.3279px;
  }
}
@media (min-width: 768px) {
  .lp-travel__location.lc-ninhbinh {
    width: 234px;
    height: 52px;
    top: 725.352px;
    left: 254.177px;
  }
}
@media (max-width: 767px) {
  .lp-travel__location.lc-ninhbinh {
    width: 112.436px;
    height: 24.2516px;
    top: 417.217px;
    left: 133.032px;
  }
}
@media (min-width: 768px) {
  .lp-travel__location.lc-quangbinh {
    width: 196px;
    height: 99px;
    top: 931.352px;
    left: 347.5px;
  }
}
@media (max-width: 767px) {
  .lp-travel__location.lc-quangbinh {
    width: 103.521px;
    height: 52.2888px;
    top: 519.443px;
    left: 175.711px;
  }
}
@media (min-width: 768px) {
  .lp-travel__location.lc-hue {
    width: 130.045px;
    height: 103px;
    top: 1038.35px;
    left: 393px;
  }
}
@media (max-width: 767px) {
  .lp-travel__location.lc-hue {
    width: 64.0451px;
    height: 48.0001px;
    top: 575.062px;
    left: 196.5px;
  }
}
@media (min-width: 768px) {
  .lp-travel__location.lc-danang {
    width: 165.047px;
    height: 88px;
    top: 1071px;
    left: 535.5px;
  }
}
@media (max-width: 767px) {
  .lp-travel__location.lc-danang {
    width: 84.9999px;
    height: 47px;
    top: 587.062px;
    left: 265.5px;
  }
}
@media (min-width: 768px) {
  .lp-travel__location.lc-binhdinh {
    width: 191.964px;
    height: 154.35px;
    top: 1206px;
    left: 576.081px;
  }
}
@media (max-width: 767px) {
  .lp-travel__location.lc-binhdinh {
    width: 93px;
    height: 74px;
    top: 654.062px;
    left: 290.5px;
  }
}
@media (min-width: 768px) {
  .lp-travel__location.lc-daklak {
    width: 117px;
    height: 46.35px;
    top: 1314px;
    left: 437.5px;
  }
}
@media (max-width: 767px) {
  .lp-travel__location.lc-daklak {
    width: 57px;
    height: 21px;
    top: 713.062px;
    left: 217.5px;
  }
}
@media (min-width: 768px) {
  .lp-travel__location.lc-nhatrang {
    width: 148px;
    height: 109px;
    top: 1389px;
    left: 620.045px;
  }
}
@media (max-width: 767px) {
  .lp-travel__location.lc-nhatrang {
    width: 80.0001px;
    height: 74.0001px;
    top: 749.062px;
    left: 306.5px;
  }
}
@media (min-width: 768px) {
  .lp-travel__location.lc-dalat {
    width: 105.857px;
    height: 47px;
    top: 1449px;
    left: 431.177px;
  }
}
@media (max-width: 767px) {
  .lp-travel__location.lc-dalat {
    width: 55px;
    height: 22.045px;
    top: 779.062px;
    left: 218.5px;
  }
}
@media (min-width: 768px) {
  .lp-travel__location.lc-hcm {
    width: 116.346px;
    height: 55px;
    top: 1503.85px;
    left: 292.5px;
  }
}
@media (max-width: 767px) {
  .lp-travel__location.lc-hcm {
    width: 55px;
    height: 26px;
    top: 808.062px;
    left: 149.5px;
  }
}
@media (min-width: 768px) {
  .lp-travel__location.lc-bentre {
    width: 150.5px;
    height: 92.064px;
    top: 1610px;
    left: 393px;
  }
}
@media (max-width: 767px) {
  .lp-travel__location.lc-bentre {
    width: 82px;
    height: 45px;
    top: 862.062px;
    left: 190.5px;
  }
}
@media (min-width: 768px) {
  .lp-travel__location.lc-cantho {
    width: 133.304px;
    height: 93.6176px;
    top: 1622.53px;
    left: 214.196px;
  }
}
@media (max-width: 767px) {
  .lp-travel__location.lc-cantho {
    width: 71.1956px;
    height: 49.9997px;
    top: 864.062px;
    left: 108.305px;
  }
}
@media (min-width: 768px) {
  .lp-travel__location.lc-phuquoc {
    width: 168.869px;
    height: 109.064px;
    top: 1593px;
    left: 29.5px;
  }
}
@media (max-width: 767px) {
  .lp-travel__location.lc-phuquoc {
    width: 93px;
    height: 60.064px;
    top: 843.998px;
    left: 10.5001px;
  }
}
.lp-travel__video {
  height: 540px;
}
@media (max-width: 991px) {
  .lp-travel__video {
    height: 230px;
  }
}
.travel-detail {
  word-break: break-word;
}
@media (max-width: 991px) {
  .travel-detail {
    padding: 0 0 30px;
  }
}
.travel-detail__banner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.travel-detail__banner img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.travel-detail__banner-info {
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 10;
}
@media (max-width: 991px) {
  .travel-detail__banner-info {
    width: 100%;
  }
}
.travel-detail__banner-name {
  border: 4px solid #fff;
  color: #fff;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: 'Sarabun', sans-serif;
  font-size: 52px;
  font-weight: 600;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 30px;
  min-width: 250px;
  padding: 22px 20px;
}
@media (max-width: 991px) {
  .travel-detail__banner-name {
    font-size: 24px;
    min-width: 110px;
    padding: 5px 10px;
  }
}
.travel-detail__menu {
  background-color: #fff450;
  padding: 20px 0 50px;
}
@media (max-width: 991px) {
  .travel-detail__menu {
    padding: 20px 0 40px;
  }
}
.travel-detail__menu-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}
.travel-detail__menu-item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 4 - 30px);
      -ms-flex: 0 0 calc(100% / 4 - 30px);
          flex: 0 0 calc(100% / 4 - 30px);
  margin: 0 15px;
  width: calc(100% / 4 - 30px);
}
.travel-detail__menu-item.active .travel-detail__menu-name,
.travel-detail__menu-item:hover .travel-detail__menu-name {
  color: #ee0033;
}
.travel-detail__menu-item img {
  border-radius: 50%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 124px;
      -ms-flex: 0 0 124px;
          flex: 0 0 124px;
  height: 124px;
  margin: -90px 0 25px;
  position: relative;
  width: 124px;
}
@media (max-width: 991px) {
  .travel-detail__menu-item img {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 60px;
        -ms-flex: 0 0 60px;
            flex: 0 0 60px;
    height: 60px;
    margin: -50px 0 10px;
    width: 60px;
  }
}
.travel-detail__menu-link {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.travel-detail__menu-name {
  color: #4c4c4c;
  font-family: 'Sarabun', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .travel-detail__menu-name {
    font-size: 12px;
    line-height: 18px;
  }
}
.travel-detail__info {
  margin: 80px 0;
}
@media (max-width: 991px) {
  .travel-detail__info {
    margin: 50px 0 30px;
  }
}
.travel-detail__info-title {
  color: #000;
  font-family: 'Sarabun', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  margin: 0 0 20px;
  padding: 0 0 0 15px;
  position: relative;
}
@media (max-width: 991px) {
  .travel-detail__info-title {
    font-size: 16px;
    line-height: 24px;
  }
}
.travel-detail__info-title:before {
  background-color: #ee0033;
  content: "";
  height: 17px;
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 5px;
}
@media (max-width: 991px) {
  .travel-detail__info-title:before {
    height: 12px;
    width: 4px;
  }
}
.travel-detail__info-des {
  color: #2c2c2c;
  font-family: 'Sarabun', sans-serif;
  font-size: 23px;
  font-weight: 300;
  line-height: 32px;
}
@media (max-width: 991px) {
  .travel-detail__info-des {
    font-size: 14px;
    line-height: 21px;
  }
}
.travel-detail__info-des:not(:last-child) {
  margin: 0 0 40px;
}
@media (max-width: 991px) {
  .travel-detail__info-des:not(:last-child) {
    margin: 0 0 30px;
  }
}
.travel-detail__info-2column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -25px;
}
@media (max-width: 991px) {
  .travel-detail__info-2column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.travel-detail__info-item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 50px);
      -ms-flex: 0 0 calc(100% / 2 - 50px);
          flex: 0 0 calc(100% / 2 - 50px);
  margin: 0 25px;
  width: calc(100% / 2 - 50px);
}
@media (max-width: 991px) {
  .travel-detail__info-item {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
        -ms-flex: auto;
            flex: auto;
    margin: 0 0 30px;
    width: 100%;
  }
}
.travel-detail__info-item img:hover {
  opacity: 0.75;
}
@media (max-width: 991px) {
  .travel-detail__info-item img {
    height: 300px;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
  }
}
.travel-detail__info-item .travel-detail__info-des {
  margin: 40px 0 0;
}
@media (max-width: 991px) {
  .travel-detail__info-item .travel-detail__info-des {
    margin: 30px 0 0;
  }
}
.travel-detail__pack.has-bg {
  background-color: #fdffd5;
  padding: 58px 0;
}
@media (max-width: 991px) {
  .travel-detail__pack.has-bg {
    padding: 30px 0;
  }
}
.travel-detail__pack-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}
@media (max-width: 991px) {
  .travel-detail__pack-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.travel-detail__pack-item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
  .travel-detail__pack-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 20px;
    width: 100%;
  }
}
.travel-detail__pack-item:hover .travel-detail__pack-box {
  box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.12);
}
.travel-detail__pack-item:hover img {
  opacity: 0.75;
}
.travel-detail__pack-link {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.travel-detail__pack-images {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 200px;
      -ms-flex: 0 0 200px;
          flex: 0 0 200px;
  position: relative;
  width: 200px;
  z-index: 9;
}
@media (max-width: 991px) {
  .travel-detail__pack-images {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 108px;
        -ms-flex: 0 0 108px;
            flex: 0 0 108px;
    width: 108px;
  }
}
.travel-detail__pack-name {
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  line-height: 35px;
  position: absolute;
  right: 28px;
  top: 95px;
  z-index: 99;
}
@media (max-width: 991px) {
  .travel-detail__pack-name {
    font-size: 16px;
    line-height: 24px;
    right: 15px;
    top: 50px;
  }
}
.travel-detail__pack-box {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 0 6px 6px 0;
  box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.25);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 20px 0 0 -15px;
  padding: 22px 30px;
  position: relative;
  width: calc(100% - 200px);
}
@media (max-width: 1200px) {
  .travel-detail__pack-box {
    padding: 15px 20px;
  }
}
@media (max-width: 991px) {
  .travel-detail__pack-box {
    padding: 15px 20px;
    width: calc(100% - 108px);
  }
}
.travel-detail__pack-badge {
  background-color: #7ec21b;
  border-radius: 50px 6px 0 0;
  position: absolute;
  right: 0;
  top: -40px;
  padding: 10px 20px 10px 30px;
}
.travel-detail__pack-gift {
  color: #fff;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 991px) {
  .travel-detail__pack-gift {
    font-size: 14px;
  }
}
.travel-detail__pack-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc(100% - 132px - 20px);
}
.travel-detail__pack-sub {
  color: #000;
  font-size: 28px;
  font-weight: 600;
  line-height: 32px;
  margin: 0 0 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .travel-detail__pack-sub {
    font-size: 16px;
    line-height: 24px;
  }
}
.travel-detail__pack-price {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 23px;
  line-height: 28px;
  margin: 5px 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .travel-detail__pack-price {
    font-size: 12px;
    line-height: 18px;
  }
}
.travel-detail__pack-price i {
  margin: 0 5px 0 0;
}
.travel-detail__pack-data {
  color: #6b6b6b;
  font-size: 17px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .travel-detail__pack-data {
    font-size: 10px;
    line-height: 12px;
  }
}
.travel-detail__pack-btn {
  margin: 0 0 0 20px;
  width: 132px;
}
.travel-detail__pack-btn .button {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: 400;
  padding: 15px 30px;
  width: 100%;
}
@media (max-width: 991px) {
  .travel-detail__pack-btn .button {
    font-size: 14px;
    padding: 10px 20px;
  }
}
@media (max-width: 575px) {
  .travel-detail__pack-btn .button {
    font-size: 12px;
    padding: 7px 20px;
  }
}
.travel-service {
  margin: 100px 0 150px;
}
@media (max-width: 991px) {
  .travel-service {
    margin: 50px 0 60px;
  }
}
.travel-service__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}
@media (max-width: 991px) {
  .travel-service__list {
    overflow-x: auto;
    padding: 0 0 10px;
  }
}
.travel-service__box {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.12);
  position: relative;
}
.travel-service__item {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.12);
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 4 - 30px);
      -ms-flex: 0 0 calc(100% / 4 - 30px);
          flex: 0 0 calc(100% / 4 - 30px);
  margin: 0 15px;
  position: relative;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
  .travel-service__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 320px;
        -ms-flex: 0 0 320px;
            flex: 0 0 320px;
    width: 320px;
  }
}
.travel-service__item:hover {
  box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.25);
}
.travel-service__item:hover img {
  opacity: 0.75;
}
.travel-service__images {
  height: 180px;
}
.travel-service__images img {
  border-radius: 6px 6px 0 0;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.travel-service__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px dashed #ee0033;
  padding: 20px 15px;
}
.travel-service__name {
  color: #ee0033;
  height: 48px;
  font-family: 'Sarabun', sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-transform: uppercase;
  word-break: break-word;
}
.travel-service__btn {
  margin: 10px 0 0;
}
.travel-service__btn .button {
  font-family: 'FS Magistral', sans-serif;
  font-weight: 500;
  padding: 8px 20px 10px;
  width: 100%;
}
.travel-service__badge {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: url("../images_content/bg-travel-item.png") 0 0 no-repeat;
  bottom: -80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 120px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: calc(50% - 15px);
  position: absolute;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 115px;
  z-index: 9;
}
@media (max-width: 991px) {
  .travel-service__badge {
    display: none;
  }
}
@media (max-width: 991px) {
  .travel-service__badge {
    font-size: 16px;
    line-height: 24px;
  }
}
.travel-service__gift {
  color: #ff7f00;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  -webkit-transform: rotate(-15deg);
      -ms-transform: rotate(-15deg);
          transform: rotate(-15deg);
  position: absolute;
  top: 30px;
}
.sp-service {
  margin: 50px 0 60px;
}
@media (max-width: 575px) {
  .sp-service {
    margin: 30px 0;
  }
}
.sp-service__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}
@media (max-width: 575px) {
  .sp-service__list {
    margin: 0 -8px;
  }
}
.sp-service__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3 - 30px);
      -ms-flex: 0 0 calc(100% / 3 - 30px);
          flex: 0 0 calc(100% / 3 - 30px);
  margin: 0 15px;
  width: calc(100% / 3 - 30px);
}
@media (max-width: 575px) {
  .sp-service__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 3 - 16px);
        -ms-flex: 0 0 calc(100% / 3 - 16px);
            flex: 0 0 calc(100% / 3 - 16px);
    margin: 0 8px;
    width: calc(100% / 3 - 16px);
  }
}
.sp-service__link {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.sp-service__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #eee;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 110px;
      -ms-flex: 0 0 110px;
          flex: 0 0 110px;
  height: 110px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 20px;
  padding: 10px;
  width: 110px;
}
@media (max-width: 575px) {
  .sp-service__icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 80px;
        -ms-flex: 0 0 80px;
            flex: 0 0 80px;
    height: 80px;
    width: 80px;
  }
}
.sp-service__icon img:hover {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.sp-service__name {
  color: #212121;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  margin: 0 0 5px;
}
@media (max-width: 575px) {
  .sp-service__name {
    font-size: 16px;
    line-height: 24px;
  }
}
.sp-service__des {
  color: #727272;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 575px) {
  .sp-service__des {
    font-size: 14px;
    line-height: 21px;
  }
}
@media (min-width: 576px) {
  .modal--sub-scription .modal__content {
    max-width: 551px;
  }
}
.modal--sub-scription .modal__body {
  padding: 0 20px 35px;
}
@media (max-width: 991px) {
  .modal--sub-scription .modal__body {
    padding: 0 0 30px;
  }
}
.sub-scription {
  word-break: break-word;
}
.sub-scription__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 20px;
  text-align: center;
}
@media (max-width: 991px) {
  .sub-scription__title {
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 15px;
  }
}
.sub-scription__list {
  margin: 30px 0 35px;
}
@media (max-width: 991px) {
  .sub-scription__list {
    margin: 20px 0 30px;
  }
}
.sub-scription__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 6px 6px 6px 0;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 20px;
}
@media (max-width: 991px) {
  .sub-scription__item {
    padding: 15px;
  }
}
.sub-scription__item:not(:last-child) {
  margin: 0 0 12px;
}
.sub-scription__item:hover {
  border-color: #ee0033;
}
.sub-scription__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.sub-scription__action {
  margin: 0 0 0 20px;
}
.sub-scription__action .check-box {
  padding: 0;
}
.sub-scription__action .check-box__checkmark {
  left: auto;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.sub-scription__action .radio-custom1 {
  padding: 0;
}
.sub-scription__action .radio-custom1 .checkmark {
  left: auto;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.sub-scription__number {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 5px;
}
@media (max-width: 991px) {
  .sub-scription__number {
    font-size: 16px;
    line-height: 24px;
  }
}
.sub-scription__location {
  color: #44494d;
  font-size: 14px;
  line-height: 20px;
  margin: 5px 0;
}
.sub-scription__type {
  color: #b5b4b4;
  font-size: 14px;
  line-height: 20px;
  margin: 5px 0 0;
}
.sub-scription__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 15px 0;
}
.sub-scription__images--success {
  color: #03a678;
}
.sub-scription__images--warning {
  color: #d11313;
}
.sub-scription__images i {
  font-size: 70px;
}
.sub-scription__form textarea.form-control {
  min-height: 82px;
}
.sub-scription__des {
  color: #44494d;
  font-size: 14px;
  line-height: 20px;
  margin: 15px 0;
  text-align: center;
}
.sub-scription__bar {
  background-color: #e7e7e7;
  border-radius: 6px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 8px;
  margin: 20px 0 0;
  position: relative;
  width: 100%;
}
.sub-scription__progress {
  background-color: #ee0033;
  border-radius: 6px;
  height: 8px;
  left: 0;
  position: absolute;
  top: 0;
}
.sub-scription__row {
  margin: 30px 0 0;
}
.sub-scription__row-item:not(:last-child) {
  margin: 0 0 20px;
}
.sub-scription__row-item.active .sub-scription__row-link,
.sub-scription__row-item:hover .sub-scription__row-link {
  border-color: #ee0033;
  color: #ee0033;
}
.sub-scription__row-link {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 6px 6px 6px 0;
  color: #727272;
  display: block;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 20px;
  padding: 15px 20px;
  text-align: center;
}
.sub-scription .note-text {
  font-size: 14px;
  line-height: 20px;
}
@media (max-width: 991px) {
  .sub-scription .note-text {
    font-size: 12px;
    line-height: 18px;
  }
}
.sub-scription .error-text {
  font-size: 14px;
  line-height: 20px;
}
@media (max-width: 991px) {
  .sub-scription .error-text {
    font-size: 12px;
    line-height: 18px;
  }
}
.sub-scription__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 35px 0 0;
}
.sub-scription__btn .button {
  width: 360px;
}
@media (max-width: 991px) {
  .sub-scription__btn .button {
    width: 100%;
  }
}
.sub-scription__btn--2column {
  margin: 35px -8px 0;
}
@media (max-width: 991px) {
  .sub-scription__btn--2column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 35px 0 0;
  }
}
.sub-scription__btn--2column .button {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 8px;
}
@media (max-width: 991px) {
  .sub-scription__btn--2column .button {
    margin: 0 0 15px;
    width: 100%;
  }
}
.report-complaint {
  padding: 0 0 45px;
}
@media (max-width: 575px) {
  .report-complaint {
    padding: 0 0 40px;
  }
}
.report-complaint__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.15px;
  line-height: 36px;
  margin: 0 0 25px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .report-complaint__title {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    margin: 0 0 15px;
  }
}
.report-complaint__id {
  color: #ee0033;
  font-size: 16px;
  line-height: 24px;
  margin: 10px 0 5px;
  text-align: center;
}
.report-complaint__des {
  color: #727272;
  font-size: 14px;
  line-height: 20px;
  margin: 5px 0 0;
  text-align: center;
}
.report-complaint__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px 0 0;
}
.report-complaint__btn .button {
  width: 360px;
}
@media (max-width: 575px) {
  .report-complaint__btn .button {
    width: 100%;
  }
}
.report-complaint__btn--2column {
  margin: 30px -8px 0;
}
@media (max-width: 575px) {
  .report-complaint__btn--2column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 30px 0 0;
  }
}
.report-complaint__btn--2column .button {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 300px;
      -ms-flex: 0 0 300px;
          flex: 0 0 300px;
  margin: 0 8px;
  width: 300px;
}
@media (max-width: 575px) {
  .report-complaint__btn--2column .button {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
        -ms-flex: auto;
            flex: auto;
    margin: 0 0 15px;
    width: 100%;
  }
}
.report-complaint--history .report-complaint__title {
  margin: 0 0 10px;
}
.results-analysis {
  margin: 40px auto 30px;
  max-width: 825px;
  width: 100%;
  word-break: break-word;
}
@media (max-width: 991px) {
  .results-analysis {
    margin: 30px 0;
    max-width: 100%;
  }
}
.results-analysis__row:not(:last-child) {
  margin: 0 0 20px;
}
.results-analysis__sub {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 5px;
}
@media (max-width: 575px) {
  .results-analysis__sub {
    font-size: 16px;
    line-height: 24px;
  }
}
.results-analysis__info {
  margin: 5px 0 0;
}
.results-analysis__des {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
}
.results-analysis__des:not(:last-child) {
  margin: 0 0 15px;
}
@media (max-width: 575px) {
  .results-analysis__des {
    font-size: 14px;
    line-height: 20px;
  }
}
.report-error {
  background-color: #fff;
  margin: 25px auto 35px;
  max-width: 812px;
  padding: 35px 50px;
  width: 100%;
}
@media (max-width: 991px) {
  .report-error {
    margin: 20px 0 30px;
    max-width: 100%;
    padding: 30px 15px;
  }
}
.report-error__row:not(:last-child) {
  margin: 0 0 15px;
}
.report-error__row .upload-files__before {
  border: 1.5px dashed #44494d;
  border-radius: 8px;
  min-height: 80px;
}
.report-error__row .upload-files__inner {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.report-error__row .upload-files__btn {
  color: #727272;
  font-size: 12px;
  line-height: 18px;
}
.report-error__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 10px;
}
.report-error__sub {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}
@media (max-width: 575px) {
  .report-error__sub {
    font-size: 16px;
    line-height: 24px;
  }
}
.report-error__link {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  margin: 0 0 0 20px;
}
.report-error__link:hover {
  text-decoration: underline;
}
.report-error__noti {
  color: #b5b4b4;
  font-size: 14px;
  font-style: italic;
  line-height: 20px;
  margin: 10px 0 15px;
}
.report-error__form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}
@media (max-width: 767px) {
  .report-error__form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.report-error__info {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px 15px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 767px) {
  .report-error__info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 20px;
    width: 100%;
  }
  .report-error__info:last-child {
    margin: 0;
  }
}
.report-error__box {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  padding: 10px;
}
.report-error__box-item {
  color: #44494d;
  font-size: 14px;
  line-height: 20px;
}
.report-error__box-sub {
  color: #44494d;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 5px;
}
.report-error__box-form {
  position: relative;
}
.report-error__box-form i {
  color: #ee0033;
  font-size: 18px;
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.report-error__box-form .form-control {
  border: 0;
  padding: 0 15px 0 25px;
}
.report-error .form-customize {
  margin: 0;
}
.location-map {
  padding: 0 0 50px;
}
@media (max-width: 767px) {
  .location-map {
    padding: 40px 0 0;
  }
}
@media (max-width: 575px) {
  .location-map {
    padding: 0;
  }
}
.location-map__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 991px) {
  .location-map__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.location-map__images {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 534px;
      -ms-flex: 0 0 534px;
          flex: 0 0 534px;
  margin: 0 130px 0 0;
  position: relative;
  width: 534px;
}
@media (max-width: 1100px) {
  .location-map__images {
    margin: 0 60px 0 0;
  }
}
@media (max-width: 991px) {
  .location-map__images {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 30px;
    width: 100%;
  }
}
.location-map__images img {
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  height: 100%;
  width: 100%;
}
.location-map__action {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ee0033;
  border-radius: 30px;
  bottom: 25px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
  color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 78px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  right: 25px;
  width: 78px;
  z-index: 1;
}
.location-map__action i {
  font-size: 30px;
}
.location-map__detail {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: calc(100% - 534px - 130px);
}
@media (max-width: 1100px) {
  .location-map__detail {
    width: calc(100% - 534px - 60px);
  }
}
@media (max-width: 991px) {
  .location-map__detail {
    width: 100%;
  }
}
.location-map__info {
  max-width: 343px;
  width: 100%;
}
@media (max-width: 991px) {
  .location-map__info {
    max-width: 100%;
  }
}
.location-map__box {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 6px 6px 6px 0;
  margin: 0 0 20px;
  padding: 15px 15px 20px;
}
.location-map__sub {
  color: #44494d;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin: 0 0 5px;
}
.location-map__des {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.location-map__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #ee0033;
  line-height: 18px;
  margin: 0 8px 0 0;
}
.location-map__icon i {
  font-size: 14px;
  line-height: 18px;
}
.location-map__txt {
  color: #44494d;
  font-size: 12px;
  line-height: 18px;
}
.location-map__btn {
  margin: 20px 0 0;
}
.location-map__btn .button:not(:last-child) {
  margin: 0 0 20px;
}
.complaint-detail__box {
  background-color: #fff;
  border-radius: 14px 14px 14px 0;
  margin: 25px auto;
  max-width: 710px;
  padding: 35px 50px;
  width: 100%;
}
@media (max-width: 767px) {
  .complaint-detail__box {
    border-radius: 12px 12px 12px 0;
    padding: 20px 15px;
  }
}
.complaint-detail__list--2column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -30px;
}
@media (max-width: 767px) {
  .complaint-detail__list--2column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.complaint-detail__list--2column .complaint-detail__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 60px);
      -ms-flex: 0 0 calc(100% / 2 - 60px);
          flex: 0 0 calc(100% / 2 - 60px);
  margin: 0 30px;
  width: calc(100% / 2 - 60px);
}
@media (max-width: 767px) {
  .complaint-detail__list--2column .complaint-detail__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 20px;
    width: 100%;
  }
  .complaint-detail__list--2column .complaint-detail__item:last-child {
    margin: 0;
  }
}
.complaint-detail__sub {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 15px;
}
@media (max-width: 575px) {
  .complaint-detail__sub {
    font-size: 16px;
    line-height: 24px;
  }
}
.complaint-detail__content {
  margin: 15px 0 0;
}
.complaint-detail__row {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.complaint-detail__row:not(:last-child) {
  margin: 0 0 15px;
}
.complaint-detail__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20px;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  margin: 0 8px 0 0;
  width: 20px;
}
.complaint-detail__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.complaint-detail__name {
  color: #727272;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 2px;
}
@media (max-width: 575px) {
  .complaint-detail__name {
    font-size: 14px;
    line-height: 20px;
  }
}
.complaint-detail__des {
  color: #44494d;
  font-size: 14px;
  line-height: 20px;
  margin: 2px 0 0;
}
.complaint-detail__staff {
  background-color: #fbfbfb;
  border-radius: 10px 10px 10px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0 0;
  padding: 18px 15px;
}
.complaint-detail__staff-images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 65px;
      -ms-flex: 0 0 65px;
          flex: 0 0 65px;
  margin: 0 12px 0 0;
  width: 65px;
}
.complaint-detail__staff-images img {
  border-radius: 8px 8px 8px 0;
}
.complaint-detail__staff-name {
  color: #727272;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
@media (max-width: 575px) {
  .complaint-detail__staff-name {
    font-size: 14px;
    line-height: 20px;
  }
}
.complaint-detail .step-bar {
  margin: 25px 0;
}
.complaint-detail .step-bar__list {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.request-handle {
  margin: 30px 0 0;
}
.request-handle__row:not(:last-child) {
  margin: 0 0 15px;
}
.request-handle__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 15px;
}
@media (max-width: 767px) {
  .request-handle__title {
    font-size: 16px;
    line-height: 24px;
  }
}
.request-handle__title span {
  color: #ee0033;
  margin: 0 0 0 5px;
}
.request-handle__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 15px -15px 0;
}
@media (max-width: 767px) {
  .request-handle__detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 15px 0 0;
  }
}
.request-handle__col {
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 14px 14px 14px 0;
  cursor: pointer;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px 15px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 767px) {
  .request-handle__col {
    border-radius: 8px 8px 8px 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 20px;
    padding: 20px 15px;
    width: 100%;
  }
}
.request-handle__col:hover {
  border-color: #ee0033;
}
.request-handle__info {
  padding: 15px 30px;
}
@media (max-width: 767px) {
  .request-handle__info {
    padding: 10px 15px;
  }
}
.request-handle__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #727272;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 15px;
}
.request-handle__time {
  margin: 0 5px 0 0;
}
.request-handle__list {
  margin: 15px 0;
}
.request-handle__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.request-handle__item:not(:last-child) {
  margin: 0 0 10px;
}
.request-handle__name {
  color: #44494d;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 150px;
      -ms-flex: 0 0 150px;
          flex: 0 0 150px;
  font-size: 16px;
  line-height: 24px;
  margin: 0 15px 0 0;
}
@media (max-width: 767px) {
  .request-handle__name {
    font-size: 14px;
    line-height: 20px;
  }
}
.request-handle__value {
  color: #727272;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
@media (max-width: 767px) {
  .request-handle__value {
    font-size: 14px;
    line-height: 20px;
  }
}
.request-handle__value.highlight {
  color: #ee0033;
}
.request-handle__status {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #d1d1d1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 30px;
}
@media (max-width: 767px) {
  .request-handle__status {
    padding: 10px 15px;
  }
}
.request-handle__status--success .request-handle__status-value {
  color: #14afb4;
}
.request-handle__status--pending .request-handle__status-value {
  color: #fe9705;
}
.request-handle__status--fail .request-handle__status-value {
  color: #ee0033;
}
.request-handle__status-name {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #44494d;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 767px) {
  .request-handle__status-name {
    font-size: 14px;
    line-height: 20px;
  }
}
.request-handle__status-name img {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 24px;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  margin: 0 5px 0 0;
  width: 24px;
}
@media (max-width: 767px) {
  .request-handle__status-name img {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20px;
        -ms-flex: 0 0 20px;
            flex: 0 0 20px;
    width: 20px;
  }
}
.request-handle__status-value {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin: 0 0 0 15px;
}
@media (max-width: 991px) {
  .lp-header__hotline {
    display: none;
  }
}
.lp-header__hotline-link {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.lp-header__hotline-icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ee0033;
  border-radius: 50%;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 30px;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 10px 0 0;
  width: 30px;
}
.lp-header__hotline-name {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin: 0 5px 0 0;
  text-transform: uppercase;
}
.lp-header__hotline-value {
  color: #000;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.lp-header--wifi .lp-header__menu {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.lp-header--camera .lp-header__item:not(:last-child) {
  margin-right: 90px;
}
.lp-header--camera .lp-header__link {
  color: #53575a;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  text-transform: uppercase;
}
.lp-header--camera .lp-header__hotline-link {
  display: block;
}
.lp-header--camera .lp-header__hotline-value {
  color: #ee0033;
  font-size: 20px;
  line-height: 30px;
}
.lp-header--camera .lp-header__item.active .lp-header__link,
.lp-header--camera .lp-header__item:hover .lp-header__link {
  color: #ee0033;
}
.lp-header--camera .lp-mobile__hotline-name {
  color: #ee0033;
  text-transform: uppercase;
}
.lp-header--camera .lp-mobile__hotline-value {
  color: #ee0033;
  margin: 0 0 0 5px;
}
.lp-wifi {
  word-break: break-word;
}
.lp-wifi__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 15px;
}
.lp-wifi__title {
  color: #fff;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 40px;
  font-style: italic;
  font-weight: 700;
  line-height: 50px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .lp-wifi__title {
    font-size: 26px;
    line-height: 36px;
  }
  .lp-wifi__title br {
    display: none;
  }
}
.lp-wifi__title--highlight {
  color: #ee0033;
}
.lp-wifi__note {
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 20px;
  font-style: italic;
  font-weight: 700;
  line-height: 30px;
  margin: 15px 0;
}
@media (max-width: 991px) {
  .lp-wifi__note {
    font-size: 16px;
    line-height: 24px;
  }
}
.lp-wifi__note--highlight {
  color: #000;
}
.lp-wifi__see-more {
  color: #000;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
  margin: 0 0 0 20px;
  text-transform: uppercase;
}
.lp-wifi__see-more:hover {
  color: #ee0033;
  text-decoration: underline;
}
@media (max-width: 991px) {
  .lp-wifi__see-more {
    font-size: 20px;
    line-height: 30px;
  }
}
.button-wifi {
  background-color: #fff;
  border-radius: 30px;
  color: #ee0033;
  display: block;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  padding: 8px 20px 12px;
  position: relative;
  text-align: center;
  width: 240px;
  z-index: 1;
}
@media (max-width: 991px) {
  .button-wifi {
    font-size: 18px;
    line-height: 28px;
  }
}
.button-wifi:hover {
  background-color: #be0129;
  color: #fff;
}
.button-wifi--primary {
  background: -webkit-linear-gradient(left, #EE8FA3 0.01%, #ee0033 99.64%);
  background: linear-gradient(90deg, #EE8FA3 0.01%, #ee0033 99.64%);
  color: #fff;
}
.button-wifi--primary:hover {
  background: #be0129;
}
.banner-wifi {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  background: url("../images_content/banner-wifi.png") center center no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 680px;
  padding: 120px 0;
  position: relative;
  width: 100%;
  z-index: 1;
}
@media (max-width: 575px) {
  .banner-wifi {
    height: 250px;
    padding: 30px 0;
  }
}
.banner-wifi__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 52.5%;
}
.reasons-wifi {
  background-color: #fff;
  padding: 80px 0 60px;
  position: relative;
  z-index: 2;
}
@media (max-width: 991px) {
  .reasons-wifi {
    padding: 40px 0;
  }
}
.reasons-wifi .lp-wifi__title {
  margin: 0 0 70px;
}
@media (max-width: 991px) {
  .reasons-wifi .lp-wifi__title {
    margin: 0 0 30px;
  }
}
.reasons-wifi__list {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}
@media (max-width: 575px) {
  .reasons-wifi__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.reasons-wifi__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3 - 30px);
      -ms-flex: 0 0 calc(100% / 3 - 30px);
          flex: 0 0 calc(100% / 3 - 30px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 15px 40px;
  text-align: center;
  width: calc(100% / 3 - 30px);
}
@media (max-width: 575px) {
  .reasons-wifi__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 20px;
    width: 100%;
  }
}
.reasons-wifi__images {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 200px;
      -ms-flex: 0 0 200px;
          flex: 0 0 200px;
  height: 200px;
  margin: 0 auto 20px;
  width: 200px;
}
.reasons-wifi__images img {
  border-radius: 50%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.reasons-wifi__images img:hover {
  opacity: 0.75;
}
@media (max-width: 991px) {
  .reasons-wifi__images {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 150px;
        -ms-flex: 0 0 150px;
            flex: 0 0 150px;
    height: 150px;
    width: 150px;
  }
}
@media (max-width: 575px) {
  .reasons-wifi__images {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 10px;
        -ms-flex: 0 0 10px;
            flex: 0 0 10px;
    height: 100px;
    width: 100px;
  }
}
.reasons-wifi__name {
  color: #000;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 32px;
  padding: 0 10px;
  text-align: center;
}
@media (max-width: 991px) {
  .reasons-wifi__name {
    font-size: 18px;
    line-height: 28px;
  }
}
.intro-wifi {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: url("../images_content/banner-intro-wifi.png") center center no-repeat #ededed;
  background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 724px;
  padding: 20px 0;
  position: relative;
  width: 100%;
  z-index: 1;
}
@media (max-width: 991px) {
  .intro-wifi {
    height: 100%;
    padding: 60px 0;
  }
}
.intro-wifi__inner {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 991px) {
  .intro-wifi__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.intro-wifi__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 500px;
      -ms-flex: 0 0 500px;
          flex: 0 0 500px;
  margin: 0 80px 0 0;
  width: 500px;
}
@media (max-width: 991px) {
  .intro-wifi__images {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 auto 20px;
    width: 100%;
  }
}
.intro-wifi__detail {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: calc(100% - 500px - 80px);
}
@media (max-width: 991px) {
  .intro-wifi__detail {
    width: 100%;
  }
}
.intro-wifi__des {
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 20px;
  line-height: 30px;
}
@media (max-width: 991px) {
  .intro-wifi__des {
    font-size: 16px;
    line-height: 24px;
  }
}
.intro-wifi__des:not(:last-child) {
  margin: 0 0 20px;
}
.intro-wifi__btn {
  margin: 30px 0 0;
}
.benefit-wifi {
  background-color: #ededed;
  padding: 60px 0 40px;
  position: relative;
  z-index: 2;
}
@media (max-width: 991px) {
  .benefit-wifi {
    padding: 40px 0;
  }
}
.benefit-wifi__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}
@media (max-width: 575px) {
  .benefit-wifi__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.benefit-wifi__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3 - 30px);
      -ms-flex: 0 0 calc(100% / 3 - 30px);
          flex: 0 0 calc(100% / 3 - 30px);
  margin: 0 15px 30px;
  width: calc(100% / 3 - 30px);
}
@media (max-width: 575px) {
  .benefit-wifi__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 20px;
    width: 100%;
  }
}
.benefit-wifi__sub {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin: 0 0 5px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .benefit-wifi__sub {
    font-size: 18px;
    line-height: 28px;
  }
}
.benefit-wifi__des {
  color: #000;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 20px;
  line-height: 30px;
}
@media (max-width: 991px) {
  .benefit-wifi__des {
    font-size: 16px;
    line-height: 24px;
  }
}
.benefit-wifi__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.benefit-wifi__images img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.endow-wifi {
  background: url("../images_content/banner-endow-wifi.png") top center no-repeat;
  background-size: cover;
  padding: 70px 0 90px;
  position: relative;
  width: 100%;
}
@media (max-width: 991px) {
  .endow-wifi {
    padding: 50px 0;
  }
}
.endow-wifi__content {
  margin: 35px 0 0;
}
.endow-wifi__item {
  background-color: #fff;
  border-radius: 20px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 40px;
}
@media (max-width: 991px) {
  .endow-wifi__item {
    border-radius: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 30px 15px;
  }
}
.endow-wifi__item--left {
  margin: 0 200px 50px 0;
}
@media (max-width: 991px) {
  .endow-wifi__item--left {
    margin: 0 0 30px;
  }
}
.endow-wifi__item--right {
  margin: 0 0 0 200px;
}
@media (max-width: 991px) {
  .endow-wifi__item--right {
    margin: 0;
  }
}
.endow-wifi__images {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 220px;
      -ms-flex: 0 0 220px;
          flex: 0 0 220px;
  margin: 0 60px 0 0;
  width: 220px;
}
@media (max-width: 991px) {
  .endow-wifi__images {
    margin: 0 auto 20px;
  }
}
.endow-wifi__images img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.endow-wifi__images img:hover {
  opacity: 0.75;
}
.endow-wifi__detail {
  border-left: 1px solid #ee0033;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 0 0 30px;
  width: calc(100% - 280px);
}
@media (max-width: 991px) {
  .endow-wifi__detail {
    border-left: 0;
    padding: 0;
    width: 100%;
  }
}
.endow-wifi__name {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 45px;
  margin: 0 0 2px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .endow-wifi__name {
    font-size: 24px;
    line-height: 36px;
  }
}
.endow-wifi__price {
  color: #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-weight: 700;
}
.endow-wifi__price-new {
  font-size: 30px;
  line-height: 40px;
}
@media (max-width: 991px) {
  .endow-wifi__price-new {
    font-size: 24px;
    line-height: 36px;
  }
}
.endow-wifi__price-old {
  font-size: 24px;
  line-height: 36px;
  text-decoration: line-through;
}
@media (max-width: 991px) {
  .endow-wifi__price-old {
    font-size: 20px;
    line-height: 30px;
  }
}
.endow-wifi__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 5px 0 0;
}
@media (max-width: 991px) {
  .endow-wifi__info {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.endow-wifi__des {
  color: #000;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 20px;
  font-style: italic;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 30px;
}
@media (max-width: 991px) {
  .endow-wifi__des {
    font-size: 16px;
    line-height: 24px;
  }
}
.endow-wifi__btn {
  margin: 0 0 0 20px;
}
@media (max-width: 991px) {
  .endow-wifi__btn {
    margin: 20px 0 0;
  }
}
.pack-wifi {
  background-color: #fff;
  padding: 80px 0 40px;
}
@media (max-width: 991px) {
  .pack-wifi {
    padding: 40px 0;
  }
}
.pack-wifi .owl-dots {
  display: none;
}
.pack-wifi__select {
  margin: 40px 0;
  position: relative;
  width: 400px;
}
@media (max-width: 575px) {
  .pack-wifi__select {
    margin: 30px 0;
    width: 100%;
  }
}
.pack-wifi__select .select-wifi {
  background-color: #e6e6e6;
  background-image: none;
  border: 0;
  border-radius: 30px;
}
.pack-wifi__action {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: -webkit-linear-gradient(left, #EE8FA3 -0.02%, #ee0033 99.64%);
  background: linear-gradient(90deg, #EE8FA3 -0.02%, #ee0033 99.64%);
  border-radius: 0 30px 30px 0;
  color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
}
.pack-wifi__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}
@media (max-width: 575px) {
  .pack-wifi__detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.pack-wifi__col {
  background-color: #e6e6e6;
  border-radius: 30px;
  cursor: pointer;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 4 - 30px);
      -ms-flex: 0 0 calc(100% / 4 - 30px);
          flex: 0 0 calc(100% / 4 - 30px);
  margin: 0 15px;
  width: calc(100% / 4 - 30px);
}
@media (max-width: 575px) {
  .pack-wifi__col {
    border-radius: 20px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 20px;
    width: 100%;
  }
}
.pack-wifi__box {
  background-color: #e6e6e6;
  border-radius: 30px;
  cursor: pointer;
}
@media (max-width: 575px) {
  .pack-wifi__box {
    border-radius: 20px;
  }
}
.pack-wifi__top {
  background: -webkit-linear-gradient(left, #EE8FA3 0.01%, #ee0033 99.64%);
  background: linear-gradient(90deg, #EE8FA3 0.01%, #ee0033 99.64%);
  border-radius: 30px 30px 0 0;
}
@media (max-width: 575px) {
  .pack-wifi__top {
    border-radius: 20px 20px 0 0;
  }
}
.pack-wifi__name {
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
  padding: 35px 15px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .pack-wifi__name {
    font-size: 24px;
    line-height: 36px;
  }
}
.pack-wifi__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: calc(100% - 110px);
  padding: 20px 20px 40px;
}
.pack-wifi__intro {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.pack-wifi__price {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
  margin: 0 0 10px;
  text-align: center;
}
@media (max-width: 991px) {
  .pack-wifi__price {
    font-size: 26px;
    line-height: 38px;
  }
}
.pack-wifi__data {
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
  color: #000;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
  margin: 10px 0 20px;
  padding: 10px;
  text-align: center;
}
@media (max-width: 991px) {
  .pack-wifi__data {
    font-size: 24px;
    line-height: 36px;
  }
}
.pack-wifi__list {
  margin: 20px 0;
  min-height: 398px;
}
@media (max-width: 991px) {
  .pack-wifi__list {
    min-height: 180px;
  }
}
.pack-wifi__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.pack-wifi__item:not(:last-child) {
  margin: 0 0 30px;
}
@media (max-width: 575px) {
  .pack-wifi__item:not(:last-child) {
    margin: 0;
  }
}
.pack-wifi__icon {
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 10px 0 0;
}
.pack-wifi__icon i {
  font-size: 16px;
  line-height: 28px;
}
@media (max-width: 991px) {
  .pack-wifi__icon i {
    font-size: 14px;
    line-height: 24px;
  }
}
.pack-wifi__value {
  color: #000;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  line-height: 28px;
}
@media (max-width: 991px) {
  .pack-wifi__value {
    font-size: 16px;
    line-height: 24px;
  }
}
.pack-wifi__btn {
  margin: 40px 0 0;
}
@media (max-width: 991px) {
  .pack-wifi__btn {
    margin: 20px 0 0;
  }
}
.pack-wifi__btn .button-wifi {
  width: 100%;
}
.feedback-wifi {
  background: url("../images_content/banner-feedback-wifi.png") top center no-repeat;
  background-size: cover;
  padding: 80px 0 120px;
  position: relative;
  width: 100%;
}
@media (max-width: 991px) {
  .feedback-wifi {
    padding: 40px 0 60px;
  }
}
.feedback-wifi .lp-wifi__top {
  margin: 0 0 40px;
}
@media (max-width: 575px) {
  .feedback-wifi .lp-wifi__top {
    margin: 0 0 30px;
  }
}
.feedback-wifi__video {
  padding: 0 80px;
}
@media (max-width: 991px) {
  .feedback-wifi__video {
    padding: 0 15px;
  }
}
.feedback-wifi__video iframe {
  border: 6px solid #ee8fa3;
  border-radius: 30px;
  height: 600px;
}
@media (max-width: 991px) {
  .feedback-wifi__video iframe {
    border-radius: 20px;
    height: auto;
  }
}
.news-wifi {
  margin: 50px 0 100px;
}
@media (max-width: 991px) {
  .news-wifi {
    margin: 40px 0;
  }
}
.news-wifi .lp-wifi__top {
  margin: 0 0 40px;
}
@media (max-width: 991px) {
  .news-wifi .lp-wifi__top {
    margin: 0 0 30px;
  }
}
.news-wifi__box {
  background-color: #e6e6e6;
  border-radius: 32px;
  padding: 20px;
}
@media (max-width: 991px) {
  .news-wifi__box {
    border-radius: 20px;
    padding: 20px 15px;
  }
}
.news-wifi__images {
  margin: 0 0 20px;
  width: 100%;
}
.news-wifi__images img {
  border-radius: 14px;
  height: 100%;
}
.news-wifi__images img:hover {
  opacity: 0.75;
}
.news-wifi__detail {
  margin: 20px 0 0;
}
.news-wifi__name {
  color: #000;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 28px;
  font-weight: 700;
  height: 152px;
  line-height: 38px;
  margin: 0 0 10px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
@media (max-width: 991px) {
  .news-wifi__name {
    font-size: 20px;
    height: auto;
    line-height: 30px;
  }
}
.news-wifi__name:hover {
  color: #ee0033;
}
.news-wifi__time {
  color: #000;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 20px;
  font-style: italic;
  line-height: 30px;
  margin: 10px 0 15px;
}
@media (max-width: 991px) {
  .news-wifi__time {
    font-size: 14px;
    line-height: 21px;
  }
}
.news-wifi__see-more {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
  margin: 15px 0 0;
}
@media (max-width: 991px) {
  .news-wifi__see-more {
    font-size: 18px;
    line-height: 28px;
  }
}
.lp-header--roaming .lp-header__menu {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.lp-header--roaming .lp-header__link {
  text-transform: uppercase;
}
.lp-roaming {
  word-break: break-word;
}
.lp-roaming__title {
  color: #000;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 60px;
  margin: 0 0 15px;
  text-align: center;
}
@media (max-width: 991px) {
  .lp-roaming__title {
    color: #44494d;
    font-size: 30px;
    line-height: 40px;
  }
  .lp-roaming__title br {
    display: none;
  }
}
.lp-roaming__title span {
  color: #ee0033;
}
.lp-roaming__des {
  color: #000;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin: 10px 0;
  text-align: center;
}
@media (max-width: 991px) {
  .lp-roaming__des {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
  }
}
.button-roaming {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 30px;
  color: #ed1b2f;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  font-weight: 600;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 24px;
  padding: 13px 40px 15px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  z-index: 1;
}
.button-roaming i {
  font-size: 22px;
  line-height: 24px;
  margin: 0 0 0 20px;
}
.button-roaming:hover {
  background-color: #ee0033;
  border-color: #ee0033;
  color: #fff;
}
.button-roaming--primary {
  background-color: #ed1b2f;
  border-color: #ed1b2f;
  color: #fff;
}
.button-roaming--primary:hover {
  background-color: #fff;
  color: #ee0033;
}
.banner-roaming {
  background: url("../images_content/bg-banner-roaming.png") center center no-repeat;
  background-size: cover;
  height: 778px;
  margin: 0 0 60px;
  position: relative;
  width: 100%;
}
@media (max-width: 991px) {
  .banner-roaming {
    height: 862px;
  }
}
.banner-roaming__content {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}
@media (max-width: 991px) {
  .banner-roaming__content {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.banner-roaming__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
  .banner-roaming__images {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 auto;
    width: 100%;
  }
}
.banner-roaming__detail {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
  .banner-roaming__detail {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: -40px 0 0;
    width: 100%;
  }
}
.banner-roaming__name {
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-transform: uppercase;
}
.banner-roaming__price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.banner-roaming__intro {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.banner-roaming__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.banner-roaming__method {
  bottom: 100px;
  position: absolute;
  right: 50px;
}
@media (max-width: 991px) {
  .banner-roaming__method {
    display: none;
  }
}
.reasons-roaming {
  margin: 60px 0 0;
  position: relative;
}
@media (max-width: 991px) {
  .reasons-roaming {
    margin: 30px 0 0;
  }
}
.reasons-roaming:before {
  background: url("../images_content/bg-reasons-roaming.png") 0 0 no-repeat;
  background-size: cover;
  content: "";
  height: 879px;
  left: 0;
  position: absolute;
  top: 100px;
  width: 666px;
  z-index: -1;
}
@media (max-width: 991px) {
  .reasons-roaming:before {
    display: none;
    width: 100%;
  }
}
.reasons-roaming__intro {
  margin: 0 auto;
  max-width: 690px;
  width: 100%;
}
@media (max-width: 991px) {
  .reasons-roaming__intro {
    max-width: 100%;
  }
}
.reasons-roaming .lp-roaming__title,
.reasons-roaming .lp-roaming__des {
  text-align: left;
}
.reasons-roaming__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 205px;
}
@media (max-width: 991px) {
  .reasons-roaming__btn {
    margin: 20px 0 0;
    width: 184px;
  }
  .reasons-roaming__btn .button-roaming {
    padding: 13px 20px 15px;
  }
  .reasons-roaming__btn .button-roaming i {
    margin: 0 0 0 10px;
  }
}
.reasons-roaming__list {
  margin: 0 0 0 43%;
}
@media (max-width: 991px) {
  .reasons-roaming__list {
    margin: 25px 0 0;
  }
}
.reasons-roaming__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 3px 11px 15px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  width: 350px;
}
@media (max-width: 575px) {
  .reasons-roaming__item {
    width: 100%;
  }
}
.reasons-roaming__item:not(:last-child) {
  margin: 0 0 20px;
}
.reasons-roaming__item.indent {
  margin: 0 0 20px 100px;
}
@media (max-width: 991px) {
  .reasons-roaming__item.indent {
    margin: 0 0 20px;
  }
}
.reasons-roaming__images {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 85px;
      -ms-flex: 0 0 85px;
          flex: 0 0 85px;
  height: 85px;
  margin: 0 15px 0 0;
  width: 85px;
}
@media (max-width: 991px) {
  .reasons-roaming__images {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 65px;
        -ms-flex: 0 0 65px;
            flex: 0 0 65px;
    height: 65px;
    width: 65px;
  }
}
.reasons-roaming__images img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.reasons-roaming__images-sp {
  display: none;
}
@media (max-width: 991px) {
  .reasons-roaming__images-sp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.reasons-roaming__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: calc(100% - 100px);
}
@media (max-width: 991px) {
  .reasons-roaming__info {
    width: calc(100% - 80px);
  }
}
.reasons-roaming__name {
  color: #595f6f;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .reasons-roaming__name {
    color: #44494d;
    font-size: 14px;
    line-height: 20px;
  }
}
.reasons-roaming__name span {
  font-weight: 300;
  text-transform: lowercase;
}
.benefit-roaming {
  margin: 260px 0 20px;
}
@media (max-width: 991px) {
  .benefit-roaming {
    margin: 40px 0 20px;
  }
}
.benefit-roaming__content {
  margin: 80px 0 0;
}
.benefit-roaming__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}
@media (max-width: 991px) {
  .benefit-roaming__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.benefit-roaming__item {
  background-color: #f1f2f2;
  border-radius: 15px;
  box-shadow: 0 21px 23px rgba(104, 80, 80, 0.4);
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3 - 30px);
      -ms-flex: 0 0 calc(100% / 3 - 30px);
          flex: 0 0 calc(100% / 3 - 30px);
  margin: 0 15px;
  padding: 80px 0 50px;
  position: relative;
  width: calc(100% / 3 - 30px);
}
@media (max-width: 991px) {
  .benefit-roaming__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 80px;
    padding: 80px 0 40px;
    width: 100%;
  }
  .benefit-roaming__item:last-child {
    margin: 0;
  }
}
.benefit-roaming__thumbnail {
  height: 130px;
  left: 50%;
  position: absolute;
  top: -65px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 130px;
  z-index: 1;
}
.benefit-roaming__thumbnail img {
  height: 100%;
  width: 100%;
}
.benefit-roaming__sub {
  color: #ed1b2f;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 0 20px;
  padding: 0 40px;
  text-align: center;
}
@media (max-width: 991px) {
  .benefit-roaming__sub {
    font-size: 24px;
    line-height: 36px;
  }
}
.benefit-roaming__info {
  border-top: 1px solid #ffd773;
  padding: 20px 40px 0;
}
@media (max-width: 991px) {
  .benefit-roaming__info {
    padding: 20px 35px 0;
  }
}
.benefit-roaming__des {
  color: #000;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}
@media (max-width: 991px) {
  .benefit-roaming__des {
    font-size: 14px;
    line-height: 20px;
  }
}
.benefit-roaming__des:not(:last-child) {
  margin: 0 0 10px;
}
@media (max-width: 991px) {
  .benefit-roaming__des:not(:last-child) {
    margin: 0 0 15px;
  }
}
.benefit-roaming__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: -100px 0 0;
  position: relative;
  z-index: -1;
}
@media (max-width: 991px) {
  .benefit-roaming__images {
    margin: 0;
  }
}
.pack-roaming {
  margin: 20px 0;
}
.pack-roaming__select {
  margin: 10px auto 30px;
  position: relative;
  width: 720px;
}
@media (max-width: 991px) {
  .pack-roaming__select {
    width: 100%;
  }
}
.pack-roaming__select .select-roaming {
  background-color: #f5f5f7;
  background-image: none;
  border: 1px solid #dadada;
  box-shadow: 3px 11px 15px rgba(0, 0, 0, 0.1);
  border-radius: 30px;
  font-size: 16px;
  padding: 19px 20px 19px 60px;
}
.pack-roaming__select .icon-search {
  color: #283334;
  font-size: 30px;
  left: 20px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.pack-roaming__action {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ed1b2f;
  border: 1px solid #ededed;
  border-radius: 0 30px 30px 0;
  color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
}
@media (max-width: 991px) {
  .pack-roaming__action {
    width: 60px;
  }
}
.pack-roaming__action i {
  font-size: 10px;
}
.pack-roaming__tag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px -8px 40px;
}
@media (max-width: 991px) {
  .pack-roaming__tag {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 30px 0;
  }
}
.pack-roaming__tag-item {
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 100px;
  margin: 0 8px;
  padding: 15px 35px;
  text-align: center;
}
@media (max-width: 991px) {
  .pack-roaming__tag-item {
    margin: 0 0 20px;
    padding: 15px 20px;
    width: 100%;
  }
  .pack-roaming__tag-item:last-child {
    margin: 0;
  }
}
.pack-roaming__tag-item.red {
  border-color: #ed6868;
  color: #ed6868;
}
.pack-roaming__tag-item.red.active,
.pack-roaming__tag-item.red:hover {
  background-color: #ed6868;
  color: #fff;
}
.pack-roaming__tag-item.orange {
  border-color: #ff7300;
  color: #ff7300;
}
.pack-roaming__tag-item.orange.active,
.pack-roaming__tag-item.orange:hover {
  background-color: #ff7300;
  color: #fff;
}
.pack-roaming__tag-item.blue {
  border-color: #9fb9f1;
  color: #9fb9f1;
}
.pack-roaming__tag-item.blue.active,
.pack-roaming__tag-item.blue:hover {
  background-color: #9fb9f1;
  color: #fff;
}
.pack-roaming__tag-item.green {
  border-color: #176533;
  color: #176533;
}
.pack-roaming__tag-item.green.active,
.pack-roaming__tag-item.green:hover {
  background-color: #176533;
  color: #fff;
}
.pack-roaming__tag-name {
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.085em;
  line-height: 20px;
}
.pack-roaming__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 40px -15px 50px;
}
@media (max-width: 991px) {
  .pack-roaming__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 40px 0 50px;
  }
}
.pack-roaming__item {
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 3px 11px 15px rgba(0, 0, 0, 0.1);
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3 - 30px);
      -ms-flex: 0 0 calc(100% / 3 - 30px);
          flex: 0 0 calc(100% / 3 - 30px);
  margin: 0 15px;
  width: calc(100% / 3 - 30px);
}
@media (max-width: 991px) {
  .pack-roaming__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 20px;
    width: 100%;
  }
  .pack-roaming__item:last-child {
    margin: 0;
  }
}
.pack-roaming__item.active {
  background-color: #b7041e;
  box-shadow: 3px 11px 15px #ee0033;
}
.pack-roaming__item.active .pack-roaming__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.pack-roaming__item.active .pack-roaming__name {
  color: #fff;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: left;
}
.pack-roaming__item.active .pack-roaming__price,
.pack-roaming__item.active .pack-roaming__des {
  color: #fff;
}
.pack-roaming__item.active .pack-roaming__detail {
  background-color: #ed1b2f;
}
.pack-roaming__top {
  padding: 30px 30px 15px;
}
@media (max-width: 991px) {
  .pack-roaming__top {
    padding: 25px 30px 20px;
  }
}
.pack-roaming__name {
  color: #ed1b2f;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 39px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 55px;
  text-align: center;
}
.pack-roaming__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 20px;
}
.pack-roaming__icon i {
  font-size: 20px;
}
.pack-roaming__icon i:before {
  color: #fff;
}
.pack-roaming__detail {
  background-color: #f9f9f9;
  border-radius: 0 0 15px 15px;
  padding: 0 0 30px;
  text-align: center;
}
.pack-roaming__middle {
  border-bottom: 1px solid #d5d5d5;
  border-top: 1px solid #d5d5d5;
  margin: 0 0 15px;
  padding: 15px;
}
.pack-roaming__price {
  color: #ff7300;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}
.pack-roaming__des {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 22px;
}
.pack-roaming__des:not(:last-child) {
  margin: 0 0 10px;
}
.pack-roaming__note {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin: 30px 0 0;
  text-align: center;
}
.pack-roaming .customize-pagination li {
  background-color: #fff;
  border: 1px solid #e5e5ea;
  border-radius: 50%;
  height: 34px;
  width: 34px;
}
.pack-roaming .customize-pagination li a {
  color: #000;
  font-size: 14px;
  line-height: 18px;
}
.pack-roaming .customize-pagination li .customize-pagination__arrow {
  font-size: 10px;
  line-height: 16px;
}
.pack-roaming .customize-pagination .customize-pagination__more a {
  color: #e5e5ea;
}
.register-roaming {
  background: url("../images_content/bg-register-roaming.png") 0 0 no-repeat;
  background-size: cover;
  height: 915px;
  width: 100%;
}
@media (max-width: 991px) {
  .register-roaming {
    height: 100%;
  }
}
.register-roaming__inner {
  padding: 230px 0 0;
}
@media (max-width: 991px) {
  .register-roaming__inner {
    padding: 230px 0 60px;
  }
}
.register-roaming__title {
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 88px;
  margin: 0 0 15px;
}
@media (max-width: 991px) {
  .register-roaming__title {
    font-size: 42px;
    line-height: 56px;
  }
}
.register-roaming__des {
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 21px;
  font-weight: 500;
  line-height: 26px;
  margin: 15px 0 0;
  max-width: 810px;
}
@media (max-width: 991px) {
  .register-roaming__des {
    font-size: 18px;
    line-height: 24px;
    max-width: 100%;
    width: 100%;
  }
}
.register-roaming__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -8px;
}
@media (max-width: 991px) {
  .register-roaming__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.register-roaming__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3 - 16px);
      -ms-flex: 0 0 calc(100% / 3 - 16px);
          flex: 0 0 calc(100% / 3 - 16px);
  margin: 0 8px;
  width: calc(100% / 3 - 16px);
}
@media (max-width: 991px) {
  .register-roaming__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 10px;
    width: 100%;
  }
  .register-roaming__item:last-child {
    margin: 0;
  }
}
.register-roaming__detail {
  margin: 0 0 20px;
}
@media (max-width: 991px) {
  .register-roaming__detail {
    margin: 0;
  }
}
.register-roaming__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.register-roaming__number {
  color: rgba(255, 255, 255, 0.6);
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 146px;
  font-weight: 700;
}
@media (max-width: 991px) {
  .register-roaming__number {
    font-size: 120px;
  }
}
.register-roaming__name {
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 26px;
  margin: 30px 0 0;
}
@media (max-width: 991px) {
  .register-roaming__name {
    font-size: 16px;
    line-height: 24px;
    margin: 20px 0 0;
  }
}
.register-roaming__name-link {
  color: #ffd773;
}
.register-roaming__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: -20px 0 0;
}
@media (max-width: 991px) {
  .register-roaming__images {
    display: none;
  }
}
.faq-roaming {
  margin: 80px 0;
  position: relative;
}
@media (max-width: 991px) {
  .faq-roaming {
    margin: 40px 0 50px;
  }
}
.faq-roaming .lp-roaming__title {
  margin: 0 0 25px;
}
.faq-roaming__item {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 3px 11px 22px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.faq-roaming__item:not(:last-child) {
  margin: 0 0 15px;
}
.faq-roaming__item.active .faq-roaming__name {
  color: #ee0033;
}
.faq-roaming__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 64px;
  padding: 20px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 991px) {
  .faq-roaming__top {
    height: auto;
    padding: 15px;
  }
}
.faq-roaming__title {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.faq-roaming__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ee0033;
  border-radius: 50%;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 23px;
      -ms-flex: 0 0 23px;
          flex: 0 0 23px;
  height: 23px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 15px 0 0;
  width: 23px;
}
.faq-roaming__name {
  color: #000;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}
.faq-roaming__info {
  border-top: 1px solid #f6f6f6;
  display: none;
  padding: 20px 55px;
}
@media (max-width: 991px) {
  .faq-roaming__info {
    padding: 20px 15px;
  }
}
.faq-roaming__des {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}
@media (max-width: 991px) {
  .faq-roaming__des {
    font-size: 16px;
    line-height: 24px;
  }
}
.faq-roaming__des:not(:last-child) {
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .faq-roaming__des:not(:last-child) {
    margin-bottom: 10px;
  }
}
.lp-header--service {
  background-color: #ececec;
}
.lp-header--service .lp-header__menu {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.lp-header--service .lp-header__link {
  text-transform: uppercase;
}
.lp-header--service-detail .lp-header__menu {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.lp-header--service-detail .lp-header__link {
  text-transform: uppercase;
}
.lp-service__top {
  margin: 0 0 20px;
}
.lp-service__title {
  color: #ee0033;
  font-family: 'FS Magistral', sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 52px;
  padding: 0 0 15px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .lp-service__title {
    font-size: 24px;
    line-height: 32px;
  }
}
.lp-service__title:after {
  background-color: #ee0033;
  bottom: 0;
  content: "";
  height: 6px;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 80px;
}
.lp-service__noti {
  color: #54575a;
  font-size: 22px;
  font-style: italic;
  line-height: 30px;
  margin: 10px 0 0;
  text-align: center;
}
@media (max-width: 991px) {
  .lp-service__noti {
    font-size: 18px;
    line-height: 24px;
  }
}
.lp-service--detail .lp-service__title {
  padding: 0;
}
.lp-service--detail .lp-service__title:after {
  display: none;
}
.lp-service--detail .promotions-service {
  margin: 40px 0;
}
.lp-service--detail .promotions-service__inner {
  border-bottom: 1px solid #d0d1cb;
  padding: 0 0 40px;
}
@media (max-width: 991px) {
  .lp-service--detail .promotions-service__inner {
    padding: 0 0 30px;
  }
}
.lp-service--detail .promotions-service__list {
  margin: 0 0 20px;
}
.lp-service--detail .promotions-service__label {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 200px;
      -ms-flex: 0 0 200px;
          flex: 0 0 200px;
  height: 200px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px;
  width: 200px;
}
@media (max-width: 991px) {
  .lp-service--detail .promotions-service__label {
    border-radius: 50px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 140px;
        -ms-flex: 0 0 140px;
            flex: 0 0 140px;
    height: 140px;
    padding: 10px;
    width: 140px;
  }
}
@media (max-width: 991px) {
  .lp-service--detail .promotions-service__label span {
    font-size: 30px;
    line-height: 40px;
  }
}
.lp-service--detail .promotions-service__top {
  margin: 0 0 40px;
}
@media (max-width: 991px) {
  .lp-service--detail .promotions-service__top {
    margin: 0 0 30px;
  }
}
@media (max-width: 991px) {
  .lp-service--detail .promotions-service__images {
    margin: 20px 0 0;
  }
}
.lp-service--detail .promotions-service__hot {
  margin: -10px 0 0 10px;
}
.lp-service--detail .promotions-service__price {
  color: #ee0033;
  font-size: 42px;
  margin: 0;
}
@media (max-width: 991px) {
  .lp-service--detail .promotions-service__price {
    font-size: 24px;
    line-height: 30px;
  }
}
.lp-service--detail .promotions-service__note {
  color: #000;
  font-size: 18px;
  line-height: 30px;
}
@media (max-width: 991px) {
  .lp-service--detail .promotions-service__note {
    font-size: 14px;
    line-height: 21px;
  }
}
.lp-service--detail .promotions-service__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0 0;
}
.lp-service--detail .promotions-service__row {
  border-bottom: 0;
  margin: 0;
  padding: 0;
}
.lp-service--detail .promotions-service__row:first-child {
  padding: 0;
}
.button-service {
  background-color: #fff;
  border: 1px solid #ee0033;
  border-radius: 10px;
  color: #ee0033;
  display: block;
  font-family: 'FS Magistral', sans-serif;
  font-size: 22px;
  line-height: 30px;
  padding: 8px 20px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .button-service {
    font-size: 18px;
    line-height: 28px;
  }
}
.button-service:hover {
  background-color: #ee0033;
  color: #fff;
}
.button-service--primary {
  background-color: #ee0033;
  color: #fff;
}
.button-service--primary:hover {
  background-color: #fff;
  color: #ee0033;
}
.banner-service {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: -65px 0 0;
  position: relative;
}
@media (max-width: 991px) {
  .banner-service {
    margin: 0;
  }
}
.banner-service img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.reasons-service {
  margin: -100px 0 60px;
  position: relative;
}
@media (max-width: 991px) {
  .reasons-service {
    margin: 30px 0;
  }
}
.reasons-service__label {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: url("../images_content/bg-label-reason.png") 0 0 no-repeat;
  color: #54575a;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: 'FS Magistral', sans-serif;
  font-size: 30px;
  font-weight: 500;
  height: 146px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 40px;
  text-transform: uppercase;
  width: 330px;
}
@media (max-width: 991px) {
  .reasons-service__label {
    font-size: 24px;
    line-height: 36px;
  }
}
.reasons-service__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 40px -15px 60px;
}
@media (max-width: 991px) {
  .reasons-service__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 30px 0;
  }
}
.reasons-service__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3 - 30px);
      -ms-flex: 0 0 calc(100% / 3 - 30px);
          flex: 0 0 calc(100% / 3 - 30px);
  margin: 0 15px;
  width: calc(100% / 3 - 30px);
}
@media (max-width: 991px) {
  .reasons-service__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 20px;
    width: 100%;
  }
  .reasons-service__item:last-child {
    margin: 0;
  }
}
.reasons-service__images {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 55px;
      -ms-flex: 0 0 55px;
          flex: 0 0 55px;
  margin: 0 20px 0 0;
  width: 55px;
}
@media (max-width: 575px) {
  .reasons-service__images {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40px;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
    margin: 0 15px 0 0;
    width: 40px;
  }
}
.reasons-service__images img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.reasons-service__images img:hover {
  opacity: 0.75;
}
.reasons-service__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: calc(100% - 75px);
}
@media (max-width: 575px) {
  .reasons-service__info {
    width: calc(100% - 55px);
  }
}
.reasons-service__name {
  color: #ee0033;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  margin: 0 0 10px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .reasons-service__name {
    font-size: 16px;
    line-height: 24px;
  }
}
.reasons-service__des {
  color: #000;
  font-size: 20px;
  line-height: 23px;
  margin: 10px 0 0;
}
@media (max-width: 991px) {
  .reasons-service__des {
    font-size: 14px;
    line-height: 21px;
  }
}
.reasons-service__note {
  color: #ee0033;
  font-size: 20px;
  font-style: italic;
  line-height: 24px;
  text-align: center;
}
@media (max-width: 991px) {
  .reasons-service__note {
    font-size: 16px;
  }
}
.reasons-service__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 15px 0 0;
}
@media (max-width: 991px) {
  .reasons-service__btn {
    margin: 20px 0 0;
  }
}
.utilities-service {
  margin: 60px 0;
}
@media (max-width: 991px) {
  .utilities-service {
    margin: 40px 0;
  }
}
.utilities-service__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.utilities-service__images img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.utilities-service__images img:hover {
  opacity: 0.75;
}
.promotions-service {
  margin: 60px 0;
}
@media (max-width: 991px) {
  .promotions-service {
    margin: 40px 0;
  }
}
.promotions-service__top-info {
  margin: 0 0 0 15px;
}
.promotions-service__top-pack {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.promotions-service__top-name {
  color: #000;
  font-size: 26px;
  font-weight: 500;
  line-height: 30px;
}
@media (max-width: 991px) {
  .promotions-service__top-name {
    font-size: 18px;
    line-height: 28px;
  }
}
.promotions-service__intro {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 50px -15px 0;
}
@media (max-width: 991px) {
  .promotions-service__intro {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 20px 0 0;
  }
}
.promotions-service__images {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
  .promotions-service__images {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 20px;
    width: 100%;
  }
}
.promotions-service__images img:hover {
  opacity: 0.75;
}
.promotions-service__detail {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px;
  width: calc(100% / 2 - 30px);
  position: relative;
}
@media (max-width: 991px) {
  .promotions-service__detail {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    width: 100%;
  }
}
.promotions-service__detail .owl-carousel .owl-dots {
  left: 12px;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
@media (max-width: 991px) {
  .promotions-service__detail .owl-carousel .owl-dots {
    width: auto;
  }
}
.promotions-service__row {
  border-bottom: 1px solid #d0d1db;
  margin: 0 0 25px;
  padding: 0 0 10px;
}
@media (max-width: 991px) {
  .promotions-service__row {
    padding: 0 0 20px;
  }
}
.promotions-service__row:first-child {
  padding: 15px 0 10px;
}
@media (max-width: 991px) {
  .promotions-service__row:first-child {
    padding: 0 0 20px;
  }
}
.promotions-service__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.promotions-service__name {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.promotions-service__sub {
  color: #ee0033;
  font-size: 22px;
  font-weight: 500;
  line-height: 32px;
  margin: 0 0 10px;
}
@media (max-width: 991px) {
  .promotions-service__sub {
    font-size: 20px;
    line-height: 30px;
  }
}
.promotions-service__label {
  background-color: #ea1b35;
  border-radius: 50px;
  padding: 6px 30px 12px;
  text-align: center;
}
@media (max-width: 991px) {
  .promotions-service__label {
    padding: 6px 25px 10px;
  }
}
.promotions-service__label span {
  color: #fff;
  font-family: 'FS Magistral', sans-serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 45px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .promotions-service__label span {
    font-size: 22px;
    line-height: 26px;
  }
}
.promotions-service__hot {
  margin: -15px 0 0;
}
@media (max-width: 991px) {
  .promotions-service__hot {
    display: none;
  }
}
.promotions-service__price {
  color: #3b3b3b;
  font-family: 'FS Magistral', sans-serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 45px;
  margin: 0 0 0 20px;
}
@media (max-width: 991px) {
  .promotions-service__price {
    font-size: 24px;
    line-height: 36px;
    margin: 0 0 0 15px;
  }
}
.promotions-service__info {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 15px 0 10px;
}
@media (max-width: 991px) {
  .promotions-service__info {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 20px 0;
  }
}
.promotions-service__list {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.promotions-service__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.promotions-service__item:not(:last-child) {
  margin: 0 0 12px;
}
.promotions-service__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #d2d2d2;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 24px;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  height: 24px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 10px 0 0;
  padding: 5px;
  width: 24px;
}
.promotions-service__value {
  color: #000;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
.promotions-service__btn {
  margin: 0 0 0 20px;
}
@media (max-width: 991px) {
  .promotions-service__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 20px auto 0;
  }
}
.promotions-service__note {
  color: #8d8f91;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 12px;
  font-style: italic;
  line-height: 30px;
}
@media (max-width: 991px) {
  .promotions-service__note {
    color: #54575a;
    font-size: 18px;
    line-height: 24px;
  }
}
.promotions-service__see-all {
  bottom: -8px;
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 22px;
  line-height: 30px;
  position: absolute;
  right: 0;
  text-transform: uppercase;
}
.tutorial-service {
  margin: 40px 0;
}
.tutorial-service__content {
  background: url("../images_content/bg-tutorial-service.png") 0 0 no-repeat;
  background-size: cover;
  margin: 30px 0 0;
  padding: 60px 0;
  width: 100%;
}
@media (max-width: 991px) {
  .tutorial-service__content {
    padding: 40px 0;
  }
}
.tutorial-service__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}
@media (max-width: 991px) {
  .tutorial-service__list {
    margin: 0 -8px;
  }
}
.tutorial-service__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3 - 30px);
      -ms-flex: 0 0 calc(100% / 3 - 30px);
          flex: 0 0 calc(100% / 3 - 30px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0 15px;
  width: calc(100% / 3 - 30px);
}
@media (max-width: 991px) {
  .tutorial-service__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 3 - 16px);
        -ms-flex: 0 0 calc(100% / 3 - 16px);
            flex: 0 0 calc(100% / 3 - 16px);
    margin: 0 8px;
    width: calc(100% / 3 - 16px);
  }
}
.tutorial-service__images {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 188px;
      -ms-flex: 0 0 188px;
          flex: 0 0 188px;
  height: 188px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 30px;
  padding: 20px;
  width: 188px;
}
@media (max-width: 991px) {
  .tutorial-service__images {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 56px;
        -ms-flex: 0 0 56px;
            flex: 0 0 56px;
    height: 56px;
    margin: 0 auto 20px;
    padding: 15px;
    width: 56px;
  }
}
.tutorial-service__name {
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 34px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .tutorial-service__name {
    font-size: 12px;
    line-height: 20px;
  }
}
.endow-service__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 40px;
}
@media (max-width: 991px) {
  .endow-service__info {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 0 30px;
  }
}
.endow-service__title {
  color: #54575a;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: 'FS Magistral', sans-serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 46px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  width: calc(100% - 520px);
}
@media (max-width: 991px) {
  .endow-service__title {
    font-size: 24px;
    line-height: 32px;
    width: 100%;
  }
}
.endow-service__select {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 500px;
      -ms-flex: 0 0 500px;
          flex: 0 0 500px;
  margin: 0 0 0 20px;
  position: relative;
  width: 500px;
}
@media (max-width: 991px) {
  .endow-service__select {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 20px 0 0;
    width: 100%;
  }
}
.endow-service__select .select-service {
  background-color: #f2f2f2;
  background-image: none;
  border: 0;
  border-radius: 10px;
  padding: 12px 30px 8px 45px;
}
.endow-service__filter {
  cursor: pointer;
  position: absolute;
  left: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.endow-service__action {
  cursor: pointer;
  color: #b0b3c2;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.endow-service__action i {
  font-size: 24px;
}
.endow-service__content .lists-slider:not(:last-child) {
  margin-bottom: 50px;
}
@media (max-width: 991px) {
  .endow-service__content .lists-slider:not(:last-child) {
    margin-bottom: 30px;
  }
}
.endow-service__box {
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 3px 12px rgba(156, 121, 121, 0.2);
}
.endow-service__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #969696;
  border-radius: 20px 20px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 18px 20px;
}
.endow-service__name {
  color: #fff;
  font-family: 'FS Magistral', sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 45px;
}
@media (max-width: 991px) {
  .endow-service__name {
    font-size: 36px;
    line-height: 40px;
  }
}
.endow-service__hot {
  margin: -15px 0 0 10px;
}
.endow-service__detail {
  padding: 20px 25px 30px;
}
@media (max-width: 991px) {
  .endow-service__detail {
    padding: 20px 15px 30px;
  }
}
.endow-service__price {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  color: #ea1b35;
  font-size: 32px;
  font-weight: 500;
  line-height: 35px;
  margin: 0 0 12px;
  padding: 0 20px 20px;
  text-align: center;
}
@media (max-width: 991px) {
  .endow-service__price {
    font-size: 28px;
    line-height: 36px;
    padding: 0 15px 15px;
  }
}
.endow-service__sub {
  color: #ee0033;
  font-size: 23px;
  font-weight: 600;
  line-height: 26px;
  padding: 0 20px;
  text-align: center;
}
@media (max-width: 991px) {
  .endow-service__sub {
    font-size: 21px;
    line-height: 28px;
    padding: 0 15px;
  }
}
.endow-service__list {
  margin: 10px 0 20px;
}
.endow-service__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.endow-service__item:not(:last-child) {
  margin: 0 0 12px;
}
.endow-service__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #d2d2d2;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 24px;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  height: 24px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 10px 0 0;
  padding: 5px;
  width: 24px;
}
.endow-service__value {
  color: #000;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
.endow-service__note {
  color: #54575a;
  font-size: 12px;
  font-style: italic;
  font-weight: 300;
  line-height: 20px;
  margin: 20px 0 25px;
  text-align: center;
}
.endow-service__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0 0;
}
.faq-service {
  margin: 50px 0 80px 0;
  position: relative;
}
@media (max-width: 991px) {
  .faq-service {
    margin: 50px 0;
  }
}
.faq-service .lp-service__top {
  margin: 0 0 40px;
}
.faq-service__item {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.faq-service__item:not(:last-child) {
  margin: 0 0 15px;
}
.faq-service__item.active .faq-service__name {
  color: #ee0033;
}
.faq-service__item.active .faq-service__action {
  color: #ee0033;
}
.faq-service__item.active .faq-service__action i {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.faq-service__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 63px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 991px) {
  .faq-service__top {
    height: auto;
    padding: 15px;
  }
}
.faq-service__title {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.faq-service__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 2px solid #ee0033;
  border-radius: 50%;
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 21px;
      -ms-flex: 0 0 21px;
          flex: 0 0 21px;
  height: 21px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: -5px 8px 0 0;
  width: 21px;
}
@media (max-width: 991px) {
  .faq-service__icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16px;
        -ms-flex: 0 0 16px;
            flex: 0 0 16px;
    font-size: 10px;
    height: 16px;
    width: 16px;
  }
}
.faq-service__name {
  color: #000;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}
@media (max-width: 991px) {
  .faq-service__name {
    font-size: 14px;
    line-height: 21px;
  }
}
.faq-service__action {
  color: #b0b3b2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.faq-service__action i {
  font-size: 24px;
}
.faq-service__info {
  display: none;
  padding: 0 20px 25px;
}
@media (max-width: 991px) {
  .faq-service__info {
    padding: 0 15px 25px;
  }
}
.faq-service__des {
  color: #000;
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
}
@media (max-width: 991px) {
  .faq-service__des {
    font-size: 14px;
    line-height: 21px;
  }
}
.faq-service__des:not(:last-child) {
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .faq-service__des:not(:last-child) {
    margin-bottom: 10px;
  }
}
.action-service {
  position: fixed;
  right: 30px;
  top: 300px;
  z-index: 9;
}
.action-service__item:not(:last-child) {
  margin: 0 0 24px;
}
@media (max-width: 991px) {
  .action-service__item:not(:last-child) {
    margin: 0 0 20px;
  }
}
.action-service__item.sim .action-service__link {
  background-color: #c1132b;
}
.action-service__item.sim .action-service__link:hover {
  background-color: #ee0033;
}
.action-service__item.refresh .action-service__link {
  background-color: #ee0033;
}
.action-service__item.refresh .action-service__link:hover {
  background-color: #c1132b;
}
.action-service__link {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 56px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px;
  width: 56px;
}
@media (max-width: 991px) {
  .action-service__link {
    height: 45px;
    width: 45px;
  }
}
.lp-camera {
  background-color: #fef4f5;
  padding: 0 0 80px;
  position: relative;
  word-break: break-word;
}
@media (max-width: 991px) {
  .lp-camera {
    padding: 0 0 50px;
  }
}
.lp-camera__title {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 60px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 70px;
  margin: 0 0 5px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .lp-camera__title {
    font-size: 30px;
    letter-spacing: 0;
    line-height: 40px;
  }
}
.lp-camera__title-small {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 35px;
  font-weight: 700;
  letter-spacing: 0.025em;
  line-height: 50px;
  padding: 0 0 30px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .lp-camera__title-small {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    padding: 0 0 20px;
  }
}
.lp-camera__title-small::after {
  background-color: #ee0033;
  bottom: 0;
  content: "";
  height: 3px;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100px;
}
.lp-camera__sub {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 48px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .lp-camera__sub {
    font-size: 24px;
    line-height: 36px;
  }
}
.button-camera {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: url("../images_content/bg-button-camera.svg") center center no-repeat;
  border-radius: 100px;
  box-shadow: 3px 3px 21px rgba(0, 0, 0, 0.3);
  color: #4a230d;
  height: 88px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 35px;
  font-weight: 700;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: -0.01em;
  line-height: 48px;
  text-transform: uppercase;
  width: 375px;
}
@media (max-width: 991px) {
  .button-camera {
    font-size: 26px;
    letter-spacing: 0;
    line-height: 36px;
  }
}
@media (max-width: 575px) {
  .button-camera {
    background-size: cover;
    font-size: 24px;
    height: 65px;
    letter-spacing: 0;
    line-height: 32px;
    margin: 0 auto;
    width: 280px;
  }
}
.button-camera:hover {
  opacity: 0.8;
}
.banner-camera {
  background: url("../images_content/bg-banner-camera.png") center center no-repeat;
  background-size: cover;
  height: 972px;
  padding: 140px 0 0;
  position: relative;
  width: 100%;
}
@media (max-width: 991px) {
  .banner-camera {
    height: auto;
    padding: 50px 0 0;
  }
}
.banner-camera__inner {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
@media (max-width: 991px) {
  .banner-camera__inner {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.banner-camera__detail {
  position: relative;
  z-index: 2;
}
@media (max-width: 575px) {
  .banner-camera__detail {
    width: 100%;
  }
}
.banner-camera__info {
  margin: 0 0 50px;
}
@media (max-width: 991px) {
  .banner-camera__info {
    margin: 0 auto 30px;
    width: 300px;
  }
}
.banner-camera__info img {
  height: 232px;
}
@media (max-width: 991px) {
  .banner-camera__info img {
    height: auto;
  }
}
.banner-camera__des {
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 34px;
  line-height: 44px;
  margin: 50px 0 0;
}
@media (max-width: 991px) {
  .banner-camera__des {
    font-size: 18px;
    line-height: 28px;
    margin: 30px 0 0;
    text-align: center;
  }
}
.banner-camera__des span {
  font-weight: 700;
}
.banner-camera__btn {
  margin: 260px 0 0;
}
@media (max-width: 991px) {
  .banner-camera__btn {
    margin: 120px 0 0;
  }
}
@media (max-width: 767px) {
  .banner-camera__btn {
    margin: 60px 0 0;
  }
}
.banner-camera__images {
  bottom: -350px;
  position: absolute;
  right: -130px;
  width: 740px;
  z-index: 1;
}
@media (max-width: 991px) {
  .banner-camera__images {
    bottom: -20px;
    right: 0;
    width: 230px;
  }
}
@media (max-width: 767px) {
  .banner-camera__images {
    display: none;
  }
}
.solution-camera {
  padding: 180px 0 0;
  position: relative;
  width: 100%;
  z-index: 1;
}
.solution-camera::before {
  background: url("../images_content/bg-circle-line.png") center center no-repeat;
  bottom: 0;
  content: "";
  height: 1266px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -1;
}
@media (max-width: 991px) {
  .solution-camera::before {
    background-size: cover;
    height: auto;
  }
}
@media (max-width: 991px) {
  .solution-camera {
    padding: 60px 0 0;
  }
}
.solution-camera__content {
  margin: 60px 0 0;
}
@media (max-width: 991px) {
  .solution-camera__content {
    margin: 30px 0 0;
  }
}
.solution-camera__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.solution-camera__list--left {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.solution-camera__list--left .solution-camera__name {
  max-width: 264px;
}
@media (max-width: 991px) {
  .solution-camera__list--left .solution-camera__name {
    max-width: 100%;
  }
}
.solution-camera__list--right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 20px 0;
}
@media (max-width: 991px) {
  .solution-camera__list--right {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.solution-camera__list--right .solution-camera__name {
  max-width: 330px;
}
@media (max-width: 991px) {
  .solution-camera__list--right .solution-camera__name {
    max-width: 100%;
  }
}
.solution-camera__list--center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 991px) {
  .solution-camera__list--center {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.solution-camera__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.solution-camera__images {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 167px;
      -ms-flex: 0 0 167px;
          flex: 0 0 167px;
  height: 167px;
  margin: 0 23px 0 0;
  width: 167px;
}
@media (max-width: 991px) {
  .solution-camera__images {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 80px;
        -ms-flex: 0 0 80px;
            flex: 0 0 80px;
    height: 80px;
    margin: 0 20px 0 0;
    width: 80px;
  }
}
.solution-camera__images img {
  border-radius: 50%;
  height: 100%;
  width: 100%;
}
.solution-camera__images img:hover {
  opacity: 0.75;
}
.solution-camera__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: calc(100% - 167px - 23px);
}
@media (max-width: 991px) {
  .solution-camera__info {
    width: calc(100% - 100px);
  }
}
.solution-camera__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 34px;
  font-weight: 500;
  letter-spacing: -0.015em;
  line-height: 44px;
}
@media (max-width: 991px) {
  .solution-camera__name {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 24px;
  }
}
.solution-camera__name span {
  font-weight: 700;
}
.bg-camera {
  background: url("../images_content/bg-middle-camera.png") center center no-repeat;
  background-size: cover;
  height: 2683px;
  margin: -150px 0 0;
  padding: 400px 0 0;
  position: relative;
  width: 100%;
}
@media (max-width: 1200px) {
  .bg-camera {
    height: auto;
    padding: 340px 0 100px;
  }
}
@media (max-width: 575px) {
  .bg-camera {
    margin: -200px 0 0;
  }
}
.intro-camera .lp-camera__sub,
.intro-camera .lp-camera__title {
  color: #fff;
}
.intro-camera__detail {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 30px 0 40px;
}
@media (max-width: 991px) {
  .intro-camera__detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 30px 0;
  }
}
.intro-camera__info {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% - 40% - 20px);
      -ms-flex: 0 0 calc(100% - 40% - 20px);
          flex: 0 0 calc(100% - 40% - 20px);
  width: calc(100% - 40% - 20px);
}
@media (max-width: 991px) {
  .intro-camera__info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
  }
}
.intro-camera__sub {
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 0 15px;
}
@media (max-width: 991px) {
  .intro-camera__sub {
    font-size: 24px;
    line-height: 36px;
  }
}
.intro-camera__des {
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 19px;
  line-height: 29px;
  margin: 15px 0 0;
}
@media (max-width: 991px) {
  .intro-camera__des {
    font-size: 14px;
    line-height: 21px;
  }
}
.intro-camera__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 40%;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
  margin: 0 0 0 20px;
  width: 40%;
}
@media (max-width: 991px) {
  .intro-camera__images {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 30px 0 0;
    width: 100%;
  }
}
.intro-camera__images img:hover {
  opacity: 0.9;
}
.intro-camera__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.feature-camera {
  margin: 80px 0 90px;
  padding: 0 60px;
}
@media (max-width: 991px) {
  .feature-camera {
    margin: 40px 0;
    padding: 0 15px;
  }
}
.feature-camera .lp-camera__sub,
.feature-camera .lp-camera__title {
  color: #e81e36;
  text-align: left;
}
.feature-camera__inner {
  background-color: #44494d;
  border-radius: 30px;
  box-shadow: 3px 3px 21px rgba(0, 0, 0, 0.3);
  padding: 3px;
}
@media (max-width: 991px) {
  .feature-camera__inner {
    border-radius: 20px;
    padding: 2px;
  }
}
.feature-camera__box {
  background-color: #fff;
  border-radius: 30px;
  padding: 60px 0 70px;
}
@media (max-width: 991px) {
  .feature-camera__box {
    border-radius: 20px;
    padding: 40px 0;
  }
}
.feature-camera__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 55px -50px 0;
}
@media (max-width: 991px) {
  .feature-camera__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 30px 0;
  }
}
.feature-camera__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 100px);
      -ms-flex: 0 0 calc(100% / 2 - 100px);
          flex: 0 0 calc(100% / 2 - 100px);
  margin: 0 50px 75px;
  width: calc(100% / 2 - 100px);
}
@media (max-width: 991px) {
  .feature-camera__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 15px;
    width: 100%;
  }
  .feature-camera__item:last-child {
    margin: 0;
  }
}
.feature-camera__images {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 55px;
      -ms-flex: 0 0 55px;
          flex: 0 0 55px;
  height: 55px;
  margin: 0 20px 0 0;
  width: 55px;
}
@media (max-width: 991px) {
  .feature-camera__images {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 45px;
        -ms-flex: 0 0 45px;
            flex: 0 0 45px;
    height: 45px;
    margin: 0 15px 0 0;
    width: 45px;
  }
}
.feature-camera__images img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  border-radius: 50%;
  width: 100%;
}
.feature-camera__images img:hover {
  opacity: 0.75;
}
.feature-camera__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: calc(100% - 55px - 20px);
}
@media (max-width: 991px) {
  .feature-camera__info {
    width: calc(100% - 45px - 15px);
  }
}
.feature-camera__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
  margin: 0 0 5px;
  text-transform: uppercase;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 991px) {
  .feature-camera__name {
    font-size: 18px;
    line-height: 28px;
  }
}
.feature-camera__des {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 20px;
  line-height: 26px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 991px) {
  .feature-camera__des {
    font-size: 14px;
    line-height: 21px;
  }
}
.feature-camera__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.utilities-camera__content {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 991px) {
  .utilities-camera__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.utilities-camera__images {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 470px;
      -ms-flex: 0 0 470px;
          flex: 0 0 470px;
  margin: 0 30px 0 0;
  width: 470px;
}
@media (max-width: 991px) {
  .utilities-camera__images {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 20px;
    text-align: center;
    width: 100%;
  }
}
.utilities-camera__images img {
  border-radius: 50%;
}
.utilities-camera__images img:hover {
  opacity: 0.85;
}
.utilities-camera__detail {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: calc(100% - 470px - 30px);
}
@media (max-width: 991px) {
  .utilities-camera__detail {
    width: 100%;
  }
}
.utilities-camera__title {
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 37px;
  font-weight: 700;
  line-height: 52px;
  margin: 0 0 15px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .utilities-camera__title {
    font-size: 30px;
    line-height: 40px;
  }
}
.utilities-camera__title span {
  font-size: 58px;
}
@media (max-width: 991px) {
  .utilities-camera__title span {
    font-size: 36px;
  }
}
.utilities-camera__des {
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 15px 0;
}
@media (max-width: 991px) {
  .utilities-camera__des {
    font-size: 16px;
    line-height: 24px;
  }
}
.utilities-camera__list {
  margin: 50px 0 0;
}
@media (max-width: 991px) {
  .utilities-camera__list {
    margin: 30px 0 0;
  }
}
.utilities-camera__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.utilities-camera__item:not(:last-child) {
  margin: 0 0 15px;
}
.utilities-camera__icon {
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 15px 0 0;
}
@media (max-width: 991px) {
  .utilities-camera__icon {
    margin: 0 10px 0 0;
  }
}
.utilities-camera__icon i {
  font-size: 18px;
  line-height: 26px;
}
@media (max-width: 991px) {
  .utilities-camera__icon i {
    font-size: 14px;
    line-height: 21px;
  }
}
.utilities-camera__value {
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
}
@media (max-width: 991px) {
  .utilities-camera__value {
    font-size: 14px;
    line-height: 21px;
  }
}
.endow-camera {
  margin: 60px 0;
}
@media (max-width: 991px) {
  .endow-camera {
    margin: 40px 0 60px;
  }
}
.endow-camera .lp-camera__sub {
  color: #e81e36;
  margin: 10px 0 0;
}
.endow-camera__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 50px -50px 0;
}
@media (max-width: 991px) {
  .endow-camera__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 30px 0 0;
  }
}
.endow-camera__col {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 100px);
      -ms-flex: 0 0 calc(100% / 2 - 100px);
          flex: 0 0 calc(100% / 2 - 100px);
  height: 100%;
  margin: 0 50px 100px;
  width: calc(100% / 2 - 100px);
}
@media (max-width: 991px) {
  .endow-camera__col {
    border-radius: 10px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 40px;
    width: 100%;
  }
  .endow-camera__col:last-child {
    margin: 0;
  }
}
.endow-camera__sub {
  color: #e81e36;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  min-height: 72px;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 991px) {
  .endow-camera__sub {
    font-size: 18px;
    line-height: 28px;
    min-height: auto;
    -webkit-line-clamp: inherit;
  }
}
.endow-camera__list {
  margin: 20px 0 0;
}
.endow-camera__item {
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 3px 3px 21px rgba(0, 0, 0, 0.3);
  margin: 0 0 100px;
  position: relative;
}
@media (max-width: 991px) {
  .endow-camera__item {
    margin: 0 0 50px;
  }
}
.endow-camera__item:last-child {
  margin: 0;
}
.endow-camera__item.highlight .endow-camera__info {
  background: -webkit-linear-gradient(left, #F0843F 0%, #EE0033 50%, #E81E36 100%);
  background: linear-gradient(90deg, #F0843F 0%, #EE0033 50%, #E81E36 100%);
}
.endow-camera__item.highlight .endow-camera__name {
  color: #fff;
}
.endow-camera__badge {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #e81e36;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  left: -35px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 150px;
  padding: 5px 15px;
  position: absolute;
  top: 25px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
@media (max-width: 575px) {
  .endow-camera__badge {
    left: -20px;
  }
}
.endow-camera__badge img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 10px 0 0;
}
.endow-camera__badge-name {
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
}
.endow-camera__info {
  border-radius: 15px 15px 0 0;
  padding: 30px 20px 20px;
}
@media (max-width: 991px) {
  .endow-camera__info {
    padding: 30px 15px 20px;
  }
}
.endow-camera__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 150px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 50px;
}
@media (max-width: 991px) {
  .endow-camera__images {
    margin: 0 0 30px;
  }
}
.endow-camera__images img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.endow-camera__images img:hover {
  opacity: 0.85;
}
.endow-camera__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  padding: 0 60px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .endow-camera__name {
    font-size: 18px;
    line-height: 28px;
    padding: 0;
  }
  .endow-camera__name br {
    display: none;
  }
}
.endow-camera__detail {
  background-color: #fff;
  padding: 0 0 25px;
}
.endow-camera__spec {
  position: relative;
}
.endow-camera__spec-top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #eceff0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 6px 20px;
}
@media (max-width: 991px) {
  .endow-camera__spec-top {
    padding: 8px 15px;
  }
}
.endow-camera__spec-name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.endow-camera__spec-icon {
  color: #ccc;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 15px;
}
.endow-camera__spec-icon i {
  font-size: 6px;
}
.endow-camera__spec-list {
  background-color: #fff;
  display: none;
  height: 172px;
  left: 0;
  overflow: hidden;
  padding: 20px 30px 0;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 10;
}
@media (max-width: 991px) {
  .endow-camera__spec-list {
    padding: 15px 15px 0;
  }
}
.endow-camera__spec-item {
  color: #808080;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.endow-camera__spec-item:not(:last-child) {
  margin: 0 0 5px;
}
.endow-camera__spec.opened .endow-camera__spec-list {
  display: block;
}
.endow-camera__spec.opened .endow-camera__spec-icon {
  color: #ee0033;
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.endow-camera__price-sale {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0 0;
  height: 130px;
  padding: 0 20px;
}
@media (max-width: 991px) {
  .endow-camera__price-sale {
    padding: 0 15px;
  }
}
.endow-camera__sale {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.endow-camera__sale-value {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 50px;
  font-weight: 600;
  line-height: 60px;
}
@media (max-width: 991px) {
  .endow-camera__sale-value {
    font-size: 30px;
    line-height: 40px;
  }
}
.endow-camera__sale-icon {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 40px;
  margin: 0 0 0 2px;
}
@media (max-width: 991px) {
  .endow-camera__sale-icon {
    font-size: 24px;
    line-height: 36px;
  }
}
.endow-camera__price {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 5px 0 0;
  text-decoration: line-through;
}
.endow-camera__price-value {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
}
@media (max-width: 991px) {
  .endow-camera__price-value {
    font-size: 20px;
    line-height: 30px;
  }
}
.endow-camera__price-icon {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  top: -5px;
}
.endow-camera__des {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  line-height: 20px;
  padding: 0 20px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .endow-camera__des {
    padding: 0 15px;
  }
}
.endow-camera__btn {
  border-radius: 0 0 15px 15px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .endow-camera__btn {
    border-radius: 0 0 10px 10px;
  }
}
.endow-camera .btn-camera {
  background: -webkit-linear-gradient(left, #FDEB88 17.41%, #FCDB73 27.91%, #FABE4D 49.12%, #F8AA32 68.8%, #F79D22 86.2%, #F7991C 99.5%);
  background: linear-gradient(90deg, #FDEB88 17.41%, #FCDB73 27.91%, #FABE4D 49.12%, #F8AA32 68.8%, #F79D22 86.2%, #F7991C 99.5%);
  color: #44494d;
  display: block;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 32px;
  padding: 20px;
  text-align: center;
}
@media (max-width: 991px) {
  .endow-camera .btn-camera {
    font-size: 18px;
    line-height: 28px;
    padding: 15px;
  }
}
.endow-camera .btn-camera:hover {
  opacity: 0.85;
}
.bg-storage {
  background: url("../images_content/bg-storage-camera.png") center center no-repeat;
  background-size: cover;
  height: 1892px;
  margin: -200px 0 0;
  padding: 430px 0 0;
  position: relative;
  width: 100%;
}
@media (max-width: 991px) {
  .bg-storage {
    height: auto;
    margin: -130px 0 0;
    padding: 280px 0 120px;
  }
}
@media (max-width: 767px) {
  .bg-storage {
    height: auto;
    margin: -250px 0 0;
    padding: 320px 0 60px;
  }
}
.pack-storage .lp-camera__top {
  position: relative;
}
.pack-storage .lp-camera__top:after {
  background-color: #f9fbff;
  bottom: -30px;
  content: '';
  height: 2px;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 102px;
}
.pack-storage .lp-camera__title,
.pack-storage .lp-camera__sub {
  color: #fff;
}
.pack-storage__content {
  margin: 130px 0 0;
}
@media (max-width: 767px) {
  .pack-storage__content {
    margin: 150px 0 0;
  }
}
.pack-storage__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -50px;
}
@media (max-width: 991px) {
  .pack-storage__list {
    margin: 0 -15px;
  }
}
@media (max-width: 767px) {
  .pack-storage__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.pack-storage__item {
  background-color: #fff;
  border-radius: 15px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 100px);
      -ms-flex: 0 0 calc(100% / 2 - 100px);
          flex: 0 0 calc(100% / 2 - 100px);
  margin: 0 50px;
  padding: 120px 40px 40px;
  position: relative;
  width: calc(100% / 2 - 100px);
}
@media (max-width: 991px) {
  .pack-storage__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2 - 30px);
        -ms-flex: 0 0 calc(100% / 2 - 30px);
            flex: 0 0 calc(100% / 2 - 30px);
    margin: 0 15px;
    padding: 100px 20px 30px;
    width: calc(100% / 2 - 30px);
  }
}
@media (max-width: 767px) {
  .pack-storage__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 130px;
    padding: 120px 15px 30px;
    width: 100%;
  }
  .pack-storage__item:last-child {
    margin: 0;
  }
}
.pack-storage__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  left: 50%;
  position: absolute;
  top: -95px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 10;
}
@media (max-width: 767px) {
  .pack-storage__images {
    top: -70px;
  }
}
.pack-storage__name {
  color: #e81e36;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  margin: 0 0 15px;
  overflow: hidden;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 991px) {
  .pack-storage__name {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  .pack-storage__name {
    font-size: 18px;
    line-height: 28px;
  }
}
.pack-storage__sub {
  color: #464849;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  margin: 0 0 10px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .pack-storage__sub {
    font-size: 14px;
    line-height: 20px;
  }
}
.pack-storage__info {
  background-color: #fff;
  border: 1px solid #464849;
  border-radius: 30px;
  margin: 0 40px;
  padding: 8px 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .pack-storage__info {
    margin: 0 20px;
    padding: 5px 20px;
  }
}
.pack-storage__info:not(:last-child) {
  margin: 0 40px 20px;
}
@media (max-width: 767px) {
  .pack-storage__info:not(:last-child) {
    margin: 0 20px 20px;
  }
}
.pack-storage__fee {
  color: #464849;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .pack-storage__fee {
    font-size: 14px;
    line-height: 20px;
  }
}
.pack-storage__date {
  color: #464849;
  font-size: 18px;
  line-height: 28px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .pack-storage__date {
    font-size: 14px;
    line-height: 20px;
  }
}
.reasons-camera {
  padding: 100px 0 0;
  width: 100%;
}
@media (max-width: 991px) {
  .reasons-camera {
    padding: 60px 0 0;
  }
}
.reasons-camera .lp-camera__title-small {
  color: #fff;
}
.reasons-camera .lp-camera__title-small::after {
  background-color: #fff;
}
.reasons-camera__video {
  margin: 60px 0 0;
  padding: 0 80px;
}
@media (max-width: 991px) {
  .reasons-camera__video {
    margin: 40px 0 0;
    padding: 0 15px;
  }
}
.reasons-camera__video iframe {
  border-radius: 6px;
  box-shadow: 3px 3px 21px rgba(0, 0, 0, 0.3);
  height: 500px;
}
@media (max-width: 991px) {
  .reasons-camera__video iframe {
    height: 300px;
  }
}
.faq-camera {
  margin: 150px 0 0;
  position: relative;
}
@media (max-width: 991px) {
  .faq-camera {
    margin: 60px 0 0;
  }
}
.faq-camera .lp-camera__top {
  margin: 0 0 50px;
}
@media (max-width: 991px) {
  .faq-camera .lp-camera__top {
    margin: 0 0 30px;
  }
}
.faq-camera__item {
  cursor: pointer;
}
.faq-camera__item:not(:last-child) {
  margin: 0 0 30px;
}
@media (max-width: 991px) {
  .faq-camera__item:not(:last-child) {
    margin: 0 0 15px;
  }
}
.faq-camera__item.active .faq-camera__action {
  color: #e81e36;
}
.faq-camera__item.active .faq-camera__action i {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.faq-camera__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.faq-camera__name {
  color: #464849;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 36px;
}
@media (max-width: 991px) {
  .faq-camera__name {
    font-size: 18px;
    line-height: 28px;
  }
}
.faq-camera__action {
  color: #e8b7bd;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 20px;
}
.faq-camera__action i {
  font-size: 10px;
}
.faq-camera__info {
  display: none;
  padding: 20px 0 0;
}
@media (max-width: 991px) {
  .faq-camera__info {
    padding: 15px 0 0;
  }
}
.faq-camera__des {
  color: #808080;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 32px;
}
@media (max-width: 991px) {
  .faq-camera__des {
    font-size: 14px;
    line-height: 21px;
  }
}
.faq-camera__des:not(:last-child) {
  margin-bottom: 10px;
}
.lp-footer {
  background-color: #ed1b2f;
  padding: 80px 0;
  text-align: center;
}
@media (max-width: 991px) {
  .lp-footer {
    padding: 50px 0;
  }
}
.lp-footer--netgame {
  background-color: transparent;
  margin: 170px 0 0;
  padding: 0;
}
@media (max-width: 991px) {
  .lp-footer--netgame {
    margin: 0 0 170px;
  }
}
.lp-footer__logo {
  font-size: 0;
}
.lp-footer__logo-link {
  display: inline-block;
}
.lp-footer__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 60px 0 10px;
}
@media (max-width: 991px) {
  .lp-footer__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 30px 0 10px;
  }
}
.lp-footer__des {
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 20px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .lp-footer__des {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 10px;
  }
  .lp-footer__des:last-child {
    margin: 0;
  }
}
.lp-footer__line {
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  margin: 0 35px;
  width: 1px;
}
@media (max-width: 991px) {
  .lp-footer__line {
    display: none;
  }
}
.lp-footer__copyright {
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin: 10px 0 0 165px;
  text-align: left;
}
@media (max-width: 991px) {
  .lp-footer__copyright {
    margin: 15px 0 0;
    text-align: center;
  }
}
.lp-footer__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 50px -10px 0;
}
@media (max-width: 991px) {
  .lp-footer__list {
    margin: 40px -10px 0;
  }
}
.lp-footer__item {
  margin: 0 10px;
}
.lp-footer__link {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 50%;
  color: #ed1b2f;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 48px;
      -ms-flex: 0 0 48px;
          flex: 0 0 48px;
  height: 48px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5px;
  width: 48px;
}
.lp-footer__link:hover svg {
  color: #470c28;
}
.lp-footer__link svg {
  fill: currentColor;
  color: #ed1b2f;
}
.purchase-product {
  padding: 0 0 80px;
}
@media (max-width: 991px) {
  .purchase-product {
    padding: 20px 0 60px;
  }
}
.purchase-order {
  background-color: #fff;
  margin: 0 0 25px;
  padding: 20px 30px 50px;
}
@media (max-width: 575px) {
  .purchase-order {
    padding: 20px 15px;
  }
}
.purchase-order__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  margin: 0 0 15px;
}
@media (max-width: 991px) {
  .purchase-order__title {
    font-size: 20px;
    line-height: 30px;
  }
}
.purchase-order__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0 0;
}
@media (max-width: 991px) {
  .purchase-order__detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.purchase-order__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3);
      -ms-flex: 0 0 calc(100% / 3);
          flex: 0 0 calc(100% / 3);
  width: calc(100% / 3);
}
@media (max-width: 991px) {
  .purchase-order__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 20px;
    width: 100%;
  }
  .purchase-order__item:last-child {
    margin: 0;
  }
}
.purchase-device {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
}
.purchase-device__images {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 76px;
      -ms-flex: 0 0 76px;
          flex: 0 0 76px;
  margin: 0 8px 0 0;
  width: 76px;
}
.purchase-device__images:hover {
  opacity: 0.75;
}
.purchase-device__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  margin: 0 0 2px;
}
@media (max-width: 575px) {
  .purchase-device__name {
    font-size: 16px;
    line-height: 24px;
  }
}
.purchase-device__name:hover {
  color: #ee0033;
}
.purchase-device__des {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 575px) {
  .purchase-device__des {
    font-size: 14px;
    line-height: 21px;
  }
}
.purchase-price {
  border-left: 2px solid #c4c4c4;
  border-right: 2px solid #c4c4c4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 40px;
}
@media (max-width: 991px) {
  .purchase-price {
    border: 0;
    border-bottom: 1px solid #c4c4c4;
    border-top: 1px solid #c4c4c4;
    padding: 20px;
  }
}
.purchase-price__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.purchase-price__name {
  color: #727272;
  font-size: 14px;
  line-height: 24px;
}
.purchase-price__list {
  padding: 0 0 0 5px;
}
.purchase-price__item {
  color: #727272;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
}
.purchase-price__item:not(:last-child) {
  margin: 0 0 2px;
}
.purchase-price__value {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 0 20px;
}
.purchase-total {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 40px;
}
@media (max-width: 991px) {
  .purchase-total {
    padding: 0 20px;
  }
}
.purchase-total__name {
  color: #727272;
  font-size: 14px;
  line-height: 24px;
  margin: 0 20px 0 0;
}
.purchase-total__info {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.purchase-total__value {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  margin: 0 0 2px;
}
.purchase-total__note {
  color: #727272;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
}
.purchase-box {
  background-color: #fff;
  margin: 25px 0 0;
  padding: 20px 30px 50px;
}
@media (max-width: 575px) {
  .purchase-box {
    padding: 20px 15px 40px;
  }
}
.purchase-box__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  margin: 0 0 5px;
}
@media (max-width: 991px) {
  .purchase-box__title {
    font-size: 20px;
    line-height: 30px;
  }
}
.purchase-box__noti {
  color: #44494d;
  font-size: 14px;
  line-height: 24px;
  margin: 5px 0 0;
}
.purchase-box__sub {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  margin: 0 0 15px;
}
@media (max-width: 991px) {
  .purchase-box__sub {
    font-size: 16px;
    line-height: 24px;
  }
}
.month-installment {
  margin: 10px 0 0;
}
.month-installment__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -20px;
}
@media (max-width: 991px) {
  .month-installment__list {
    margin: 0 -8px;
  }
}
.month-installment__item {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  margin: 0 20px;
  padding: 8px 20px;
}
@media (max-width: 991px) {
  .month-installment__item {
    border-radius: 6px 6px 6px 0;
    margin: 0 8px 16px;
    padding: 8px 16px;
  }
}
.month-installment .radio-custom1 {
  font-size: 16px;
  line-height: 24px;
  padding: 0 0 0 28px;
}
@media (max-width: 991px) {
  .month-installment .radio-custom1 {
    font-size: 14px;
    line-height: 20px;
  }
  .month-installment .radio-custom1 input:checked ~ .checkmark ~ span {
    color: #ee0033;
    font-weight: 400;
  }
}
.company-installment {
  margin: 15px 0 0;
}
@media (max-width: 991px) {
  .company-installment {
    margin: 5px 0 0;
  }
}
.company-installment__table {
  display: block;
  overflow-x: auto;
  width: 100%;
}
.table-installment {
  background-color: #ccc;
  border-collapse: separate;
  border-spacing: 0;
  min-width: 768px;
  overflow: hidden;
  table-layout: fixed;
  width: 100%;
}
.table-installment thead tr {
  background-color: #fff;
}
.table-installment tbody tr {
  background-color: #fff;
}
.table-installment tbody tr:nth-child(2n) {
  background-color: #fbfbfb;
}
.table-installment th,
.table-installment td {
  color: #727272;
  border-right: 1px solid #ebedf1;
  font-size: 16px;
  padding: 20px;
  text-align: left;
}
@media (max-width: 991px) {
  .table-installment th,
  .table-installment td {
    font-size: 14px;
    padding: 15px;
  }
}
.table-installment th:last-child,
.table-installment td:last-child {
  border-right: 0;
}
.table-installment th {
  padding: 5px 20px;
}
@media (max-width: 991px) {
  .table-installment th {
    padding: 5px 15px;
  }
}
.table-installment__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}
@media (max-width: 991px) {
  .table-installment__name {
    font-size: 16px;
    line-height: 24px;
  }
}
.table-installment__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.table-installment__images img:hover {
  opacity: 0.75;
}
.table-installment__value {
  color: #727272;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .table-installment__value {
    font-size: 14px;
    line-height: 20px;
  }
}
.table-installment__value.hightlight {
  color: #ee0033;
}
.table-installment__value span {
  color: #ee0033;
  margin: 0 5px;
}
.table-installment__value i {
  color: #ee0033;
  cursor: pointer;
  font-size: 8px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .table-installment__value i {
    line-height: 20px;
  }
}
.table-installment__btn {
  padding: 0 20px;
}
.table-installment__truncate {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.requests-installment {
  margin: 20px 0 0;
  max-width: 715px;
  width: 100%;
}
@media (max-width: 991px) {
  .requests-installment {
    max-width: 100%;
  }
}
.requests-installment__info {
  margin: 5px 0 15px;
}
.requests-installment__select {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 15px 0 20px;
}
.requests-installment__select .radio-custom1 {
  font-size: 16px;
  line-height: 20px;
  padding: 0 0 0 26px;
}
@media (max-width: 991px) {
  .requests-installment__select .radio-custom1 {
    font-size: 14px;
  }
}
.requests-installment__select .radio-custom1:not(:last-child) {
  margin: 0 15px 0 0;
}
.requests-installment__form {
  background-color: #fbfbfb;
  border-radius: 10px;
  padding: 15px 15px 0;
}
.requests-installment__confirm {
  margin: 20px 0 0;
}
.requests-installment__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0 0;
}
.requests-installment__btn .button {
  width: 320px;
}
@media (max-width: 575px) {
  .requests-installment__btn .button {
    width: 100%;
  }
}
.tv-internet {
  padding: 0 0 60px;
}
@media (max-width: 991px) {
  .tv-internet {
    padding: 40px 0 60px;
  }
}
.tv-internet__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.15px;
  line-height: 36px;
  margin: 0 0 30px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .tv-internet__title {
    font-size: 22px;
    line-height: 32px;
    margin: 0 0 20px;
  }
}
.tv-internet__sub {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}
@media (max-width: 991px) {
  .tv-internet__sub {
    font-size: 20px;
    line-height: 30px;
  }
}
.tv-internet__select {
  margin: 0 0 20px;
  width: 345px;
}
@media (max-width: 575px) {
  .tv-internet__select {
    width: 100%;
  }
}
.tv-internet__row:not(:last-child) {
  margin: 0 0 40px;
}
@media (max-width: 991px) {
  .tv-internet__row .btabs.left {
    margin: 10px 0 0;
  }
}
.tv-internet__row .tv-internet__select {
  margin: 0;
}
@media (max-width: 575px) {
  .tv-internet__row .tv-internet__select {
    margin: 0 15px 0 0;
    width: 220px;
  }
}
.tv-internet__detail {
  margin: 20px 0 0;
}
.tv-internet__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}
@media (max-width: 575px) {
  .tv-internet__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.tv-internet__list .internet-tele {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 4 - 30px);
      -ms-flex: 0 0 calc(100% / 4 - 30px);
          flex: 0 0 calc(100% / 4 - 30px);
  margin: 0 15px 30px;
  width: calc(100% / 4 - 30px);
}
@media (max-width: 991px) {
  .tv-internet__list .internet-tele {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2 - 30px);
        -ms-flex: 0 0 calc(100% / 2 - 30px);
            flex: 0 0 calc(100% / 2 - 30px);
    width: calc(100% / 2 - 30px);
  }
}
@media (max-width: 575px) {
  .tv-internet__list .internet-tele {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 30px;
    width: 100%;
  }
}
.internet-detail {
  padding: 0 0 60px;
}
@media (max-width: 991px) {
  .internet-detail {
    padding: 40px 0 60px;
  }
}
.internet-detail__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 30px;
}
@media (max-width: 991px) {
  .internet-detail__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.internet-detail__left {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: calc(100% - 360px - 60px);
}
@media (max-width: 991px) {
  .internet-detail__left {
    width: 100%;
  }
}
.internet-detail__right {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 360px;
      -ms-flex: 0 0 360px;
          flex: 0 0 360px;
  margin: 0 0 0 60px;
  width: 360px;
}
@media (max-width: 991px) {
  .internet-detail__right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 30px 0 0;
    width: 100%;
  }
}
.internet-detail__sub {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
}
@media (max-width: 991px) {
  .internet-detail__sub {
    font-size: 20px;
    line-height: 30px;
  }
}
.package-internet {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 20px;
}
@media (max-width: 767px) {
  .package-internet {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.package-internet__images {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 264px;
      -ms-flex: 0 0 264px;
          flex: 0 0 264px;
  height: 264px;
  margin: 0 30px 0 0;
  width: 264px;
}
@media (max-width: 767px) {
  .package-internet__images {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
        -ms-flex: auto;
            flex: auto;
    height: 330px;
    margin: 0 0 30px;
    width: 100%;
  }
}
@media (max-width: 575px) {
  .package-internet__images {
    height: 200px;
  }
}
.package-internet__images img {
  border-radius: 8px 8px 0 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.package-internet__detail {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: calc(100% - 264px - 30px);
}
@media (max-width: 767px) {
  .package-internet__detail {
    width: 100%;
  }
}
.package-internet__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.15px;
  line-height: 36px;
  margin: 0 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .package-internet__name {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
  }
}
.package-internet__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 10px 0 25px;
}
@media (max-width: 767px) {
  .package-internet__info {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.package-internet__price {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.package-internet__price-new {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}
.package-internet__price-old {
  color: #727272;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 0 5px;
  text-decoration: line-through;
}
.package-internet__data {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-left: 1px solid #d1d1d1;
  color: #44494d;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 0 12px;
  padding: 0 0 0 15px;
}
@media (max-width: 767px) {
  .package-internet__data {
    border-left: 0;
    margin: 5px 0 0;
    padding: 0;
  }
}
.package-internet__data span {
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 20px;
  margin: -3px 0 0 5px;
}
.package-internet__fee {
  margin: 25px 0 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.package-internet__fee.opened .package-internet__list {
  height: 100%;
}
.package-internet__fee.opened i {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.package-internet__list {
  height: 142px;
  margin: 0 0 10px;
  overflow: hidden;
}
.package-internet__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.package-internet__item:not(:last-child) {
  margin: 0 0 8px;
}
.package-internet__item.selected {
  background-color: rgba(238, 0, 51, 0.1);
}
.package-internet__item .radio-custom1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 0 0 28px;
}
.package-internet__item .radio-custom1 input:checked ~ .checkmark ~ span {
  font-weight: 600;
}
.package-internet__value {
  color: #44494d;
  font-size: 14px;
  line-height: 24px;
  margin: 0 0 0 15px;
}
.package-internet__value span {
  color: #ee0033;
  margin: 0 0 0 2px;
}
.package-internet__action {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ee0033;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 10px 0 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.package-internet__action i {
  font-size: 8px;
  margin: 0 0 0 8px;
}
.package-internet__see-more {
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
@media (max-width: 767px) {
  .package-internet__see-more {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
  }
}
.order-internet {
  background-color: #fff;
  border-radius: 8px 8px 8px 0;
  padding: 30px 28px;
}
@media (max-width: 991px) {
  .order-internet {
    padding: 30px 15px;
  }
}
.order-internet__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 20px;
  text-align: center;
}
@media (max-width: 991px) {
  .order-internet__title {
    font-size: 16px;
    line-height: 24px;
  }
}
.order-internet__list {
  margin: 20px 0 0;
}
.order-internet__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.order-internet__item:not(:last-child) {
  margin: 0 0 20px;
}
.order-internet__item.last {
  border-top: 1px solid #d1d1d1;
  padding: 20px 0 0;
}
.order-internet__name {
  color: #727272;
  font-size: 14px;
  line-height: 24px;
}
.order-internet__value {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 0 10px;
}
.order-internet__value.total {
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}
.order-internet__info {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 0 0 8px;
}
.order-internet__info .order-internet__value {
  margin: -3px 0 2px;
}
.order-internet__note {
  color: #727272;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  margin: 2px 0 0;
}
.order-internet__btn {
  margin: 30px 0 0;
}
.internet-register {
  padding: 20px 0 60px;
}
.internet-register .nav-pills {
  margin: 0 auto 30px;
  max-width: 600px;
  width: 100%;
}
@media (max-width: 991px) {
  .internet-register .nav-pills {
    max-width: 100%;
  }
}
.internet-register__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 50px 0 0;
}
@media (max-width: 991px) {
  .internet-register__detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 30px 0 0;
  }
}
.internet-register__left {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: calc(100% - 360px - 30px);
}
@media (max-width: 991px) {
  .internet-register__left {
    width: 100%;
  }
}
.internet-register__right {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 360px;
      -ms-flex: 0 0 360px;
          flex: 0 0 360px;
  margin: 0 0 0 30px;
  width: 360px;
}
@media (max-width: 991px) {
  .internet-register__right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 30px 0 0;
    width: 100%;
  }
}
.internet-info {
  background-color: #fff;
  padding: 15px 20px;
}
@media (max-width: 991px) {
  .internet-info {
    padding: 15px;
  }
}
.internet-info__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 10px;
}
@media (max-width: 991px) {
  .internet-info__title {
    font-size: 20px;
    line-height: 30px;
  }
}
.internet-info__sub {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 8px;
}
@media (max-width: 991px) {
  .internet-info__sub {
    font-size: 16px;
    line-height: 24px;
  }
}
.internet-info__des {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  margin: 5px 0 15px;
}
@media (max-width: 991px) {
  .internet-info__des {
    font-size: 14px;
    line-height: 20px;
  }
}
.internet-info__link {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-weight: 600;
  margin: 0 0 0 5px;
  text-decoration: underline;
}
.internet-info__link:hover {
  color: #d11313;
}
.internet-info__row:not(:last-child) {
  margin: 0 0 10px;
}
.internet-info .form-capcha {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 15px;
}
.internet-info .form-capcha__images {
  height: 38px;
}
@media (min-width: 576px) {
  .modal--internet .modal__content {
    max-width: 558px;
  }
}
@media (max-width: 991px) {
  .modal--internet .modal__content {
    padding: 0 20px;
  }
}
.modal--internet .modal__body {
  padding: 0 20px 30px;
}
@media (max-width: 991px) {
  .modal--internet .modal__body {
    padding: 0 0 30px;
  }
}
.modal--internet .modal__body--success {
  padding: 0 40px 40px;
}
@media (max-width: 991px) {
  .modal--internet .modal__body--success {
    padding: 0 0 30px;
  }
}
.modal-internet__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 15px;
  text-align: center;
}
@media (max-width: 991px) {
  .modal-internet__title {
    font-size: 20px;
    letter-spacing: 0.15px;
    line-height: 30px;
  }
}
.modal-internet__sub {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 15px;
  text-align: center;
}
@media (max-width: 991px) {
  .modal-internet__sub {
    font-size: 16px;
    line-height: 24px;
  }
}
.modal-internet__des {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  margin: 15px 0;
  text-align: center;
}
@media (max-width: 991px) {
  .modal-internet__des {
    color: #000;
    font-size: 14px;
    line-height: 20px;
  }
}
.modal-internet__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 15px 0;
}
.modal-internet__images--success {
  color: #58b84f;
}
.modal-internet__images--warning {
  color: #d11313;
}
.modal-internet__images i {
  font-size: 70px;
}
.modal-internet__choosen {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 20px;
  max-width: 360px;
  width: 100%;
}
@media (max-width: 991px) {
  .modal-internet__choosen {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 0 15px;
    max-width: 100%;
  }
}
.modal-internet__choosen .radio-custom1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 0 0 26px;
}
@media (max-width: 991px) {
  .modal-internet__choosen .radio-custom1 {
    width: 100%;
  }
  .modal-internet__choosen .radio-custom1:not(:last-child) {
    margin: 0 0 12px;
  }
}
.modal-internet__choosen .radio-custom1 input:checked ~ .checkmark ~ span {
  font-weight: 400;
}
.modal-internet__form {
  margin: 0 auto;
  max-width: 360px;
  width: 100%;
}
@media (max-width: 991px) {
  .modal-internet__form {
    max-width: 100%;
  }
}
.modal-internet__select {
  margin: 25px 0 20px;
}
@media (max-width: 991px) {
  .modal-internet__select {
    margin: 15px 0 0;
  }
}
.modal-internet__select-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.modal-internet__select-item:not(:last-child) {
  margin: 0 0 20px;
}
@media (max-width: 991px) {
  .modal-internet__select-item:not(:last-child) {
    margin: 0 0 15px;
  }
}
.modal-internet__select-item.active .modal-internet__select-link,
.modal-internet__select-item:hover .modal-internet__select-link {
  border-color: #ee0033;
  color: #ee0033;
}
.modal-internet__select-link {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 10px 10px 10px 0;
  color: #44494d;
  font-size: 14px;
  line-height: 20px;
  padding: 15px 20px;
  text-align: center;
  width: 100%;
}
.modal-internet__row:not(:last-child) {
  border-bottom: 1px solid #eee;
  margin: 0 0 10px;
  padding: 0 0 10px;
}
.modal-internet__list {
  margin: 0 20px;
}
@media (max-width: 991px) {
  .modal-internet__list {
    margin: 0 15px;
  }
}
.modal-internet__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.modal-internet__item:not(:last-child) {
  margin: 0 0 5px;
}
.modal-internet__name {
  color: #44494d;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 175px;
      -ms-flex: 0 0 175px;
          flex: 0 0 175px;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 20px;
}
@media (max-width: 991px) {
  .modal-internet__name {
    font-size: 12px;
    line-height: 18px;
  }
}
.modal-internet__value {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 24px;
  margin: 0 0 0 20px;
}
@media (max-width: 991px) {
  .modal-internet__value {
    font-size: 12px;
    line-height: 18px;
  }
}
.modal-internet__noti {
  color: #44494d;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  margin: 15px 0 0;
  text-align: center;
}
@media (max-width: 991px) {
  .modal-internet__noti {
    font-size: 10px;
    line-height: 16px;
  }
}
.modal-internet__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px 0 0;
}
@media (max-width: 991px) {
  .modal-internet__btn {
    margin: 25px 0 0;
  }
}
.modal-internet__btn .button {
  width: 360px;
}
@media (max-width: 991px) {
  .modal-internet__btn .button {
    width: 100%;
  }
}
.modal-internet__btn--2column {
  margin: 30px -8px 0;
}
.modal-internet__btn--2column .button {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 16px);
      -ms-flex: 0 0 calc(100% / 2 - 16px);
          flex: 0 0 calc(100% / 2 - 16px);
  margin: 0 8px;
  width: calc(100% / 2 - 16px);
}
.location-info {
  margin: 0 0 15px;
}
.location-info__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.15px;
  line-height: 28px;
  margin: 0 0 15px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .location-info__title {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0 0 10px;
  }
}
.location-info__form {
  margin: 15px 0 0;
}
.service-using {
  margin: 15px 0 30px;
}
@media (max-width: 991px) {
  .service-using {
    margin: 15px 0 20px;
  }
}
.service-using__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.15px;
  line-height: 28px;
  margin: 0 0 15px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .service-using__title {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0 0 10px;
  }
}
.service-using__box {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #eee;
  border-radius: 12px 12px 12px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 15px 0 0;
  padding: 15px 30px 25px;
}
@media (max-width: 991px) {
  .service-using__box {
    border-radius: 8px 8px 8px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 15px 15px 30px;
  }
}
@media (max-width: 767px) {
  .service-using__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.service-using__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 15px 0 0;
  width: calc(100% / 2 - 15px);
}
@media (max-width: 767px) {
  .service-using__detail {
    margin: 0 0 20px;
    width: 100%;
  }
}
.service-using__icon {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 45px;
      -ms-flex: 0 0 45px;
          flex: 0 0 45px;
  height: 45px;
  margin: 0 25px 0 0;
  width: 45px;
}
.service-using__icon img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.service-using__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: calc(100% - 45px - 25px);
}
.service-using__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
.service-using__des {
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  line-height: 20px;
  margin: 8px 0 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.service-using__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0 0 0 15px;
  width: calc(100% / 2 - 15px);
}
@media (max-width: 767px) {
  .service-using__btn {
    margin: 0;
    width: 100%;
  }
}
.service-using__btn .button {
  width: 220px;
}
@media (max-width: 767px) {
  .service-using__btn .button {
    width: 100%;
  }
}
.service-sp {
  padding: 25px 0 40px;
}
.service-sp__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 15px;
}
.service-sp__title--center {
  text-align: center;
}
.service-sp__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 12px;
}
.service-sp__sub {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
.service-sp__link {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 0 20px;
}
.service-sp__link:hover {
  color: #d11313;
  text-decoration: underline;
}
.service-sp__row:not(:last-child) {
  margin: 0 0 15px;
}
.service-sp__btn {
  margin: 20px 0 0;
}
.package-sp {
  background-color: #eee;
  border: 1px solid #d1d1d1;
  border-radius: 12px 12px 12px 0;
  overflow: hidden;
}
.package-sp__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 45px;
  padding: 10px;
  text-align: center;
}
.package-sp__content {
  background-color: #fff;
  border-radius: 12px 12px 0 0;
  border-top: 1px solid #d1d1d1;
  padding: 10px 15px 15px;
}
.package-sp__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 0 5px;
}
.package-sp__price {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 45px;
  margin: 0 0 2px;
}
.package-sp__data {
  color: #727272;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.package-sp__detail {
  margin: 5px 0 0;
}
.package-sp__sub {
  color: #44494d;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 2px;
}
.package-sp__info {
  margin: 2px 0 0;
}
.package-sp__des {
  color: #44494d;
  font-size: 14px;
  line-height: 24px;
  margin: 0 0 8px;
}
.package-sp__note {
  color: #44494d;
  font-size: 12px;
  font-style: italic;
  line-height: 20px;
  text-align: center;
}
.package-sp__select {
  margin: 15px 0 20px;
}
.package-sp__list {
  border-top: 1px solid #ececec;
  margin: 20px -15px 0;
  padding: 15px 15px 5px;
}
.package-sp__item {
  color: #727272;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  font-weight: 600;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 18px;
}
.package-sp__item:not(:last-child) {
  margin: 0 0 10px;
}
.package-sp__item.total .package-sp__txt {
  color: #44494d;
}
.package-sp__item.total .package-sp__value {
  color: #ee0033;
}
.package-sp__txt {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.package-sp__value {
  margin: 0 0 0 20px;
}
.promotion-sp {
  margin: 15px 0 0;
}
.promotion-sp__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -8px;
}
.promotion-sp__item {
  background-color: #eee;
  border: 1px solid #d1d1d1;
  border-radius: 12px 12px 12px 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 16px);
      -ms-flex: 0 0 calc(100% / 2 - 16px);
          flex: 0 0 calc(100% / 2 - 16px);
  margin: 0 8px 10px;
  overflow: hidden;
  width: calc(100% / 2 - 16px);
}
.promotion-sp__top {
  padding: 10px 10px 5px;
}
.promotion-sp__name {
  color: #44494d;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin: 0 0 2px;
  text-align: center;
}
.promotion-sp__des {
  color: #727272;
  font-size: 12px;
  line-height: 18px;
  margin: 2px 0 0;
  text-align: center;
}
.promotion-sp__detail {
  background-color: #fff;
  border-radius: 12px 12px 0 0;
  border-top: 1px solid #d1d1d1;
  padding: 10px;
}
.promotion-sp__detail .radio-custom1 {
  padding: 0 0 0 30px;
}
.promotion-sp__fee {
  color: #979797;
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 8px;
}
.radio-price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.radio-price__new {
  color: #ee0033;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin: 0 0 2px;
}
.radio-price__old {
  color: #727272;
  font-size: 11px;
  font-weight: 600;
  line-height: 18px;
  margin: 2px 0 0;
  text-decoration: line-through;
}
.packs-sp__item {
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
}
.packs-sp__item:not(:last-child) {
  margin: 0 0 12px;
}
.packs-sp__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: calc(100% - 102px - 20px);
}
.packs-sp__images {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 62px;
      -ms-flex: 0 0 62px;
          flex: 0 0 62px;
  height: 62px;
  margin: 0 15px 0 0;
  width: 62px;
}
.packs-sp__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: calc(100% - 62px - 15px);
}
.packs-sp__name {
  color: #44494d;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 2px;
}
.packs-sp__data {
  color: #44494d;
  font-size: 12px;
  line-height: 18px;
  margin: 2px 0 3px;
}
.packs-sp__fee {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 3px 0 0;
}
.packs-sp__icon {
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 2px 0 0;
}
.packs-sp__icon i {
  font-size: 16px;
}
.packs-sp__price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.packs-sp__price-new {
  color: #ee0033;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
.packs-sp__price-old {
  color: #b5b4b4;
  font-size: 11px;
  font-weight: 600;
  line-height: 18px;
  text-decoration: line-through;
}
.packs-sp__btn {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 102px;
      -ms-flex: 0 0 102px;
          flex: 0 0 102px;
  margin: 10px 0 0 20px;
  width: 102px;
}
.upload-info-sp {
  margin: 20px 0 0;
}
.upload-info-sp__title {
  color: #44494d;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 15px;
}
.upload-info-sp__note {
  color: #44494d;
  font-size: 10px;
  font-style: italic;
  line-height: 16px;
}
.upload-file-sp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 15px -8px 0;
}
.upload-file-sp__item {
  margin: 0 8px 15px;
  width: calc(100% / 2 - 16px);
}
.upload-file-sp__label {
  color: #44494d;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  margin: 0 0 8px;
}
.upload-file-sp__label .required {
  color: #ee0033;
}
.upload-file-sp__content {
  position: relative;
}
.upload-file-sp__before {
  background-color: #fff;
  border: 1px dashed #d1d1d1;
  border-radius: 8px;
  min-height: -webkit-max-content;
  min-height: -moz-max-content;
  min-height: max-content;
  padding: 10px 12px;
  position: relative;
  text-align: center;
  width: 100%;
}
.upload-file-sp__before.has-images {
  border: 0;
  min-height: 164px;
}
.upload-file-sp__inner {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.upload-file-sp__name {
  color: #44494d;
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 8px;
}
.upload-file-sp__action {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #44494d;
  border-radius: 50%;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20px;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  height: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
}
.upload-file-sp__action i {
  font-size: 12px;
}
.upload-file-sp input[type="file"] {
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.upload-file-sp__preview {
  bottom: 0;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.upload-file-sp__preview.active {
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.upload-file-sp__preview img {
  border-radius: 8px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.upload-file-sp__hover {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 9;
}
.upload-file-sp__icon {
  color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.upload-file-sp__icon:hover {
  color: #ee0033;
}
.upload-file-sp__icon i {
  font-size: 24px;
}
.subs-sp__row {
  border-top: 5px solid #eee;
  padding: 15px 0 18px;
}
.subs-sp__content {
  background-color: #eee;
  border-radius: 12px 12px 12px 0;
  margin: 12px 0 0;
  padding: 12px 20px 20px;
}
.subs-sp__content.has-images {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.subs-sp__content.has-images .subs-sp__detail {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: calc(100% - 116px - 20px);
}
.subs-sp__images {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 116px;
      -ms-flex: 0 0 116px;
          flex: 0 0 116px;
  margin: 0 0 0 20px;
  width: 116px;
}
.subs-sp__title {
  color: #44494d;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 10px;
}
.subs-sp__info {
  margin: 10px 0;
}
.subs-sp__info .radio-custom1 {
  padding: 0 0 0 28px;
}
.subs-sp__info .radio-custom1:not(:last-child) {
  margin: 0 0 20px;
}
.subs-sp__des {
  color: #000;
  font-size: 14px;
  line-height: 20px;
}
.subs-sp__btn {
  margin: 15px 0 0;
}
.internet-sp__box {
  background-color: #fff;
  border-radius: 10px 10px 10px 0;
}
.internet-sp__box:not(:last-child) {
  margin: 0 0 20px;
}
.internet-sp__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 160px;
  width: 100%;
}
.internet-sp__images img {
  border-radius: 10px 10px 0 0;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
.internet-sp__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 15px 15px;
}
.internet-sp__name {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-transform: uppercase;
}
.internet-sp__info {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 0 0 20px;
}
.internet-sp__price {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  margin: 0 0 5px;
}
.internet-sp__price i {
  font-size: 16px;
  line-height: 18px;
  margin: 0 2px 0 0;
}
.internet-sp__data {
  color: #727272;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
.internet-sp__row:not(:last-child) {
  margin: 0 0 20px;
}
.internet-sp .nav-pills {
  margin: 0 0 20px;
}
.tele-sp__des {
  color: #727272;
  font-size: 14px;
  line-height: 20px;
  margin: 5px 0;
}
.tele-sp__des i {
  margin: 0 2px 0 0;
  line-height: 20px;
}
.tele-sp__btn {
  margin: 20px 0 0;
}
.contract-sp {
  margin: 15px 0;
}
.contract-sp__item {
  background-color: #fff;
  padding: 10px 15px;
}
.contract-sp__item:not(:last-child) {
  margin: 0 0 8px;
}
.contract-sp__item .radio-custom1 {
  padding: 0 40px 0 0;
}
.contract-sp__item .radio-custom1 .checkmark {
  left: auto;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.radio-contract {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.radio-contract__images {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 40px;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
  height: 40px;
  margin: 0 8px 0 0;
  width: 40px;
}
.radio-contract__images img {
  height: 100%;
  width: 100%;
}
.radio-contract__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: calc(100% - 40px - 8px);
}
.radio-contract__name {
  color: #44494d;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
.radio-contract__des {
  color: #727272;
  font-size: 12px;
  line-height: 18px;
  margin: 2px 0 0;
}
.lookup-order-sp__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.15px;
  line-height: 28px;
  margin: 0 0 6px;
  text-align: center;
  text-transform: uppercase;
}
.lookup-order-sp__des {
  color: #44494d;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  margin: 6px 0 15px;
  text-align: center;
}
.lookup-order-sp__btn {
  margin: 30px 0 0;
}
.lookup-basic-sp {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  margin: 15px 0 0;
  padding: 20px 15px;
}
.lookup-basic-sp__row:not(:last-child) {
  margin: 0 0 20px;
}
.lookup-basic-sp__sub {
  color: #44494d;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 10px;
}
.lookup-basic-sp__detail {
  margin: 10px 0 0;
}
.lookup-basic-sp__des {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
}
.lookup-basic-sp__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.lookup-basic-sp__item:not(:last-child) {
  margin: 0 0 10px;
}
.lookup-basic-sp__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 24px;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  height: 24px;
  margin: 0 6px 0 0;
  width: 24px;
}
.lookup-basic-sp__value {
  color: #000;
  font-size: 16px;
  line-height: 24px;
}
.lookup-basic-sp__value.highlight {
  color: #ee0033;
}
.lookup-customer-sp {
  margin: 15px 0 0;
}
.lookup-customer-sp__sub {
  color: #44494d;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 10px;
}
.lookup-customer-sp__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.lookup-customer-sp__item:not(:last-child) {
  margin: 0 0 8px;
}
.lookup-customer-sp__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 24px;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  height: 24px;
  margin: 0 12px 0 0;
  width: 24px;
}
.lookup-customer-sp__value {
  color: #44494d;
  font-size: 14px;
  line-height: 24px;
}
.steps-sp {
  margin: 30px 0;
}
.steps-sp__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.steps-sp__item:not(:last-child) {
  margin: 0 0 18px;
}
.steps-sp__item.active .steps-sp__icon {
  border-color: #ee0033;
}
.steps-sp__item.active .steps-sp__name {
  font-weight: 700;
}
.steps-sp__item.done:before {
  background-color: #ee0033;
}
.steps-sp__item.done .steps-sp__icon {
  background-color: #ee0033;
  border-color: #ee0033;
  color: #fff;
}
.steps-sp__item.done .steps-sp__icon:before {
  content: "\e920";
  font-family: "icon-theme";
  font-size: 6px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.steps-sp__item.done .steps-sp__name {
  color: #ee0033;
  font-weight: 700;
}
.steps-sp__item:before {
  background-color: #d8d8d8;
  content: "";
  height: 60px;
  left: 6px;
  position: absolute;
  top: 0;
  width: 2px;
  z-index: 1;
}
.steps-sp__item:last-child:before {
  height: 0;
}
.steps-sp__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 2px solid #d1d1d1;
  border-radius: 50%;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 14px;
      -ms-flex: 0 0 14px;
          flex: 0 0 14px;
  height: 14px;
  margin: 0 10px 0 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2px;
  position: relative;
  width: 14px;
  z-index: 2;
}
.steps-sp__info {
  margin: -5px 0 0;
}
.steps-sp__name {
  color: #44494d;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.steps-sp__time {
  color: #44494d;
  font-size: 12px;
  line-height: 18px;
  margin: 2px 0 0;
}
.order-sp {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  margin: 20px 0;
  padding: 20px 15px 5px;
}
.order-sp__sub {
  color: #44494d;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 8px;
}
.order-sp__code {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 8px 0;
}
.order-sp__code-name {
  color: #44494d;
  font-size: 12px;
  line-height: 18px;
}
.order-sp__code-value {
  color: #ee0033;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 0 10px;
}
.order-sp__form {
  margin: 10px 0 0;
}
.order-sp__form .form-icon {
  color: #44494d;
  font-size: 24px;
}
.order-basic-sp {
  margin: 15px 0 0;
}
.order-basic-sp__row:not(:last-child) {
  margin: 0 0 15px;
}
.order-basic-sp__sub {
  color: #44494d;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 5px;
}
.order-basic-sp__detail {
  margin: 5px 0 0;
}
.order-basic-sp__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.order-basic-sp__item:not(:last-child) {
  margin: 0 0 6px;
}
.order-basic-sp__icon {
  color: #727272;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 18px;
  margin: 0 6px 0 0;
}
.order-basic-sp__icon i {
  font-size: 12px;
}
.order-basic-sp__icon .icon-papers {
  font-size: 18px;
}
.order-basic-sp__value {
  color: #44494d;
  font-size: 12px;
  line-height: 18px;
}
.order-basic-sp__choose {
  margin: 10px 0 0;
}
.order-basic-sp__choose select.form-control {
  background-size: 10px;
  color: #727272;
  font-size: 12px;
  line-height: 18px;
  padding: 8px 10px 6px;
  width: 130px;
}
.order-basic-sp__link {
  color: #44494d;
  font-size: 14px;
  line-height: 20px;
  text-decoration: underline;
}
.order-choose-sp .check-box__txt {
  font-size: 14px;
}
.order-choose-sp .check-box__input:checked ~ .check-box__txt {
  color: #44494d;
}
.static-page {
  padding: 0 0 60px;
}
@media (max-width: 991px) {
  .static-page {
    padding: 0 0 40px;
  }
}
.static-page--intro .static-page__inner {
  margin: 0 auto;
  max-width: 754px;
  width: 100%;
}
@media (max-width: 991px) {
  .static-page--intro .static-page__inner {
    max-width: 100%;
  }
}
.static-page--news .apply-number__info {
  margin: 2px 0 15px;
}
.static-page--news .apply-number__left .apply-number__images {
  height: 315px;
}
@media (max-width: 991px) {
  .static-page--news .apply-number__left .apply-number__images {
    height: 220px;
  }
}
.static-page--news .apply-number__right .apply-number__info {
  margin: 5px 0 3px;
}
.static-page--apply .title-home {
  max-width: 100%;
  text-align: center;
}
.static-page .nav-pills {
  margin: 0 auto 30px;
  max-width: 330px;
  width: 100%;
}
@media (max-width: 575px) {
  .static-page .nav-pills {
    max-width: 100%;
  }
}
.static-page__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.15px;
  line-height: 36px;
  margin: 0 0 20px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .static-page__title {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    margin: 0 0 15px;
  }
}
.static-page__des {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  margin: 10px 0 0;
  text-align: center;
}
@media (max-width: 991px) {
  .static-page__des {
    font-size: 14px;
    line-height: 20px;
  }
}
.static-page__see-more {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 0 3px;
  text-decoration: underline;
}
.static-page__see-more:hover {
  color: #d11313;
}
.static-page__detail {
  margin: 30px 0 0;
}
.static-page__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px 35px;
}
@media (max-width: 991px) {
  .static-page__list {
    margin: 0 -8px 20px;
  }
}
.static-page__list .static-page__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 4 - 30px);
      -ms-flex: 0 0 calc(100% / 4 - 30px);
          flex: 0 0 calc(100% / 4 - 30px);
  margin: 0 15px;
  width: calc(100% / 4 - 30px);
}
@media (max-width: 991px) {
  .static-page__list .static-page__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 4 - 16px);
        -ms-flex: 0 0 calc(100% / 4 - 16px);
            flex: 0 0 calc(100% / 4 - 16px);
    margin: 0 8px;
    width: calc(100% / 4 - 16px);
  }
}
.static-page__item.active .static-page__name,
.static-page__item:hover .static-page__name {
  color: #ee0033;
}
.static-page__link {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.static-page__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 80px;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
  height: 80px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 5px;
  width: 80px;
}
@media (max-width: 991px) {
  .static-page__icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 60px;
        -ms-flex: 0 0 60px;
            flex: 0 0 60px;
    height: 60px;
    width: 60px;
  }
}
.static-page__icon img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.static-page__icon img:hover {
  opacity: 0.8;
}
.static-page__name {
  color: #b5b4b4;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  overflow: hidden;
  padding: 0 15px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: center;
}
@media (max-width: 991px) {
  .static-page__name {
    font-size: 14px;
    line-height: 20px;
    padding: 0;
  }
}
.static-page__info {
  margin: 30px 0 0;
}
.static-page .apply-number {
  background-color: transparent;
  margin: 10px 0 20px;
  padding: 0;
}
@media (max-width: 991px) {
  .static-page .apply-number {
    margin: 0 0 20px;
  }
}
.coverage-tele {
  margin: 40px 0 0;
}
.coverage-tele__top {
  margin: 0 auto 15px;
  max-width: 754px;
  width: 100%;
}
@media (max-width: 991px) {
  .coverage-tele__top {
    max-width: 100%;
  }
}
.coverage-tele .form-search {
  margin: 0 0 20px;
}
.coverage-tele__choose {
  margin: 20px 0 30px;
}
.coverage-tele__choose .radio-custom1 {
  color: #474747;
  font-size: 16px;
  line-height: 22px;
  padding: 0 0 0 28px;
}
@media (max-width: 991px) {
  .coverage-tele__choose .radio-custom1 {
    font-size: 14px;
    line-height: 20px;
  }
}
.coverage-tele__choose .radio-custom1:not(:last-child) {
  margin: 0 0 15px;
}
.coverage-tele__choose .radio-custom1 input:checked ~ .checkmark ~ span {
  font-weight: 400;
}
.coverage-tele__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 991px) {
  .coverage-tele__detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.coverage-tele__map {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: calc(100% - 360px - 30px);
}
@media (max-width: 991px) {
  .coverage-tele__map {
    width: 100%;
  }
}
.coverage-tele__map img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.coverage-tele__map img:hover {
  opacity: 0.8;
}
.coverage-tele__info {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 360px;
      -ms-flex: 0 0 360px;
          flex: 0 0 360px;
  margin: 0 0 0 30px;
  width: 360px;
}
@media (max-width: 991px) {
  .coverage-tele__info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 30px 0 0;
    width: 100%;
  }
}
.coverage-tele__list {
  margin: 0 0 12px;
}
.coverage-tele__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.coverage-tele__item.supply .coverage-tele__symbol {
  background-color: #58b84f;
}
.coverage-tele__item.border .coverage-tele__symbol {
  background-color: #fe9705;
}
.coverage-tele__item.mixed .coverage-tele__symbol {
  background-color: #d11313;
}
.coverage-tele__item:not(:last-child) {
  margin: 0 0 30px;
}
@media (max-width: 991px) {
  .coverage-tele__item:not(:last-child) {
    margin: 0 0 20px;
  }
}
.coverage-tele__symbol {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20px;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
  margin: 0 10px 0 0;
  width: 20px;
}
.coverage-tele__value {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
}
.coverage-tele__note {
  color: #727272;
  font-size: 14px;
  line-height: 24px;
  margin: 12px 0 0;
}
.telecom-service {
  margin: 40px 0 0;
}
.telecom-service__form {
  margin: 0 auto 15px;
  max-width: 784px;
  width: 100%;
}
@media (max-width: 991px) {
  .telecom-service__form {
    max-width: 100%;
  }
}
.telecom-service__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}
@media (max-width: 991px) {
  .telecom-service__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.telecom-service__item {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3 - 30px);
      -ms-flex: 0 0 calc(100% / 3 - 30px);
          flex: 0 0 calc(100% / 3 - 30px);
  margin: 0 15px 30px;
  padding: 15px 20px 30px;
  width: calc(100% / 3 - 30px);
}
@media (max-width: 991px) {
  .telecom-service__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 20px;
    padding: 15px 15px 20px;
    width: 100%;
  }
  .telecom-service__item:last-child {
    margin: 0;
  }
}
.telecom-service__sub {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .telecom-service__sub {
    font-size: 16px;
  }
}
.telecom-service__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.telecom-service__row:not(:last-child) {
  margin: 0 0 10px;
}
.telecom-service__icon {
  color: #44494d;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16px;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
  margin: 0 5px 0 0;
}
.telecom-service__icon i {
  font-size: 14px;
  line-height: 24px;
}
.telecom-service__value {
  color: #44494d;
  font-size: 14px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news-detail {
  padding: 30px 0 0;
}
@media (max-width: 991px) {
  .news-detail {
    padding: 0;
  }
}
.news-detail__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 10px;
}
@media (max-width: 991px) {
  .news-detail__title {
    font-size: 20px;
    line-height: 30px;
  }
}
.news-detail__time {
  color: #727272;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  margin: 10px 0;
}
.news-detail__content {
  margin: 30px 0 0;
}
@media (max-width: 991px) {
  .news-detail__content {
    margin: 20px 0 0;
  }
}
.news-detail__info {
  margin: 0 0 50px;
}
@media (max-width: 991px) {
  .news-detail__info {
    margin: 0 0 30px;
  }
}
.news-detail__info p {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .news-detail__info p {
    font-size: 14px;
    line-height: 20px;
  }
}
.news-detail__info p img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.news-detail__info p img:hover {
  opacity: 0.75;
}
.news-social {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.news-social__name {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  margin: 0 10px 0 0;
}
@media (max-width: 991px) {
  .news-social__name {
    font-size: 14px;
    line-height: 20px;
  }
}
.news-social__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.news-social__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.news-social__item:not(:last-child) {
  margin: 0 12px 0 0;
}
.news-social__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 24px;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  height: 24px;
  width: 24px;
}
.news-social__link:hover {
  opacity: 0.75;
}
.news-social__link img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.news-posts__images {
  border-radius: 8px 8px 8px 0;
  height: 160px;
  position: relative;
}
@media (max-width: 991px) {
  .news-posts__images {
    height: 220px;
  }
}
.news-posts__images--small {
  height: 130px;
}
@media (max-width: 991px) {
  .news-posts__images--small {
    height: 180px;
  }
}
.news-posts__images img {
  border-radius: 8px 8px 8px 0;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
.news-posts__intro {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 40px 0 8px 0;
  margin-top: -40px;
  padding: 15px 20px 25px;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 991px) {
  .news-posts__intro {
    border-radius: 30px 0 8px 0;
  }
}
.news-posts__intro:hover {
  border-color: #ee0033;
}
.news-posts__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.news-posts__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  height: 56px;
  line-height: 28px;
  margin: 0 0 10px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
}
@media (max-width: 991px) {
  .news-posts__name {
    font-size: 16px;
    height: 48px;
    line-height: 24px;
  }
}
.news-posts__name:hover {
  color: #ee0033;
}
.news-posts__time {
  color: #727272;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 12px;
  line-height: 18px;
}
.digital-detail {
  margin: 0 auto;
  max-width: 950px;
  width: 100%;
}
@media (max-width: 991px) {
  .digital-detail {
    max-width: 100%;
  }
}
.digital-detail__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 20px;
}
@media (max-width: 767px) {
  .digital-detail__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 0 15px;
  }
}
.digital-detail__images {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 360px;
      -ms-flex: 0 0 360px;
          flex: 0 0 360px;
  height: 360px;
  margin: 0 0 0 30px;
  width: 360px;
}
@media (max-width: 767px) {
  .digital-detail__images {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
        -ms-flex: auto;
            flex: auto;
    margin: 20px 0 0;
    text-align: center;
    width: 100%;
  }
}
.digital-detail__images img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.digital-detail__images img:hover {
  opacity: 0.75;
}
.digital-detail__intro {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: calc(100% - 360px - 30px);
}
@media (max-width: 767px) {
  .digital-detail__intro {
    width: 100%;
  }
}
.digital-detail__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.15px;
  line-height: 36px;
  margin: 0 0 10px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .digital-detail__title {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
  }
}
.digital-detail__des {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  max-width: 350px;
  width: 100%;
}
@media (max-width: 991px) {
  .digital-detail__des {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (max-width: 575px) {
  .digital-detail__des {
    width: 100%;
  }
}
.digital-detail .nav-pills {
  margin: 0 0 30px;
  max-width: 784px;
  width: 100%;
}
@media (max-width: 991px) {
  .digital-detail .nav-pills {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 0 10px;
    white-space: nowrap;
  }
}
.digital-detail .nav-item {
  margin-right: 20px;
  padding: 0 0 5px;
}
.digital-detail .nav-item:last-child {
  margin-right: 0;
}
.digital-detail__info h3 {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 15px;
}
@media (max-width: 991px) {
  .digital-detail__info h3 {
    font-size: 16px;
    line-height: 24px;
  }
}
.digital-detail__info h4 {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 15px;
}
@media (max-width: 991px) {
  .digital-detail__info h4 {
    font-size: 14px;
    line-height: 20px;
  }
}
.digital-detail__info p {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .digital-detail__info p {
    font-size: 14px;
    line-height: 20px;
  }
}
.digital-detail__info p:not(:last-child) {
  margin: 0 0 15px;
}
.digital-detail__info a {
  color: #ee0033;
  font-weight: 500;
  text-decoration: underline;
}
.digital-detail__info a:hover {
  color: #d11313;
}
.badge-percent {
  background-color: #fff;
  border: 1px solid #ee0033;
  border-radius: 8px;
  position: absolute;
  right: -2px;
  top: -10px;
  padding: 2px 5px;
  z-index: 1;
}
.badge-percent span {
  color: #ee0033;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
}
.select-method {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: calc(100% - 160px - 30px);
}
@media (max-width: 991px) {
  .select-method {
    width: 100%;
  }
}
.select-method__left {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
  .select-method__left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 30px;
    width: 100%;
  }
}
.select-method__top {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  padding: 10px 15px;
  width: 100%;
}
.select-method__top.opened .select-method__list {
  display: block;
}
.select-method__toggle {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.select-method__head {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0 0 12px;
}
.select-method__label {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin: 0 15px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select-method__link {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.select-method__link:hover {
  color: #d11313;
  text-decoration: underline;
}
@media (max-width: 991px) {
  .select-method__link {
    font-size: 14px;
    line-height: 20px;
  }
}
.select-method__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: calc(100% - 20px - 20px);
}
.select-method__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  margin: 0 5px 0 0;
  width: 30px;
}
.select-method__icon img {
  border-radius: 50%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.select-method__name {
  color: #727272;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 30px - 5px);
  white-space: nowrap;
}
.select-method__action {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 20px;
}
.select-method__action i {
  color: #44494d;
  font-size: 12px;
  position: relative;
  top: 1px;
}
.select-method__txt {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin: 0 8px 0 0;
}
.select-method__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 12px 0 0;
  padding: 0 0 5px;
  overflow-x: auto;
}
@media (max-width: 575px) {
  .select-method__list {
    padding: 0;
  }
}
.select-method__list::-webkit-scrollbar {
  height: 3px;
}
@media (max-width: 575px) {
  .select-method__list::-webkit-scrollbar {
    display: none;
  }
}
.select-method__item {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 15px);
      -ms-flex: 0 0 calc(100% / 2 - 15px);
          flex: 0 0 calc(100% / 2 - 15px);
  margin: 0 30px 0 0;
  overflow: hidden;
  padding: 15px 15px 10px;
  position: relative;
  width: calc(100% / 2 - 15px);
  z-index: 1;
}
.select-method__item:last-child {
  margin: 0;
}
.select-method__item:before {
  background: url("../images_content/bg-radio-payment.png") right 0 no-repeat;
  background-size: cover;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 105px;
}
@media (max-width: 575px) {
  .select-method__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 1.5 - 8px);
        -ms-flex: 0 0 calc(100% / 1.5 - 8px);
            flex: 0 0 calc(100% / 1.5 - 8px);
    margin: 0 16px 0 0;
    width: calc(100% / 1.5 - 8px);
  }
}
.select-method__item.discount {
  padding: 15px 15px 2px;
}
.select-method__item.discount:after {
  background: -webkit-linear-gradient(296.46deg, #ef0134 7.09%, #d7002e 62.85%);
  background: linear-gradient(153.54deg, #ef0134 7.09%, #d7002e 62.85%);
  bottom: 0;
  content: "";
  height: 20px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 0;
}
.select-method__note {
  color: #fff;
  font-size: 10px;
  font-style: italic;
  line-height: 16px;
  margin: 10px 0 0;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
}
.select-method__btn {
  margin: 15px 0 0;
}
.select-method__right {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
  .select-method__right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    width: 100%;
  }
}
.select-method__box {
  background-color: #eee;
  padding: 8px 15px 15px;
}
.select-method__sub {
  color: #727272;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 20px;
  margin: 0 0 8px;
}
.select-method__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.select-method__images img:hover {
  opacity: 0.75;
}
.select-method .radio-custom1 {
  padding: 0 0 0 30px;
}
.radio-payment {
  position: relative;
  top: -5px;
}
@media (max-width: 991px) {
  .radio-payment {
    top: 0;
  }
}
.radio-payment__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  margin: 0 0 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .radio-payment__name {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 5px;
  }
}
.radio-payment__number {
  color: #b5b4b4;
  font-size: 16px;
  height: 24px;
  line-height: 24px;
  margin: 2px 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .radio-payment__number {
    font-size: 14px;
    height: 20px;
    line-height: 20px;
  }
}
.radio-payment__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 5px 0 0;
}
.radio-payment__value {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: transparent;
  border-radius: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.radio-payment__value.highlight {
  background: -webkit-linear-gradient(bottom, rgba(238, 0, 51, 0.2), rgba(238, 0, 51, 0.2)), #fff;
  background: linear-gradient(0deg, rgba(238, 0, 51, 0.2), rgba(238, 0, 51, 0.2)), #fff;
  padding: 2px 8px;
}
.radio-payment__value.highlight span {
  color: #ee0033;
}
@media (max-width: 991px) {
  .radio-payment__value.highlight span {
    font-size: 12px;
    line-height: 18px;
  }
}
.radio-payment__value span {
  color: #727272;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .radio-payment__value span {
    font-size: 10px;
    line-height: 16px;
  }
}
.radio-payment__line {
  color: #727272;
  margin: 0 5px;
}
@media (max-width: 991px) {
  .radio-payment__line {
    font-style: italic;
    margin: 0 4px;
  }
}
.order-payment {
  background-color: #fff;
  border-radius: 8px 8px 8px 0;
  padding: 15px;
  width: 100%;
}
.order-payment__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 10px;
}
.order-payment__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.order-payment__item:not(:last-child) {
  margin: 0 0 10px;
}
.order-payment__item.last {
  border-top: 1px solid #eee;
  margin: 15px 0 0;
  padding: 10px 0 0;
}
.order-payment__item.last .order-payment__value {
  font-size: 24px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .order-payment__item.last .order-payment__value {
    font-size: 20px;
    line-height: 30px;
  }
}
.order-payment__name {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.order-payment__value {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 20px;
  margin: 0 0 0 20px;
}
.order-payment__btn {
  margin: 25px 0 0;
}
.order-payment__btn .button {
  width: 100%;
}
.order-payment__info {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 15px 0 0;
}
.order-payment__info .order-payment__btn {
  margin: 10px 0 0;
}
.order-payment__info .button {
  width: 220px;
}
.order-payment__des {
  color: #44494d;
  font-size: 14px;
  line-height: 24px;
  margin: 12px 0 0;
}
@media (max-width: 991px) {
  .order-payment__des {
    font-size: 12px;
    line-height: 18px;
    margin: 10px 0 0;
  }
}
.order-payment__link {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-weight: 700;
  margin: 0 0 0 2px;
  text-decoration: underline;
}
@media (max-width: 991px) {
  .order-payment__link {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
  }
}
.order-payment__link:hover {
  color: #d11313;
}
.order-payment--none .order-payment__btn {
  border-top: 1px solid #eee;
  margin: 10px 0 0;
  padding: 15px 0 0;
}
.method-payment {
  background-color: #fff;
  margin: 0 0 20px;
}
@media (max-width: 991px) {
  .method-payment {
    border: 1px solid #eee;
    margin: 0 0 15px;
  }
}
.method-payment:last-child {
  margin: 0;
}
.method-payment__item {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-bottom: 1px solid #e4e4e4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 12px;
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .method-payment__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.method-payment__item.discount {
  padding: 12px 12px 2px;
}
.method-payment__item.discount:after {
  background: url("../images_content/bg-discount.png") 0 0 no-repeat;
  background-size: cover;
  bottom: 0;
  content: "";
  height: 24px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.method-payment__item.none .method-payment__name {
  color: #727272;
}
.method-payment__item.none .method-payment__name span {
  color: #d1d1d1;
}
.method-payment__item.none .method-payment__des {
  color: #b5b4b4;
}
.method-payment__item.none .fill-color {
  fill: #c4c4c4;
}
@media (max-width: 991px) {
  .method-payment__item.has-btn {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.method-payment__item:last-child {
  border-bottom: 0;
}
.method-payment__left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 420px;
      -ms-flex: 0 0 420px;
          flex: 0 0 420px;
}
@media (max-width: 991px) {
  .method-payment__left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
  }
}
.method-payment__icon {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 30px;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  height: 30px;
  margin: 0 8px 0 0;
  width: 30px;
}
.method-payment__detail {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.method-payment__detail.opened .method-payment__menu {
  display: block;
}
.method-payment__detail.opened .method-payment__action {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.method-payment__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 5px;
}
@media (max-width: 991px) {
  .method-payment__info {
    margin: 0 0 2px;
  }
}
.method-payment__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 991px) {
  .method-payment__top {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.method-payment__action {
  color: #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 8px;
}
.method-payment__action i {
  font-size: 8px;
}
.method-payment__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 20px;
}
@media (max-width: 991px) {
  .method-payment__name {
    letter-spacing: 0;
  }
}
.method-payment__name span {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  letter-spacing: 0;
}
.method-payment__name b {
  color: #727272;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  line-height: 18px;
}
@media (max-width: 991px) {
  .method-payment__name b {
    font-size: 10px;
    line-height: 16px;
    margin: 0 0 0 2px;
  }
}
.method-payment__des {
  color: #ee0033;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .method-payment__des {
    font-size: 10px;
    line-height: 16px;
  }
}
.method-payment__note {
  color: #44494d;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  margin: 8px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .method-payment__note {
    font-size: 10px;
    line-height: 16px;
    margin: 15px 0 0;
  }
}
.method-payment__choose {
  margin: 0 0 0 20px;
}
.method-payment__menu {
  display: none;
  margin: 5px 0 0;
}
@media (max-width: 991px) {
  .method-payment__menu {
    margin: 12px 0 0 -38px;
  }
}
.method-payment__menu-item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #e4e4e4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0;
}
.method-payment__menu-item:last-child {
  padding: 10px 0 0;
}
.method-payment__menu-info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.method-payment__menu-thumbnail {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #d1d1d1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 36px;
      -ms-flex: 0 0 36px;
          flex: 0 0 36px;
  height: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 5px 0 0;
  padding: 2px 5px;
  width: 36px;
}
@media (max-width: 991px) {
  .method-payment__menu-thumbnail {
    margin: 0 8px 0 0;
  }
}
.method-payment__menu-value {
  color: #44494d;
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .method-payment__menu-value {
    line-height: 20px;
  }
}
.method-payment__menu-right {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 20px;
}
.method-payment__menu-icon {
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 5px 0 0;
}
.method-payment__menu-icon i {
  font-size: 24px;
}
@media (max-width: 991px) {
  .method-payment__menu-icon i {
    font-size: 20px;
  }
}
.method-payment__menu-delete {
  color: #44494d;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.method-payment__menu-delete i {
  font-size: 24px;
}
@media (max-width: 991px) {
  .method-payment__menu-delete i {
    font-size: 20px;
  }
}
.method-payment__menu-action {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 50%;
  color: #d1d1d1;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 18px;
      -ms-flex: 0 0 18px;
          flex: 0 0 18px;
  height: 18px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 15px 0 0;
  padding: 2px;
  width: 18px;
}
@media (max-width: 991px) {
  .method-payment__menu-action {
    border-color: #44494d;
    color: #44494d;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16px;
        -ms-flex: 0 0 16px;
            flex: 0 0 16px;
    height: 16px;
    margin: 0 24px 0 0;
    width: 16px;
  }
}
.method-payment__menu-action i {
  font-size: 14px;
}
.method-payment__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0 0 0 15px;
}
@media (max-width: 991px) {
  .method-payment__btn {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}
.method-payment__btn .button {
  min-width: 120px;
  padding: 4px 10px 6px;
}
@media (max-width: 991px) {
  .method-payment__btn .button {
    min-width: 112px;
  }
}
.method-point {
  background-color: #fff;
  padding: 12px;
}
@media (max-width: 991px) {
  .method-point {
    border: 1px solid #eee;
  }
}
.method-point__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.method-point__item:not(:last-child) {
  margin: 0 0 15px;
}
.method-point__item.none .method-payment__name {
  color: #727272;
}
.method-point__item.none .method-payment__name span {
  color: #d1d1d1;
}
.method-point__item.none .fill-color {
  fill: #727272;
}
.method-point__detail {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.method-point__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 30px;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 8px 0 0;
  width: 30px;
}
.method-point__name {
  color: #44494d;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
@media (max-width: 991px) {
  .method-point__name {
    font-family: 'FS PFBeauSansPro', sans-serif;
    font-weight: 700;
    line-height: 20px;
  }
}
.method-point__name span {
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
}
@media (max-width: 991px) {
  .method-point__name span {
    display: block;
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
    margin: 2px 0 0;
  }
}
.method-point__action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 20px;
}
.form-horizontal .order-payment {
  margin: 0;
}
.modal--promotions .modal__content {
  background: url("../images_content/bg-promotion.svg") bottom center no-repeat;
  background-size: 100%;
}
@media (min-width: 576px) {
  .modal--promotions .modal__content {
    max-width: 1140px;
  }
}
@media (max-width: 575px) {
  .modal--promotions .modal__content {
    background-position: right center;
    background-size: cover;
  }
}
.modal--promotions .modal__body {
  padding: 0 60px 30px;
}
@media (max-width: 991px) {
  .modal--promotions .modal__body {
    padding: 0 0 30px;
  }
}
.modal-promotions__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.15px;
  line-height: 36px;
  margin: 0 0 15px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .modal-promotions__title {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 28px;
  }
}
.modal-promotions__des {
  color: #727272;
  font-size: 14px;
  line-height: 24px;
  margin: 15px 0 0;
  text-align: center;
}
@media (max-width: 991px) {
  .modal-promotions__des {
    line-height: 20px;
  }
}
.modal-promotions__des span {
  color: #44494d;
}
.modal-promotions__note {
  color: #44494d;
  font-size: 14px;
  font-style: italic;
  line-height: 18px;
  margin: 10px 0 0;
  text-align: center;
}
.modal-promotions__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px 0 0;
}
.modal-promotions__btn .button {
  width: 200px;
}
@media (min-width: 576px) {
  .modal--payment .modal__content {
    max-width: 802px;
  }
}
.modal--payment .modal__body {
  padding: 0 40px 40px;
}
@media (max-width: 991px) {
  .modal--payment .modal__body {
    padding: 0 0 30px;
  }
}
.modal-payment__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 20px;
  text-align: center;
}
@media (max-width: 991px) {
  .modal-payment__title {
    font-size: 20px;
    margin: 0 0 15px;
    line-height: 30px;
  }
}
.modal-payment__des {
  color: #44494d;
  font-size: 14px;
  line-height: 20px;
  margin: 20px;
  text-align: center;
}
@media (max-width: 991px) {
  .modal-payment__des {
    margin: 15px 0;
  }
}
.modal-payment__des span {
  color: #44494d;
}
.modal-payment__note {
  color: #44494d;
  font-size: 14px;
  font-style: italic;
  line-height: 18px;
  margin: 10px 0 0;
  text-align: center;
}
.modal-payment__form {
  max-width: 422px;
  margin: 20px auto;
  width: 100%;
}
@media (max-width: 575px) {
  .modal-payment__form {
    max-width: 100%;
  }
}
.modal-payment__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px -8px 0;
}
.modal-payment__btn .button {
  -webkit-box-flex: 0;
  -webkit-flex: 0 215px;
      -ms-flex: 0 215px;
          flex: 0 215px;
  margin: 0 8px;
  width: 215px;
}
@media (max-width: 575px) {
  .modal-payment__btn .button {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2 - 16px);
        -ms-flex: 0 0 calc(100% / 2 - 16px);
            flex: 0 0 calc(100% / 2 - 16px);
    width: calc(100% / 2 - 16px);
  }
}
@media (min-width: 576px) {
  .modal--policy .modal__content {
    max-width: 946px;
  }
}
.modal--policy .modal__body {
  padding: 0 45px 40px;
}
@media (max-width: 991px) {
  .modal--policy .modal__body {
    padding: 0 0 30px;
  }
}
.policy-fee__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.15px;
  line-height: 36px;
  margin: 0 0 20px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .policy-fee__title {
    font-size: 20px;
    margin: 0 0 15px;
    letter-spacing: 0;
    line-height: 30px;
  }
}
.policy-fee__row:not(:last-child) {
  margin: 0 0 25px;
}
.policy-fee__sub {
  background-color: #727272;
  color: #fff;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin: 0 0 20px;
  padding: 0 25px;
  position: relative;
}
.policy-fee__sub:before,
.policy-fee__sub:after {
  background-color: #fff;
  content: '';
  height: 20px;
  position: absolute;
  top: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 20px;
  z-index: 1;
}
.policy-fee__sub:before {
  left: -10px;
}
.policy-fee__sub:after {
  right: -10px;
}
.policy-fee__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.policy-fee__images img:hover {
  opacity: 0.75;
}
.policy-fee__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 575px) {
  .policy-fee__detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.policy-fee__list {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 462px;
      -ms-flex: 0 0 462px;
          flex: 0 0 462px;
  width: 462px;
}
@media (max-width: 575px) {
  .policy-fee__list {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
  }
}
.policy-fee__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.policy-fee__item:not(:last-child) {
  margin: 0 0 15px;
}
@media (max-width: 575px) {
  .policy-fee__item:not(:last-child) {
    margin: 0 0 10px;
  }
}
.policy-fee__icon {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16px;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
  height: 16px;
  margin: 0 5px 0 0;
  width: 16px;
}
.policy-fee__name {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 575px) {
  .policy-fee__name {
    font-size: 14px;
    line-height: 20px;
  }
}
.policy-fee__bg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 0 30px;
}
@media (max-width: 575px) {
  .policy-fee__bg {
    display: none;
  }
}
.policy-fee__bg img:hover {
  opacity: 0.75;
}
.policy-fee__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0 0;
}
.policy-fee__btn .button {
  width: 264px;
}
@media (max-width: 991px) {
  .policy-fee__btn .button {
    width: 100%;
  }
}
.lp-header--qr {
  background-color: #c00;
}
.lp-header--qr .lp-header__inner {
  height: 60px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 767px) {
  .lp-header--qr .lp-header__inner {
    height: 55px;
  }
}
.lp-header--qr .off-canvas-toggle {
  color: #fff;
}
.lp-header--qr .lp-header__logo {
  padding: 0;
  width: 50%;
}
@media (max-width: 991px) {
  .lp-header--qr .lp-header__logo {
    padding: 0 10px;
    width: auto;
  }
}
.lp-header--qr .lp-header__hotline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 50%;
}
.lp-header--qr .lp-header__hotline-icon {
  background-color: #fff;
  color: #ee0033;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 34px;
      -ms-flex: 0 0 34px;
          flex: 0 0 34px;
  height: 34px;
  width: 34px;
}
@media (max-width: 767px) {
  .lp-header--qr .lp-header__hotline-icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 32px;
        -ms-flex: 0 0 32px;
            flex: 0 0 32px;
    height: 32px;
    margin: 0 6px 0 0;
    width: 32px;
  }
}
.lp-header--qr .lp-header__hotline-icon i {
  font-size: 20px;
}
@media (max-width: 767px) {
  .lp-header--qr .lp-header__hotline-icon i {
    font-size: 18px;
  }
}
.lp-header--qr .lp-header__hotline-name {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0.174889px;
  line-height: 26px;
  margin: 0 2px 0 0;
}
@media (max-width: 767px) {
  .lp-header--qr .lp-header__hotline-name {
    display: none;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
  }
}
.lp-header--qr .lp-header__hotline-value {
  color: #fff;
  font-size: 20px;
  letter-spacing: 0.174889px;
  line-height: 26px;
}
@media (max-width: 767px) {
  .lp-header--qr .lp-header__hotline-value {
    font-size: 17px;
    letter-spacing: 0;
    line-height: 20px;
  }
}
.lp-header--qr .lp-mobile__hotline {
  margin: 30px 0 0;
}
.lp-header--qr .lp-mobile__hotline-name {
  color: #000;
  font-size: 14px;
  font-family: 'FS PFBeauSansPro', sans-serif;
  text-transform: uppercase;
  line-height: 20px;
}
.lp-header__logout {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  font-weight: 500;
  margin: 3px 0 0 40px;
  width: 82px;
}
@media (max-width: 767px) {
  .lp-header__logout {
    font-size: 13px;
    margin: 3px 0 0 20px;
    width: 60px;
  }
}
.lp-qr {
  background-color: #fbfbfb;
  word-break: break-word;
}
.banner-qr {
  background: url("../images_content/banner-lp-qr.svg") center 0 no-repeat;
  height: 614px;
  position: relative;
  width: 100%;
  z-index: 1;
}
@media (max-width: 991px) {
  .banner-qr {
    background-size: cover;
    height: 450px;
  }
}
@media (max-width: 767px) {
  .banner-qr {
    height: 350px;
  }
}
@media (max-width: 575px) {
  .banner-qr {
    height: 155px;
  }
}
.auth-qr {
  padding: 40px 0 0;
}
@media (max-width: 991px) {
  .auth-qr {
    padding: 20px 0 0;
  }
}
.auth-qr__box {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: -120px auto 0;
  max-width: 950px;
  padding: 50px 50px 60px;
  position: relative;
  width: 100%;
  z-index: 1;
}
@media (max-width: 991px) {
  .auth-qr__box {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    margin: 0;
    padding: 0;
    max-width: 100%;
  }
}
.auth-qr__images {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 6px 6px 6px 0;
  cursor: pointer;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 156px;
      -ms-flex: 0 0 156px;
          flex: 0 0 156px;
  height: 156px;
  margin: 0 40px 0 0;
  padding: 10px;
  width: 156px;
}
@media (max-width: 991px) {
  .auth-qr__images {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    display: none;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 85px;
        -ms-flex: 0 0 85px;
            flex: 0 0 85px;
    height: 88px;
    margin: 0 15px 0 0;
    padding: 0;
    width: 85px;
  }
}
.auth-qr__images img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.auth-qr__images img:hover {
  opacity: 0.75;
}
.auth-qr__images--sp {
  display: none;
}
@media (max-width: 991px) {
  .auth-qr__images--sp {
    display: block;
    margin: -30px 15px 0 0;
  }
}
.auth-qr__detail {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  width: calc(100% - 156px - 40px);
}
@media (max-width: 991px) {
  .auth-qr__detail {
    top: -5px;
    width: calc(100% - 85px - 15px);
  }
}
.auth-qr__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.15px;
  line-height: 36px;
  margin: 0 0 30px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .auth-qr__title {
    display: none;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    margin: 0 0 20px;
  }
}
.auth-qr__form {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 30px 0;
}
@media (max-width: 991px) {
  .auth-qr__form {
    margin: 0;
  }
}
.auth-qr__input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
}
@media (max-width: 991px) {
  .auth-qr__input .form-control {
    padding: 8px 12px;
  }
  .auth-qr__input .form-control::-webkit-input-placeholder {
    font-size: 13px;
  }
  .auth-qr__input .form-control::-moz-placeholder {
    font-size: 13px;
  }
  .auth-qr__input .form-control:-ms-input-placeholder {
    font-size: 13px;
  }
  .auth-qr__input .form-control::placeholder {
    font-size: 13px;
  }
}
.auth-qr__btn {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 170px;
      -ms-flex: 0 0 170px;
          flex: 0 0 170px;
  margin: 0 0 0 15px;
}
@media (max-width: 991px) {
  .auth-qr__btn {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 90px;
        -ms-flex: 0 0 90px;
            flex: 0 0 90px;
    margin: 0 0 0 10px;
  }
  .auth-qr__btn .button {
    font-size: 12px;
    font-weight: 700;
    padding: 8px 10px;
  }
}
.auth-qr__des {
  color: #44494d;
  font-size: 16px;
  font-style: italic;
  line-height: 24px;
}
@media (max-width: 991px) {
  .auth-qr__des {
    display: none;
    font-size: 12px;
    font-style: inherit;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
  }
}
.auth-qr__des--sp {
  display: none;
}
@media (max-width: 991px) {
  .auth-qr__des--sp {
    display: block;
    margin: 20px 0;
  }
}
.auth-qr__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.auth-qr__avatar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 40px;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
  height: 40px;
  margin: 0 12px 0 0;
  width: 40px;
}
@media (max-width: 991px) {
  .auth-qr__avatar {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 36px;
        -ms-flex: 0 0 36px;
            flex: 0 0 36px;
    height: 36px;
    margin: 0 10px 0 0;
    width: 36px;
  }
}
.auth-qr__avatar img {
  border-radius: 50%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.auth-qr__avatar img:hover {
  opacity: 0.75;
}
.auth-qr__value {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
}
@media (max-width: 991px) {
  .auth-qr__value {
    font-size: 16px;
    line-height: 24px;
  }
}
.feature-qr {
  margin: 40px 0;
}
@media (max-width: 991px) {
  .feature-qr {
    margin: 20px 0;
  }
}
@media (max-width: 767px) {
  .feature-qr {
    border-bottom: 5px solid #eee;
    margin: 20px 0 0;
    padding: 0 0 20px;
  }
}
.feature-qr__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 575px) {
  .feature-qr__list {
    overflow-x: auto;
  }
  .feature-qr__list::-webkit-scrollbar {
    display: none;
  }
}
.feature-qr__list--4column {
  margin: 0 auto;
  max-width: 750px;
}
@media (max-width: 991px) {
  .feature-qr__list--4column {
    max-width: 100%;
  }
}
.feature-qr__list--4column .feature-qr__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 4);
      -ms-flex: 0 0 calc(100% / 4);
          flex: 0 0 calc(100% / 4);
  width: calc(100% / 4);
}
@media (max-width: 575px) {
  .feature-qr__list--4column .feature-qr__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 3.5);
        -ms-flex: 0 0 calc(100% / 3.5);
            flex: 0 0 calc(100% / 3.5);
    width: calc(100% / 3.5);
  }
}
.feature-qr__list--5column .feature-qr__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 5);
      -ms-flex: 0 0 calc(100% / 5);
          flex: 0 0 calc(100% / 5);
  width: calc(100% / 5);
}
@media (max-width: 575px) {
  .feature-qr__list--5column .feature-qr__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 3.5);
        -ms-flex: 0 0 calc(100% / 3.5);
            flex: 0 0 calc(100% / 3.5);
    width: calc(100% / 3.5);
  }
}
.feature-qr__list--6column .feature-qr__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 6);
      -ms-flex: 0 0 calc(100% / 6);
          flex: 0 0 calc(100% / 6);
  width: calc(100% / 6);
}
@media (max-width: 575px) {
  .feature-qr__list--6column .feature-qr__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 3.5);
        -ms-flex: 0 0 calc(100% / 3.5);
            flex: 0 0 calc(100% / 3.5);
    width: calc(100% / 3.5);
  }
}
.feature-qr__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 5px;
}
.feature-qr__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 50%;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100px;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
  height: 100px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  padding: 15px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  width: 100px;
}
@media (max-width: 991px) {
  .feature-qr__icon {
    background-color: #f1f1f1;
    border-color: #f1f1f1;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 62px;
        -ms-flex: 0 0 62px;
            flex: 0 0 62px;
    height: 62px;
    width: 62px;
  }
}
.feature-qr__icon:hover {
  border-color: #ee0033;
}
.feature-qr__info {
  margin: 15px 0 0;
}
@media (max-width: 991px) {
  .feature-qr__info {
    margin: 5px 0 0;
  }
}
.feature-qr__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  padding: 0 8px;
  text-align: center;
}
@media (max-width: 991px) {
  .feature-qr__name {
    font-size: 12px;
    font-weight: 400;
    height: 36px;
    line-height: 18px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
.pack-qr {
  margin: 0 0 30px;
}
.pack-qr:last-child {
  margin: 0;
}
@media (max-width: 767px) {
  .pack-qr {
    border-bottom: 5px solid #eee;
    margin: 0;
    padding: 15px 0 20px;
  }
  .pack-qr:first-child {
    border-top: 5px solid #eee;
  }
  .pack-qr:last-child {
    border-bottom: 0;
  }
}
.pack-qr--bg {
  background-color: #eee;
  padding: 50px 0;
}
@media (max-width: 991px) {
  .pack-qr--bg {
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .pack-qr--bg {
    background-color: transparent;
    padding: 15px 0 25px;
  }
}
.pack-qr__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 0.15px;
  line-height: 45px;
  margin: 0 0 30px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .pack-qr__title {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0 0 15px;
    text-align: left;
    text-transform: inherit;
  }
}
.pack-qr__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  height: 400px;
  margin: 0 -15px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .pack-qr__list {
    height: 685px;
  }
}
@media (max-width: 767px) {
  .pack-qr__list {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
    margin: 0;
  }
}
.pack-qr__list.opened {
  height: 100%;
}
.pack-qr__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 4 - 30px);
      -ms-flex: 0 0 calc(100% / 4 - 30px);
          flex: 0 0 calc(100% / 4 - 30px);
  margin: 0 15px 30px;
  width: calc(100% / 4 - 30px);
}
@media (max-width: 991px) {
  .pack-qr__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2 - 30px);
        -ms-flex: 0 0 calc(100% / 2 - 30px);
            flex: 0 0 calc(100% / 2 - 30px);
    margin: 0 15px 30px;
    width: calc(100% / 2 - 30px);
  }
}
@media (max-width: 767px) {
  .pack-qr__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 20px;
    width: 100%;
  }
  .pack-qr__item:last-child {
    margin: 0;
  }
}
.pack-qr .fee-pack__des {
  height: 96px;
  -webkit-line-clamp: 4;
}
@media (max-width: 991px) {
  .pack-qr .fee-pack__des {
    height: 80px;
  }
}
@media (max-width: 767px) {
  .pack-qr .fee-pack__des {
    height: auto;
  }
}
.pack-qr .fee-pack__btn .button--primary {
  margin: 0 auto;
  width: 205px;
}
@media (max-width: 767px) {
  .pack-qr .fee-pack__btn .button--primary {
    width: 100%;
  }
}
.pack-qr .fee-pack__btn .button--red {
  margin: 15px auto 0;
  width: 135px;
}
@media (max-width: 767px) {
  .pack-qr .fee-pack__btn .button--red {
    width: 100%;
  }
}
.pack-qr__link {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: underline;
}
@media (max-width: 767px) {
  .pack-qr__link {
    font-size: 16px;
    margin: 15px 0 0;
  }
}
.pack-qr__link:hover {
  color: #d11313;
}
.pack-qr .data-hot {
  display: none;
  height: 310px;
  overflow: hidden;
}
.pack-qr .data-hot.opened {
  height: auto;
}
@media (max-width: 767px) {
  .pack-qr .data-hot {
    display: block;
  }
}
.pack-qr .data-hot__des {
  -webkit-line-clamp: 1;
}
.service-qr {
  margin: 60px 0;
}
@media (max-width: 991px) {
  .service-qr {
    margin: 20px 0;
  }
}
@media (max-width: 767px) {
  .service-qr {
    border-bottom: 5px solid #eee;
    margin: 10px 0;
  }
}
.service-qr__item {
  background-color: #fff;
  border-radius: 20px 20px 20px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .service-qr__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.service-qr__item:not(:last-child) {
  margin: 0 0 35px;
}
@media (max-width: 767px) {
  .service-qr__item:not(:last-child) {
    margin: 0 0 25px;
  }
}
.service-qr__item:hover {
  box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.12);
}
.service-qr__item--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media (max-width: 767px) {
  .service-qr__item--reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.service-qr__item--reverse .service-qr__detail {
  padding: 50px 50px 50px 30px;
}
@media (max-width: 767px) {
  .service-qr__item--reverse .service-qr__detail {
    padding: 15px;
  }
}
.service-qr__images {
  border-radius: 20px 20px 20px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 460px;
      -ms-flex: 0 0 460px;
          flex: 0 0 460px;
  height: 310px;
  width: 460px;
}
@media (max-width: 991px) {
  .service-qr__images {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 300px;
        -ms-flex: 0 0 300px;
            flex: 0 0 300px;
    height: 250px;
    width: 300px;
  }
}
@media (max-width: 767px) {
  .service-qr__images {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
        -ms-flex: auto;
            flex: auto;
    margin: 0 auto;
    width: 100%;
  }
}
@media (max-width: 575px) {
  .service-qr__images {
    height: 206px;
    padding: 15px 15px 0;
  }
}
.service-qr__images img {
  border-radius: 20px 20px 20px 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.service-qr__detail {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 50px 30px 50px 50px;
  width: calc(100% - 460px);
}
@media (max-width: 991px) {
  .service-qr__detail {
    padding: 25px 30px;
    width: calc(100% - 300px);
  }
}
@media (max-width: 767px) {
  .service-qr__detail {
    padding: 15px;
    width: 100%;
  }
}
.service-qr__sub {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0.15px;
  line-height: 45px;
  margin: 0 0 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .service-qr__sub {
    font-size: 22px;
    line-height: 32px;
    margin: 0 0 5px;
  }
}
.service-qr__des {
  color: #4f4f4f;
  font-size: 18px;
  height: 56px;
  line-height: 28px;
  margin: 20px 0 35px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 991px) {
  .service-qr__des {
    font-size: 15px;
    height: auto;
    line-height: 24px;
    margin: 5px 0 20px;
  }
}
.service-qr__des span {
  font-weight: 600;
}
.service-qr__btn {
  margin: 35px 0 0;
}
@media (max-width: 991px) {
  .service-qr__btn {
    margin: 20px 0 0;
  }
}
.service-qr__btn .button {
  width: 195px;
}
@media (max-width: 767px) {
  .service-qr__btn .button {
    width: 100%;
  }
}
.footer-qr__top {
  background-color: #dfdfdf;
  padding: 38px 0 45px;
  text-align: center;
}
@media (max-width: 991px) {
  .footer-qr__top {
    padding: 25px 0;
    text-align: left;
  }
}
.footer-qr__logo {
  margin: 0 0 15px;
}
.footer-qr__logo-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 991px) {
  .footer-qr__logo-link {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.footer-qr__sub {
  color: #000;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.1px;
  line-height: 18px;
  margin: 0 0 2px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .footer-qr__sub {
    font-size: 12px;
    margin: 0 0 10px;
  }
}
.footer-qr__intro-des {
  color: #000;
  font-size: 12px;
  letter-spacing: 0.1px;
  line-height: 18px;
}
@media (max-width: 991px) {
  .footer-qr__intro-des {
    font-size: 14px;
  }
}
.footer-qr__intro-des:not(:last-child) {
  margin: 0 0 2px;
}
@media (max-width: 991px) {
  .footer-qr__intro-des:not(:last-child) {
    margin: 0 0 15px;
  }
}
.footer-qr__social {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px 0 5px;
}
@media (max-width: 991px) {
  .footer-qr__social {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 20px 0 15px;
  }
}
.footer-qr__social-item:not(:last-child) {
  margin: 0 10px 0 0;
}
.footer-qr__social-link {
  color: #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.footer-qr__social-link:hover {
  opacity: 0.75;
}
.footer-qr__social-link i {
  font-size: 24px;
}
.footer-qr__copyright {
  color: #000;
  font-size: 8px;
  letter-spacing: 0.1px;
  line-height: 18px;
  margin: 5px 0 0;
}
@media (max-width: 991px) {
  .footer-qr__copyright {
    font-size: 12px;
    margin: 15px 0 0;
  }
}
.footer-qr__info {
  background-color: #ee0033;
  padding: 15px 0;
}
.footer-qr__info-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 -8px;
}
@media (max-width: 991px) {
  .footer-qr__info-list {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.footer-qr__info-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 8px;
  position: relative;
}
@media (max-width: 991px) {
  .footer-qr__info-item {
    padding: 0 0 5px;
  }
  .footer-qr__info-item:last-child {
    padding: 0;
  }
}
.footer-qr__info-item::after {
  background-color: #fbfbfb;
  content: "";
  height: 11px;
  position: absolute;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
  width: 1px;
}
@media (max-width: 991px) {
  .footer-qr__info-item::after {
    display: none;
  }
}
.footer-qr__info-item:last-child::after {
  display: none;
}
.footer-qr__info-icon {
  color: #fbfbfb;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 5px 0 0;
}
.footer-qr__info-icon i {
  font-size: 11px;
  line-height: 18px;
}
@media (max-width: 991px) {
  .footer-qr__info-icon i {
    font-size: 12px;
    line-height: 20px;
  }
}
.footer-qr__info-name {
  color: #fbfbfb;
  font-size: 12px;
  letter-spacing: 0.1px;
  line-height: 18px;
}
@media (max-width: 991px) {
  .footer-qr__info-name {
    font-size: 14px;
    line-height: 20px;
  }
}
.digital-channel {
  padding: 0 0 50px;
  word-break: break-word;
}
@media (max-width: 991px) {
  .digital-channel {
    padding: 0 0 40px;
  }
}
.digital-channel__inner {
  margin: 0 auto;
  max-width: 848px;
  width: 100%;
}
@media (max-width: 991px) {
  .digital-channel__inner {
    max-width: 100%;
  }
}
.digital-channel__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.15px;
  line-height: 36px;
  text-align: center;
  text-transform: uppercase;
  margin: 0 0 20px;
}
@media (max-width: 991px) {
  .digital-channel__title {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0 0 10px;
  }
}
.digital-channel__subtitle {
  color: #ee0033;
  display: none;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  margin: 0 0 20px;
}
@media (max-width: 991px) {
  .digital-channel__subtitle {
    display: block;
  }
}
.digital-channel__sub {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 15px;
}
@media (max-width: 991px) {
  .digital-channel__sub {
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 10px;
  }
}
.digital-channel__checkbox {
  margin: 0 0 20px;
}
.digital-channel__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 991px) {
  .digital-channel__detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.digital-channel__box {
  background-color: #fff;
  border-radius: 8px 8px 8px 0;
  padding: 18px 20px 20px;
}
@media (max-width: 991px) {
  .digital-channel__box {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
  }
}
.digital-channel__box:not(:last-child) {
  margin: 0 0 15px;
}
.digital-channel__confirm {
  margin: 20px 0;
}
.digital-channel__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px 0 0;
}
@media (max-width: 991px) {
  .digital-channel__btn {
    margin: 20px 0 0;
  }
}
.digital-channel__btn .button {
  width: 360px;
}
@media (max-width: 991px) {
  .digital-channel__btn .button {
    width: 100%;
  }
}
.digital-channel .info-confirm .check-box {
  margin: 0 0 10px;
  padding: 0 0 0 32px;
}
.digital-channel .info-confirm .check-box:last-child {
  margin: 0;
}
.digital-channel .info-confirm .check-box__txt {
  font-size: 14px;
  line-height: 20px;
}
.digital-channel--connect .digital-order {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0;
  width: 100%;
}
.digital-channel--connect .digital-order__item {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.digital-channel--connect .digital-order__item.total {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.step-digital {
  margin: 30px auto;
  max-width: 848px;
  width: 100%;
}
@media (max-width: 991px) {
  .step-digital {
    margin: 20px 0;
    max-width: 100%;
  }
}
.step-digital__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.step-digital__list--4column .step-digital__item {
  width: calc(100% / 4);
}
.step-digital__list--3column .step-digital__item {
  width: calc(100% / 3);
}
.step-digital__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 10px;
  position: relative;
  text-align: center;
  width: calc(100% / 5);
}
@media (max-width: 991px) {
  .step-digital__item {
    padding: 0 6px;
  }
}
.step-digital__item.active .step-digital__icon,
.step-digital__item.done .step-digital__icon {
  background: -webkit-linear-gradient(bottom, rgba(238, 0, 51, 0.1), rgba(238, 0, 51, 0.1)), #fff;
  background: linear-gradient(0deg, rgba(238, 0, 51, 0.1), rgba(238, 0, 51, 0.1)), #fff;
  border: 2px solid rgba(238, 0, 51, 0.6);
}
.step-digital__item.active .step-digital__value,
.step-digital__item.done .step-digital__value {
  color: #ee0033;
}
.step-digital__item.active .step-digital__name,
.step-digital__item.done .step-digital__name {
  color: #ee0033;
  font-weight: 600;
}
@media (max-width: 991px) {
  .step-digital__item.done .step-digital__icon {
    background: #ee0033;
  }
  .step-digital__item.done .step-digital__value {
    color: #fff;
  }
}
.step-digital__item.done:after {
  background-color: #ee0033;
}
.step-digital__item:after {
  background-color: #d1d1d1;
  border-radius: 6px;
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  top: 18px;
  width: 100%;
}
@media (max-width: 991px) {
  .step-digital__item:after {
    top: 10px;
  }
}
.step-digital__item:last-child:after {
  left: 0;
  width: 0;
}
.step-digital__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 36px;
      -ms-flex: 0 0 36px;
          flex: 0 0 36px;
  height: 36px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  width: 36px;
  z-index: 1;
}
@media (max-width: 991px) {
  .step-digital__icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20px;
        -ms-flex: 0 0 20px;
            flex: 0 0 20px;
    height: 20px;
    width: 20px;
  }
}
.step-digital__value {
  color: #727272;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}
@media (max-width: 991px) {
  .step-digital__value {
    font-size: 12px;
    line-height: 18px;
  }
}
.step-digital__info {
  margin: 12px 0 0;
  padding: 0 10px;
}
@media (max-width: 991px) {
  .step-digital__info {
    margin: 10px 0 0;
    padding: 0;
  }
}
.step-digital__name {
  color: #d1d1d1;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
@media (max-width: 991px) {
  .step-digital__name {
    color: #e4e4e4;
    font-size: 12px;
    line-height: 18px;
  }
}
.digital-pack {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: calc(100% - 320px - 30px);
}
@media (max-width: 991px) {
  .digital-pack {
    width: 100%;
  }
}
.digital-pack__box {
  background-color: #fff;
  border-radius: 0 0 8px 0;
  border-top: 3px solid #ee0033;
  padding: 15px 15px 20px;
}
.digital-pack__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.digital-pack__thumbnail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 30px;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  height: 30px;
  margin: 0 20px 0 0;
  width: 30px;
}
.digital-pack__thumbnail img {
  border-radius: 50%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.digital-pack__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}
@media (max-width: 991px) {
  .digital-pack__name {
    font-size: 20px;
    line-height: 30px;
  }
}
.digital-pack__list {
  margin: 15px 35px 20px 50px;
}
@media (max-width: 991px) {
  .digital-pack__list {
    margin: 15px 15px 20px;
  }
}
.digital-pack__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.digital-pack__item:not(:last-child) {
  margin: 0 0 4px;
}
.digital-pack__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.digital-pack__icon {
  color: #44494d;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 8px 0 0;
}
.digital-pack__icon i {
  font-size: 14px;
}
.digital-pack__value {
  color: #44494d;
  font-size: 14px;
  line-height: 24px;
}
.digital-pack__fee {
  color: #ee0033;
  font-size: 14px;
  line-height: 24px;
  margin: 0 0 0 20px;
}
.digital-pack__last {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 35px 0 50px;
}
@media (max-width: 991px) {
  .digital-pack__last {
    margin: 15px 15px 0;
  }
}
.digital-pack__price {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.digital-pack__action {
  cursor: pointer;
  margin: 0 0 0 20px;
}
.digital-pack__see-more {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
@media (max-width: 991px) {
  .digital-pack__see-more {
    font-size: 14px;
    line-height: 20px;
  }
}
.digital-pack__see-more i {
  font-size: 6px;
  margin: 0 0 0 8px;
}
.radio-fee {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 5px;
}
.radio-fee__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
}
@media (max-width: 991px) {
  .radio-fee__name {
    font-size: 16px;
  }
}
.radio-fee__sub {
  color: #b5b4b4;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 10px;
  line-height: 18px;
  margin: 0 0 0 3px;
}
.digital-service {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 320px;
      -ms-flex: 0 0 320px;
          flex: 0 0 320px;
  margin: 0 0 0 30px;
  width: 320px;
}
@media (max-width: 991px) {
  .digital-service {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 20px 0 0;
    width: 100%;
  }
}
.digital-service__box {
  background-color: #fff;
  padding: 15px 12px;
}
.digital-service__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 12px;
}
@media (max-width: 991px) {
  .digital-service__title {
    font-size: 16px;
    line-height: 24px;
  }
}
.digital-service__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 12px 0;
}
.digital-service__images img {
  width: 100%;
}
.digital-service__images img:hover {
  opacity: 0.75;
}
.digital-service__list {
  margin: 12px 0 0;
}
.digital-service__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.digital-service__name {
  color: #44494d;
  font-size: 14px;
  line-height: 20px;
}
.digital-service__value {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 20px;
}
.digital-service__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 25px 0 0;
}
.digital-service__btn .button {
  width: 100%;
}
.digital-customer__list {
  margin: 20px 0 5px;
}
.digital-customer__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.digital-customer__item:not(:last-child) {
  margin: 0 0 6px;
}
.digital-customer__name {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
@media (max-width: 991px) {
  .digital-customer__name {
    font-size: 14px;
    line-height: 20px;
  }
}
.digital-customer__value {
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 0 5px;
}
@media (max-width: 991px) {
  .digital-customer__value {
    font-size: 14px;
    line-height: 20px;
  }
}
.digital-customer__note {
  color: #ee0033;
  font-size: 13px;
  font-style: italic;
  line-height: 18px;
  margin: 5px 0 0;
}
@media (max-width: 991px) {
  .digital-customer__note {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .digital-customer .form-2column {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 -8px;
  }
  .digital-customer .form-2column .form-customize {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2 - 16px);
        -ms-flex: 0 0 calc(100% / 2 - 16px);
            flex: 0 0 calc(100% / 2 - 16px);
    margin: 0 8px 15px;
    width: calc(100% / 2 - 16px);
  }
}
.digital-infor__confirm {
  color: #44494d;
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 20px;
}
@media (max-width: 991px) {
  .digital-infor__confirm {
    font-size: 12px;
    font-style: italic;
    line-height: 18px;
    margin: 10px 0;
  }
}
.digital-infor__chosen {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -10px 10px;
}
.digital-infor__chosen .radio-custom1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 20px);
      -ms-flex: 0 0 calc(100% / 2 - 20px);
          flex: 0 0 calc(100% / 2 - 20px);
  margin: 0 10px;
  padding: 0 0 0 30px;
  width: calc(100% / 2 - 20px);
}
.digital-infor__chosen .radio-custom1 input:checked ~ .txt-radio {
  color: #ee0033;
}
.digital-infor__chosen .txt-radio {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
}
.digital-infor__sign {
  background-color: #fff;
  border: 1px dashed #d1d1d1;
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px 20px 25px;
  position: relative;
}
.digital-infor .upload-files {
  margin: 0 auto;
  max-width: 540px;
  width: 100%;
}
.digital-infor .upload-files__list {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 991px) {
  .digital-infor .upload-files__list {
    margin: 0 -8px;
  }
}
.digital-infor .upload-files__item {
  margin: 0 15px 15px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
  .digital-infor .upload-files__item {
    margin: 0 8px 15px;
    width: calc(100% / 2 - 16px);
  }
}
.digital-infor .upload-files__item:last-child .upload-files__before.has-images {
  height: 220px;
}
.digital-infor .upload-files__before {
  border: 1px dashed #d1d1d1;
  border-radius: 8px;
  min-height: 70px;
  padding: 15px 8px;
}
.digital-infor .upload-files__inner {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 991px) {
  .digital-infor .upload-files__title {
    color: #44494d;
    font-size: 12px;
    line-height: 18px;
  }
}
.digital-infor .upload-files__icon {
  font-size: 24px;
  height: auto;
  width: auto;
}
@media (max-width: 991px) {
  .digital-infor .upload-files__icon {
    font-size: 20px;
  }
}
.digital-infor .upload-files__btn {
  color: #727272;
  font-size: 12px;
  line-height: 18px;
}
.digital-infor__noti {
  color: #44494d;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  margin: 15px 0 0;
}
@media (max-width: 991px) {
  .digital-infor__noti {
    line-height: 16px;
  }
}
.digital-infor--sign .upload-files {
  max-width: 100%;
}
.digital-infor--sign .upload-files__item {
  margin: 0 8px;
  width: 100%;
}
.digital-contract__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 6px 6px 6px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px;
}
.digital-contract__item:not(:last-child) {
  margin: 0 0 12px;
}
.digital-contract__name {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.digital-contract__action {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin: 0 0 0 20px;
}
.digital-contract__action i {
  color: #44494d;
  font-size: 10px;
  margin: 0 0 0 8px;
}
.digital-sign__sub {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 15px;
}
@media (max-width: 991px) {
  .digital-sign__sub {
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 12px;
  }
}
.digital-sign__list {
  margin: 15px 0 25px;
}
@media (max-width: 991px) {
  .digital-sign__list {
    margin: 12px 0 20px;
  }
}
.digital-sign__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #44494d;
  border-radius: 8px 8px 8px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 9px 15px;
  position: relative;
  text-align: center;
}
.digital-sign__item:not(:last-child) {
  margin: 0 0 12px;
}
.digital-sign__icon {
  color: #44494d;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px;
}
.digital-sign__icon i {
  font-size: 18px;
}
.digital-sign__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 24px;
  margin: 0 0 12px;
}
@media (max-width: 991px) {
  .digital-sign__name {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
  }
}
.digital-sign__value {
  width: 200px;
}
.digital-sign__value img {
  width: 100%;
}
.digital-sign__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 20px;
}
@media (max-width: 991px) {
  .digital-sign__images {
    margin: 0 0 15px;
  }
}
.digital-sign__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 40px -15px 0;
}
@media (max-width: 767px) {
  .digital-sign__btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 30px 0 0;
  }
}
.digital-sign__btn .button {
  margin: 0 15px;
  width: 360px;
}
@media (max-width: 767px) {
  .digital-sign__btn .button {
    margin: 0 0 15px;
    width: 100%;
  }
  .digital-sign__btn .button:last-child {
    margin: 0;
  }
}
.digital-sign__confirm .check-box__txt {
  color: #727272;
}
.digital-sign__confirm .check-box__input:checked ~ .check-box__txt {
  color: #727272;
}
.digital-sign__action {
  border-bottom: 1px dashed #d1d1d1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0 0 40px;
  padding: 0 0 12px;
}
@media (max-width: 767px) {
  .digital-sign__action {
    margin: 0 0 30px;
  }
}
.digital-sign__close {
  color: #44494d;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.digital-sign__close i {
  font-size: 20px;
}
.digital-sign--elect {
  margin: 0 auto;
  max-width: 812px;
  padding: 0 90px;
  width: 100%;
}
@media (max-width: 991px) {
  .digital-sign--elect {
    max-width: 100%;
    padding: 0;
  }
}
.digital-sign--elect .digital-sign__btn .button {
  margin: 0 auto;
  width: 205px;
}
.digital-call__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 40px;
  text-align: center;
}
@media (max-width: 991px) {
  .digital-call__title {
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 30px;
  }
}
.digital-call__content {
  margin: 40px 0 30px;
}
@media (max-width: 991px) {
  .digital-call__content {
    margin: 30px 0 25px;
  }
}
.digital-call__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 30px;
}
@media (max-width: 991px) {
  .digital-call__images {
    margin: 0 0 20px;
  }
}
.digital-call__images img:hover {
  opacity: 0.75;
}
.digital-call__des {
  color: #727272;
  font-size: 16px;
  line-height: 24px;
  margin: 30px 0 0;
  text-align: center;
}
@media (max-width: 991px) {
  .digital-call__des {
    font-size: 14px;
    line-height: 20px;
    margin: 20px 0 0;
  }
}
.digital-call__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px 0 0;
}
@media (max-width: 991px) {
  .digital-call__btn {
    margin: 25px 0 0;
  }
}
.digital-call__btn .button {
  width: 360px;
}
@media (max-width: 991px) {
  .digital-call__btn .button {
    width: 100%;
  }
}
@media (min-width: 576px) {
  .modal--digital-detail .modal__content {
    max-width: 883px;
  }
}
.modal--digital-detail .modal__body {
  padding: 0 15px 30px;
}
@media (max-width: 991px) {
  .modal--digital-detail .modal__body {
    padding: 0 0 30px;
  }
}
@media (min-width: 576px) {
  .modal--digital .modal__content {
    max-width: 551px;
  }
}
.modal--digital .modal__body {
  padding: 0 15px 35px;
}
@media (max-width: 991px) {
  .modal--digital .modal__body {
    padding: 0 0 30px;
  }
}
.modal-digital__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 20px;
  text-align: center;
}
@media (max-width: 991px) {
  .modal-digital__title {
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 15px;
  }
}
.modal-digital__sub {
  color: #727272;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 15px 0;
}
@media (max-width: 991px) {
  .modal-digital__sub {
    font-size: 14px;
    line-height: 20px;
  }
}
.modal-digital__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0;
}
@media (max-width: 991px) {
  .modal-digital__images {
    margin: 15px 0;
  }
}
.modal-digital__images--success {
  color: #03a678;
}
.modal-digital__images--warning {
  color: #d11313;
}
.modal-digital__images i {
  font-size: 70px;
}
.modal-digital__images img:hover {
  opacity: 0.75;
}
.modal-digital__list {
  margin: 15px 0;
}
.modal-digital__item {
  color: #727272;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .modal-digital__item {
    font-size: 14px;
    line-height: 20px;
  }
}
.modal-digital__item:not(:last-child) {
  margin: 0 0 2px;
}
.modal-digital__info {
  max-height: 380px;
  overflow-y: auto;
}
.modal-digital__info p {
  color: #727272;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .modal-digital__info p {
    font-size: 14px;
    line-height: 20px;
  }
}
.modal-digital__des {
  color: #727272;
  font-size: 16px;
  line-height: 24px;
  margin: 20px 0;
  text-align: center;
}
@media (max-width: 991px) {
  .modal-digital__des {
    font-size: 14px;
    line-height: 20px;
    margin: 15px 0;
  }
}
.modal-digital__des span {
  color: #44494d;
  font-weight: 600;
}
.modal-digital__note {
  color: #727272;
  font-size: 14px;
  font-style: italic;
  line-height: 18px;
  margin: 15px 0 0;
  text-align: center;
}
@media (max-width: 991px) {
  .modal-digital__note {
    font-size: 12px;
  }
}
.modal-digital__sign {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px 0 40px;
}
@media (max-width: 991px) {
  .modal-digital__sign {
    margin: 30px 0;
  }
}
.modal-digital__link {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-decoration: underline;
}
.modal-digital__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px 0 0;
}
@media (max-width: 991px) {
  .modal-digital__btn {
    margin: 25px 0 0;
  }
}
.modal-digital__btn .button {
  padding: 9px 15px;
  width: 195px;
}
@media (max-width: 991px) {
  .modal-digital__btn .button {
    width: 100%;
  }
}
.modal-digital__btn-2column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px -10px 0;
}
@media (max-width: 991px) {
  .modal-digital__btn-2column {
    margin: 25px -10px 0;
  }
}
@media (max-width: 575px) {
  .modal-digital__btn-2column {
    margin: 25px -5px 0;
  }
}
.modal-digital__btn-2column .button {
  margin: 0 10px;
  padding: 9px 15px;
  width: 195px;
}
@media (max-width: 575px) {
  .modal-digital__btn-2column .button {
    margin: 0 5px;
    width: calc(100% / 2 - 10px);
  }
}
.digital-payment {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: calc(100% - 262px - 30px);
}
@media (max-width: 991px) {
  .digital-payment {
    width: 100%;
  }
}
.digital-payment .contract-form {
  margin: 0;
}
.digital-payment .contract-form__name {
  margin: 0 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.digital-payment .info-check__top .contract-form__name {
  margin: 0;
}
.digital-order {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 262px;
      -ms-flex: 0 0 262px;
          flex: 0 0 262px;
  margin: 0 0 0 30px;
  width: 262px;
}
@media (max-width: 991px) {
  .digital-order {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 10px 0 0;
    width: 100%;
  }
}
.digital-order__box {
  background-color: #fff;
  padding: 15px 12px;
}
@media (max-width: 991px) {
  .digital-order__box {
    border: 1px solid #d1d1d1;
    border-radius: 8px 8px 8px 0;
    padding: 15px;
  }
}
.digital-order__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 10px;
}
@media (max-width: 991px) {
  .digital-order__title {
    font-size: 16px;
    line-height: 24px;
  }
}
.digital-order__title.last {
  margin: 10px 0 0;
}
.digital-order__list {
  margin: 10px 0 0;
}
.digital-order__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.digital-order__item:not(:last-child) {
  margin: 0 0 10px;
}
.digital-order__item.total {
  border-top: 1px solid #eaeaea;
  padding: 10px 0 0;
}
@media (max-width: 991px) {
  .digital-order__item.total {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 -15px;
    padding: 12px 15px 0;
  }
  .digital-order__item.total .digital-order__name {
    color: #44494d;
    font-size: 16px;
    line-height: 24px;
  }
}
.digital-order__item.total .digital-order__value {
  color: #ee0033;
  font-size: 24px;
  line-height: 36px;
}
@media (max-width: 991px) {
  .digital-order__item.total .digital-order__value {
    font-size: 32px;
    line-height: 42px;
    margin: 0;
  }
}
.digital-order__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.digital-order__name {
  color: #44494d;
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .digital-order__name {
    font-size: 12px;
    line-height: 18px;
  }
}
.digital-order__sub {
  color: #ee0033;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 2px 0 0;
}
@media (max-width: 991px) {
  .digital-order__sub {
    font-size: 16px;
    line-height: 24px;
  }
}
.digital-order__value {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 20px;
  margin: 0 0 0 20px;
}
@media (max-width: 991px) {
  .digital-order__value {
    color: #ee0033;
    letter-spacing: 0;
  }
}
.digital-order__value.time {
  color: #727272;
}
.digital-order__address {
  color: #727272;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}
@media (max-width: 991px) {
  .digital-order__address {
    font-size: 12px;
    line-height: 18px;
    max-width: 160px;
    width: 100%;
  }
}
.digital-order__des {
  color: #44494d;
  font-size: 10px;
  font-style: italic;
  line-height: 16px;
}
.digital-order__confirm {
  margin: 20px 0 0;
}
.digital-order__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0 0;
}
@media (max-width: 991px) {
  .digital-order__btn {
    margin: 25px 0 0;
  }
}
.digital-order__btn .button {
  width: 100%;
}
.txt-deposit {
  color: #727272;
  font-size: 10px;
  font-style: italic;
  line-height: 16px;
}
.contract-fee {
  background-color: #eee;
  border-radius: 10px 10px 10px 0;
  margin: 15px 0 0;
  padding: 12px 15px;
}
@media (max-width: 991px) {
  .contract-fee {
    padding: 8px 12px 12px;
  }
}
.contract-fee__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 15px;
}
@media (max-width: 991px) {
  .contract-fee__title {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 10px;
  }
}
.contract-fee__list {
  margin: 15px 0 0;
}
@media (max-width: 991px) {
  .contract-fee__list {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 10px;
  }
}
.contract-fee__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 8px 8px 8px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
}
.contract-fee__item.active {
  background-color: #fbdde4;
}
.contract-fee__item:not(:last-child) {
  margin: 0 0 8px;
}
.contract-fee__item .txt-radio {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 20px;
  margin: 0 0 0 5px;
}
@media (max-width: 991px) {
  .contract-fee__item .txt-radio {
    font-size: 13px;
  }
}
.contract-fee__item .radio-custom1 input:checked ~ .checkmark ~ span {
  font-weight: 600;
}
.contract-fee__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 40px;
}
@media (max-width: 991px) {
  .contract-fee__info {
    margin: 0 0 0 20px;
  }
}
.contract-fee__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 28px;
      -ms-flex: 0 0 28px;
          flex: 0 0 28px;
  margin: -5px 12px 0 0;
  width: 28px;
}
@media (max-width: 991px) {
  .contract-fee__icon {
    display: none;
  }
}
.contract-fee__value {
  color: #44494d;
  font-size: 14px;
  line-height: 20px;
}
@media (max-width: 991px) {
  .contract-fee__value {
    font-size: 12px;
  }
}
.contract-fee__value span {
  color: #ee0033;
  margin: 0 0 0 3px;
}
.contract-fee .radio-custom1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 200px;
      -ms-flex: 0 0 200px;
          flex: 0 0 200px;
}
@media (max-width: 991px) {
  .contract-fee .radio-custom1 {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
        -ms-flex: auto;
            flex: auto;
  }
}
.contract-method {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}
.contract-method__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fbfbfb;
  border-radius: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 15px;
  padding: 20px 20px 40px;
}
@media (max-width: 991px) {
  .contract-method__item {
    padding: 20px 15px 30px;
  }
}
.contract-method__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
}
.contract-method__info {
  margin: 12px 0 0;
}
.contract-sign__inner {
  background-color: #fff;
  padding: 18px 20px 20px;
}
@media (max-width: 991px) {
  .contract-sign__inner {
    background-color: transparent;
    padding: 0;
  }
}
.contract-sign__row:not(:last-child) {
  margin: 0 0 15px;
}
.contract-sign__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px 15px;
}
@media (max-width: 991px) {
  .contract-sign__list {
    display: none;
  }
}
.contract-sign__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 250px;
      -ms-flex: 0 0 250px;
          flex: 0 0 250px;
  margin: 0 15px;
  padding: 25px 10px 25px 20px;
}
.contract-sign__item.active,
.contract-sign__item:hover {
  background: -webkit-linear-gradient(bottom, rgba(128, 93, 100, 0.1), rgba(238, 0, 51, 0.1)), #fff;
  background: linear-gradient(0deg, rgba(128, 93, 100, 0.1), rgba(238, 0, 51, 0.1)), #fff;
  border-color: #ee0033;
}
.contract-sign__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 48px;
      -ms-flex: 0 0 48px;
          flex: 0 0 48px;
  margin: 0 12px 0 0;
  width: 48px;
}
.contract-sign__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.contract-sign__name {
  color: #44494d;
  font-size: 14px;
  line-height: 24px;
}
.contract-sign__value {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 20px;
  margin: 2px 0 0;
}
.contract-sign__form {
  margin: 15px 0 0;
}
.contract-sign__note {
  color: #44494d;
  font-size: 10px;
  font-style: italic;
  line-height: 16px;
  margin: 15px 0 0;
}
@media (max-width: 991px) {
  .contract-sign__note {
    text-align: center;
  }
}
.contract-sign__des {
  color: #44494d;
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 15px;
}
@media (max-width: 991px) {
  .contract-sign__des {
    font-size: 12px;
    line-height: 18px;
  }
}
.contract-sign__sp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 20px;
}
.contract-sign__sp .radio-customize {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0;
  width: 50%;
}
.contract-sign__sp .txt-radio {
  color: #44494d;
  font-weight: 400;
}
.contract-sign__sp .radio-custom1 input:checked ~ .checkmark ~ .txt-radio {
  color: #ee0033;
}
.contract-sign .delivery-contact {
  max-height: 400px;
  overflow-y: auto;
}
.contract-sign__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0 0;
}
.contract-sign__btn .button {
  width: 340px;
}
@media (max-width: 991px) {
  .contract-sign__btn .button {
    width: 100%;
  }
}
.digital-switch__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 20px;
  text-align: center;
}
@media (max-width: 991px) {
  .digital-switch__title {
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 15px;
  }
}
.digital-switch__sub {
  color: #727272;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 30px 0 20px;
  text-align: center;
}
@media (max-width: 991px) {
  .digital-switch__sub {
    font-size: 14px;
    line-height: 20px;
  }
}
.digital-switch__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0 30px;
  padding: 0 30px;
}
.digital-switch__images img:hover {
  opacity: 0.75;
}
.digital-switch__list {
  margin: 20px 0;
}
.digital-switch__item {
  color: #727272;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .digital-switch__item {
    font-size: 14px;
    line-height: 20px;
  }
}
.digital-switch__item:not(:last-child) {
  margin: 0 0 2px;
}
.digital-switch__note {
  color: #727272;
  font-size: 14px;
  font-style: italic;
  line-height: 20px;
  margin: 20px 0 0;
  text-align: center;
}
.digital-package__sub {
  color: #44494d;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 10px;
}
.digital-package__box {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 6px 6px 6px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
}
.digital-package__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.digital-package__thumbnail {
  border: 1px solid #828282;
  border-radius: 10px 10px 10px 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 62px;
      -ms-flex: 0 0 62px;
          flex: 0 0 62px;
  height: 62px;
  margin: 0 15px 0 0;
  width: 62px;
}
.digital-package__name {
  color: #44494d;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.digital-package__name:hover {
  color: #ee0033;
}
.digital-package__des {
  color: #44494d;
  font-size: 12px;
  line-height: 18px;
}
.digital-package__price {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  margin: 3px 0 0;
}
.digital-package__price i {
  font-size: 14px;
  margin: 0 2px 0 0;
}
.digital-package__link {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin: 0 0 0 20px;
}
.digital-package__link:hover {
  color: #d11313;
  text-decoration: underline;
}
.digital-package__noti {
  color: #44494d;
  font-size: 10px;
  font-style: italic;
  line-height: 16px;
  margin: 8px 0 0;
}
.digital-package__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px 0 0;
}
@media (max-width: 991px) {
  .digital-package__btn {
    margin: 25px 0 0;
  }
}
.digital-package__btn .button {
  width: 360px;
}
@media (max-width: 991px) {
  .digital-package__btn .button {
    width: 100%;
  }
}
.packs-detail__content {
  background-color: #eee;
  border: 1px solid #d1d1d1;
  border-radius: 12px 12px 12px 0;
  overflow: hidden;
  padding: 10px 0 0 0;
}
.packs-detail__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 45px;
  margin: 0 0 10px;
  text-align: center;
}
.packs-detail__box {
  background-color: #fff;
  border-top: 1px solid #d1d1d1;
  border-radius: 12px 12px 0 0;
  padding: 10px 15px 15px;
}
.packs-detail__price {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 45px;
  margin: 0 0 2px;
  text-align: center;
}
.packs-detail__data {
  color: #727272;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
}
.packs-detail__info {
  margin: 5px 0 0;
}
.packs-detail__sub {
  color: #44494d;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 2px;
}
.packs-detail__item {
  color: #727272;
  font-size: 14px;
  line-height: 20px;
}
.packs-detail__item:not(:last-child) {
  margin: 0 0 6px;
}
.packs-detail__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px 0 0;
}
@media (max-width: 991px) {
  .packs-detail__btn {
    margin: 10px 0 0;
  }
}
.packs-detail__btn .button {
  width: 360px;
}
@media (max-width: 991px) {
  .packs-detail__btn .button {
    width: 100%;
  }
}
.contract-infor {
  background-color: #fff;
  margin: 15px 0 0;
  padding: 12px;
}
.contract-infor__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 8px;
}
.contract-infor__title {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.contract-infor__link {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin: 0 0 0 20px;
}
.contract-infor__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 5px 0 0;
}
.contract-infor__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.contract-infor__item:first-child {
  margin: 0 0 5px;
  width: 100%;
}
.contract-infor__item:last-child {
  margin: 0 0 0 10px;
}
.contract-infor__icon {
  color: #44494d;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 6px 0 0;
}
.contract-infor__icon i {
  font-size: 19px;
  width: 19px;
}
.contract-infor__icon .icon-hour {
  font-size: 10px;
}
.contract-infor__value {
  color: #727272;
  font-size: 12px;
  line-height: 18px;
}
.digital-store__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 15px;
}
.digital-store__content {
  margin: 15px 0 0;
}
.digital-store__map {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 15px auto;
  position: relative;
}
.digital-store__map img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.digital-store__map-action {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ee0033;
  bottom: 15px;
  border-radius: 50%;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
  color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 50px;
  position: absolute;
  right: 15px;
  width: 50px;
  z-index: 1;
}
.digital-store__map-action i {
  font-size: 20px;
}
.digital-store__list {
  margin: 15px 0 0;
}
.digital-store__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-left: 2px solid #ee0033;
  border-radius: 0 8px 8px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 15px 12px;
}
.digital-store__item:not(:last-child) {
  margin: 0 0 10px;
}
.digital-store__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.digital-store__name {
  color: #44494d;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 6px;
}
.digital-store__name span {
  color: #ee0033;
  font-weight: 400;
  margin: 0 0 0 2px;
}
.digital-store__des {
  color: #727272;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  line-height: 18px;
}
.digital-store__des i {
  font-size: 14px;
  line-height: 18px;
  margin: 0 8px 0 0;
}
.digital-store__action {
  color: #44494d;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 20px;
}
.digital-store__action i {
  font-size: 12px;
}
.digital-store__time {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 40px -8px 15px;
}
.digital-store__time-item {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 16px);
      -ms-flex: 0 0 calc(100% / 2 - 16px);
          flex: 0 0 calc(100% / 2 - 16px);
  margin: 0 8px;
  padding: 12px;
  width: calc(100% / 2 - 16px);
}
.digital-store__time-name {
  color: #44494d;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 6px;
}
.digital-store__time .form-calendar {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.digital-store__time .form-calendar__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 8px 0 0;
}
.digital-store__time .form-control {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
}
.digital-store__note {
  color: #727272;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 10px;
  font-style: italic;
  line-height: 16px;
}
.digital-store__note-name {
  margin: 0 8px 0 0;
}
.digital-store__note-value {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.digital-store__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px 0 0;
}
@media (max-width: 991px) {
  .digital-store__btn {
    margin: 25px 0 0;
  }
}
.digital-store__btn .button {
  width: 360px;
}
@media (max-width: 991px) {
  .digital-store__btn .button {
    width: 100%;
  }
}
.digital-sim__id {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 10px;
  text-align: center;
}
.digital-sim__status {
  color: #727272;
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 15px;
  text-align: center;
}
.digital-sim__status--progress {
  color: #58b84f;
}
.digital-sim__box {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  padding: 15px;
}
.digital-sim__box:not(:last-child) {
  margin: 0 0 15px;
}
.digital-sim__row:not(:last-child) {
  margin: 0 0 15px;
}
.digital-sim__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 10px;
}
.digital-sim__sub {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.digital-sim__action {
  color: #ee0033;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 20px;
}
.digital-sim__action i {
  font-size: 16px;
}
.digital-sim__list {
  margin: 8px 0 0;
}
.digital-sim__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.digital-sim__item:not(:last-child) {
  margin: 0 0 8px;
}
.digital-sim__item.total {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #eaeaea;
  padding: 10px 0 0;
}
@media (max-width: 991px) {
  .digital-sim__item.total {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 -15px;
    padding: 12px 15px 0;
  }
  .digital-sim__item.total .digital-sim__name {
    color: #44494d;
    font-size: 16px;
    line-height: 24px;
  }
}
.digital-sim__item.total .digital-sim__price {
  color: #ee0033;
  font-size: 24px;
  line-height: 36px;
}
@media (max-width: 991px) {
  .digital-sim__item.total .digital-sim__price {
    font-family: 'FS PFBeauSansPro', sans-serif;
    font-size: 32px;
    line-height: 42px;
    margin: 0;
  }
}
.digital-sim__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.digital-sim__name {
  color: #000;
  font-size: 12px;
  line-height: 18px;
}
.digital-sim__value {
  color: #727272;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 2px 0 0;
}
.digital-sim__value.small {
  font-size: 12px;
  font-weight: 400;
}
.digital-sim__price {
  color: #ee0033;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin: 0 0 0 20px;
}
.digital-sim__sub-small {
  color: #44494d;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  margin: 5px 0;
}
.digital-sim__sub-medium {
  color: #44494d;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin: 5px 0;
}
.digital-sim__sub-list {
  margin: 5px 0 0;
}
.digital-sim__sub-item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.digital-sim__sub-item:not(:last-child) {
  margin: 0 0 5px;
}
.digital-sim__sub-icon {
  color: #828282;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 6px 0 0;
}
.digital-sim__sub-icon i {
  font-size: 19px;
  width: 19px;
}
.digital-sim__sub-value {
  color: #44494d;
  font-size: 12px;
  line-height: 18px;
}
.digital-sim__total {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #d1d1d1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 -15px;
  padding: 12px 0 0;
}
.digital-sim__total-name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 2px;
}
.digital-sim__total-price {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 45px;
}
.digital-sim__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px 0 0;
}
@media (max-width: 991px) {
  .digital-sim__btn {
    margin: 25px 0 0;
  }
}
.digital-sim__btn .button {
  width: 360px;
}
@media (max-width: 991px) {
  .digital-sim__btn .button {
    width: 100%;
  }
}
.digital-sim .upload-files {
  margin: 0 auto;
  width: 100%;
}
.digital-sim .upload-files__list {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 0 -15px;
}
@media (max-width: 991px) {
  .digital-sim .upload-files__list {
    margin: 0 -5px;
  }
}
.digital-sim .upload-files__item {
  margin: 0 15px 15px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
  .digital-sim .upload-files__item {
    margin: 0 5px 10px;
    width: calc(100% / 2 - 10px);
  }
}
.digital-sim .upload-files__item:last-child .upload-files__before.has-images {
  height: 220px;
}
.digital-sim .upload-files__before {
  border: 1px dashed #d1d1d1;
  border-radius: 8px;
  min-height: 70px;
  padding: 15px 10px;
}
.digital-sim .upload-files__inner {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 991px) {
  .digital-sim .upload-files__title {
    color: #44494d;
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 5px;
  }
}
.digital-sim .upload-files__btn {
  color: #727272;
  font-size: 12px;
  line-height: 18px;
}
.digital-sim__noti {
  color: #44494d;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  margin: 15px 0 0;
}
@media (max-width: 991px) {
  .digital-sim__noti {
    line-height: 16px;
  }
}
.my-order {
  margin: 20px 0 0;
}
.my-order__select {
  margin: 0 0 20px;
  max-width: 120px;
}
.my-order__box {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 20px 20px 20px 0;
  margin: 20px 0 0;
  padding: 12px 20px 0;
}
.my-order__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 3px;
}
.my-order__name {
  color: #727272;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.my-order__action {
  color: #727272;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 20px;
}
.my-order__action i {
  font-size: 20px;
}
.my-order__price {
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 36px;
  margin: 3px 0;
}
.my-order__id {
  color: #44494d;
  font-size: 14px;
  line-height: 24px;
}
.my-order__status {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #d1d1d1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 5px -20px 0;
  padding: 10px 12px;
}
.my-order__status-name {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #58b84f;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 12px;
  line-height: 18px;
}
.my-order__status-name i {
  font-size: 14px;
  margin: 0 5px 0 0;
}
.my-order__status-value {
  color: #727272;
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 0 20px;
}
.my-order__status-value span:not(:first-child) {
  margin: 0 0 0 5px;
}
.internet-pack {
  padding: 0 0 60px;
  position: relative;
}
@media (max-width: 991px) {
  .internet-pack {
    padding: 0 0 30px;
  }
}
.internet-pack:before {
  background: url("../images_content/bg-internet-pack-2.png") 0 0 no-repeat;
  background-size: cover;
  content: "";
  height: 1007px;
  left: 0;
  position: absolute;
  top: 150px;
  width: 546px;
}
@media (max-width: 991px) {
  .internet-pack:before {
    display: none;
  }
}
.internet-pack:after {
  background: url("../images_content/bg-internet-pack-3.png") 0 0 no-repeat;
  background-size: cover;
  content: "";
  height: 1007px;
  position: absolute;
  right: 0;
  top: 150px;
  width: 546px;
}
@media (max-width: 991px) {
  .internet-pack:after {
    display: none;
  }
}
.internet-pack__inner {
  margin: 0 auto;
  max-width: 950px;
  position: relative;
  width: 100%;
}
@media (max-width: 991px) {
  .internet-pack__inner {
    max-width: 100%;
  }
}
.internet-pack__title {
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-weight: 700;
  font-size: 44px;
  letter-spacing: 0.15px;
  line-height: 55px;
  margin: 0 0 20px;
  text-align: center;
}
@media (max-width: 991px) {
  .internet-pack__title {
    font-size: 24px;
    letter-spacing: 0;
    line-height: 36px;
    margin: 0 0 15px;
    text-transform: uppercase;
  }
}
.internet-pack__top {
  background: -webkit-linear-gradient(179.78deg, #fff 0.19%, #f0f0f0 134.59%);
  background: linear-gradient(270.22deg, #fff 0.19%, #f0f0f0 134.59%);
  border: 4px solid #fff;
  border-radius: 10px;
  margin: 0 0 20px;
}
@media (max-width: 991px) {
  .internet-pack__top {
    border-width: 2px;
    margin: 0 0 15px;
  }
}
.internet-pack__top-list {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 156px;
}
@media (max-width: 991px) {
  .internet-pack__top-list {
    height: 94px;
  }
}
.internet-pack__top-item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-right: 2px dashed #d1d1d1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  overflow: hidden;
  padding: 0 30px;
}
@media (max-width: 991px) {
  .internet-pack__top-item {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    border-width: 1px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: hidden;
    padding: 0 12px;
  }
}
@media (max-width: 991px) {
  .internet-pack__top-item:first-child {
    border-width: 1px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 145px;
        -ms-flex: 0 0 145px;
            flex: 0 0 145px;
  }
}
@media (max-width: 991px) {
  .internet-pack__top-item:first-child .internet-pack__top-info {
    min-height: auto;
  }
}
.internet-pack__top-item:last-child {
  border-right: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 220px;
      -ms-flex: 0 0 220px;
          flex: 0 0 220px;
}
@media (max-width: 991px) {
  .internet-pack__top-item:last-child {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 110px;
        -ms-flex: 0 0 110px;
            flex: 0 0 110px;
  }
}
.internet-pack__top-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 60px;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px;
  height: 60px;
  margin: 0 8px 0 0;
  width: 60px;
}
@media (max-width: 991px) {
  .internet-pack__top-icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 30px;
        -ms-flex: 0 0 30px;
            flex: 0 0 30px;
    height: 30px;
    margin: 0 0 5px;
    width: 30px;
  }
}
.internet-pack__top-info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  width: 100%;
}
@media (max-width: 991px) {
  .internet-pack__top-info {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    min-height: 32px;
  }
}
.internet-pack__top-name {
  color: #727272;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  margin: 0 0 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .internet-pack__top-name {
    color: #44494d;
    font-weight: 400;
    margin: 0 0 5px;
  }
}
.internet-pack__top-value {
  color: #44494d;
  display: block;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .internet-pack__top-value {
    font-size: 14px;
  }
}
.internet-pack__top-value.highlight {
  font-family: 'FS PFBeauSansPro', sans-serif;
}
@media (max-width: 991px) {
  .internet-pack__top-value.highlight {
    font-size: 16px;
    text-align: center;
  }
}
.internet-pack__top-value.price {
  color: #727272;
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: line-through;
}
.internet-pack__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0 0;
}
@media (max-width: 991px) {
  .internet-pack__detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 15px 0 0;
  }
}
.internet-pack__left {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 264px;
      -ms-flex: 0 0 264px;
          flex: 0 0 264px;
  margin: 0 30px 0 0;
  width: 264px;
}
@media (max-width: 991px) {
  .internet-pack__left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 20px;
    width: 100%;
  }
}
.internet-pack__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 20px;
}
@media (max-width: 991px) {
  .internet-pack__images {
    display: none;
  }
}
.internet-pack__images img:hover {
  opacity: 0.75;
}
.internet-pack__info {
  margin: 20px 0 0;
}
@media (max-width: 991px) {
  .internet-pack__info {
    margin: 0;
  }
}
.internet-pack__info-name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .internet-pack__info-name {
    font-size: 16px;
    line-height: 24px;
  }
}
.internet-pack__info-list {
  max-height: 315px;
  overflow-y: auto;
  padding: 0 11px 0 0;
}
.internet-pack__info-item {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.internet-pack__info-item.active,
.internet-pack__info-item:hover {
  background: -webkit-linear-gradient(bottom, rgba(238, 0, 51, 0.1), rgba(238, 0, 51, 0.1)), #FFFFFF;
  background: linear-gradient(0deg, rgba(238, 0, 51, 0.1), rgba(238, 0, 51, 0.1)), #FFFFFF;
  border-color: #ee0033;
}
.internet-pack__info-item.active .internet-pack__info-top,
.internet-pack__info-item:hover .internet-pack__info-top {
  border-color: #fab3c2;
}
.internet-pack__info-item:not(:last-child) {
  margin: 0 0 12px;
}
.internet-pack__info-top {
  border-bottom: 1px solid #d1d1d1;
  padding: 5px 20px;
}
@media (max-width: 991px) {
  .internet-pack__info-top {
    padding: 5px 15px;
  }
}
.internet-pack__info-sub {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .internet-pack__info-sub {
    font-size: 16px;
    line-height: 24px;
  }
}
.internet-pack__info-detail {
  padding: 6px 20px;
}
@media (max-width: 991px) {
  .internet-pack__info-detail {
    padding: 6px 15px;
  }
}
.internet-pack__info-price {
  color: #44494d;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .internet-pack__info-price {
    font-size: 18px;
    line-height: 28px;
  }
}
.internet-pack__info-des {
  color: #727272;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  margin: 2px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.internet-pack__info-choosen {
  margin: 10px 0 20px;
}
@media (max-width: 991px) {
  .internet-pack__info-choosen {
    background-color: #eee;
    border-radius: 16px;
    margin: 10px 0 15px;
    padding: 15px 10px 15px 25px;
  }
}
.internet-pack__info-menu {
  max-height: 180px;
  overflow-y: auto;
}
@media (max-width: 991px) {
  .internet-pack__info-menu {
    max-height: 160px;
  }
}
.internet-pack__info .radio-custom1 {
  font-size: 16px;
  margin: 0 0 20px;
  padding: 0 0 0 30px;
}
@media (max-width: 991px) {
  .internet-pack__info .radio-custom1 {
    font-size: 14px;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .internet-pack__info .radio-custom1 {
    margin: 0 0 15px;
  }
}
.internet-pack__info .radio-custom1:last-child {
  margin: 0;
}
.internet-pack__info .radio-custom1 input:checked ~ .checkmark ~ span {
  font-weight: 400;
}
.internet-pack__btn {
  margin: 30px 0 0;
}
@media (max-width: 991px) {
  .internet-pack__btn {
    margin: 20px 0 0;
  }
}
.internet-pack__right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: calc(100% - 264px - 30px);
}
@media (max-width: 991px) {
  .internet-pack__right {
    width: 100%;
  }
}
.internet-pack__row {
  margin: 0 0 15px;
}
.internet-pack__row:last-child {
  margin: 0;
}
.internet-pack__label {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 5px;
}
@media (max-width: 991px) {
  .internet-pack__label {
    font-size: 20px;
    letter-spacing: 0.15px;
    line-height: 30px;
  }
}
.internet-pack__list {
  margin: 8px 0 0 8px;
}
.internet-pack__item {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .internet-pack__item {
    font-size: 14px;
    line-height: 20px;
  }
}
.internet-pack__item.highlight {
  background-color: #f6d0d0;
  border-radius: 8px;
  margin: 8px 0 0;
  padding: 10px 20px;
}
@media (max-width: 991px) {
  .internet-pack__item.highlight {
    padding: 10px 15px;
  }
}
.internet-pack__item:not(:last-child) {
  margin: 0 0 2px;
}
.internet-pack__noti {
  background-color: #f6d0d0;
  border-radius: 8px;
  margin: 10px 0 0;
  padding: 10px 20px;
}
@media (max-width: 991px) {
  .internet-pack__noti {
    padding: 10px 15px;
  }
}
.internet-pack__noti p {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .internet-pack__noti p {
    font-size: 14px;
    line-height: 20px;
  }
}
.internet-pack .it-pack {
  margin: 40px 0 0;
  position: relative;
}
@media (max-width: 991px) {
  .internet-pack .it-pack {
    margin: 15px 0 0;
  }
}
.internet-pack .data-pack__name {
  font-size: 18px;
  line-height: 28px;
}
.internet-pack .data-pack__info {
  margin: 2px 0 15px;
}
.internet-pack .data-pack__des {
  font-size: 14px;
  line-height: 20px;
}
.internet-pack .data-pack__btn {
  margin: 0;
  width: 100%;
}
.internet-pack .data-pack__btn .button {
  width: 100%;
}
.modal--fee-payment .modal__content {
  background-color: #fbfbfb;
}
@media (min-width: 576px) {
  .modal--fee-payment .modal__content {
    max-width: 608px;
  }
}
@media (max-width: 991px) {
  .modal--fee-payment .modal__content {
    padding: 0 20px;
  }
}
.modal--fee-payment .modal__body {
  padding: 0 55px 35px;
}
@media (max-width: 991px) {
  .modal--fee-payment .modal__body {
    padding: 0 0 30px;
  }
}
.modal--fee-payment .modal-internet__btn {
  margin: 20px 0 0;
}
.modal--fee-payment .modal-internet__btn .button {
  width: 232px;
}
@media (max-width: 991px) {
  .modal--fee-payment .modal-internet__btn .button {
    width: 100%;
  }
}
.fee-payment {
  margin: 20px 0;
}
@media (max-width: 991px) {
  .fee-payment {
    margin: 15px 0;
  }
}
.fee-payment__box {
  background-color: #fff;
  border: 1px solid transparent;
  border-left: 3px solid #ee0033;
  border-radius: 0 6px 6px 0;
  padding: 20px;
}
@media (max-width: 991px) {
  .fee-payment__box {
    padding: 12px 15px;
  }
}
.fee-payment__box.active {
  border-color: #ee0033;
}
.fee-payment__box:not(:first-child) {
  margin: 20px 0 0;
}
@media (max-width: 991px) {
  .fee-payment__box:not(:first-child) {
    margin: 15px 0 0;
  }
}
.fee-payment .radio-custom1 {
  padding: 0 30px 0 0;
}
.fee-payment .radio-custom1 .checkmark {
  left: auto;
  right: 0;
}
.fee-payment .txt-radio {
  font-size: 18px;
  font-weight: 500;
}
@media (max-width: 991px) {
  .fee-payment .txt-radio {
    font-size: 14px;
  }
}
.fee-payment__list {
  margin: 20px 0 0;
  max-height: 465px;
  overflow-y: auto;
}
@media (max-width: 991px) {
  .fee-payment__list {
    margin: 15px 0 0;
    max-height: 515px;
  }
}
.fee-payment__item {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 12px 12px 12px 0;
  padding: 15px;
}
.fee-payment__item.active {
  border-color: #ee0033;
}
.fee-payment__item:not(:last-child) {
  margin: 0 0 20px;
}
@media (max-width: 991px) {
  .fee-payment__item:not(:last-child) {
    margin: 0 0 15px;
  }
}
.fee-payment__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
@media (max-width: 991px) {
  .fee-payment__name {
    font-size: 14px;
    line-height: 20px;
  }
}
.fee-payment__des {
  color: #727272;
  font-size: 14px;
  line-height: 20px;
  margin: 5px 0 0;
}
.check-charges {
  padding: 0 0 60px;
}
@media (max-width: 991px) {
  .check-charges {
    padding: 0 0 40px;
  }
}
.check-charges__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.15px;
  line-height: 36px;
  margin: 0 0 30px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .check-charges__title {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 28px;
    margin: 0 0 20px;
  }
}
.check-charges__form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 50px auto 30px;
  max-width: 750px;
}
@media (max-width: 991px) {
  .check-charges__form {
    margin: 20px -10px;
  }
}
.check-charges .form-customize {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
  .check-charges .form-customize {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2 - 20px);
        -ms-flex: 0 0 calc(100% / 2 - 20px);
            flex: 0 0 calc(100% / 2 - 20px);
    margin: 0 10px;
    width: calc(100% / 2 - 20px);
  }
}
.check-charges .form-calendar {
  position: relative;
}
.check-charges .form-calendar__icon {
  color: #26292b;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  left: 10px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}
.check-charges .form-calendar__icon i {
  font-size: 20px;
}
.check-charges .form-calendar .form-control {
  padding: 9px 35px 9px;
}
.check-charges .form-calendar .form-control--small {
  padding: 5px 35px 5px;
}
.check-charges .form-calendar__action {
  color: #26292b;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}
.check-charges .form-calendar__action i {
  font-size: 6px;
}
.check-charges__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px 0 0;
}
.check-charges__btn .button {
  width: 360px;
}
@media (max-width: 991px) {
  .check-charges__btn .button {
    width: 100%;
  }
}
.check-charges__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 60px 0 20px;
}
@media (max-width: 991px) {
  .check-charges__images {
    margin: 20px 0;
  }
}
.check-charges__images img:hover {
  opacity: 0.75;
}
.check-charges__des {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  margin: 20px 0;
  text-align: center;
}
@media (max-width: 991px) {
  .check-charges__des {
    font-size: 14px;
    line-height: 20px;
  }
}
.check-charges__btn-last {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0 0;
}
.check-charges__btn-last .button {
  width: 204px;
}
@media (max-width: 991px) {
  .check-charges__btn-last .button {
    width: 100%;
  }
}
.check-charges .customize-pagination {
  margin: 10px auto 0;
}
@media (max-width: 991px) {
  .check-charges .customize-pagination {
    display: none;
  }
}
@media (max-width: 575px) {
  .check-charges .pay-method {
    margin: 0 -8px 20px;
  }
}
.check-charges .form-customize .label-title {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}
.deposit-fee {
  margin: 40px 0 0;
}
@media (max-width: 767px) {
  .deposit-fee {
    margin: 20px 0 0;
  }
}
.deposit-fee__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 10px;
}
@media (max-width: 767px) {
  .deposit-fee__title {
    color: #4b4b4b;
  }
}
.deposit-fee__title span {
  color: #ee0033;
  margin: 0 0 0 3px;
}
.deposit-fee__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}
@media (max-width: 767px) {
  .deposit-fee__detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.deposit-fee__box {
  background-color: #fff;
  border-radius: 8px 8px 8px 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px 20px;
  padding: 12px 25px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 767px) {
  .deposit-fee__box {
    border: 1px solid #d1d1d1;
    border-radius: 15px 15px 15px 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 12px;
    padding: 12px 15px;
    width: 100%;
  }
  .deposit-fee__box:last-child {
    margin: 0;
  }
}
.deposit-fee__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 15px;
}
@media (max-width: 767px) {
  .deposit-fee__top {
    margin: 0 0 10px;
  }
}
.deposit-fee__sub {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .deposit-fee__sub {
    font-size: 16px;
    line-height: 24px;
  }
}
.deposit-fee__time {
  color: #44494d;
  font-size: 14px;
  line-height: 24px;
  margin: 0 0 0 20px;
}
@media (max-width: 767px) {
  .deposit-fee__time {
    display: none;
  }
}
.deposit-fee__list {
  margin: 15px 0;
}
@media (max-width: 767px) {
  .deposit-fee__list {
    margin: 10px 0;
  }
}
.deposit-fee__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.deposit-fee__item:not(:last-child) {
  margin: 0 0 10px;
}
.deposit-fee__item--sp {
  display: none;
}
@media (max-width: 767px) {
  .deposit-fee__item--sp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.deposit-fee__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 24px;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  margin: 0 8px 0 0;
  width: 24px;
}
@media (max-width: 767px) {
  .deposit-fee__icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20px;
        -ms-flex: 0 0 20px;
            flex: 0 0 20px;
    margin: 0 5px 0 0;
    width: 20px;
  }
}
.deposit-fee__value {
  color: #727272;
  font-size: 14px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .deposit-fee__value {
    font-size: 12px;
    line-height: 18px;
  }
}
.deposit-fee__total {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #eee;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 0 0;
}
@media (max-width: 767px) {
  .deposit-fee__total {
    border-top: 1px dashed #d1d1d1;
    margin: 0 -15px;
    padding: 10px 15px 0;
  }
}
.deposit-fee__total-name {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  line-height: 20px;
}
.deposit-fee__total-value {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 0 20px;
}
@media (max-width: 767px) {
  .deposit-fee__total-value {
    color: #44494d;
    font-size: 16px;
  }
}
.change-esim {
  padding: 0 0 50px;
  word-break: break-word;
}
@media (max-width: 991px) {
  .change-esim {
    padding: 0 0 40px;
  }
}
.change-esim__inner {
  margin: 0 auto;
  max-width: 500px;
  width: 100%;
}
@media (max-width: 575px) {
  .change-esim__inner {
    max-width: 100%;
  }
}
.change-esim__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 40px;
  text-align: center;
}
@media (max-width: 991px) {
  .change-esim__title {
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 30px;
  }
}
.change-esim__content {
  margin: 30px 0;
}
@media (max-width: 991px) {
  .change-esim__content {
    margin: 30px 0 25px;
  }
}
.change-esim__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 206px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 30px;
  width: 251px;
}
.change-esim__images img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.change-esim__images img:hover {
  opacity: 0.75;
}
.change-esim__des {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  margin: 30px 0 0;
  text-align: center;
}
@media (max-width: 991px) {
  .change-esim__des {
    font-size: 14px;
    line-height: 20px;
  }
}
.change-esim__note {
  color: #727272;
  font-size: 16px;
  font-style: italic;
  line-height: 24px;
  margin: 25px 0 0;
  text-align: center;
}
@media (max-width: 991px) {
  .change-esim__note {
    font-size: 14px;
    line-height: 20px;
  }
}
.change-esim__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px -10px 0;
}
@media (max-width: 991px) {
  .change-esim__btn {
    margin: 25px -6px 0;
  }
}
.change-esim__btn .button {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 20px);
      -ms-flex: 0 0 calc(100% / 2 - 20px);
          flex: 0 0 calc(100% / 2 - 20px);
  margin: 0 10px;
  width: calc(100% / 2 - 20px);
}
@media (max-width: 991px) {
  .change-esim__btn .button {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2 - 12px);
        -ms-flex: 0 0 calc(100% / 2 - 12px);
            flex: 0 0 calc(100% / 2 - 12px);
    margin: 0 6px;
    width: calc(100% / 2 - 12px);
  }
}
.diy-pack {
  padding: 0 0 40px;
}
.diy-pack__inner {
  background-color: #fff;
  margin: 0 auto;
  max-width: 650px;
  padding: 40px 75px;
  width: 100%;
}
@media (max-width: 991px) {
  .diy-pack__inner {
    background-color: transparent;
    max-width: 100%;
    padding: 0;
  }
}
.diy-pack__title {
  color: #000;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 20px;
  text-align: center;
  text-transform: uppercase;
}
.diy-pack__sub {
  color: #4b4b4b;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .diy-pack__sub {
    margin: 0 0 10px;
  }
}
.diy-pack__info {
  margin: 35px 0;
}
@media (max-width: 991px) {
  .diy-pack__info {
    margin: 20px 0;
  }
}
.diy-pack__note {
  color: #727272;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  padding: 0 0 0 8px;
  position: relative;
}
@media (max-width: 991px) {
  .diy-pack__note {
    font-size: 10px;
    line-height: 16px;
  }
}
.diy-pack__note:not(:last-child) {
  margin: 0 0 8px;
}
@media (max-width: 991px) {
  .diy-pack__note:not(:last-child) {
    margin: 0 0 5px;
  }
}
.diy-pack__note:before {
  background-color: #44494d;
  border-radius: 50%;
  content: "";
  height: 4px;
  left: 0;
  margin: 0 3px 0 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 4px;
}
.diy-pack__list {
  margin: 30px 0 40px;
}
@media (max-width: 991px) {
  .diy-pack__list {
    background-color: #fff;
    border-radius: 8px;
    margin: 20px 0 25px;
    padding: 15px 12px 20px;
  }
}
.diy-pack__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.diy-pack__item:not(:last-child) {
  margin: 0 0 8px;
}
@media (max-width: 991px) {
  .diy-pack__item:not(:last-child) {
    margin: 0 0 5px;
  }
}
.diy-pack__name {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .diy-pack__name {
    font-size: 14px;
    line-height: 20px;
  }
}
.diy-pack__value {
  color: #727272;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 0 20px;
}
@media (max-width: 991px) {
  .diy-pack__value {
    color: #44494d;
    font-size: 16px;
  }
}
.diy-pack__value.total {
  color: #ee0033;
}
@media (max-width: 991px) {
  .diy-pack__value.total {
    color: #44494d;
  }
}
.diy-pack__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 40px 0 0;
}
@media (max-width: 991px) {
  .diy-pack__btn {
    margin: 25px 0 0;
  }
}
.diy-pack__btn .button {
  width: 343px;
}
@media (max-width: 991px) {
  .diy-pack__btn .button {
    width: 100%;
  }
}
.diy-pack .tab-title {
  margin: 0 5px;
}
@media (max-width: 991px) {
  .diy-pack .tab-title {
    border-bottom: 1px solid #44494d;
    padding: 0;
  }
  .diy-pack .tab-title::-webkit-scrollbar {
    display: none;
  }
}
.diy-pack .tab-title li a {
  font-size: 18px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .diy-pack .tab-title li a {
    font-size: 14px;
    line-height: 20px;
  }
}
.diy-pack .tab-title li:first-child a {
  padding: 0 10px;
}
.diy-pack .tab-content {
  margin: 35px 0 0;
}
@media (max-width: 991px) {
  .diy-pack .tab-content {
    margin: 20px 0 0;
  }
}
.diy-price {
  margin: 15px 0 30px;
}
.diy-price::-webkit-scrollbar {
  display: none;
}
@media (max-width: 991px) {
  .diy-price {
    margin: 15px 0 20px;
    overflow-x: auto;
    overflow-y: hidden;
  }
}
.diy-price__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -5px;
}
@media (max-width: 991px) {
  .diy-price__list {
    margin: 0 -3px;
  }
}
.diy-price__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #b5b4b4;
  border-radius: 8px 8px 8px 0;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 5 - 10px);
      -ms-flex: 0 0 calc(100% / 5 - 10px);
          flex: 0 0 calc(100% / 5 - 10px);
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 5px;
  overflow: hidden;
  padding: 6px 12px;
  text-overflow: ellipsis;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  white-space: nowrap;
  width: calc(100% / 5 - 10px);
}
@media (max-width: 991px) {
  .diy-price__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 4 - 6px);
        -ms-flex: 0 0 calc(100% / 4 - 6px);
            flex: 0 0 calc(100% / 4 - 6px);
    margin: 0 3px;
    padding: 6px 10px;
    width: calc(100% / 4 - 6px);
  }
}
.diy-price__item.active,
.diy-price__item:hover {
  border-color: #ee0033;
}
.diy-price__item.active .diy-price__value,
.diy-price__item:hover .diy-price__value {
  color: #ee0033;
}
.diy-price__value {
  color: #b5b4b4;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 20px;
}
@media (max-width: 991px) {
  .diy-proccess__item {
    background-color: #fff;
    border-radius: 8px;
    padding: 12px 12px 25px;
  }
}
.diy-proccess__item:not(:last-child) {
  margin: 0 0 30px;
}
@media (max-width: 991px) {
  .diy-proccess__item:not(:last-child) {
    margin: 0 0 10px;
  }
}
.diy-proccess__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 5px;
}
.diy-proccess__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.diy-proccess .check-box {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20px;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  margin: 3px 10px 0 0;
  padding: 0;
}
.diy-proccess__price {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin: 0 0 2px;
}
.diy-proccess__des {
  color: #727272;
  font-size: 12px;
  line-height: 18px;
}
.diy-proccess__txt {
  color: #44494d;
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 0 20px;
}
.diy-proccess__txt .diy-proccess__value {
  margin: 0 0 0 2px;
}
.diy-proccess__value {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin: 0 0 0 20px;
}
.diy-list {
  padding: 0 0 80px;
}
@media (max-width: 991px) {
  .diy-list {
    padding: 0 0 40px;
  }
}
.diy-list__inner {
  margin: 0 auto;
  max-width: 550px;
  padding: 0 15px;
  width: 100%;
}
@media (max-width: 991px) {
  .diy-list__inner {
    max-width: 100%;
    padding: 0;
  }
}
.diy-list .tab-title {
  margin: 0 15px;
}
@media (max-width: 991px) {
  .diy-list .tab-title {
    border-bottom: 1px solid #44494d;
    margin: 0 10px;
    padding: 0;
  }
  .diy-list .tab-title::-webkit-scrollbar {
    display: none;
  }
}
.diy-list .tab-title li a {
  font-size: 18px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .diy-list .tab-title li a {
    font-size: 14px;
    line-height: 20px;
  }
}
.diy-list .tab-title li:first-child a {
  padding: 0 10px;
}
.diy-list .tab-content {
  margin: 35px 0 0;
}
@media (max-width: 991px) {
  .diy-list .tab-content {
    margin: 20px 0 0;
  }
}
.diy-list__box {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
}
@media (max-width: 991px) {
  .diy-list__box {
    border: 0;
    padding: 10px;
  }
}
.diy-list__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.diy-list__images {
  border: 1px solid #828282;
  border-radius: 10px 10px 10px 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 62px;
      -ms-flex: 0 0 62px;
          flex: 0 0 62px;
  height: 62px;
  margin: 0 15px 0 0;
  overflow: hidden;
  width: 62px;
}
.diy-list__images img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.diy-list__images img:hover {
  opacity: 0.75;
}
.diy-list__name {
  color: #44494d;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.diy-list__name span {
  font-size: 12px;
  font-weight: 400;
  margin: 0 0 0 3px;
  line-height: 18px;
}
.diy-list__value {
  color: #44494d;
  font-size: 12px;
  margin: 2px 0 0;
  line-height: 18px;
}
.diy-list__des {
  color: #44494d;
  font-size: 10px;
  font-style: italic;
  margin: 2px 0 0;
  line-height: 16px;
}
.diy-list__action {
  margin: 0 0 0 20px;
}
.diy-personal {
  background-color: #f6d0d0;
  border-radius: 8px 8px 8px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 18px 25px;
}
@media (max-width: 991px) {
  .diy-personal {
    padding: 15px;
  }
}
.diy-personal__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 68px;
      -ms-flex: 0 0 68px;
          flex: 0 0 68px;
  height: 68px;
  margin: 0 30px 0 0;
  width: 68px;
}
@media (max-width: 991px) {
  .diy-personal__images {
    margin: 0 15px 0 0;
  }
}
.diy-personal__detail {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.diy-personal__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.diy-personal__name {
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.diy-personal__name-link {
  color: #44494d;
}
.diy-personal__name-link:hover {
  color: #ee0033;
}
.diy-personal__des {
  color: #727272;
  font-size: 14px;
  line-height: 20px;
  margin: 5px 0 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.diy-personal__action {
  color: #44494d;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 20px;
}
.diy-personal__action i {
  font-size: 16px;
}
@media (min-width: 576px) {
  .modal--diy .modal__content {
    max-width: 550px;
  }
}
.modal--diy .modal__body {
  padding: 0 40px 30px;
}
@media (max-width: 991px) {
  .modal--diy .modal__body {
    padding: 0 0 30px;
  }
}
.modal-diy__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 15px;
  text-align: center;
}
@media (max-width: 991px) {
  .modal-diy__title {
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 10px;
  }
}
.modal-diy__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 15px 0;
}
.modal-diy__images--success {
  color: #58b84f;
}
.modal-diy__images--warning {
  color: #d11313;
}
.modal-diy__images i {
  font-size: 70px;
}
.modal-diy__list {
  margin: 20px 0 30px;
}
@media (max-width: 991px) {
  .modal-diy__list {
    margin: 15px 0 25px;
  }
}
.modal-diy__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 3px;
}
.modal-diy__item.total {
  margin: 20px 0 0;
}
@media (max-width: 991px) {
  .modal-diy__item.total {
    margin: 0;
  }
}
.modal-diy__item.total .modal-diy__value {
  font-weight: 600;
}
@media (max-width: 991px) {
  .modal-diy__item.total .modal-diy__value {
    font-family: 'FS PFBeauSansPro', sans-serif;
  }
}
.modal-diy__name {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .modal-diy__name {
    font-size: 14px;
    line-height: 20px;
  }
}
.modal-diy__value {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 0 15px;
}
@media (max-width: 991px) {
  .modal-diy__value {
    font-size: 14px;
    line-height: 20px;
  }
}
.modal-diy__des {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  margin: 15px 0 0;
  text-align: center;
}
@media (max-width: 991px) {
  .modal-diy__des {
    font-size: 14px;
    line-height: 20px;
  }
}
.modal-diy__des span {
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-weight: 600;
}
.modal-diy__sub {
  color: #44494d;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin: 0 0 5px;
}
@media (max-width: 991px) {
  .modal-diy__sub {
    font-size: 14px;
    line-height: 20px;
  }
}
.modal-diy__detail {
  margin: 5px 0 0;
}
.modal-diy__row {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
}
.modal-diy__row:not(:last-child) {
  margin: 0 0 2px;
}
@media (max-width: 991px) {
  .modal-diy__row {
    font-size: 14px;
    line-height: 20px;
  }
}
.modal-diy__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px 0 0;
}
@media (max-width: 991px) {
  .modal-diy__btn {
    margin: 25px 0 0;
  }
}
.modal-diy__btn .button {
  width: 360px;
}
@media (max-width: 991px) {
  .modal-diy__btn .button {
    width: 100%;
  }
}
.modal-diy__btn-2column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 30px -8px 0;
}
.modal-diy__btn-2column .button {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 16px);
      -ms-flex: 0 0 calc(100% / 2 - 16px);
          flex: 0 0 calc(100% / 2 - 16px);
  margin: 0 8px;
  width: calc(100% / 2 - 16px);
}
.time-apply {
  padding: 0 0 60px;
}
@media (max-width: 991px) {
  .time-apply {
    padding: 0 0 40px;
  }
}
.time-apply__inner {
  margin: 0 auto;
  max-width: 558px;
  width: 100%;
}
@media (max-width: 991px) {
  .time-apply__inner {
    max-width: 100%;
  }
}
.time-apply__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.15px;
  line-height: 36px;
  margin: 0 0 20px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .time-apply__title {
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 15px;
    text-align: left;
    text-transform: inherit;
  }
}
.time-apply__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px 30px;
}
@media (max-width: 991px) {
  .time-apply__list {
    margin: 0 -8px 20px;
  }
}
.time-apply__item {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px;
  padding: 20px;
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
  .time-apply__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2 - 16px);
        -ms-flex: 0 0 calc(100% / 2 - 16px);
            flex: 0 0 calc(100% / 2 - 16px);
    margin: 0 8px;
    padding: 12px 15px;
    width: calc(100% / 2 - 16px);
  }
}
.time-apply__item:hover,
.time-apply__item.selected {
  background: -webkit-linear-gradient(bottom, rgba(238, 0, 51, 0.1), rgba(238, 0, 51, 0.1)), #fff;
  background: linear-gradient(0deg, rgba(238, 0, 51, 0.1), rgba(238, 0, 51, 0.1)), #fff;
  border-color: #ee0033;
}
.time-apply__sub {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.15px;
  margin: 0 0 15px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .time-apply__sub {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 18px;
    margin: 0 0 0 15px;
    text-align: left;
  }
}
.time-apply__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.time-apply__images img:hover {
  opacity: 0.85;
}
.time-apply__choose {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0;
}
.time-apply__choose .radio-custom1 {
  margin: 0 40px 0 0;
  padding: 0 0 0 28px;
}
.time-apply__choose .radio-custom1:last-child {
  margin: 0;
}
.time-apply__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px 0 0;
}
.time-apply__btn .button {
  width: 360px;
}
@media (max-width: 575px) {
  .time-apply__btn .button {
    width: 100%;
  }
}
.main--tv {
  background-color: #000;
  position: relative;
}
.main--tv:before {
  background: url("../images_content/bg-tv.png") 0 0 no-repeat;
  background-size: cover;
  content: "";
  height: 300px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
@media (max-width: 991px) {
  .main--tv:before {
    background: url("../images_content/bg-tv-sp.png") 0 0 no-repeat;
    background-size: cover;
    height: 136px;
  }
}
.main--tv .pathway a,
.main--tv .pathway span {
  color: #fff;
}
.main--tv .it-title {
  color: #fff;
  text-transform: inherit;
}
.main--tv .it-sub,
.main--tv .it-subdes,
.main--tv .it-choose__sub,
.main--tv .it-combo__name,
.main--tv .it-combo__des {
  color: #fff;
}
.main--tv .it-device__item {
  background-color: #44494d;
  border: 1px solid #b5b4b4;
}
.main--tv .it-device__name,
.main--tv .it-device__price-new {
  color: #eceded;
}
.main--tv .it-device__value,
.main--tv .it-device__price-old {
  color: #b4b6b8;
}
.main--tv .form-customize .form-control {
  background-color: rgba(255, 255, 255, 0.4);
  border: 1px solid #d1d1d1;
  color: #fff;
}
.main--tv .it-device button.owl-dot span {
  background-color: #727272;
}
.main--tv .it-device button.owl-dot.active span,
.main--tv .it-device button.owl-dot:hover span {
  background-color: #ee0033;
}
.main--pack {
  position: relative;
}
.main--pack:before {
  background: url("../images_content/bg-internet-pack.png") 0 0 no-repeat;
  background-size: cover;
  content: "";
  height: 238px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
@media (max-width: 991px) {
  .main--pack:before {
    background: url("../images_content/bg-internet-pack-sp.png") 0 bottom no-repeat;
    background-size: cover;
    height: 160px;
  }
}
.main--pack .pathway a,
.main--pack .pathway span {
  color: #f899ad;
}
.main--pack .pathway ul li strong {
  color: #fff;
}
.main--it {
  position: relative;
}
.main--it:before {
  background: url("../images_content/bg-it.png") center bottom no-repeat;
  background-size: cover;
  content: "";
  height: 290px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
@media (max-width: 991px) {
  .main--it:before {
    background: url("../images_content/bg-it-sp.png") center bottom no-repeat;
    background-size: cover;
    height: 140px;
  }
}
.main--it .pathway a,
.main--it .pathway span {
  color: #f899ad;
}
.main--it .pathway ul li strong {
  color: #fff;
}
.main--it .it-choose .it-title {
  color: #fff;
  margin: 40px 0 80px;
}
@media (max-width: 991px) {
  .main--it .it-choose .it-title {
    margin: 0 0 35px;
  }
}
.main--combo {
  position: relative;
}
.main--combo:before {
  background: url("../images_content/bg-combo-sp-1.png") 0 0 no-repeat;
  background-size: cover;
  content: "";
  height: 165px;
  left: 0;
  position: absolute;
  top: 0;
  width: 125px;
  z-index: -1;
}
.main--combo:after {
  background: url("../images_content/bg-combo-sp-2.png") 0 0 no-repeat;
  background-size: cover;
  content: "";
  height: 165px;
  position: absolute;
  right: 0;
  top: 0;
  width: 125px;
  z-index: -1;
}
.it-tv {
  padding: 0 0 60px;
}
@media (max-width: 991px) {
  .it-tv {
    padding: 0 0 30px;
  }
}
.it-title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-weight: 700;
  font-size: 44px;
  letter-spacing: 0.15px;
  line-height: 55px;
  margin: 0 0 20px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .it-title {
    font-size: 24px;
    letter-spacing: 0;
    line-height: 36px;
    margin: 0 0 15px;
  }
}
.it-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 15px;
}
@media (max-width: 991px) {
  .it-head {
    margin: 0 0 12px;
  }
}
.it-sub {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-weight: 700;
  font-size: 26px;
  letter-spacing: 0.15px;
  line-height: 36px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .it-sub {
    font-size: 20px;
    line-height: 30px;
    text-transform: inherit;
  }
}
.it-link {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 0 20px;
  position: relative;
  top: 7px;
}
@media (max-width: 991px) {
  .it-link {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 0 40px;
  }
}
.it-link:hover {
  color: #d11313;
  text-decoration: underline;
}
.it-des {
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 20px;
  letter-spacing: 0.15px;
  line-height: 30px;
  margin: 0 0 15px;
  text-align: center;
}
@media (max-width: 991px) {
  .it-des {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    margin: 0 0 10px;
  }
}
.it-subdes {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 15px;
}
@media (max-width: 991px) {
  .it-subdes {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 10px;
  }
}
.banner-it__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 400px;
}
@media (max-width: 991px) {
  .banner-it__link {
    height: 228px;
  }
}
.banner-it__link img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.it-intro {
  margin: 0 0 60px;
}
@media (max-width: 991px) {
  .it-intro {
    margin: 0 0 20px;
  }
}
.it-intro__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}
.it-intro__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3 - 30px);
      -ms-flex: 0 0 calc(100% / 3 - 30px);
          flex: 0 0 calc(100% / 3 - 30px);
  margin: 0 15px;
  width: calc(100% / 3 - 30px);
}
.it-intro__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 132px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 10px;
}
@media (max-width: 991px) {
  .it-intro__images {
    height: 64px;
    margin: 0 0 5px;
  }
}
.it-intro__images img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
.it-intro__images img:hover {
  opacity: 0.8;
}
.it-intro__detail {
  margin: 10px 0 0;
}
@media (max-width: 991px) {
  .it-intro__detail {
    margin: 5px 0 0;
  }
}
.it-intro__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 5px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .it-intro__name {
    font-size: 16px;
    line-height: 24px;
  }
}
.it-intro__name:hover {
  color: #ee0033;
}
.it-intro__des {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  overflow: hidden;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 991px) {
  .it-intro__des {
    font-size: 14px;
    line-height: 20px;
  }
}
.it-inter {
  margin: 60px 0;
}
@media (max-width: 991px) {
  .it-inter {
    margin: 20px 0;
  }
}
.it-inter__content {
  position: relative;
}
@media (max-width: 991px) {
  .it-inter__content {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 325px;
  }
}
.it-inter__banner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}
.it-inter__banner img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.it-inter__list {
  max-width: 320px;
  padding: 100px 0;
  position: relative;
}
@media (max-width: 991px) {
  .it-inter__list {
    max-width: 100%;
    padding: 20px 0;
  }
}
.it-inter__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.it-inter__item:not(:last-child) {
  margin: 0 0 40px;
}
@media (max-width: 991px) {
  .it-inter__item:not(:last-child) {
    margin: 0 0 10px;
  }
}
.it-inter__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #d3676c;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 34px;
      -ms-flex: 0 0 34px;
          flex: 0 0 34px;
  height: 34px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 15px 0 0;
  width: 34px;
}
@media (max-width: 991px) {
  .it-inter__icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16px;
        -ms-flex: 0 0 16px;
            flex: 0 0 16px;
    height: 16px;
    margin: 0 10px 0 0;
    width: 16px;
  }
}
.it-inter__icon i {
  font-size: 12px;
}
@media (max-width: 991px) {
  .it-inter__icon i {
    font-size: 6px;
  }
}
.it-inter__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.it-inter__name {
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.15px;
  line-height: 30px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 991px) {
  .it-inter__name {
    font-size: 14px;
    line-height: 20px;
    -webkit-line-clamp: 1;
  }
}
@media (max-width: 991px) {
  .it-pack .internet-tele__images,
  .inter-pack .internet-tele__images {
    height: 74px;
  }
}
@media (max-width: 575px) {
  .it-pack .mobile-data__item,
  .inter-pack .mobile-data__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 1.4 - 16px);
        -ms-flex: 0 0 calc(100% / 1.4 - 16px);
            flex: 0 0 calc(100% / 1.4 - 16px);
    width: calc(100% / 1.5 - 16px);
  }
}
.it-bg {
  background: url("../images_content/bg-it-tv.png") 0 bottom no-repeat;
  background-size: cover;
  margin: -60px 0 0;
  padding: 140px 0 35px;
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .it-bg {
    background: url("../images_content/bg-it-tv-sp.png") center center no-repeat;
    background-size: cover;
    margin: 20px 0 0;
    padding: 20px 0 35px;
  }
}
.it-buy {
  margin: 15px 0 0;
  position: relative;
  z-index: 2;
}
@media (max-width: 991px) {
  .it-buy {
    display: none;
  }
}
.it-buy__detail {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: url("../images_content/bg-it-buy.png") center center no-repeat;
  background-size: cover;
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 25px;
}
@media (max-width: 991px) {
  .it-buy__detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px 15px;
  }
}
.it-buy__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
@media (max-width: 991px) {
  .it-buy__info {
    width: 100%;
  }
}
.it-buy__sub {
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .it-buy__sub {
    font-size: 20px;
    line-height: 30px;
  }
}
.it-buy__des {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  margin: 5px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.it-buy__action {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 20px;
}
@media (max-width: 991px) {
  .it-buy__action {
    margin: 10px 0 0;
  }
}
.it-buy__name {
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.it-buy__icon {
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 5px;
}
.it-buy__icon i {
  font-size: 8px;
}
.it-tele .it-title {
  color: #fff;
  margin: 0 0 15px;
}
@media (max-width: 991px) {
  .it-tele .it-title {
    margin: 0 0 10px;
  }
}
.it-tele__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}
@media (max-width: 991px) {
  .it-tele__list {
    margin: 0 -8px;
  }
}
.it-tele__item {
  background: -webkit-linear-gradient(270.07deg, rgba(255, 0, 13, 0) 0.07%, #800006 44.82%, #630005 114.64%);
  background: linear-gradient(179.93deg, rgba(255, 0, 13, 0) 0.07%, #800006 44.82%, #630005 114.64%);
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3 - 30px);
      -ms-flex: 0 0 calc(100% / 3 - 30px);
          flex: 0 0 calc(100% / 3 - 30px);
  margin: 0 15px;
  width: calc(100% / 3 - 30px);
}
@media (max-width: 991px) {
  .it-tele__item {
    background: none;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 3 - 16px);
        -ms-flex: 0 0 calc(100% / 3 - 16px);
            flex: 0 0 calc(100% / 3 - 16px);
    margin: 0 8px;
    width: calc(100% / 3 - 16px);
  }
}
.it-tele__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 242px;
}
.it-tele__images img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.it-tele__images img:hover {
  opacity: 0.8;
}
.it-tele__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #92001f;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 64px;
      -ms-flex: 0 0 64px;
          flex: 0 0 64px;
  height: 64px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 8px;
  padding: 10px;
  width: 64px;
}
.it-tele__info {
  padding: 20px 20px 30px;
}
@media (max-width: 991px) {
  .it-tele__info {
    padding: 0 2px;
  }
}
.it-tele__name {
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.it-tele__name:hover {
  color: #ec1c24;
}
@media (max-width: 991px) {
  .it-tele__name {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
    -webkit-line-clamp: 3;
  }
}
.it-service {
  margin: 60px 0 0;
}
@media (max-width: 991px) {
  .it-service {
    margin: 15px 0 0;
  }
}
@media (max-width: 575px) {
  .it-service .mobile-data__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 1.1 - 16px);
        -ms-flex: 0 0 calc(100% / 1.1 - 16px);
            flex: 0 0 calc(100% / 1.1 - 16px);
    width: calc(100% / 1.1 - 16px);
  }
}
.it-service__row {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px 40px;
}
@media (max-width: 991px) {
  .it-service__row {
    background: -webkit-linear-gradient(352.88deg, #690106 41.78%, #490004 146.95%);
    background: linear-gradient(97.12deg, #690106 41.78%, #490004 146.95%);
    border-radius: 4px 4px 4px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
    padding: 5px 15px 30px;
  }
}
.it-service__row:last-child {
  margin: 0 -15px;
}
@media (max-width: 991px) {
  .it-service__row:last-child {
    margin: 0;
  }
}
.it-service__column {
  background: -webkit-linear-gradient(352.88deg, #690106 41.78%, #490004 146.95%);
  background: linear-gradient(97.12deg, #690106 41.78%, #490004 146.95%);
  border-radius: 4px 4px 4px 0;
  padding: 10px 15px 30px;
}
.it-service__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  height: 343px;
  margin: 0 15px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
  .it-service__images {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    height: 160px;
    margin: 0 0 5px;
    width: 100%;
  }
}
.it-service__images img {
  border-radius: 8px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media (max-width: 991px) {
  .it-service__images img {
    border-radius: 0;
  }
}
.it-service__images img:hover {
  opacity: 0.8;
}
.it-service__detail {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
  .it-service__detail {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    width: 100%;
  }
}
.it-service__name {
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.15px;
  line-height: 36px;
  margin: 0 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .it-service__name {
    font-size: 24px;
    letter-spacing: 0;
    line-height: 32px;
    text-transform: uppercase;
  }
}
.it-service__des {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  margin: 5px 0 15px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 991px) {
  .it-service__des {
    font-size: 14px;
    line-height: 20px;
  }
}
.it-service__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 20px -30px;
}
.it-service__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 60px);
      -ms-flex: 0 0 calc(100% / 2 - 60px);
          flex: 0 0 calc(100% / 2 - 60px);
  margin: 0 30px;
  width: calc(100% / 2 - 60px);
}
.it-service__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50px;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
  height: 50px;
  margin: 0 5px 0 0;
  width: 50px;
}
.it-service__icon img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.it-service__value {
  color: #fff;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  line-height: 24px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.it-service__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 30px 0 0;
}
@media (max-width: 991px) {
  .it-service__btn {
    margin: 15px 0 0;
  }
}
.it-service__btn .button {
  width: 195px;
}
@media (max-width: 991px) {
  .it-service__btn .button {
    width: 100%;
  }
}
.it-service__btn .button:before {
  background: -webkit-linear-gradient(bottom, rgba(238, 0, 51, 0.8), rgba(238, 0, 51, 0.8)), #fff;
  background: linear-gradient(0deg, rgba(238, 0, 51, 0.8), rgba(238, 0, 51, 0.8)), #fff;
}
.it-combo {
  margin: 60px 0 30px;
  position: relative;
}
@media (max-width: 991px) {
  .it-combo {
    margin: 20px 0;
  }
}
.it-combo--bg:before {
  background: url("../images_content/bg-combo-it-1.png") 0 0 no-repeat;
  background-size: cover;
  content: "";
  height: 518px;
  left: 0;
  position: absolute;
  top: 0;
  width: 412px;
}
@media (max-width: 991px) {
  .it-combo--bg:before {
    display: none;
  }
}
.it-combo--bg:after {
  background: url("../images_content/bg-combo-it-2.png") 0 0 no-repeat;
  background-size: cover;
  content: "";
  height: 518px;
  position: absolute;
  right: 0;
  top: 0;
  width: 338px;
}
@media (max-width: 991px) {
  .it-combo--bg:after {
    display: none;
  }
}
.it-combo__top {
  margin: 0 0 5px;
  position: relative;
}
@media (max-width: 991px) {
  .it-combo__top {
    margin: 0 0 8px;
  }
}
.it-combo__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 173px;
}
@media (max-width: 991px) {
  .it-combo__images {
    height: 155px;
  }
}
.it-combo__images img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.it-combo__images img:hover {
  opacity: 0.8;
}
.it-combo__badge {
  background: url("../images_content/bg-combo-gift.svg") 0 0 no-repeat;
  bottom: 10px;
  height: 51px;
  left: 10px;
  position: absolute;
  width: 145px;
  z-index: 1;
}
.it-combo__badge span {
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 12px;
  font-weight: 600;
  left: 42px;
  overflow: hidden;
  position: absolute;
  right: 20px;
  text-overflow: ellipsis;
  top: 22px;
  white-space: nowrap;
}
@media (max-width: 575px) {
  .it-combo .mobile-data__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 1.1 - 16px);
        -ms-flex: 0 0 calc(100% / 1.1 - 16px);
            flex: 0 0 calc(100% / 1.1 - 16px);
    width: calc(100% / 1.1 - 16px);
  }
}
.it-combo__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  margin: 0 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
.it-combo__name:hover {
  color: #ec1c24;
}
@media (max-width: 991px) {
  .it-combo__name {
    font-size: 16px;
    line-height: 24px;
  }
}
.it-combo__des {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  margin: 5px 0 15px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 991px) {
  .it-combo__des {
    font-size: 14px;
    line-height: 20px;
  }
}
.it-combo__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 15px 0 0;
}
.it-combo__btn .button {
  width: 166px;
}
.it-wifi {
  background: url("../images_content/bg-it-wifi.png") 0 0 no-repeat;
  background-size: cover;
}
@media (max-width: 991px) {
  .it-wifi {
    background: url("../images_content/bg-it-wifi-sp.png") 0 0 no-repeat;
    background-size: cover;
    padding: 20px 0 40px;
  }
}
.it-wifi__content {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 991px) {
  .it-wifi__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.it-wifi__detail {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 60px 0 80px;
  width: calc(100% - 418px - 42px);
}
@media (max-width: 991px) {
  .it-wifi__detail {
    padding: 0;
    width: 100%;
  }
}
.it-wifi__inner {
  max-width: 442px;
  width: 100%;
}
.it-wifi__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  margin: 0 0 15px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 991px) {
  .it-wifi__title {
    font-size: 20px;
    letter-spacing: 0.15px;
    line-height: 30px;
    margin: 0 0 10px;
  }
}
.it-wifi__des {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  margin: 15px 0 20px;
}
@media (max-width: 991px) {
  .it-wifi__des {
    font-size: 14px;
    line-height: 20px;
    margin: 10px 0 15px;
  }
}
.it-wifi__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 30px 0 0;
}
@media (max-width: 991px) {
  .it-wifi__btn {
    margin: 15px 0 0;
  }
}
.it-wifi__btn .button {
  padding: 5px 15px;
  width: 196px;
}
@media (max-width: 991px) {
  .it-wifi__btn .button {
    width: 164px;
  }
}
.it-wifi__info {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 418px;
      -ms-flex: 0 0 418px;
          flex: 0 0 418px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 0 42px;
  width: 418px;
}
@media (max-width: 991px) {
  .it-wifi__info {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin: 20px 0 0;
    width: 100%;
  }
}
.it-wifi__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 296px;
}
@media (max-width: 991px) {
  .it-wifi__images {
    height: 187px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.it-wifi__images img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.it-wifi__images:hover {
  opacity: 0.8;
}
.it-wifi .it-wifi__images img {
  width: auto;
}
.it-wifi .owl-stage-outer {
  padding: 0;
}
.it-wifi .owl-dots {
  display: none;
}
.it-support {
  background: url("../images_content/bg-it-support.png") 0 top no-repeat;
  background-size: cover;
  margin: 0 0 40px;
  padding: 45px 0 50px;
}
@media (max-width: 991px) {
  .it-support {
    background: url("../images_content/bg-it-support-sp.png") center center no-repeat;
    background-size: cover;
    margin: 0 0 20px;
    padding: 20px 0;
  }
}
.it-support__content {
  max-width: 50%;
}
@media (max-width: 991px) {
  .it-support__content {
    max-width: 100%;
  }
}
.it-support__title {
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: -1.38196px;
  line-height: 54px;
  margin: 0 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .it-support__title {
    font-size: 22px;
    letter-spacing: 0;
    line-height: 32px;
  }
}
.it-support__subtitle {
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 35px;
  font-weight: 400;
  letter-spacing: -1.01231px;
  line-height: 45px;
  margin: 5px 0 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .it-support__subtitle {
    font-size: 20px;
    letter-spacing: -0.656376px;
    line-height: 30px;
    margin: 5px 0 10px;
  }
}
.it-support__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 2px -8px 0;
  max-width: 390px;
  width: 100%;
}
@media (max-width: 991px) {
  .it-support__list {
    margin: 10px 0 0;
    max-width: 125px;
  }
}
.it-support__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #b10025;
  border: 1px solid rgba(235, 58, 58, 0.65);
  border-radius: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 16px);
      -ms-flex: 0 0 calc(100% / 2 - 16px);
          flex: 0 0 calc(100% / 2 - 16px);
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 8px 16px;
  position: relative;
  width: calc(100% / 2 - 16px);
}
@media (max-width: 991px) {
  .it-support__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin: 0 0 10px;
    width: 100%;
  }
  .it-support__item:last-child {
    margin: 0;
  }
}
.it-support__item:hover {
  background-color: #cb002a;
}
.it-support__btn {
  background-color: transparent;
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  letter-spacing: -0.423804px;
  line-height: 20px;
  overflow: hidden;
  padding: 5px 20px;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  width: 100%;
}
@media (max-width: 991px) {
  .it-support__btn {
    font-size: 10px;
    letter-spacing: -0.274792px;
    line-height: 16px;
    padding: 3px 10px;
  }
}
.it-device__item {
  background-color: #fff;
  border: 1px solid #b5b4b4;
  border-radius: 12px 12px 12px 0;
  padding: 30px 20px 20px;
}
.it-device__item:hover {
  border-color: #ee0033;
}
@media (max-width: 991px) {
  .it-device__item {
    padding: 20px 15px 15px;
  }
}
.it-device__top {
  position: relative;
}
.it-device__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 140px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 991px) {
  .it-device__images {
    height: 125px;
  }
}
.it-device__images img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.it-device__images img:hover {
  opacity: 0.8;
}
.it-device__badge {
  left: 0;
  position: absolute;
}
@media (max-width: 991px) {
  .it-device__badge {
    left: -7px;
    top: -12px;
  }
}
.it-device__discount {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: url("../images_content/bg-it-discount.svg") center center no-repeat;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
  padding: 0 5px;
  width: 50px;
}
.it-device__discount span {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 10px;
  font-weight: 700;
  left: -1px;
  line-height: 12px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
.it-device__promotion {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: url("../images_content/bg-it-promotion.svg") center center no-repeat;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 22px;
  margin: 0 0 8px;
  padding: 0 5px;
  width: 50px;
}
@media (max-width: 991px) {
  .it-device__promotion {
    margin: 0 0 5px;
  }
}
.it-device__promotion span {
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
.it-device__gift {
  background: url("../images_content/bg-it-gift.svg") 0 0 no-repeat;
  bottom: -10px;
  height: 50px;
  position: absolute;
  right: 0;
  width: 125px;
  z-index: 1;
}
.it-device__gift span {
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 12px;
  font-weight: 600;
  left: 15px;
  overflow: hidden;
  position: absolute;
  right: 40px;
  text-overflow: ellipsis;
  top: 29px;
  white-space: nowrap;
}
.it-device__detail {
  margin: 15px 0 0;
}
.it-device__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0.15px;
  line-height: 30px;
  margin: 0 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .it-device__name {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 28px;
    margin: 0 0 2px;
    text-transform: uppercase;
  }
}
.it-device__name:hover {
  color: #ee0033;
}
.it-device__evaluate {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.it-device__evaluate .rating-custom__star i {
  font-size: 14px;
}
@media (max-width: 991px) {
  .it-device__evaluate .rating-custom__star i {
    font-size: 10px;
  }
}
.it-device__value {
  color: #44494d;
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 0 8px;
}
@media (max-width: 991px) {
  .it-device__value {
    color: #727272;
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 0 5px;
  }
}
.it-device__price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 5px 0 0;
  min-height: 64px;
}
@media (max-width: 991px) {
  .it-device__price {
    min-height: 52px;
  }
}
.it-device__price-new {
  color: #44494d;
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .it-device__price-new {
    font-size: 20px;
    line-height: 30px;
  }
}
.it-device__price-old {
  color: #727272;
  font-size: 16px;
  line-height: 24px;
  margin: 2px 0 0;
  overflow: hidden;
  text-decoration: line-through;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .it-device__price-old {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
  }
}
.it-device .it-device__images img {
  width: auto;
}
.it-advantage {
  margin: 40px 0 60px;
}
@media (max-width: 991px) {
  .it-advantage {
    margin: 20px 0;
  }
}
.it-advantage__content {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 991px) {
  .it-advantage__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.it-advantage__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 296px;
      -ms-flex: 0 0 296px;
          flex: 0 0 296px;
  margin: 0 50px 0 0;
  width: 296px;
}
@media (max-width: 991px) {
  .it-advantage__images {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    height: auto;
    margin: 0 0 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 25px;
    width: 100%;
  }
}
.it-advantage__images img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.it-advantage__images img:hover {
  opacity: 0.8;
}
.it-advantage__detail {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.it-advantage__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.15px;
  line-height: 36px;
  margin: 0 0 15px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 991px) {
  .it-advantage__name {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 10px;
  }
}
.it-advantage__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.it-advantage__item:not(:last-child) {
  margin: 0 0 5px;
}
.it-advantage__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f899ad;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16px;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
  height: 16px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 10px 0 0;
  width: 16px;
}
.it-advantage__icon i {
  font-size: 6px;
}
.it-advantage__value {
  color: #44494d;
  font-size: 12px;
  line-height: 18px;
}
.it-advantage__des {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  margin: 15px 0 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.it-advantage--combo {
  background: url("../images_content/bg-it-advantage-combo.png") center top no-repeat;
  background-size: cover;
  margin: 0;
  padding: 50px 0;
}
@media (max-width: 991px) {
  .it-advantage--combo {
    background-size: inherit;
    padding: 20px 0;
  }
}
.it-advantage--combo .it-advantage__images {
  margin: 0 0 0 140px;
}
@media (max-width: 991px) {
  .it-advantage--combo .it-advantage__images {
    margin: 0 0 10px;
  }
}
.it-choose__sub {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  margin: 0 0 20px;
  text-align: center;
}
@media (max-width: 991px) {
  .it-choose__sub {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 15px;
  }
}
.it-choose__content {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  max-width: 930px;
}
@media (max-width: 991px) {
  .it-choose__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 100%;
    width: 100%;
  }
}
.it-choose__form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}
@media (max-width: 991px) {
  .it-choose__form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
    width: 100%;
  }
}
.it-choose__form .form-customize {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3 - 30px);
      -ms-flex: 0 0 calc(100% / 3 - 30px);
          flex: 0 0 calc(100% / 3 - 30px);
  margin: 0 15px;
  width: calc(100% / 3 - 30px);
}
@media (max-width: 991px) {
  .it-choose__form .form-customize {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 15px;
    width: 100%;
  }
  .it-choose__form .form-customize:last-child {
    margin: 0;
  }
}
.it-choose__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.it-choose__row:not(:last-child) {
  margin: 0 0 15px;
}
.it-choose__row .form-customize {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0;
}
.it-choose__action {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 40px;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 0 40px;
  position: relative;
  top: 5px;
  width: 40px;
}
@media (max-width: 991px) {
  .it-choose__action {
    margin: 0 0 0 10px;
    top: 0;
  }
}
.it-choose__action img {
  height: 30px;
  width: 24px;
}
.it-program__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -4px;
  overflow-x: auto;
  padding: 0 0 5px;
}
.it-program__list::-webkit-scrollbar {
  height: 4px;
}
@media (max-width: 991px) {
  .it-program__list::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 991px) {
  .it-program__list {
    margin: 0 -3px;
  }
}
.it-program__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3.6 - 4px);
      -ms-flex: 0 0 calc(100% / 3.6 - 4px);
          flex: 0 0 calc(100% / 3.6 - 4px);
  margin: 0 8px 0 0 ;
  width: calc(100% / 3.6 - 4px);
}
.it-program__item:last-child {
  margin: 0;
}
@media (max-width: 991px) {
  .it-program__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 1.5 - 3px);
        -ms-flex: 0 0 calc(100% / 1.5 - 3px);
            flex: 0 0 calc(100% / 1.5 - 3px);
    margin: 0 6px;
    width: calc(100% / 1.5 - 3px);
  }
  .it-program__item:last-child {
    margin: 0;
  }
}
.it-program__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 564px;
}
@media (max-width: 991px) {
  .it-program__link {
    height: 306px;
  }
}
.it-program__link img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.it-program__link img:hover {
  opacity: 0.8;
}
.inter-pack {
  margin: 30px 0;
}
@media (max-width: 991px) {
  .inter-pack {
    margin: 20px 0;
  }
}
.inter-pack .it-sub,
.inter-pack .it-subdes {
  text-align: center;
}
@media (max-width: 991px) {
  .inter-pack .it-sub,
  .inter-pack .it-subdes {
    text-align: left;
  }
}
.inter-pack .tab-title {
  margin: 20px auto;
  max-width: 290px;
}
@media (max-width: 991px) {
  .inter-pack .tab-title {
    border-bottom: 1px solid #44494d;
    margin: 10px auto 20px;
    max-width: 180px;
    padding: 0;
  }
}
.inter-pack .tab-title li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.inter-pack .tab-title li a {
  padding: 0 10px;
  text-align: center;
}
.inter-pack--plus {
  background: url("../images_content/bg-inter-pack-plus.png") center bottom no-repeat;
  background-size: cover;
  padding: 25px 0 20px;
}
@media (max-width: 991px) {
  .inter-pack--plus {
    background: -webkit-linear-gradient(225.83deg, #7c000e 2.71%, #db0c23 63.94%);
    background: linear-gradient(224.17deg, #7c000e 2.71%, #db0c23 63.94%);
    padding: 15px 0 20px;
  }
}
.inter-pack--plus .it-sub {
  color: #fff;
}
.inter-pack--plus .inter-pack__content {
  max-width: 852px;
  width: 100%;
}
@media (max-width: 991px) {
  .inter-pack--plus .inter-pack__content {
    max-width: 100%;
  }
}
.inter-pack--plus .owl-carousel .owl-stage-outer {
  padding: 0 0 35px;
}
.inter-pack--plus button.owl-dot.active span,
.inter-pack--plus button.owl-dot:hover span {
  background: -webkit-linear-gradient(bottom, rgba(238, 0, 51, 0.6), rgba(238, 0, 51, 0.6)), #fff;
  background: linear-gradient(0deg, rgba(238, 0, 51, 0.6), rgba(238, 0, 51, 0.6)), #fff;
}
.combo-pack {
  margin: 30px 0;
}
@media (max-width: 991px) {
  .combo-pack {
    margin: 20px 0;
  }
}
@media (max-width: 575px) {
  .combo-pack .mobile-data__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 1.4 - 16px);
        -ms-flex: 0 0 calc(100% / 1.4 - 16px);
            flex: 0 0 calc(100% / 1.4 - 16px);
    width: calc(100% / 1.5 - 16px);
  }
}
.combo-pack__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  max-width: 754px;
  width: 100%;
}
@media (max-width: 991px) {
  .combo-pack__list {
    margin: 0 -8px;
    max-width: 100%;
  }
}
.combo-pack__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
  .combo-pack__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2.5 - 16px);
        -ms-flex: 0 0 calc(100% / 2.5 - 16px);
            flex: 0 0 calc(100% / 2.5 - 16px);
    margin: 0 8px;
    width: calc(100% / 2.5 - 16px);
  }
}
@media (max-width: 575px) {
  .combo-pack__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 1.3 - 16px);
        -ms-flex: 0 0 calc(100% / 1.3 - 16px);
            flex: 0 0 calc(100% / 1.3 - 16px);
    margin: 0 8px;
    width: calc(100% / 1.3 - 16px);
  }
}
.combo-pack--plus {
  background: url("../images_content/bg-combo-pack.png") center center no-repeat #eee;
  background-size: cover;
  padding: 30px 0;
}
@media (max-width: 991px) {
  .combo-pack--plus {
    padding: 20px 0;
  }
}
.combo-pack--plus .lists-slider {
  max-width: 754px;
  width: 100%;
}
@media (max-width: 991px) {
  .combo-pack--plus .lists-slider {
    max-width: 100%;
  }
}
.combo-it {
  background-color: #fbfbfb;
  border: 1px solid #d1d1d1;
  padding: 40px 20px 30px;
  position: relative;
}
@media (max-width: 991px) {
  .combo-it {
    background-color: #fff;
    border-radius: 8px 0 8px 8px;
    padding: 30px 15px 20px;
  }
}
.combo-it:hover {
  box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.3);
}
.combo-it__badge {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 93px;
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 991px) {
  .combo-it__badge {
    height: 63px;
  }
}
.combo-it__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  margin: 0 0 15px;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@media (max-width: 991px) {
  .combo-it__name {
    font-size: 18px;
    letter-spacing: 0.15px;
    line-height: 28px;
  }
}
.combo-it__name:hover {
  color: #ee0033;
}
.combo-it__list {
  height: 272px;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 15px 0 10px;
}
@media (max-width: 991px) {
  .combo-it__list {
    height: 136px;
    margin: 15px 0;
  }
}
.combo-it__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.combo-it__item:not(:last-child) {
  margin: 0 0 8px;
}
.combo-it__icon {
  color: #ee0033;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 5px 0 0;
}
.combo-it__icon i {
  font-size: 14px;
  line-height: 20px;
}
@media (max-width: 991px) {
  .combo-it__icon i {
    font-size: 12px;
    line-height: 18px;
  }
}
.combo-it__img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 30px;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  height: 30px;
  margin: 0 8px 0 0;
  width: 30px;
}
.combo-it__img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.combo-it__value {
  color: #44494d;
  font-size: 16px;
  height: 48px;
  line-height: 24px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 991px) {
  .combo-it__value {
    font-size: 14px;
    height: 40px;
    line-height: 20px;
  }
}
.combo-it__channel {
  border-top: 1px solid #d1d1d1;
  padding: 20px 0;
}
@media (max-width: 991px) {
  .combo-it__channel {
    display: none;
  }
}
.combo-it__channel::-webkit-scrollbar {
  display: none;
}
.combo-it__channel-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -5px;
}
.combo-it__channel-item {
  border: 1px solid #d1d1d1;
  border-radius: 8px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 34px;
      -ms-flex: 0 0 34px;
          flex: 0 0 34px;
  height: 34px;
  margin: 0 5px;
  width: 34px;
}
.combo-it__channel-item img {
  border-radius: 8px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.combo-it__promotion {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: url("../images_content/bg-combo-promotion.png") 0 0 no-repeat;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 26px;
  padding: 0 18px;
}
@media (max-width: 991px) {
  .combo-it__promotion {
    display: none;
  }
}
.combo-it__promotion-name {
  color: #fff;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.combo-it__capacity-value {
  color: #44494d;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 700;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 0.15px;
}
@media (max-width: 991px) {
  .combo-it__capacity-value {
    font-size: 20px;
  }
}
.combo-it__capacity-value span {
  color: #252525;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 0 0 5px;
}
@media (max-width: 991px) {
  .combo-it__capacity-value span {
    color: #44494d;
    font-size: 12px;
  }
}
.combo-it__price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 15px 0;
}
@media (max-width: 991px) {
  .combo-it__price {
    border-top: 1px solid #d1d1d1;
    height: 64px;
    padding: 10px 0 0;
  }
}
.combo-it__price-name {
  color: #727272;
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 5px;
}
.combo-it__price-value {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  color: #44494d;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.combo-it__price-value span {
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  top: -5px;
}
.combo-it__price-new {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  color: #44494d;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 28px;
  font-weight: 700;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.combo-it__price-new span {
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  line-height: 24px;
  position: relative;
}
.combo-it__price-old {
  color: #727272;
  font-size: 12px;
  line-height: 18px;
  margin: 5px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.combo-it__btn {
  margin: 20px 0 0;
}
@media (max-width: 991px) {
  .combo-it__btn {
    margin: 15px 0 0;
  }
}
.combo-it__btn .button:not(:last-child) {
  margin: 0 0 12px;
}
.tv-pack {
  background: -webkit-linear-gradient(358.25deg, #cc141c 15.96%, #230405 93.24%);
  background: linear-gradient(91.75deg, #cc141c 15.96%, #230405 93.24%);
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 60px 0 30px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .tv-pack {
    margin: 20px 0;
  }
}
.tv-pack__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 25px 60px 40px;
}
.tv-pack__images img:hover {
  opacity: 0.8;
}
.tv-pack__detail {
  background-color: #fff;
  border-radius: 8px 8px 8px 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 264px;
      -ms-flex: 0 0 264px;
          flex: 0 0 264px;
  overflow: hidden;
  padding: 0 0 30px;
  width: 264px;
}
.tv-pack__top {
  background: url("../images_content/bg-tv-pack.png") center center no-repeat;
  background-size: cover;
  padding: 35px 15px;
}
.tv-pack__name {
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  position: relative;
  padding: 0 0 0 15px;
}
@media (max-width: 991px) {
  .tv-pack__name {
    font-size: 18px;
    line-height: 28px;
  }
}
.tv-pack__name:before {
  background-color: #ee0033;
  content: "";
  height: 20px;
  left: 0;
  position: absolute;
  top: 10px;
  width: 6px;
}
.tv-pack__sub {
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}
@media (max-width: 991px) {
  .tv-pack__sub {
    font-size: 14px;
    line-height: 20px;
  }
}
.tv-pack__info {
  margin: 20px 0 15px;
  padding: 0 15px;
}
.tv-pack__price {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  color: #44494d;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 34px;
  font-weight: 700;
  line-height: 34px;
  margin: 0 0 20px;
}
@media (max-width: 991px) {
  .tv-pack__price {
    font-size: 18px;
    line-height: 28px;
  }
}
.tv-pack__price span {
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .tv-pack__price span {
    font-size: 14px;
    line-height: 20px;
  }
}
.tv-pack__list {
  margin: 20px 0;
}
.tv-pack__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.tv-pack__item:not(:last-child) {
  margin: 0 0 10px;
}
.tv-pack__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 30px;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  height: 30px;
  margin: 0 10px 0 0;
  width: 30px;
}
.tv-pack__icon img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.tv-pack__value {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .tv-pack__value {
    font-size: 14px;
    line-height: 20px;
  }
}
.tv-pack__promotion {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: url("../images_content/bg-tv-promotion.png") 0 0 no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 26px;
  margin: 0 -15px;
  padding: 0 18px;
}
.tv-pack__promotion-value {
  color: #fff;
  font-size: 10px;
  font-style: italic;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tv-pack__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 15px 15px 0;
}
.tv-pack__btn .button {
  width: 100%;
}
.tv-packs {
  margin: 35px 0;
}
@media (max-width: 991px) {
  .tv-packs {
    margin: 20px 0;
    overflow-x: auto;
  }
  .tv-packs::-webkit-scrollbar {
    display: none;
  }
  .tv-packs .tv-packs__price,
  .tv-packs .tv-packs__value {
    color: #fff;
  }
}
.tv-packs__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}
@media (max-width: 991px) {
  .tv-packs__inner {
    margin: 0 -8px;
  }
}
.tv-packs__col {
  background: -webkit-linear-gradient(358.25deg, #cc141c 15.96%, #230405 93.24%);
  background: linear-gradient(91.75deg, #cc141c 15.96%, #230405 93.24%);
  border-radius: 8px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2.5 - 16px);
      -ms-flex: 0 0 calc(100% / 2.5 - 16px);
          flex: 0 0 calc(100% / 2.5 - 16px);
  margin: 0 8px;
  overflow: hidden;
  width: calc(100% / 2.5 - 16px);
}
@media (max-width: 575px) {
  .tv-packs__col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 1.2 - 16px);
        -ms-flex: 0 0 calc(100% / 1.2 - 16px);
            flex: 0 0 calc(100% / 1.2 - 16px);
    width: calc(100% / 1.2 - 16px);
  }
}
.tv-packs__box {
  background: -webkit-linear-gradient(267.27deg, #cc141c 1.79%, #230405 55.98%);
  background: linear-gradient(182.73deg, #cc141c 1.79%, #230405 55.98%);
  border-radius: 8px;
  overflow: hidden;
}
.tv-packs__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 285px;
}
@media (max-width: 991px) {
  .tv-packs__images {
    height: 240px;
  }
}
.tv-packs__images img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.tv-packs__images img:hover {
  opacity: 0.8;
}
.tv-packs__detail {
  background-color: #fff;
  border-top: 10px solid #ee0033;
  margin: 15px 0 0;
  padding: 12px 15px 20px;
}
@media (max-width: 991px) {
  .tv-packs__detail {
    background-color: #44494d;
    border-top: 0;
    margin: 0;
    padding: 0 15px 20px;
  }
}
.tv-packs__promotion {
  background-color: #ee0033;
  margin: 0 -15px 12px;
  padding: 5px 10px;
  text-align: center;
}
.tv-packs__top {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.tv-packs__price {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  color: #44494d;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 34px;
  font-weight: 700;
  line-height: 34px;
}
@media (max-width: 991px) {
  .tv-packs__price {
    font-size: 30px;
    line-height: 30px;
  }
}
.tv-packs__price span {
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .tv-packs__price span {
    font-size: 14px;
    line-height: 20px;
  }
}
.tv-packs__des {
  color: #727272;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  margin: 0 0 0 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .tv-packs__des {
    color: #fff;
    font-size: 10px;
    line-height: 16px;
    margin: 0;
  }
}
.tv-packs__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 10px -15px;
}
@media (max-width: 991px) {
  .tv-packs__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    margin: 10px 0;
    max-height: 88px;
    overflow-y: auto;
  }
}
.tv-packs__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  margin: 0 15px 10px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
  .tv-packs__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 8px;
    width: 100%;
  }
}
.tv-packs__item:last-child,
.tv-packs__item:nth-last-child(2) {
  margin: 0 15px;
}
@media (max-width: 991px) {
  .tv-packs__item:last-child,
  .tv-packs__item:nth-last-child(2) {
    margin: 0 0 15px;
  }
  .tv-packs__item:last-child:last-child,
  .tv-packs__item:nth-last-child(2):last-child {
    margin: 0;
  }
}
.tv-packs__item.center {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.tv-packs__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 30px;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  height: 30px;
  margin: 0 10px 0 0;
  width: 30px;
}
.tv-packs__icon img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.tv-packs__value {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  line-height: 24px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 991px) {
  .tv-packs__value {
    font-size: 14px;
    line-height: 20px;
  }
}
.tv-packs__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0 0;
}
@media (max-width: 991px) {
  .tv-packs__btn {
    margin: 15px 0 0;
  }
}
.tv-packs__btn .button {
  width: 100%;
}
.it-register {
  padding: 0 0 80px;
}
@media (max-width: 991px) {
  .it-register {
    padding: 0 0 30px;
  }
}
.it-register .form-customize .form-control {
  font-size: 14px;
  line-height: 20px;
}
.it-register .form-customize .form-control::-webkit-input-placeholder {
  font-size: 14px;
}
.it-register .form-customize .form-control::-moz-placeholder {
  font-size: 14px;
}
.it-register .form-customize .form-control:-ms-input-placeholder {
  font-size: 14px;
}
.it-register .form-customize .form-control::placeholder {
  font-size: 14px;
}
.it-register__inner {
  margin: 0 auto;
  max-width: 948px;
  width: 100%;
}
@media (max-width: 991px) {
  .it-register__inner {
    max-width: 100%;
  }
}
.it-register__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.15px;
  line-height: 36px;
  margin: 0 0 30px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .it-register__title {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0 0 15px;
  }
}
.it-register__content {
  background-color: #fff;
  padding: 60px 80px;
}
@media (max-width: 991px) {
  .it-register__content {
    background-color: transparent;
    padding: 0;
  }
}
.it-register__row {
  margin: 0 0 20px;
}
.it-register__row:last-child {
  margin: 0;
}
.it-register__row:last-child > .form-customize:last-child {
  margin: 0;
}
@media (max-width: 575px) {
  .it-register__row .form-choose {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.it-register__row .form-choose .radio-custom1 {
  margin: 0 70px 0 0;
}
@media (max-width: 991px) {
  .it-register__row .form-choose .radio-custom1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 14px;
    margin: 0;
    padding: 0 0 0 32px;
  }
  .it-register__row .form-choose .radio-custom1 span {
    color: #828282;
  }
  .it-register__row .form-choose .radio-custom1 input:checked ~ .checkmark ~ span {
    color: #ee0033;
  }
}
.it-register__row .form-choose .radio-custom1:last-child {
  margin: 0;
}
@media (max-width: 767px) {
  .it-register__row .form-2column {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 -8px;
  }
}
.it-register__row .form-2column .form-customize {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 16px);
      -ms-flex: 0 0 calc(100% / 2 - 16px);
          flex: 0 0 calc(100% / 2 - 16px);
  margin: 0 8px 16px;
  width: calc(100% / 2 - 16px);
}
.it-register__head {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 12px;
}
@media (max-width: 991px) {
  .it-register__head {
    margin: 0 0 10px;
  }
}
.it-register__label {
  color: #44494d;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .it-register__label {
    font-size: 16px;
    line-height: 24px;
  }
}
.it-register__link {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin: 0 0 0 20px;
}
.it-register__link:hover {
  color: #d11313;
}
.it-register__link i {
  font-size: 14px;
  margin: 0 5px 0 0;
}
.it-register__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px 0 0;
}
@media (max-width: 991px) {
  .it-register__btn {
    margin: 20px 0 0;
  }
}
.it-register__btn .button {
  min-width: 166px;
}
@media (max-width: 991px) {
  .it-register__btn .button {
    min-width: 100%;
    width: 100%;
  }
}
.step-it {
  margin: 0 auto 25px;
  max-width: 850px;
  width: 100%;
}
@media (max-width: 991px) {
  .step-it {
    margin: 0 0 20px;
    max-width: 100%;
  }
}
.step-it__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.step-it__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.step-it__item.active .step-it__value {
  background-color: #f6d0d0;
  border: 1px solid #ee0033;
  color: #ee0033;
}
.step-it__item.active .step-it__name {
  color: #ee0033;
}
.step-it__item.done .step-it__value {
  background-color: #ee0033;
  border: 2px solid #f7b0bf;
  color: #fff;
}
.step-it__item.done .step-it__name {
  color: #ee0033;
}
.step-it__item:after {
  background-color: #d1d1d1;
  border-radius: 6px;
  content: "";
  height: 1px;
  left: 20px;
  position: absolute;
  top: 10px;
  width: 100%;
}
.step-it__item:first-child {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.step-it__item:last-child {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.step-it__item:last-child:after {
  left: -20px;
}
.step-it__item:last-child .step-it__name {
  text-align: right;
}
.step-it__value {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 50%;
  color: #44494d;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20px;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 12px;
  height: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 14px;
  position: relative;
  width: 20px;
  z-index: 1;
}
.step-it__name {
  color: #e4e4e4;
  font-size: 14px;
  line-height: 24px;
  margin: 10px 0 0;
  text-align: center;
}
@media (max-width: 991px) {
  .step-it__name {
    font-size: 12px;
    line-height: 18px;
  }
}
.pay-program__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f4f4f4;
  border-radius: 8px 8px 8px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px 15px;
}
.pay-program__item.active {
  background-color: #fbdee4;
}
.pay-program__item:not(:last-child) {
  margin: 0 0 8px;
}
.pay-program__choose {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 200px;
      -ms-flex: 0 0 200px;
          flex: 0 0 200px;
  overflow: hidden;
}
.pay-program__choose .radio-custom1 {
  padding: 0 0 0 30px;
}
.pay-program__choose .radio-custom1 .checkmark {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.pay-program__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  padding: 0 30px;
}
.pay-program__icon {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 28px;
      -ms-flex: 0 0 28px;
          flex: 0 0 28px;
  height: 28px;
  margin: 0 12px 0 0;
  width: 28px;
}
.pay-program__des {
  color: #44494d;
  font-size: 14px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pay-program__des span {
  color: #ee0033;
  margin: 0 3px;
}
.pay-program__price {
  color: #ee0033;
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100px;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.15px;
  line-height: 28px;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.radio-paying__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.radio-paying__des {
  color: #44494d;
  font-size: 12px;
  letter-spacing: 0.02em;
  line-height: 18px;
  margin: 5px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.data-packs {
  padding: 0 0 50px;
}
.data-packs__content {
  margin: 20px 0 0;
}
.data-packs__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -8px;
}
.data-packs__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 16px);
      -ms-flex: 0 0 calc(100% / 2 - 16px);
          flex: 0 0 calc(100% / 2 - 16px);
  margin: 0 8px 16px;
  width: calc(100% / 2 - 16px);
}
.data-packs__head {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 12px;
}
.data-packs__sub {
  color: #ee0033;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.filter-pack {
  cursor: pointer;
  margin: 0 0 0 15px;
  position: relative;
}
.filter-pack__action {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.filter-pack__action i {
  color: #ee0033;
  font-size: 14px;
  margin: 0 8px 0 0;
}
.filter-pack__label {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
.filter-pack__menu {
  background-color: #fff;
  border: 1px solid #b5b4b4;
  border-radius: 8px 8px 8px 0;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14);
  display: none;
  margin: 12px 0 0;
  padding: 20px 20px 15px;
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 9;
  width: 240px;
}
.filter-pack__menu:before {
  background-color: #fff;
  border-left: 1px solid #b5b4b4;
  border-top: 1px solid #b5b4b4;
  content: "";
  height: 16px;
  position: absolute;
  right: 15px;
  top: -9px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 16px;
  z-index: -1;
}
.filter-pack__row:not(:last-child) {
  margin: 0 0 12px;
}
.filter-pack__sub {
  color: #44494d;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin: 0 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.filter-pack__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.filter-pack__item:not(:last-child) {
  margin: 0 0 10px;
}
.filter-pack__item.active .filter-pack__icon,
.filter-pack__item.active .filter-pack__name {
  color: #ee0033;
}
.filter-pack__icon {
  color: #b5b4b4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20px;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 5px 0 0;
}
.filter-pack__icon i {
  font-size: 16px;
}
.filter-pack__name {
  color: #828282;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.filter-pack.opened .filter-pack__menu {
  display: block;
}
.change-pack__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 6px 6px 6px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
}
.change-pack__item:not(:last-child) {
  margin: 0 0 6px;
}
.change-pack__item.active {
  border-color: #ee0033;
}
.change-pack__item.selected {
  background-color: #eee;
  border-color: #eee;
  padding: 12px 16px;
}
.change-pack__item.selected .change-pack__detail {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.change-pack__item.selected .change-pack__des {
  margin: 3px 0 0;
}
.change-pack__thumbnail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 62px;
      -ms-flex: 0 0 62px;
          flex: 0 0 62px;
  height: 62px;
  margin: 0 18px 0 0;
  width: 62px;
}
.change-pack__thumbnail img {
  border: 1px solid #828282;
  border-radius: 10px 10px 10px 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.change-pack__detail {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.change-pack__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.change-pack__name {
  color: #44494d;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
.change-pack__name:hover {
  color: #ee0033;
}
.change-pack__des {
  color: #44494d;
  font-size: 12px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.change-pack__last {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 3px 0 0;
}
.change-pack__last i {
  color: #ee0033;
  font-size: 16px;
  margin: 0 2px 0 0;
}
.change-pack__price {
  color: #ee0033;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.change-pack__link {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin: 0 0 0 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.change-pack__link:hover {
  color: #d11313;
}
.change-pack__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 15px;
}
.change-pack__btn .button {
  font-size: 12px;
  min-width: 80px;
  line-height: 18px;
  padding: 4px 15px 6px 15px;
}
.change-pack__button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 25px 0 0;
}
.change-pack__button .button {
  width: 100%;
}
.paying-program__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -4px;
}
.paying-program__item {
  background-color: #f3f3f3;
  border-radius: 12px 12px 12px 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 8px);
      -ms-flex: 0 0 calc(100% / 2 - 8px);
          flex: 0 0 calc(100% / 2 - 8px);
  margin: 0 4px 8px;
  padding: 12px 10px;
  width: calc(100% / 2 - 8px);
}
.paying-program__des {
  color: #727272;
  font-size: 12px;
  line-height: 20px;
  margin: 3px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.paying-program__price {
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin: 8px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.paying-program .radio-custom1 {
  padding: 0 30px 0 0;
}
.paying-program .radio-custom1 .checkmark {
  left: auto;
  right: 0;
}
.paying-program .radio-custom1 .txt-radio {
  color: #727272;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.paying-program .radio-custom1 input:checked ~ .checkmark ~ span {
  font-weight: 700;
}
@media (max-width: 991px) {
  .detail-cuoc p {
    color: #000;
    font-size: 14px;
    line-height: 21px;
  }
  .detail-cuoc .txt-blue {
    color: #ee0033;
    margin-bottom: 15px;
  }
  .detail-cuoc .note {
    font-size: 12px;
    font-style: italic;
    opacity: 0.91;
    text-align: left;
  }
  .detail-cuoc .goi-cuoc .tien {
    display: none;
  }
  .detail-cuoc .minmax {
    display: block;
    margin: 20px 0 15px;
    padding: 0;
    width: 100%;
  }
  .detail-cuoc .minmax .btn {
    border-radius: 6px;
    border: 1px;
    padding: 13px 16px;
    width: 100%;
  }
  .goi-cuoc.goi-dich-vu .tien {
    display: none;
  }
  .ll-gg {
    margin: 20px 0;
  }
  .ll-gg .ll,
  .ll-gg .gg {
    padding: 0;
  }
  .ll-gg .title {
    font-size: 14px;
    margin: 0;
  }
  .ll-gg p {
    color: #ee0033;
    padding: 12px 0;
  }
  .ll-gg p i {
    color: #ee0033;
    font-size: 22px;
    position: relative;
    top: 4px;
  }
  .ll-gg p,
  .min-maxd a.btn-blue,
  .hot-key div.so span,
  div.sx,
  .tbl-sim th,
  .tbl-sim td {
    font-size: 14px;
  }
  h1.space1 {
    font-size: 16px;
    padding: 0 0 5px;
    text-align: left;
  }
  .min-maxd h2 {
    color: #0c0033;
  }
  .box-data-cacgoi .inner-item h2 {
    font-size: 16px;
    line-height: 24px;
  }
  .box-data-cacgoi h2 span {
    font-size: 16px;
    line-height: 19px;
  }
  .box-data-cacgoi .int {
    padding: 15px 25px 20px;
  }
  .box-data-cacgoi .int .price {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 15px;
  }
  .box-data-cacgoi.box-data .view {
    margin: 0;
  }
  .box-data-cacgoi.box-data .view a {
    border-radius: 6px;
    border: 1px;
    padding: 13px 16px;
    width: 100%;
  }
  .gtgt .intro-more {
    padding: 20px 15px;
  }
  .gtgt .intro-more h2 {
    font-size: 16px;
    line-height: 24px;
  }
  .gtgt .intro-more h2 i {
    font-size: 16px;
  }
  .service-gtgt .title-page {
    color: #000;
    font-size: 16px;
    line-height: 24px;
    margin: 30px 0 10px;
    text-align: left;
  }
  .service-gtgt .list-gtgt .intro-more h2 {
    color: #000;
    display: block;
  }
  .service-gtgt .list-news .introtv .coll {
    width: 55%;
  }
  .service-gtgt .introtv .coll .coll-inner {
    font-size: 14px;
  }
  .service-gtgt .introtv .coll .coll-inner strong {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
  }
  .service-gtgt .introtv .coll .coll-inner .new-desc {
    margin-bottom: 0;
  }
  .service-gtgt .minmax .pr {
    font-size: 14px;
    line-height: 20px;
  }
  .service-gtgt .box-same .btn {
    padding: 6px 12px;
  }
  .service-gtgt .box-same h2.title {
    font-family: "Montserrat";
    text-transform: uppercase;
  }
  .service-gtgt h2.title,
  .box-gt h2.title {
    color: #000;
    font-size: 16px;
    line-height: 24px;
  }
  .service-gtgt .btn,
  .box-gt .btn {
    border-radius: 6px;
    border-width: 1px;
    padding: 11px 16px;
    width: 100%;
  }
  .service-gtgt__pc {
    display: none;
  }
  .service-gtgt__sp {
    display: block;
    margin-top: 15px;
  }
  .service-gtgt__sp .section-title {
    color: #000;
    margin-bottom: 20px;
    text-transform: capitalize;
  }
  .service-gtgt__sp .owl-carousel .owl-stage-outer {
    margin: 0;
  }
  .service-gtgt__sp .news .section-title {
    margin-bottom: 5px;
  }
  .service-gtgt .packs-service__btn .btn,
  .service-gtgt .packs-fee__btn .btn {
    padding: 5px 10px;
  }
  .box-packs-service .slider {
    margin: 0 -15px;
  }
  .box-packs-service .packs-service {
    margin: 0;
    overflow: inherit;
  }
  .box-packs-service .packs-service__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% - 16px);
        -ms-flex: 0 0 calc(100% - 16px);
            flex: 0 0 calc(100% - 16px);
    margin: 0 15px;
    width: calc(100% - 16px);
  }
  .box-packs-fee .slider {
    margin: 0 -15px;
  }
  .box-packs-fee .packs-fee {
    margin: 0;
    overflow: inherit;
  }
  .box-packs-fee .packs-fee__left {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 74px;
        -ms-flex: 0 0 74px;
            flex: 0 0 74px;
    height: 74px;
    width: 74px;
  }
  .box-packs-fee .packs-fee__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% - 16px);
        -ms-flex: 0 0 calc(100% - 16px);
            flex: 0 0 calc(100% - 16px);
    margin: 3px 15px 0;
    width: calc(100% - 16px);
  }
  .box-packs-fee.news .packs-fee__left {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 116px;
        -ms-flex: 0 0 116px;
            flex: 0 0 116px;
    height: 85px;
    width: 116px;
  }
  .box-packs-fee.news .packs-fee__item {
    border-bottom: 1px solid #e9e9e9;
    border-radius: 0;
    box-shadow: none;
    padding: 12px 0;
  }
  .box-packs-fee.news .packs-fee .prices__new {
    font-size: 16px;
    line-height: 24px;
  }
  .box-packs-fee.news .packs-fee .prices__date {
    font-size: 14px;
    line-height: 21px;
  }
  .box-packs-fee.utilities .packs-fee__left {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 146px;
        -ms-flex: 0 0 146px;
            flex: 0 0 146px;
    height: 146px;
    width: 146px;
  }
  .box-packs-fee.utilities .packs-fee__item {
    padding: 0 12px 0 0;
  }
  .box-packs-fee.utilities .packs-fee__img {
    border-radius: 6px 0 0 6px;
  }
  .box-packs-fee.utilities .packs-fee__right {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .box-packs-fee.utilities .packs-fee__info {
    margin-right: 0;
  }
  .box-packs-fee.utilities .packs-fee__btn {
    margin-top: 10px;
    width: 100%;
  }
  .list-dt .min-maxd h2 {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
  }
  .list-dt .min-maxd a.btn-blue {
    padding: 6px 12px;
  }
  .goi-dich-vu .min-maxd h2 {
    font-size: 36px;
    line-height: 54px;
  }
  .package .op .radio-custom1 {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
  }
  .package .radio-custom1 .checkmark {
    top: -1px;
  }
  .package .owl-carousel .owl-stage-outer {
    padding: 0;
  }
  .package .owl-item {
    padding: 20px;
    position: relative;
  }
  .package .owl-item:not(:last-child) .col-p.item:after {
    background-color: #ededed;
    bottom: -20px;
    content: '';
    position: absolute;
    right: 0;
    top: -20px;
    width: 1px;
  }
  .package .col-p.item,
  .package .col-p.item:hover {
    border-left: 0;
  }
  .goi-dich-vu .age-price {
    padding: 0;
  }
  .goi-dich-vu .ll-gg .title {
    color: #000;
    font-size: 16px;
    margin: 0;
  }
  .goi-dich-vu .ll-gg .package {
    padding: 20px 5px;
  }
  .goi-dich-vu .ll-gg .package.many {
    padding: 0;
  }
  .goi-dich-vu .ll-gg p {
    color: #ee0033;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
  }
  .goi-dich-vu .ll-gg p i {
    font-size: 12px;
    top: 0;
  }
  .goi-dich-vu .ll-gg .left {
    position: relative;
  }
  .goi-dich-vu .ll-gg .left:not(:last-child):after {
    background-color: #ededed;
    bottom: -20px;
    content: '';
    position: absolute;
    right: 0;
    top: -20px;
    width: 1px;
  }
  .content .list-sim-so .btabs {
    margin-bottom: 0;
  }
  .content .list-sim-so .btabs ul.tab-title {
    box-shadow: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 10px;
    padding: 0 0 15px;
    position: static;
    width: 100%;
  }
  .content .list-sim-so .btabs ul.tab-title li {
    border-bottom: 0;
    display: inline-block;
    padding: 0;
  }
  .list-sim-so .tabs-gc .tab-title li a {
    margin: 0 8px;
    padding: 0;
  }
  .pack-data {
    margin-top: 30px;
  }
  .pack-data .inner-item h2 {
    font-size: 16px;
    line-height: 24px;
  }
  .pack-data .inner-item h2 a {
    padding: 5px 15px;
  }
  .pack-data .inner-item h2 i {
    right: 20px;
  }
  .pack-data .inner-item .int {
    font-size: 14px;
    line-height: 21px;
    padding: 15px 25px 20px;
  }
  .pack-data .inner-item .int p {
    font-size: 14px;
    line-height: 21px;
    margin: 5px 0 15px;
  }
  .pack-data .inner-item .int i {
    color: #ee0033;
  }
  .pack-data .inner-item .int .btn {
    border-width: 1px;
    border-radius: 6px;
    box-shadow: none;
    line-height: 20px;
    width: 100%;
  }
  .slider.content-dvqt img {
    border-radius: 6px 6px 0 0;
    height: 120px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .service-value {
    margin-bottom: 20px;
  }
  .service-value .list-gtgt .owl-stage-outer {
    padding: 0 0 20px;
  }
  .pack-cuoc .lists.slider .item {
    box-shadow: 0px 10px 40px rgba(39, 52, 125, 0.12);
  }
  .pack-cuoc .data-content {
    padding: 16px;
  }
  .pack-cuoc .data-content h2 {
    color: #576c8a;
    font-size: 16px;
    line-height: 24px;
  }
  .pack-cuoc .data-content h2 i {
    font-size: 16px;
  }
  .pack-cuoc .data-content .time {
    font-size: 14px;
    line-height: 21px;
    margin: 10px 0;
    padding: 10px 0;
  }
  .pack-cuoc .data-content p {
    color: #576c8a;
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 15px;
    min-height: 100%;
  }
  .pack-cuoc .box-rig a {
    border-radius: 6px;
    border-width: 1px;
    padding: 6px 24px;
  }
  .content-dvqt .imgs {
    margin-bottom: 0;
  }
  .content-dvqt .introqt {
    padding: 15px;
  }
  .content-dvqt .introqt h2 {
    color: #000;
    line-height: 24px;
  }
  .content-dvqt .introqt h2 i {
    display: none;
  }
  .content-dvqt .introqt .des {
    color: #576c8a;
    font-size: 14px;
    line-height: 18px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-break: break-word;
  }
  .content-dvqt .box-dk .btn {
    border-radius: 6px;
    border-width: 1px;
    padding: 6px 12px;
  }
  .device .dn {
    padding: 15px 25px 25px;
  }
  .device .dn .th {
    font-size: 12px;
    line-height: 18px;
  }
  .device .dn h2 {
    color: #000;
    font-size: 16px;
    line-height: 24px;
  }
  .device .dn h2 i {
    font-size: 16px;
  }
  .device .dn > p {
    color: #576c8a;
    line-height: 18px;
    margin-bottom: 10px;
    min-height: 100%;
  }
  .device .box-price .speci-price {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
  }
  .device .box-price .old-price {
    color: #979797;
    font-size: 14px;
    font-weight: normal;
    line-height: 21px;
  }
  .device .tabs-tb .box-btn a {
    border-radius: 6px;
    border-width: 1px;
    line-height: 20px;
    width: 100%;
  }
  .sim-number .sub-tabs {
    padding-bottom: 40px;
  }
  .sim-number .content .tit {
    margin: 0 0 10px;
  }
  .lists-data {
    margin-top: 35px;
  }
  .lists-data .btabs {
    margin-bottom: 0;
  }
  .lists-data .btabs ul.tab-title {
    box-shadow: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 10px;
    padding: 0 0 15px;
    position: static;
    width: 100%;
  }
  .lists-data .btabs ul.tab-title li {
    border-bottom: 0;
    display: inline-block;
    padding: 0;
  }
  .lists-data .btabs ul.tab-title li.active a {
    border-bottom: 2px solid #EE0033;
  }
  .lists-data .tit {
    margin: 0 0 10px;
  }
  .lists-data .tit1 ul.tab-title li a {
    font-size: 12px;
    line-height: 18px;
    padding: 0 5px 5px;
  }
  .product-list {
    padding-bottom: 20px;
    padding-top: 30px;
  }
  .product-list .tit {
    margin: 0 0 10px;
  }
  .l-product {
    margin-top: 25px;
  }
  .grild-product li .imgages-p {
    border-radius: 6px;
    height: 164px;
  }
  .grild-product li .imgages-p img {
    height: 100px;
    -o-object-fit: cover;
       object-fit: cover;
    width: 96px;
  }
  .grild-product li .infor {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .grild-product li .infor h3 a {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
  }
  .grild-product li .infor .price-p {
    font-size: 14px;
    line-height: 20px;
  }
  .grild-product li .infor .price-p i {
    color: #ee0033;
    font-size: 12px;
    line-height: 18px;
  }
  .grild-product li .infor .left {
    width: calc(100% - 56px);
  }
  .grild-product li .infor .right {
    margin: 25px 0 0;
    min-width: 56px;
    width: auto;
  }
  .grild-product li .infor .btn {
    border-radius: 6px;
    border-width: 1px;
    padding: 6px;
  }
  .grild-product li .more-text {
    border-radius: 6px;
  }
  .grild-product li .more-text > div {
    height: 100%;
    letter-spacing: 0;
  }
  ul.list-product {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-bottom: 15px;
  }
  ul.list-product .list-product__item {
    font-size: 14px;
    margin-bottom: 16px;
    width: 50%;
  }
  ul.list-product .list-product__item a:before {
    margin: 1px 10px 0 0;
  }
  ul.list-product.col-3 .list-product__item {
    width: 33.33%;
  }
  .list-color {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .list-color li.color {
    margin-right: 10px;
    width: calc(100% / 6);
  }
  .list-color li.color:last-child {
    margin-right: 0;
  }
  .form-info-adress .field {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
  .form-info-adress .field label {
    color: #000;
    margin: 0 0 12px;
    padding: 0;
    width: 100%;
  }
  .form-info-adress .field .control {
    width: 100%;
  }
  .form-info-adress .field .control select {
    margin: 0;
  }
  .hhv-mobile-service .title-box h2.space1 {
    color: #000;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 12px;
  }
  .hhv-mobile-service .title-box .viewall {
    font-size: 12px;
    line-height: 18px;
    padding: 0;
  }
  .hhv-mobile-service .inner-item h2 {
    font-size: 16px;
    line-height: 21px;
    padding: 6px 10px;
  }
  .hhv-mobile-service .inner-item h2 span {
    font-size: 16px;
    line-height: 21px;
    margin-top: 0;
  }
  .hhv-mobile-service .inner-item .int {
    font-size: 14px;
    line-height: 21px;
    padding: 25px 20px;
  }
  .hhv-mobile-service .inner-item .int .sales {
    font-size: 13px;
    line-height: 21px;
    padding: 2px 7px;
  }
  .hhv-mobile-service .inner-item .int .price-old {
    font-size: 12px;
    line-height: 18px;
    margin: 2px 0 15px 35px;
  }
  .hhv-mobile-service .inner-item .btn {
    border-radius: 6px;
    width: 100%;
  }
  .apply.hhv-apply-dvgtgt .menu_select_sp i {
    float: none;
  }
  .apply.hhv-apply-dvgtgt .tit {
    margin: 0 0 5px;
  }
  .apply.hhv-apply-dvgtgt .sub-tabs {
    margin-bottom: 30px;
  }
  .apply.hhv-apply-dvgtgt .sub-tabs .subleft .gtgt .intro-more {
    padding: 20px 20px 30px;
  }
  .apply.hhv-apply-dvgtgt .sub-tabs .subright .item {
    border-bottom: 0;
    border-radius: 8px;
    box-shadow: 0 1px 6px #ccd8db;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 185px;
        -ms-flex: 0 0 185px;
            flex: 0 0 185px;
    margin: 0 15px 10px;
    padding: 0;
    width: 185px;
  }
  .apply.hhv-apply-dvgtgt .sub-tabs .subright .item:first-child {
    margin-left: 2px;
  }
  .apply.hhv-apply-dvgtgt .sub-tabs .subright .item .imgs {
    margin-right: 0;
  }
  .apply.hhv-apply-dvgtgt .sub-tabs .subright .item .imgs img {
    border-radius: 8px 8px 0 0;
  }
  .apply.hhv-apply-dvgtgt .sub-tabs .subright .item .text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 20px 20px;
  }
  .apply.hhv-apply-dvgtgt .sub-tabs .subright .item .text .box-text h3 {
    margin-bottom: 8px;
  }
  .apply.hhv-apply-dvgtgt .sub-tabs .subright .item .text .box-text h3 a {
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .apply.hhv-apply-dvgtgt .sub-tabs .subright .item .text .box-text .desc {
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .apply.hhv-apply-dvgtgt .sub-tabs .subright .item .text .box-text .price strong {
    font-size: 16px;
  }
  .apply.hhv-apply-dvgtgt .sub-tabs .subright .item .text .box-dk {
    margin-top: 15px;
  }
  .apply.hhv-apply-dvgtgt .sub-tabs .subright .item .text .box-dk .btn {
    width: 100%;
  }
  .apply.hhv-apply-dvgtgt .btn {
    border-radius: 6px;
  }
  .hhv-info-adress {
    margin-top: 25px;
  }
  .hhv-submemnu .list-menu li {
    padding: 20px 0;
  }
  .hhv-submemnu .list-menu li + li {
    margin-left: 20px;
  }
  .hhv-submemnu .list-menu li a {
    color: #c4c4c4;
    font-size: 14px;
    line-height: 20px;
  }
  .hhv-list-internet .lists.slider .item .list-internet .child-item {
    box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
    margin-top: 15px;
  }
  .hhv-list-internet .lists.slider .item .list-internet .child-item .inner-itm .item-img {
    height: 48px;
    margin-right: 15px;
    width: 48px;
  }
  .hhv-list-internet .lists.slider .item .list-internet .child-item .inner-itm .item-content .box-info h2 {
    font-size: 16px;
    line-height: 24px;
  }
  .hhv-list-internet .lists.slider .item .list-internet .child-item .inner-itm .item-content .box-info h2 a {
    color: #0c0033;
    font-size: 16px;
    line-height: 24px;
  }
  .hhv-list-internet .lists.slider .item .list-internet .child-item .inner-itm .item-content .box-info h2 span {
    line-height: 24px;
    vertical-align: inherit;
  }
  .hhv-list-internet .lists.slider .item .list-internet .child-item .inner-itm .item-content .box-info .rating-summary {
    margin-bottom: 5px;
  }
  .hhv-list-internet .lists.slider .item .list-internet .child-item .inner-itm .item-content .box-info .pr {
    font-size: 14px;
    line-height: 21px;
  }
  .hhv-list-internet .lists.slider .item .list-internet .child-item .inner-itm .item-content .box-info .pr .sales {
    font-size: 13px;
    line-height: 21px;
    padding: 2px 7px;
  }
  .hhv-list-internet .lists.slider .item .list-internet .child-item .inner-itm .item-content .box-info .pr .pr-old {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    line-height: 21px;
    padding-left: 0;
  }
  .hhv-list-internet .lists.slider .item .list-internet .child-item .inner-itm .item-content .box-btn .btn {
    border-radius: 6px;
    min-width: 88px;
    padding: 5px 10px;
  }
  .hhv-list-internet .rating-summary .rating-result {
    width: 80px;
  }
  .hhv-list-internet .rating-summary .rating-result:before {
    font-size: 8px;
    height: 8px;
    line-height: 8px;
  }
  .hhv-list-internet .rating-summary .rating-result > span:before {
    font-size: 8px;
    height: 8px;
    line-height: 8px;
  }
  .hhv-list-internet .viewall {
    display: none;
  }
  .hhv-data-internet .list-info {
    color: #000;
    font-size: 14px;
    line-height: 21px;
  }
  .hhv-data-internet .goi-cuoc .minmax .min-maxd h2 {
    margin-bottom: 0;
  }
  .hhv-data-internet .goi-cuoc .minmax .ll-gg {
    border-radius: 0;
    box-shadow: none;
    margin-top: 15px;
    overflow: inherit;
  }
  .hhv-data-internet .goi-cuoc .minmax .ll-gg .ll,
  .hhv-data-internet .goi-cuoc .minmax .ll-gg .gg {
    border-radius: 6px;
    box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.08);
    min-height: 110px;
    position: relative;
    width: 48%;
  }
  .hhv-data-internet .goi-cuoc .minmax .ll-gg .title {
    border-radius: 6px 6px 0 0;
    padding: 8px 15px;
  }
  .hhv-data-internet .goi-cuoc .minmax .ll-gg .price {
    padding: 10px 0 0;
  }
  .hhv-data-internet .goi-cuoc .minmax .ll-gg .pc-old {
    padding: 0 0 10px 30px;
  }
  .hhv-data-internet .goi-cuoc .minmax .ll-gg .pc-old .sales {
    font-size: 13px;
    line-height: 21px;
    padding: 2px 7px;
    position: absolute;
    right: 5px;
    top: 8px;
  }
  .hhv-data-internet .goi-cuoc .minmax .note {
    font-size: 12px;
    font-style: italic;
    letter-spacing: 0;
    line-height: 18px;
    margin-bottom: 10px;
  }
  .box-element-detail {
    margin-bottom: 20px;
  }
  .hhv-phuong-an h2.space1 {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 15px;
  }
  .hhv-phuong-an .content.tabs .btabs ul.tab-title {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    box-shadow: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0;
    overflow: inherit;
    padding: 0;
    position: static;
  }
  .hhv-phuong-an .content.tabs .btabs ul.tab-title li {
    border-bottom: 0;
    display: inline-block;
    margin: 0;
    padding: 0 0 15px;
  }
  .hhv-phuong-an .content.tabs .tabs-content .sub-tabs .tabcontent .inner-tabs {
    padding: 15px 0;
  }
  .hhv-phuong-an .content.tabs .tabs-content .sub-tabs .tabcontent .inner-tabs .inner-item .radio-cs .checkmark1 {
    border-radius: 6px;
    padding: 13px 15px;
    text-align: left;
  }
  .hhv-phuong-an .content.tabs .tabs-content .sub-tabs .tabcontent .inner-tabs .inner-item .radio-cs .checkmark1 h4 {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 0;
  }
  .hhv-phuong-an .content.tabs .tabs-content .sub-tabs .tabcontent .inner-tabs .inner-item .radio-cs .checkmark1 p {
    color: #ee0033;
    font-size: 12px;
    line-height: 18px;
  }
  .hhv-uu-dai h2.space1 {
    color: #000;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 10px;
  }
  .hhv-pay-total {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.14);
    padding: 20px;
  }
  .hhv-pay-total:before,
  .hhv-pay-total:after {
    display: none;
  }
  .hhv-pay-total .el-total {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 0;
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0;
    padding: 0;
  }
  .hhv-pay-total .el-total label {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    margin-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .hhv-pay-total .el-total .price {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
  }
  .hhv-pay-total .el-phi {
    padding: 3px 0;
  }
  .hhv-pay-total .el-phi .lb {
    font-size: 14px;
    line-height: 21px;
  }
  .hhv-pay-total .el-phi .price {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
  }
  .hhv-form-hopdong .btn {
    border-radius: 6px;
    border-width: 1px;
    padding: 12px 20px;
    width: 100%;
  }
  .hhv-pack-same .title-box h2.space1 {
    color: #000;
    font-family: 'Montserrat';
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    text-transform: uppercase;
  }
}
.debt-charges,
.customer-infomation {
  background-color: #fbfbfb;
  width: 100%;
}
.debt-charges__header,
.customer-infomation__header {
  width: 100%;
  background-color: #eee;
  border-radius: 0 0 115px 0;
}
@media (max-width: 991px) {
  .debt-charges__header,
  .customer-infomation__header {
    border-radius: 0 0 30px 0;
  }
}
.debt-charges__header div:after,
.customer-infomation__header div:after {
  display: none;
}
.debt-charges__header-inner,
.customer-infomation__header-inner {
  padding: 0 0 100px;
}
.debt-charges__top,
.customer-infomation__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 40px 0;
}
@media (max-width: 991px) {
  .debt-charges__top,
  .customer-infomation__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px 0;
  }
}
.debt-charges__capacity,
.customer-infomation__capacity {
  padding: 0 0 30px;
}
.debt-charges__capacity .owl-dots,
.customer-infomation__capacity .owl-dots {
  bottom: -5px;
}
.debt-charges__capacity .owl-dots span,
.customer-infomation__capacity .owl-dots span {
  background-color: #fff;
}
@media (max-width: 575px) {
  .debt-charges__capacity .mobile-data__item,
  .customer-infomation__capacity .mobile-data__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 1.1 - 16px);
        -ms-flex: 0 0 calc(100% / 1.1 - 16px);
            flex: 0 0 calc(100% / 1.1 - 16px);
    width: calc(100% / 1.1 - 16px);
  }
}
.debt-charges__content,
.customer-infomation__content {
  margin: 0 auto;
  padding: 30px 15px 40px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  gap: 80px;
  max-width: 100%;
  width: 1170px;
}
@media (max-width: 1200px) {
  .debt-charges__content,
  .customer-infomation__content {
    gap: 40px;
  }
}
@media (max-width: 767px) {
  .debt-charges__content,
  .customer-infomation__content {
    gap: 10px;
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    padding: 20px 15px;
  }
}
.debt-charges__info-container,
.customer-infomation__info-container {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 20px 0 0;
  width: 50%;
}
@media (max-width: 991px) {
  .debt-charges__info-container,
  .customer-infomation__info-container {
    margin: 0;
    width: 100%;
  }
}
.debt-charges__info-container .customer-infomation__type-value,
.customer-infomation__info-container .customer-infomation__type-value {
  margin: 0 0 0 83px;
}
@media (max-width: 991px) {
  .debt-charges__info-container .customer-infomation__type-value,
  .customer-infomation__info-container .customer-infomation__type-value {
    margin: 0 0 5px 15px;
  }
}
.debt-charges__info,
.customer-infomation__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 10px;
}
@media (max-width: 991px) {
  .debt-charges__info,
  .customer-infomation__info {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 0 15px;
  }
}
.debt-charges__user,
.customer-infomation__user {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: calc(100% - 200px);
}
@media (max-width: 991px) {
  .debt-charges__user,
  .customer-infomation__user {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    max-width: 100%;
  }
}
.debt-charges__user i,
.customer-infomation__user i {
  font-size: 20px;
}
.debt-charges__avatar-user,
.customer-infomation__avatar-user {
  border-radius: 50%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 38px;
      -ms-flex: 0 0 38px;
          flex: 0 0 38px;
  height: 38px;
  margin: 0 10px 0 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: 38px;
}
@media (max-width: 991px) {
  .debt-charges__avatar-user,
  .customer-infomation__avatar-user {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50px;
        -ms-flex: 0 0 50px;
            flex: 0 0 50px;
    height: 50px;
    width: 50px;
  }
}
.debt-charges__avatar-user--medium,
.customer-infomation__avatar-user--medium {
  height: 54px;
  width: 54px;
}
.debt-charges__name-user,
.customer-infomation__name-user {
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .debt-charges__name-user,
  .customer-infomation__name-user {
    font-size: 16px;
    line-height: 24px;
  }
}
.debt-charges__divide,
.customer-infomation__divide {
  background-color: #44494d;
  height: 18px;
  margin: 0 12px;
  width: 1px;
}
@media (max-width: 991px) {
  .debt-charges__divide,
  .customer-infomation__divide {
    display: none;
  }
}
.debt-charges__phone,
.customer-infomation__phone {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  margin: 5px 0 0;
}
@media (max-width: 991px) {
  .debt-charges__phone,
  .customer-infomation__phone {
    font-size: 12px;
    line-height: 18px;
    opacity: 0.85;
  }
}
.debt-charges__phone-number,
.customer-infomation__phone-number {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 991px) {
  .debt-charges__phone-number,
  .customer-infomation__phone-number {
    margin: -20px 0 0 60px;
  }
}
.debt-charges__phone-number i,
.customer-infomation__phone-number i {
  margin: 0 0 0 3px;
}
.debt-charges__point,
.customer-infomation__point {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 2px;
}
@media (max-width: 767px) {
  .debt-charges__point,
  .customer-infomation__point {
    border-bottom: 1px solid #b5b4b4;
    border-top: 1px solid #b5b4b4;
    margin: 0 0 10px;
    padding: 5px;
  }
}
@media (max-width: 767px) {
  .debt-charges__point--pc,
  .customer-infomation__point--pc {
    display: none;
  }
}
.debt-charges__point--sp,
.customer-infomation__point--sp {
  display: none;
}
@media (max-width: 767px) {
  .debt-charges__point--sp,
  .customer-infomation__point--sp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.debt-charges__point-info,
.customer-infomation__point-info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.debt-charges__point-info img,
.customer-infomation__point-info img {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20px;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  margin: 0 5px 0 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: 20px;
}
.debt-charges__point-value,
.customer-infomation__point-value {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  letter-spacing: 0.15px;
  line-height: 28px;
}
.debt-charges__point-member,
.customer-infomation__point-member {
  color: #44494d;
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 0 20px;
  opacity: 0.85;
}
.debt-charges__type,
.customer-infomation__type {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 5px 0 0;
}
.debt-charges__type-name,
.customer-infomation__type-name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}
@media (max-width: 991px) {
  .debt-charges__type-name,
  .customer-infomation__type-name {
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
  }
}
.debt-charges__type-value,
.customer-infomation__type-value {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  margin: 0 0 5px 30px;
}
@media (max-width: 991px) {
  .debt-charges__type-value,
  .customer-infomation__type-value {
    font-size: 24px;
    line-height: 33px;
    margin: 0 0 0 15px;
  }
}
.debt-charges__type-point,
.customer-infomation__type-point {
  font-size: 14px;
  line-height: 24px;
  color: #44494d;
  margin: 0 12px 0 0;
}
.debt-charges__diamond-icon,
.customer-infomation__diamond-icon {
  margin: 0 8px;
}
.debt-charges__point-number,
.customer-infomation__point-number {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.15px;
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
}
@media (max-width: 991px) {
  .debt-charges__point-number,
  .customer-infomation__point-number {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 28px;
  }
}
.debt-charges__type-member,
.customer-infomation__type-member {
  font-size: 14px;
  line-height: 24px;
  color: #44494d;
}
@media (max-width: 991px) {
  .debt-charges__type-member,
  .customer-infomation__type-member {
    font-size: 12px;
    line-height: 18px;
    opacity: 0.85;
  }
}
.debt-charges__data,
.customer-infomation__data {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 991px) {
  .debt-charges__data,
  .customer-infomation__data {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 10px 0 0;
  }
}
.debt-charges__postage,
.customer-infomation__postage {
  margin: 0 55px 0 0;
}
@media (max-width: 1200px) {
  .debt-charges__postage,
  .customer-infomation__postage {
    margin: 0 40px 0 0;
  }
}
@media (max-width: 991px) {
  .debt-charges__postage,
  .customer-infomation__postage {
    margin: 0;
  }
}
.debt-charges__charge-title,
.customer-infomation__charge-title {
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  font-family: 'FS PFBeauSansPro', sans-serif;
  color: #727272;
}
@media (max-width: 991px) {
  .debt-charges__charge-title,
  .customer-infomation__charge-title {
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
  }
}
.debt-charges__total,
.customer-infomation__total {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.debt-charges__total i,
.customer-infomation__total i {
  color: #ee0033;
  font-size: 30px;
  margin: 0 0 0 15px;
}
.debt-charges__total-money,
.customer-infomation__total-money {
  font-weight: 700;
  font-size: 50px;
  line-height: 55px;
  letter-spacing: 0.15px;
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
}
@media (max-width: 991px) {
  .debt-charges__total-money,
  .customer-infomation__total-money {
    font-size: 44px;
    line-height: 50px;
  }
}
.debt-charges__status,
.customer-infomation__status {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 8px;
}
@media (max-width: 767px) {
  .debt-charges__status--pc,
  .customer-infomation__status--pc {
    display: none;
  }
}
.debt-charges__status--sp,
.customer-infomation__status--sp {
  display: none;
}
@media (max-width: 767px) {
  .debt-charges__status--sp,
  .customer-infomation__status--sp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 5px 0 0 60px;
  }
}
.debt-charges__status-dot,
.customer-infomation__status-dot {
  background-color: #58b84f;
  border-radius: 50%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 10px;
      -ms-flex: 0 0 10px;
          flex: 0 0 10px;
  height: 10px;
  margin: 0 5px 0 0;
  width: 10px;
}
.debt-charges__status-name,
.customer-infomation__status-name {
  color: #58b84f;
  font-size: 12px;
  line-height: 18px;
}
.debt-charges__red-dot,
.customer-infomation__red-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #d11313;
  margin: 0 5px 0 0;
}
.debt-charges__status-text,
.customer-infomation__status-text {
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  color: #d11313;
}
.debt-charges__status-text--success,
.customer-infomation__status-text--success {
  color: #58b84f;
}
.debt-charges__status-highlight,
.customer-infomation__status-highlight {
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  color: #d11313;
}
.debt-charges__postage-detai,
.customer-infomation__postage-detai {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.debt-charges__end-term,
.customer-infomation__end-term {
  position: relative;
  width: 50%;
}
@media (max-width: 991px) {
  .debt-charges__end-term,
  .customer-infomation__end-term {
    width: auto;
  }
}
.debt-charges__line,
.customer-infomation__line {
  background-color: #000;
  display: none;
  height: 28px;
  margin: 0 30px;
  width: 1px;
}
@media (max-width: 991px) {
  .debt-charges__line,
  .customer-infomation__line {
    display: block;
  }
}
.debt-charges__rest-postage,
.customer-infomation__rest-postage {
  width: 50%;
}
@media (max-width: 991px) {
  .debt-charges__rest-postage,
  .customer-infomation__rest-postage {
    width: auto;
  }
}
.debt-charges__type-detail,
.customer-infomation__type-detail {
  font-size: 12px;
  line-height: 18px;
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
}
.debt-charges__money-detail,
.customer-infomation__money-detail {
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
}
@media (max-width: 991px) {
  .debt-charges__money-detail,
  .customer-infomation__money-detail {
    font-size: 16px;
    line-height: 24px;
  }
}
.debt-charges__btn,
.customer-infomation__btn {
  margin: 30px 0 0;
}
@media (max-width: 991px) {
  .debt-charges__btn,
  .customer-infomation__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 15px -8px 0;
  }
}
.debt-charges__btn .button,
.customer-infomation__btn .button {
  width: 166px;
}
@media (max-width: 991px) {
  .debt-charges__btn .button,
  .customer-infomation__btn .button {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2 - 16px);
        -ms-flex: 0 0 calc(100% / 2 - 16px);
            flex: 0 0 calc(100% / 2 - 16px);
    margin: 0 8px;
    width: calc(100% / 2 - 16px);
  }
}
.debt-charges__btn .button:not(:last-child),
.customer-infomation__btn .button:not(:last-child) {
  margin: 0 0 20px;
}
@media (max-width: 991px) {
  .debt-charges__btn .button:not(:last-child),
  .customer-infomation__btn .button:not(:last-child) {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    margin: 0 8px;
  }
}
.debt-charges__group-btn,
.customer-infomation__group-btn {
  margin-top: 20px;
}
@media (max-width: 991px) {
  .debt-charges__group-btn,
  .customer-infomation__group-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 20px -8px 0;
    width: 100%;
  }
  .debt-charges__group-btn .data-pack__btn,
  .customer-infomation__group-btn .data-pack__btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 8px;
  }
  .debt-charges__group-btn .data-pack__btn:first-child,
  .customer-infomation__group-btn .data-pack__btn:first-child {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .debt-charges__group-btn .data-pack__btn .button,
  .customer-infomation__group-btn .data-pack__btn .button {
    width: 100% !important;
  }
}
.debt-charges__btn-pay,
.customer-infomation__btn-pay,
.debt-charges__check-charges,
.customer-infomation__check-charges {
  width: 166px !important;
  height: 40px;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 991px) {
  .debt-charges__btn-pay,
  .customer-infomation__btn-pay,
  .debt-charges__check-charges,
  .customer-infomation__check-charges {
    margin-bottom: 0;
  }
}
.debt-charges__check-charges,
.customer-infomation__check-charges {
  color: #4B4B4B;
  margin-bottom: 0;
  border: 1px solid #4B4B4B;
}
.debt-charges__check-charges:hover,
.customer-infomation__check-charges:hover {
  border-color: #ee0033;
  color: #ee0033;
}
.debt-charges__main-container,
.customer-infomation__main-container {
  background-color: #eee;
}
.debt-charges__main-content,
.customer-infomation__main-content {
  background-color: #fbfbfb;
  border-radius: 115px 0 0 0;
}
@media (max-width: 991px) {
  .debt-charges__main-content,
  .customer-infomation__main-content {
    border-radius: 30px 0 0;
  }
}
.debt-charges__main-inner,
.customer-infomation__main-inner {
  background-color: #fbfbfb;
  border-radius: 115px 0 0 0;
  position: relative;
}
@media (max-width: 991px) {
  .debt-charges__main-inner,
  .customer-infomation__main-inner {
    border-radius: 30px 0 0;
  }
  .debt-charges__main-inner .title-home,
  .customer-infomation__main-inner .title-home {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.15px;
    line-height: 27px;
    text-transform: inherit;
  }
  .debt-charges__main-inner .customer-infomation__util-img,
  .customer-infomation__main-inner .customer-infomation__util-img {
    display: none;
  }
}
.debt-charges__main-inner .postpaid-infomation,
.customer-infomation__main-inner .postpaid-infomation {
  left: 0;
  right: 0;
  position: absolute;
  top: -100px;
  z-index: 1;
}
@media (max-width: 991px) {
  .debt-charges__main-inner .postpaid-infomation,
  .customer-infomation__main-inner .postpaid-infomation {
    border-bottom: 5px solid #eee;
  }
}
.debt-charges__main-inner .customer-infomation__util,
.customer-infomation__main-inner .customer-infomation__util {
  padding: 140px 0 0;
}
@media (max-width: 991px) {
  .debt-charges__main-inner .customer-infomation__util,
  .customer-infomation__main-inner .customer-infomation__util {
    margin: 0 0 10px;
    padding: 120px 0 0;
  }
}
.debt-charges__data-pack,
.customer-infomation__data-pack {
  width: 1140px;
  margin: 0 auto;
  padding-top: 60px;
}
.debt-charges__util,
.customer-infomation__util {
  margin: 0 0 30px;
}
@media (max-width: 991px) {
  .debt-charges__util,
  .customer-infomation__util {
    padding: 10px 0 0;
  }
}
.debt-charges__util-img,
.customer-infomation__util-img {
  margin: 0 auto;
  width: 558px;
}
@media (max-width: 991px) {
  .debt-charges__util-img,
  .customer-infomation__util-img {
    text-align: center;
    width: auto;
  }
}
.debt-charges__util-img img:hover,
.customer-infomation__util-img img:hover {
  opacity: 0.75;
}
.debt-charges__util-title,
.customer-infomation__util-title {
  font-weight: 700;
  font-size: 26px;
  line-height: 36px;
  letter-spacing: 0.15px;
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
}
@media (max-width: 991px) {
  .debt-charges__util-title,
  .customer-infomation__util-title {
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 20px;
  }
}
.debt-charges .service-data,
.customer-infomation .service-data {
  padding: 0 0 30px;
}
.capacity-account {
  border-right: 1px solid #b5b4b4;
  padding: 0 20px 0 0;
}
@media (max-width: 991px) {
  .capacity-account {
    padding: 0 15px 0 0;
  }
}
.capacity-account__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 8px;
}
.capacity-account__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 43px;
      -ms-flex: 0 0 43px;
          flex: 0 0 43px;
  height: 43px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 5px 0 0;
  padding: 5px;
  width: 43px;
}
.capacity-account__sub {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: calc(100% - 43px - 5px);
}
@media (max-width: 991px) {
  .capacity-account__sub {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
  }
}
.capacity-account__list {
  margin: 8px 0 0;
}
.capacity-account__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 24px;
}
.capacity-account__item:not(:last-child) {
  margin: 0 0 2px;
}
.capacity-account__name {
  color: #727272;
  opacity: 0.8;
}
.capacity-account__value {
  color: #44494d;
  margin: 0 0 0 15px;
}
.postpaid-infomation {
  padding: 0 0 60px;
}
@media (max-width: 991px) {
  .postpaid-infomation {
    padding: 0 0 30px;
  }
}
.postpaid-infomation .owl-stage-outer {
  padding: 0;
}
.postpaid-infomation .owl-dots {
  display: none;
}
@media (max-width: 575px) {
  .postpaid-infomation .mobile-data__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 1.1 - 16px);
        -ms-flex: 0 0 calc(100% / 1.1 - 16px);
            flex: 0 0 calc(100% / 1.1 - 16px);
    width: calc(100% / 1.1 - 16px);
  }
}
.postpaid-pack {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 20px 20px 20px 0;
}
.postpaid-pack__images {
  background: url("../images_content/img-postpaid-pack.svg") 0 0 no-repeat;
  border-radius: 20px 20px 20px 0;
  height: 86px;
  padding: 15px 20px;
  position: relative;
  width: 100%;
}
@media (max-width: 991px) {
  .postpaid-pack__images {
    background-size: cover;
    height: 80px;
    padding: 20px;
  }
}
.postpaid-pack__images-name {
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
}
@media (max-width: 991px) {
  .postpaid-pack__images-name {
    font-size: 16px;
    line-height: 24px;
  }
}
.postpaid-pack__detail {
  border-radius: 0 0 20px 0;
  padding: 0 20px 30px;
}
@media (max-width: 991px) {
  .postpaid-pack__detail {
    padding: 0 20px 20px;
  }
}
.postpaid-pack__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.postpaid-pack__item:not(:last-child) {
  margin: 0 0 5px;
}
.postpaid-pack__name {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .postpaid-pack__name {
    font-size: 14px;
    line-height: 20px;
  }
}
.postpaid-pack__value {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 0 20px;
}
@media (max-width: 991px) {
  .postpaid-pack__value {
    font-size: 14px;
    line-height: 20px;
  }
}
.postpaid-pack__value.hightlight {
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-weight: 700;
}
@media (max-width: 991px) {
  .postpaid-pack__value.hightlight {
    font-size: 16px;
    line-height: 24px;
  }
}
.postpaid-pack__link {
  color: #d11313;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin: 8px 0 0;
}
@media (max-width: 991px) {
  .postpaid-pack__link {
    font-size: 14px;
    line-height: 20px;
  }
}
.postpaid-pack__link:hover {
  color: #ee0033;
  text-decoration: underline;
}
.util-slider {
  margin: 0 0 50px;
}
@media (max-width: 991px) {
  .util-slider {
    margin: 0 0 30px;
  }
}
.util-slider__util-item {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.util-slider__util-item:after {
  display: none;
}
.util-slider__content {
  width: calc(100% - 67px);
  padding: 0 10px;
  border: 1px solid #d1d1d1;
  border-radius: 0 8px 8px 0;
  border-left: 0;
  height: 67px;
  padding: 0 5px 0 10px;
  color: #44494d;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.util-slider__content:hover {
  border: 1px solid #ee0033;
  border-left: 0;
}
.util-slider__title {
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  font-family: 'FS PFBeauSansPro', sans-serif;
}
@media (max-width: 991px) {
  .util-slider__title {
    font-size: 16px;
    line-height: 24px;
  }
}
.util-slider__util-img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 67px;
  height: 67px;
  background-color: #44494d;
  border-radius: 8px 0 0 0;
  position: relative;
}
.util-slider__util-img img {
  width: 44px;
  height: 44px;
}
.util-slider__util-img:before {
  position: absolute;
  width: 51px;
  height: 51px;
  background: #eee;
  mix-blend-mode: lighten;
  opacity: 0.1;
  content: '';
  border-radius: 50%;
  top: 8px;
  right: 8px;
}
.util-slider__util-img:after {
  background: #eee;
  mix-blend-mode: lighten;
  opacity: 0.1;
  width: 33px;
  height: 33px;
  content: '';
  position: absolute;
  border-radius: 50%;
  left: 17px;
  top: 17px;
}
.util-slider__util-img--red {
  background-color: #ee0033;
}
.util-slider__util-img--red:before {
  mix-blend-mode: lighten;
  opacity: 0.2;
}
.util-slider__util-img--red:after {
  mix-blend-mode: lighten;
  opacity: 0.2;
}
@media (max-width: 575px) {
  .util-slider .mobile-data__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 1.1 - 16px);
        -ms-flex: 0 0 calc(100% / 1.1 - 16px);
            flex: 0 0 calc(100% / 1.1 - 16px);
    width: calc(100% / 1.1 - 16px);
  }
}
.slider-search {
  margin: 0 0 40px;
}
@media (max-width: 991px) {
  .slider-search {
    border-top: 5px solid #eee;
    margin: 0 0 30px;
    padding: 10px 0 0;
  }
}
.slider-search__cover-header {
  position: relative;
  top: -240px;
  margin-bottom: -200px;
}
@media (max-width: 1140px) {
  .slider-search__cover-header {
    padding: 60px 20px 0;
    position: unset;
    margin-bottom: 60px;
  }
}
.slider-search__item-header {
  background-color: #fff;
  border-radius: 50%;
  height: 90px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto 10px;
  padding: 10px;
  width: 90px;
}
.slider-search__item-header img {
  width: 55px;
  height: 55px;
}
.slider-search__item-header img:hover {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.slider-search__item {
  cursor: pointer;
}
.slider-search__content {
  padding: 0 25px;
}
@media (max-width: 991px) {
  .slider-search__content {
    padding: 0 15px;
  }
}
@media (max-width: 320px) {
  .slider-search__content {
    padding: 0 8px;
  }
}
.slider-search__description {
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  font-family: 'FS PFBeauSansPro', sans-serif;
  text-align: center;
}
@media (max-width: 991px) {
  .slider-search__description {
    font-size: 16px;
    line-height: 24px;
  }
}
.slider-search button.owl-dot span {
  background-color: #b5b4b4;
}
.slider-search button.owl-dot.active span,
.slider-search button.owl-dot:hover span {
  background-color: #ee0033;
}
.slider-search .title-home {
  margin: 0 0 20px;
}
@media (max-width: 991px) {
  .slider-search .title-home {
    margin: 0 0 10px;
  }
}
.slider-search .mobile-data__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2.5 - 16px);
      -ms-flex: 0 0 calc(100% / 2.5 - 16px);
          flex: 0 0 calc(100% / 2.5 - 16px);
  width: calc(100% / 2.5 - 16px);
}
.data-pack__btn.check-info .button {
  padding: 0;
}
.data-pack__btn.check-info .button:hover:before {
  display: none;
}
.check-info {
  width: 362px;
  text-align: center;
  border: 1px solid #4B4B4B;
  border-radius: 8px 8px 8px 0;
  margin: 0 auto 60px;
  background-color: #fff;
  height: 40px;
  padding: 11px 12px;
  cursor: pointer;
}
@media (max-width: 991px) {
  .check-info {
    margin: 0 auto 30px;
  }
}
@media (max-width: 575px) {
  .check-info {
    width: 262px;
  }
}
.check-info a {
  color: #4B4B4B;
  font-size: 14px;
  font-weight: 700;
  font-family: 'FS PFBeauSansPro', sans-serif;
  letter-spacing: 0.02em;
  width: 100% !important;
}
.check-info:hover {
  border: 1px solid #ee0033;
  background-color: #fff;
}
.check-info:hover a {
  color: #ee0033;
}
.internet-package,
.postpaid-slider {
  padding-top: 60px;
  margin-bottom: 10px;
}
.internet-package__header-container,
.postpaid-slider__header-container {
  background-color: #fff;
  border-radius: 20px 20px 20px 0;
}
.internet-package__header,
.postpaid-slider__header {
  background-color: #ee0033;
  height: 66px;
  border-radius: 20px 20px 20px 0;
  padding: 15px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 991px) {
  .internet-package__header,
  .postpaid-slider__header {
    height: 50px;
    padding: 10px 20px;
  }
}
.internet-package__item,
.postpaid-slider__item {
  border: 1px solid #d1d1d1;
  border-radius: 20px 20px 20px 0;
  cursor: pointer;
}
.internet-package__item:hover,
.postpaid-slider__item:hover {
  border: 1px solid #ee0033;
}
.internet-package__intro-container:before,
.postpaid-slider__intro-container:before {
  height: 20px;
  position: absolute;
  background: #ee0033;
  width: 100px;
  z-index: -100;
  content: '';
}
.internet-package__intro,
.postpaid-slider__intro {
  background-color: #fff;
  padding: 20px 20px 35px;
  border-radius: 20px 0 20px 0;
}
@media (max-width: 991px) {
  .internet-package__intro,
  .postpaid-slider__intro {
    padding: 20px 20px 30px;
  }
}
.internet-package__header-share,
.postpaid-slider__header-share {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.internet-package__header-share i,
.postpaid-slider__header-share i {
  color: #fff;
  cursor: pointer;
  font-size: 24px;
  margin: 0 0 0 3px;
}
.internet-package div::after,
.postpaid-slider div::after {
  display: none;
}
.internet-package__header-title,
.postpaid-slider__header-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  font-family: 'FS PFBeauSansPro', sans-serif;
  color: #fff;
}
@media (max-width: 991px) {
  .internet-package__header-title,
  .postpaid-slider__header-title {
    font-size: 16px;
    line-height: 24px;
  }
}
.internet-package__header-description,
.postpaid-slider__header-description {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  font-family: 'FS PFBeauSansPro', sans-serif;
  color: #fff;
}
@media (max-width: 991px) {
  .internet-package__header-description,
  .postpaid-slider__header-description {
    font-size: 14px;
    line-height: 20px;
  }
}
.internet-package__count,
.postpaid-slider__count {
  margin: 0 0 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.internet-package__count:last-child,
.postpaid-slider__count:last-child {
  margin: 0;
}
.internet-package__count-title,
.postpaid-slider__count-title {
  font-size: 16px;
  line-height: 24px;
  color: #44494d;
}
@media (max-width: 991px) {
  .internet-package__count-title,
  .postpaid-slider__count-title {
    font-size: 14px;
    line-height: 20px;
  }
}
.internet-package__count-value,
.postpaid-slider__count-value {
  text-align: right;
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  font-family: 'FS PFBeauSansPro', sans-serif;
}
@media (max-width: 991px) {
  .internet-package__count-value,
  .postpaid-slider__count-value {
    font-size: 16px;
    line-height: 24px;
  }
}
.postpaid-slider__date {
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  color: #B5B4B4;
  font-family: 'FS PFBeauSansPro', sans-serif;
}
@media (max-width: 991px) {
  .postpaid-slider__date {
    font-size: 16px;
    line-height: 24px;
  }
}
.postpaid-slider__item:hover {
  border: 1px solid #ee0033;
}
.manager-postpaid-col2 {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.data-package {
  margin: 0 0 60px;
}
@media (max-width: 991px) {
  .data-package {
    margin: 0 0 30px;
  }
}
.data-package .lists-slider__item {
  overflow: hidden;
}
.data-package__header-box {
  border-radius: 8px 8px 0 0;
  background-image: url('../images_content/bg-data-package.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 105px;
  margin: 0 0 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  padding: 0 10px;
}
.data-package__header-link {
  color: #fff;
  font-size: 44px;
  font-weight: 700;
  max-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .data-package__header-link {
    font-size: 24px;
  }
}
.data-package__header-name {
  font-size: 44px;
  line-height: 44px;
  font-weight: 700;
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  margin: 0 8px 0 0;
}
@media (max-width: 991px) {
  .data-package__header-name {
    font-size: 24px;
    line-height: 36px;
  }
}
.data-package__header-data {
  padding: 2px 8px;
  background: #fff;
  border-radius: 10px 10px 10px 0;
}
.data-package__header-data span {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #d92f3b;
  font-family: 'FS PFBeauSansPro', sans-serif;
}
.data-package__images img {
  border-radius: 8px 8px 0 0;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
}
.data-package__intro {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 30px 0 12px 0;
  margin-top: -35px;
  padding: 15px 20px 20px;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 991px) {
  .data-package__intro {
    border-radius: 20px 0 8px 0;
  }
}
.data-package__intro:hover {
  border-color: #ee0033;
}
.data-package__title {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #000;
  margin: 0 0 15px;
}
@media (max-width: 991px) {
  .data-package__title {
    font-size: 16px;
    line-height: 24px;
  }
}
.data-package__btn {
  width: 100% !important;
  padding: 9px 15px;
}
.data-package__btn-box {
  margin-left: 0px;
}
.data-package__sms-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1fr 1fr;
      grid-template-rows: 1fr 1fr;
  gap: 20px;
  width: 558px;
}
@media (max-width: 1140px) {
  .data-package__sms-container {
    width: auto;
  }
}
.data-package__sms-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  margin: 0 0 5px;
  font-family: 'FS PFBeauSansPro', sans-serif;
  color: #44494d;
}
.data-package__sms-description {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  font-family: 'Roboto', sans-serif;
  color: #727272;
  margin: 0 0 5px;
}
.data-package__sms-package {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: max-content 1fr max-content;
      grid-template-columns: max-content 1fr max-content;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.data-package__sms-package img {
  width: 112px;
  height: 112px;
}
.data-package__sms-box-title {
  font-weight: 700;
  font-size: 28px;
  line-height: 42px;
  font-family: 'FS PFBeauSansPro', sans-serif;
  color: #fff;
}
.data-package__sms-box {
  width: 122px;
  height: 122px;
  background-image: url('../images_content/bg-sms-package.svg');
  background-position: center;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.data-package__sms-item {
  padding: 6px 10px;
}
.data-package__sms-price {
  font-size: 14px;
  line-height: 24px;
  color: #727272;
}
.data-package__sms-price-highlight {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #ee0033;
}
.data-package .data-pack__btn {
  margin: 0;
  width: 100%;
}
.data-package .data-pack__btn .button {
  width: 100%;
}
.service-list {
  margin: 0 0 60px;
}
.service-list__images {
  border-radius: 10px 10px 0 0;
  height: 200px;
}
@media (max-width: 991px) {
  .service-list__images {
    height: 120px;
  }
}
.service-list__images--small {
  height: 96px;
  border-bottom: 30px solid #be0129;
}
.service-list__header-box {
  border-radius: 8px 8px 0 0;
  background-image: url('../images_content/bg-in-use.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 96px;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.service-list__header-box:after {
  position: absolute;
  width: 100%;
  height: 25px;
  content: '';
  background-color: #be0129;
  bottom: -10px;
}
.service-list__header-name {
  font-size: 42px;
  line-height: 42px;
  font-weight: 700;
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  background-color: #be0129;
}
.service-list__btn-detail {
  margin: 16px 0 10px;
}
.service-list__images img {
  border-radius: 10px 10px 0 0;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
.service-list__intro {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 30px 0 12px 0;
  margin-top: -30px;
  padding: 15px 20px 20px;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 991px) {
  .service-list__intro {
    padding: 12px 15px 15px;
  }
}
.service-list__intro:hover {
  border-color: #ee0033;
}
.service-list__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 8px;
}
.service-list__top::after {
  display: none;
}
.service-list__title-top {
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
}
@media (max-width: 991px) {
  .service-list__title-top {
    font-size: 16px;
    line-height: 24px;
  }
}
.service-list__top-link {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  font-family: 'FS PFBeauSansPro', sans-serif;
  color: #ee0033;
  position: absolute;
  right: 20px;
}
@media (max-width: 991px) {
  .service-list__top-link {
    display: none;
    font-size: 14px;
    line-height: 20px;
  }
}
.service-list__description {
  font-size: 14px;
  line-height: 24px;
  color: #44494d;
  margin: 0 0 5px;
}
.service-list__description--gray-light {
  color: #727272;
}
.service-list__price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.service-list__price .icon-price {
  font-size: 20px;
  margin: 0 2px 0 0;
}
@media (max-width: 991px) {
  .service-list__price .icon-price {
    font-size: 16px;
  }
}
.service-list__total-price {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #ee0033;
}
@media (max-width: 991px) {
  .service-list__total-price {
    font-size: 16px;
    line-height: 24px;
  }
}
.promotion {
  padding: 0 0 60px;
}
@media (max-width: 991px) {
  .promotion {
    padding: 0 0 40px;
  }
}
.promotion__images {
  border-radius: 8px 8px 8px 0;
  height: 230px;
}
@media (max-width: 991px) {
  .promotion__images {
    height: 160px;
  }
}
.promotion__images img {
  border-radius: 8px 8px 8px 0;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
.promotion__intro {
  margin: 15px 0 0;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 991px) {
  .promotion__intro {
    margin: 10px 0 0;
  }
}
.promotion__title {
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
}
@media (max-width: 991px) {
  .promotion__title {
    font-size: 16px;
    line-height: 24px;
  }
}
.promotion .title-home {
  margin: 0 0 15px;
}
@media (max-width: 991px) {
  .promotion .title-home {
    margin: 0 0 12px;
  }
}
.promotion .mobile-data__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2.1 - 16px);
      -ms-flex: 0 0 calc(100% / 2.1 - 16px);
          flex: 0 0 calc(100% / 2.1 - 16px);
  width: calc(100% / 2.1 - 16px);
}
@media (max-width: 575px) {
  .promotion .mobile-data__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 1.1 - 16px);
        -ms-flex: 0 0 calc(100% / 1.1 - 16px);
            flex: 0 0 calc(100% / 1.1 - 16px);
    width: calc(100% / 1.1 - 16px);
  }
}
.modal--charges .modal__body {
  padding: 0 70px 35px;
}
@media (max-width: 991px) {
  .modal--charges .modal__body {
    padding: 0 0 35px;
  }
}
.modal-debt {
  word-break: break-word;
}
.modal-debt__title {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  margin: 0 0 15px;
  text-align: center;
}
@media (max-width: 991px) {
  .modal-debt__title {
    font-size: 20px;
    line-height: 28px;
  }
}
.modal-debt__images {
  margin: 15px auto;
  text-align: center;
}
.modal-debt__images--success {
  color: #03a678;
}
.modal-debt__images--warning {
  color: #d11313;
}
.modal-debt__images i {
  font-size: 70px;
}
.modal-debt__des {
  color: #727272;
  font-size: 14px;
  line-height: 20px;
  margin: 15px 0;
  text-align: center;
}
.modal-debt__des span {
  color: #ee0033;
  font-weight: 700;
}
.modal-debt__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 15px -10px 0;
}
.modal-debt__btn .button {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 10px;
}
.net-switch {
  background-color: #fbfbfb;
  padding: 30px 0 0;
  overflow-x: hidden;
}
@media (max-width: 991px) {
  .net-switch__package-and-promotion .owl-nav {
    display: none;
  }
}
.net-switch__package-and-promotion .owl-dots {
  display: none;
}
.net-switch__package-and-promotion .net-switch__package {
  margin: 30px 0 0;
}
.net-switch__package-and-promotion .net-switch__package--after {
  margin: 60px 0 0;
}
@media (max-width: 991px) {
  .net-switch__package-and-promotion .net-switch__package--after {
    margin: 30px 0 0;
  }
}
.net-switch__package-and-promotion .switch-condition__banner {
  margin: 60px 0;
}
@media (max-width: 991px) {
  .net-switch__package-and-promotion .switch-condition__banner {
    margin: 30px 0;
  }
}
.net-switch__footer-container {
  background-color: #DFDFDF;
  width: 100%;
  padding: 35px 0 0;
}
.net-switch__footer-container div:after {
  display: none;
}
@media (max-width: 1280px) {
  .net-switch__footer-container {
    display: none;
  }
}
.net-switch__footer-copyright {
  background: #ee0033;
  padding: 10px 20px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 765px) {
  .net-switch__footer-copyright {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.net-switch__footer-copyright-divide {
  width: 1px;
  margin: 0 10px;
  background-color: #FBFBFB;
  height: 11px;
  margin: 7px 0 0;
}
@media (max-width: 765px) {
  .net-switch__footer-copyright-divide {
    display: none;
  }
}
.net-switch__list-logo {
  font-size: 24px;
  margin: 0 8px 8px 0;
}
.net-switch__footer-version {
  font-weight: 400;
  font-size: 10px;
  line-height: 18px;
  color: #000;
  letter-spacing: 0.1px;
}
.net-switch__footer-copyright-item {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.net-switch__footer-copyright-item i,
.net-switch__footer-copyright-item img {
  color: #fbfbfb;
  margin: 0 6px 0 0;
}
.net-switch__footer-copyright-item span {
  color: #fbfbfb;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 0.1;
}
.net-switch__footer-copyright-item img {
  width: 11px;
  height: 11px;
}
.net-switch__footer {
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  width: 1140px;
  -ms-grid-columns: 310px 157px 108px 180px 202px;
      grid-template-columns: 310px 157px 108px 180px 202px;
  gap: 40px;
}
.net-switch__footer-main-info {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.1px;
  color: #000;
  margin: 0 0 60px;
}
.net-switch__footer-logo {
  margin: 0 0 18px;
}
.net-switch__footer-main-title {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #000;
  margin: 0 0 15px;
}
.net-switch__footer-box-content {
  margin: 0 0 30px;
}
.net-switch__footer-box-content li {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.1px;
  color: #000;
}
.net-switch__header-container {
  height: 75px;
  background-color: #DFDFDF;
}
.net-switch__banner img {
  width: 100%;
}
.net-switch__menu-mobile {
  display: none;
}
@media (max-width: 1000px) {
  .net-switch__menu-mobile {
    display: block;
  }
  .net-switch__menu-mobile i:before {
    color: #000;
  }
}
.net-switch__header-list-item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: max-content max-content max-content max-content max-content;
      grid-template-columns: max-content max-content max-content max-content max-content;
  gap: 30px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 1300px) {
  .net-switch__header-list-item {
    margin: 0 auto;
    gap: 15px;
  }
}
@media (max-width: 1000px) {
  .net-switch__header-list-item {
    display: none;
  }
}
.net-switch__header-list-item li {
  font-size: 18px;
  line-height: 24px;
  color: #44494d;
  letter-spacing: 0.1px;
}
.net-switch__header-list-item li.active {
  color: #ee0033;
}
.net-switch__header {
  width: 1140px;
  margin: 0 auto;
  padding: 27px 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: max-content 1fr;
      grid-template-columns: max-content 1fr;
  gap: 200px;
}
.net-switch__header h1 {
  height: 21px;
  cursor: pointer;
}
.net-switch__header:after {
  display: none;
}
@media (max-width: 1300px) {
  .net-switch__header {
    gap: 30px;
    width: auto;
    margin: 0 20px;
  }
}
.net-switch div::after {
  display: none;
}
.net-switch__advisory {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 612px;
  right: 20px;
  z-index: 9;
}
.net-switch__advisory-box {
  background: #fff;
  border: 2px solid #EEF1F7;
  box-sizing: border-box;
  box-shadow: 0 10px 20px rgba(177, 186, 201, 0.15);
  border-radius: 10px;
  padding: 8px;
  position: relative;
  top: -90px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: max-content 1fr;
      grid-template-columns: max-content 1fr;
  gap: 12px;
  width: 225px;
  right: -35px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.net-switch__advisory-box::before {
  display: block;
  background: #fff;
  border: 2px solid #EEF1F7;
  box-sizing: border-box;
  box-shadow: 0 10px 20px rgba(177, 186, 201, 0.15);
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 20px;
  height: 20px;
  position: absolute;
  right: 15px;
  bottom: -10px;
  border-left: 0;
  border-top: 0;
  content: ' ';
}
.net-switch__advisory-title {
  font-weight: 700;
  font-size: 12px;
  line-height: 24px;
  color: #000;
}
.net-switch__advisory-description {
  font-size: 12px;
  line-height: 18px;
  color: #000;
}
.net-switch__message {
  width: 49px;
  height: 49px;
  background: #fff;
  box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  margin: 0 0 0 15px;
}
@media (max-width: 1140px) {
  .net-switch__intro {
    padding: 0 20px;
  }
}
.net-switch__wrapper {
  width: 1140px;
  margin: 0 auto;
}
@media (max-width: 1140px) {
  .net-switch__wrapper {
    width: auto;
  }
}
.net-switch__main-title {
  font-weight: 700;
  font-size: 26px;
  line-height: 36px;
  letter-spacing: 0.15px;
  font-family: 'FS PFBeauSansPro', sans-serif;
  color: #44494d;
  text-transform: uppercase;
}
.net-switch__main-title--center {
  text-align: center;
}
@media (max-width: 1140px) {
  .net-switch__main-title {
    font-size: 24px;
  }
}
.net-switch__reasons-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 50px;
  margin: 30px 0 60px;
}
@media (max-width: 1180px) {
  .net-switch__reasons-list {
    margin: 30px 20px 60px;
  }
}
@media (max-width: 1140px) {
  .net-switch__reasons-list {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
  }
}
.net-switch__reason-icon {
  width: 109px;
  height: 109px;
  background-color: #eee;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 30px;
}
.net-switch__reason-description {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.15px;
  text-align: center;
  color: #212121;
  font-family: 'FS PFBeauSansPro', sans-serif;
}
.net-switch__explain {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 1140px) {
  .net-switch__explain {
    padding: 0 20px;
  }
}
.net-switch__explain-description {
  font-size: 16px;
  line-height: 24px;
  color: #44494d;
  max-width: 762px;
  text-align: center;
  margin: 12px auto 30px;
}
.net-switch__explain-img {
  margin: 0 auto 20px;
}
.net-switch__places-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-bottom: 30px;
  gap: 30px;
}
@media (max-width: 1180px) {
  .net-switch__places-list {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media (max-width: 1140px) {
  .net-switch__places-list {
    margin-left: 0;
    margin-right: 0;
    gap: 10px;
  }
}
@media (max-width: 991px) {
  .net-switch__places-list {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 525px) {
  .net-switch__places-list {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
}
.net-switch__place-item {
  background-color: #fff;
  padding: 2px 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  border-radius: 8px 8px 8px 0;
  overflow: hidden;
}
.net-switch__place-item img {
  width: 40px;
  height: 40px;
}
.net-switch__place-item:before {
  width: 4px;
  min-width: 4px;
  background-color: #ee0033;
  content: '';
  left: -30px;
  position: relative;
}
.net-switch__place-detail {
  margin-left: 12px;
}
.net-switch__place-text {
  font-size: 16px;
  line-height: 24px;
  color: #44494d;
}
.net-switch__link {
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #ee0033;
}
.net-switch__link--underline {
  text-decoration: underline;
}
.net-switch__places-btn-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 30px;
}
@media (max-width: 610px) {
  .net-switch__places-btn-group {
    display: block;
  }
  .net-switch__places-btn-group a {
    margin: 0 auto 10px;
  }
}
.net-switch__places-btn-group .button:not(:last-child) {
  margin: 0 30px 0 0;
}
@media (max-width: 575px) {
  .net-switch__places-btn-group .button:not(:last-child) {
    margin: 0 0 20px;
  }
}
.net-switch__places-btn {
  width: 270px;
}
.net-switch__btn-check {
  margin-right: 30px;
  color: #4B4B4B;
  border: 1px solid #4B4B4B;
}
.net-switch__btn-check:hover {
  border: 1px solid transparent;
}
.net-switch__policy {
  background-color: #eee;
  padding-top: 30px;
  position: relative;
  margin-bottom: 223px;
}
@media (max-width: 991px) {
  .net-switch__policy {
    margin-bottom: 190px;
  }
}
.net-switch__view-all {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
}
.net-switch__view-all:hover {
  text-decoration: underline;
}
.net-switch__header-policy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 30px;
}
@media (max-width: 1180px) {
  .net-switch__header-policy {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media (max-width: 1140px) {
  .net-switch__header-policy {
    margin-left: 0;
    margin-right: 0;
    padding: 0 20px;
  }
}
@media (max-width: 768px) {
  .net-switch__header-policy {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
  }
}
@media (max-width: 620px) {
  .net-switch__header-policy {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .net-switch__header-policy .net-switch__main-title {
    text-align: start;
  }
}
.net-switch__policy-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 20px;
  margin-bottom: -110px;
}
@media (max-width: 1140px) {
  .net-switch__policy-content {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .net-switch__policy-content img {
    max-height: 550px;
  }
}
@media (max-width: 768px) {
  .net-switch__policy-content {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    margin-bottom: -355px;
  }
}
@media (max-width: 555px) {
  .net-switch__policy-content {
    margin-bottom: -300px;
  }
}
@media (max-width: 450px) {
  .net-switch__policy-content {
    margin-bottom: -250px;
  }
}
@media (max-width: 768px) {
  .net-switch__policy-img-deco {
    display: none;
  }
}
.net-switch__policy-slider {
  position: relative;
  bottom: -160px;
  margin-left: -10px;
}
@media (max-width: 1140px) {
  .net-switch__policy-slider {
    margin-left: unset;
  }
}
@media (max-width: 1275px) and (min-width: 1235px) {
  .net-switch__policy-slider .owl-carousel .owl-nav button.owl-prev {
    left: -45px;
  }
  .net-switch__policy-slider .owl-carousel .owl-nav button.owl-next {
    right: -45px;
  }
}
@media (max-width: 1235px) and (min-width: 1200px) {
  .net-switch__policy-slider .owl-carousel .owl-nav button.owl-prev {
    left: -25px;
  }
  .net-switch__policy-slider .owl-carousel .owl-nav button.owl-next {
    right: -25px;
  }
}
.net-switch__package--absonlute {
  position: absolute;
}
.net-switch__package div:after {
  display: block;
}
.net-switch__slider-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 20px;
  font-family: 'FS PFBeauSansPro', sans-serif;
  color: #44494d;
}
.net-switch__slider-item {
  padding: 20px 30px 25px;
  background: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  position: relative;
  width: 264px;
}
@media (max-width: 1140px) {
  .net-switch__slider-item {
    width: auto;
  }
}
.net-switch__slider-item::after {
  background: #ee0033;
  border-radius: 0 0 8px 0;
  height: 6px;
  width: 100%;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
}
.net-switch__slider-name {
  font-weight: 700;
  font-size: 18px;
  line-height: 27px;
  text-align: center;
  color: #44494d;
  margin-bottom: 20px;
}
.net-switch__slider-price {
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  color: #ee0033;
  text-align: center;
  margin-bottom: 10px;
}
.net-switch__slider-description {
  font-size: 16px;
  line-height: 24px;
  color: #44494d;
  margin-bottom: 30px;
  height: 96px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.net-switch__slider-decor {
  position: absolute;
  width: 47px !important;
  height: 54px;
  left: calc(50% - 24px);
  top: 11px;
}
@media (max-width: 1180px) {
  .net-switch__stepper {
    padding-left: 20px;
    padding-right: 30px;
  }
}
@media (max-width: 1140px) {
  .net-switch__stepper {
    padding: 0 20px;
  }
}
.net-switch__steps-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  position: relative;
  gap: 0;
  margin: 70px 30px 60px 0;
}
@media (max-width: 991px) {
  .net-switch__steps-list {
    padding: 0 20px;
    -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    row-gap: 100px;
  }
}
@media (max-width: 660px) {
  .net-switch__steps-list {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
  }
}
.net-switch__step-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.net-switch__first-step:before {
  background-color: #fbfbfb;
  content: '';
  height: 1px;
  position: absolute;
  right: calc(50% + 26px);
  top: 24px;
  width: 50%;
}
.net-switch__step-icon {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #ee0033;
  margin-bottom: 8px;
  background-color: #fff;
  position: relative;
}
.net-switch__step-icon img {
  width: 30px;
  height: 30px;
}
.net-switch__step-icon:after {
  content: '';
}
.net-switch__step-number {
  display: none;
  position: absolute;
  right: -10px;
  top: -20px;
  width: 20px;
  height: 20px;
  border: 1px solid #ee0033;
  border-radius: 50%;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #ee0033;
}
@media (max-width: 991px) {
  .net-switch__step-number {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.net-switch__step-description {
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  color: #44494d;
  height: auto;
  padding: 0 10px;
}
.net-switch__step-line {
  width: 100%;
  height: 25px;
  border-bottom: 1px solid #ee0033;
  border-right: 1px solid #ee0033;
  border-radius: 0 0 30px 0px;
  position: absolute;
}
@media (max-width: 991px) {
  .net-switch__step-line {
    display: none;
  }
}
.net-switch__step-line img {
  position: absolute;
  right: -28px;
  bottom: 23px;
}
@media (max-width: 1140px) {
  .net-switch__video-container {
    padding: 0 20px;
  }
}
.net-switch__video {
  margin-bottom: 35px;
  width: 100%;
}
@media (max-width: 1140px) {
  .net-switch__video {
    height: 400px;
  }
}
.net-switch__btn-signup {
  width: 360px;
  margin: 0 auto 30px;
}
@media (max-width: 400px) {
  .net-switch__btn-signup {
    width: auto;
  }
}
.net-switch div:after {
  display: none;
}
.net-switch__news .content.tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
}
.net-switch__news .title-home {
  font-weight: 700;
  font-size: 26px;
  line-height: 36px;
  color: #44494d;
}
@media (max-width: 1140px) {
  .net-switch__news .title-home.left {
    font-size: 22px;
  }
}
@media (max-width: 1180px) {
  .net-switch__news {
    padding: 0 20px;
  }
}
.net-switch__faq {
  background-color: #eee;
  padding: 30px 0 60px;
  margin: 0;
}
.net-switch__faq .lp-faq__content {
  background-color: #fff;
  border-radius: 8px 8px 8px 0;
  margin: 15px 0 0;
  padding: 30px 30px 40px;
}
@media (max-width: 575px) {
  .net-switch__faq .lp-faq__content {
    padding: 30px 15px;
  }
}
.net-switch .news-event {
  padding: 30px 0 0;
}
.faq-viettel {
  position: relative;
}
.faq-viettel__list {
  background-color: #fff;
  padding: 30px;
  margin-top: 12px;
}
@media (max-width: 991px) {
  .faq-viettel {
    padding: 30px 20px 50px;
  }
}
.faq-viettel .section-title {
  margin: 0 0 25px;
}
.faq-viettel__item {
  background-color: #fff;
  border: 1px solid #E7E7E7;
  border-radius: 4px;
  cursor: pointer;
}
.faq-viettel__item:not(:last-child) {
  margin: 0 0 24px;
}
@media (max-width: 991px) {
  .faq-viettel__item:not(:last-child) {
    margin: 0 0 20px;
  }
}
.faq-viettel__item.active .faq-viettel__name {
  color: #ee0033;
}
.faq-viettel__item.active .faq-viettel__icon::before {
  content: '-';
  font-size: 20px;
}
.faq-viettel__top {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 72px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 30px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 991px) {
  .faq-viettel__top {
    height: auto;
    padding: 15px;
  }
}
.faq-viettel__name {
  color: #26292b;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  font-weight: 700;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 24px;
  margin: 0 20px 0 0;
}
@media (max-width: 991px) {
  .faq-viettel__name {
    font-size: 14px;
    line-height: 21px;
  }
}
.faq-viettel__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ee0033;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20px;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  height: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  width: 20px;
}
.faq-viettel__icon::before {
  content: '+';
  font-size: 14px;
}
.faq-viettel__info {
  border-top: 1px solid #E7E7E7;
  display: none;
  margin: 0 0 20px;
  padding: 20px 30px 0;
}
@media (max-width: 991px) {
  .faq-viettel__info {
    padding: 20px 15px 0;
  }
}
.faq-viettel__des {
  color: #26292b;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 16px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 24px;
}
@media (max-width: 991px) {
  .faq-viettel__des {
    font-size: 14px;
    line-height: 21px;
  }
}
.faq-viettel__des:not(:last-child) {
  margin: 0 0 15px;
}
@media (max-width: 991px) {
  .faq-viettel__des:not(:last-child) {
    margin: 0 0 10px;
  }
}
.switch-condition__description {
  font-size: 16px;
  line-height: 24px;
  color: #727272;
  margin: 16px 0 30px;
  text-align: center;
}
@media (max-width: 1140px) {
  .switch-condition__description {
    padding: 0 20px;
  }
}
.switch-condition__list-items {
  margin-bottom: 60px;
  padding: 0 150px;
}
@media (max-width: 1140px) {
  .switch-condition__list-items {
    padding: 0 20px;
  }
}
.switch-condition__item-wrapper {
  background: #eee;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 81px;
  height: 81px;
}
.switch-condition__item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 81px 1fr;
      grid-template-columns: 81px 1fr;
  gap: 12px;
  margin-bottom: 50px;
}
@media (max-width: 991px) {
  .switch-condition__item {
    margin: 0 0 30px;
  }
}
.switch-condition__item .button {
  width: 124px;
}
@media (max-width: 575px) {
  .switch-condition__item .button {
    width: 100%;
  }
}
.switch-condition__item-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 27px;
  font-family: 'FS PFBeauSansPro', sans-serif;
  margin: 20px 0px 12px;
}
.switch-condition__item-description {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 12px;
  color: #000;
}
.switch-condition__btn-item {
  width: 124px;
  border: 1px solid #4B4B4B;
  color: #4B4B4B;
  margin-bottom: 30px;
}
.switch-condition__btn-item:hover {
  border: 1px solid transparent;
}
.switch-condition__banner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 60px;
  position: relative;
}
.switch-condition__banner-images {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 308px;
      -ms-flex: 0 0 308px;
          flex: 0 0 308px;
  position: relative;
  z-index: 10;
  width: 308px;
}
.switch-condition__banner-images img {
  height: 100%;
  width: 100%;
}
.switch-condition__banner-content {
  background: -webkit-linear-gradient(296.46deg, #EF0134 7.09%, #D7002E 62.85%);
  background: linear-gradient(153.54deg, #EF0134 7.09%, #D7002E 62.85%);
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 150px;
  margin: 90px 0 0 -100px;
  padding: 25px 25px 25px 120px;
  position: relative;
  z-index: 1;
}
.switch-condition__banner-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  margin: 0 0 20px;
}
.switch-condition__banner-btn .button {
  width: 170px;
}
.switch-condition__banner-btn .button:hover {
  background-color: #be0129;
  border-color: #fff;
  color: #fff;
}
.switch-condition__img-deco {
  position: absolute;
  right: 15px;
  bottom: 15px;
}
.business-customers__header {
  height: 387px;
}
@media (max-width: 1140px) {
  .business-customers__header {
    height: auto;
  }
}
.business-customers__remove-price {
  font-size: 16px;
  line-height: 24px;
  color: #727272;
  position: absolute;
  -webkit-text-decoration-line: line-through;
     -moz-text-decoration-line: line-through;
          text-decoration-line: line-through;
  right: -80px;
  top: 1px;
}
.business-customers__price-container {
  position: relative;
}
.business-customers__icon-container {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 90px;
      -ms-flex: 0 0 90px;
          flex: 0 0 90px;
  width: 90px;
  height: 90px;
  background-color: #eee;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.business-customers__info {
  border-right: 2px solid #44494d;
  margin-right: 50px;
}
@media (max-width: 1140px) {
  .business-customers__info {
    border-right: 0;
    margin-right: 0;
  }
}
.business-customers__account-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.business-customers__username {
  font-size: 16px;
  line-height: 24px;
  color: #44494d;
}
.business-customers__username-group {
  cursor: pointer;
}
.business-customers__success-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #d11313;
  margin-right: 5px;
  background-color: #58b84f;
}
.business-customers__btn-check,
.business-customers__btn-pay {
  height: 40px;
  width: 166px !important;
  margin-top: 8px;
}
.business-customers__btn-pay {
  margin: 0 auto;
}
.business-customers__content-slider {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px 25px;
}
@media (max-width: 991px) {
  .business-customers__content-slider {
    background-color: transparent;
    border: 0;
    padding: 0;
  }
}
.business-customers__content-slider .owl-carousel .owl-nav button.owl-prev,
.business-customers__content-slider .owl-carousel .owl-nav button.owl-next {
  top: 70px;
}
.modal__postpaid {
  padding: 0 15px 30px 15px;
}
.modal__postpaid-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  text-align: center;
  margin-bottom: 20px;
}
.modal__postpaid-item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 150px 1fr 110px;
      grid-template-columns: 150px 1fr 110px;
  border-bottom: 1px solid #d1d1d1;
  padding-bottom: 6px;
  padding-top: 10px;
  -webkit-column-gap: 60px;
     -moz-column-gap: 60px;
          column-gap: 60px;
}
.modal__postpaid-item--last-item {
  border-bottom: 0;
}
.modal__postpaid-content {
  margin-bottom: 26px;
}
.modal__postpaid-main {
  font-size: 18px;
  line-height: 28px;
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
}
.modal__postpaid-remain {
  font-size: 16px;
  line-height: 24px;
  color: #727272;
}
.modal__remain-count {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #ee0033;
}
.modal__postpaid-date {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #44494d;
}
.postpaid-slider .lists-slider__item {
  width: 362px;
}
.postpaid-slider .owl-carousel.owl-drag .owl-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.manager-ftth .data-pack__btn {
  margin: 0;
}
.manager-ftth__header {
  height: 438px;
}
@media (max-width: 1140px) {
  .manager-ftth__header {
    height: auto;
  }
}
@media (max-width: 991px) {
  .manager-ftth__header .data-pack__btn {
    margin: 10px 0 0;
  }
}
.manager-ftth__util {
  border: 1px solid #d1d1d1;
  padding: 20px 0 40px;
  position: relative;
  top: -240px;
  margin-bottom: -200px;
}
@media (max-width: 1140px) {
  .manager-ftth__util {
    position: unset;
    margin: 0 20px 30px;
    border: 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto;
    padding-bottom: 30px;
  }
}
@media (max-width: 991px) {
  .manager-ftth__util {
    padding-bottom: 20px;
  }
}
@media (max-width: 1140px) {
  .manager-ftth__util-img {
    max-width: calc(100vw - 40px);
  }
}
.manager-ftth__util-img img {
  margin-bottom: 20px;
}
.manager-ftth__util-img img:hover {
  opacity: 0.75;
}
.customize-pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.customize-pagination li {
  width: 30px;
  height: 30px;
  background: #eee;
  border-radius: 4px 4px 4px 0;
  margin-right: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.customize-pagination li a {
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: #727272;
}
.customize-pagination li .customize-pagination__arrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 10px;
}
.customize-pagination li:hover,
.customize-pagination li.active {
  background-color: #ee0033;
}
.customize-pagination li:hover a,
.customize-pagination li.active a {
  color: #fff;
}
.customize-pagination .customize-pagination__more {
  background-color: transparent;
}
.customize-pagination .customize-pagination__more a {
  font-weight: 700;
  font-size: 20px;
  color: #E7E7E7;
}
.customize-pagination .customize-pagination__more:hover {
  background-color: transparent;
}
.customize-pagination .customize-pagination__more:hover a {
  color: #ee0033;
}
.customize-pagination li:last-child {
  margin-right: 0;
}
.select-promotion {
  background-color: #eee;
  padding: 30px 0 60px;
}
.select-promotion div:after {
  display: none;
}
.select-promotion__content {
  width: 1140px;
  margin: 0 auto;
}
@media (max-width: 1140px) {
  .select-promotion__content {
    width: auto;
    padding: 0 20px;
  }
}
.select-promotion__title {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  margin-bottom: 20px;
}
.select-promotion__list-items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}
@media (max-width: 1140px) {
  .select-promotion__list-items {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 650px) {
  .select-promotion__list-items {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
}
.select-promotion__item {
  background: #fff;
  border-radius: 8px 8px 8px 0;
  padding: 20px 18px 40px;
  position: relative;
  overflow: hidden;
}
.select-promotion__title-item {
  margin-bottom: 9px;
}
.select-promotion__description-item {
  font-size: 16px;
  line-height: 24px;
  color: #44494d;
  margin-bottom: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.select-promotion__deco {
  position: absolute;
  top: -30px;
  right: -30px;
}
.process-switch {
  background-color: #fbfbfb;
  padding: 30px 0 0;
}
.process-switch__inner {
  margin: 0 auto;
  width: 1140px;
}
@media (max-width: 1160px) {
  .process-switch__inner {
    width: auto;
  }
}
@media (max-width: 400px) {
  .process-switch__sent-req-btn {
    width: auto;
  }
}
.process-switch__deco-img {
  z-index: 1;
}
.process-switch__name-package {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 2;
}
.process-switch__name-package:hover {
  cursor: pointer;
  color: #ee0033;
}
.process-switch__img-card {
  margin: 0 calc(50% - 157px);
}
@media (max-width: 354px) {
  .process-switch__img-card {
    margin: 0;
  }
}
.process-switch__edit-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.process-switch__edit-name {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 2%;
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  margin-right: 8px;
}
.process-switch__edit-icon {
  font-size: 24px;
}
.process-switch__container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 362px;
      grid-template-columns: 1fr 362px;
  gap: 30px;
  margin-bottom: 60px;
}
@media (max-width: 1140px) {
  .process-switch__container {
    gap: 10px;
    padding: 0 20px;
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
}
@media (max-width: 991px) {
  .process-switch__container {
    gap: 10px;
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
}
.process-switch__title {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  margin-bottom: 16px;
}
.process-switch__title--small {
  font-size: 18px;
  line-height: 27px;
}
.process-switch__number {
  background-color: #fff;
  border-radius: 8px 8px 8px 0;
  padding: 30px 30px 40px;
}
@media (max-width: 1140px) {
  .process-switch__number {
    padding: 30px 0 40px;
  }
}
.process-switch__noti-input {
  margin-top: 8px;
  font-size: 12px;
  line-height: 18px;
  color: #ee0033;
  font-style: italic;
}
.process-switch__form-customize {
  margin-bottom: 30px;
}
.process-switch__choose-type {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: max-content max-content;
      grid-template-columns: max-content max-content;
  gap: 20px;
}
.process-switch__choose-type .txt-sim {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #44494d;
}
.process-switch__checkbox {
  margin-bottom: 16px;
}
.process-switch__service-selected {
  background-color: #fff;
  border-radius: 8px 8px 8px 0;
  padding: 24px 24px 40px;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .process-switch__service-selected {
    padding: 24px 0 40px;
  }
}
.process-switch__package {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: 1fr max-content;
      grid-template-columns: 1fr max-content;
  padding: 16px 0;
  border-bottom: 1px solid #d1d1d1;
}
.process-switch__package--medium {
  padding: 20px 0;
}
.process-switch__package-service {
  padding: 14px 0 11px;
  border-bottom: 1px solid #d1d1d1;
}
.process-switch__package-name {
  font-size: 16px;
  line-height: 24px;
}
.process-switch__price {
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
}
.process-switch__price--highlight {
  font-size: 24px;
  line-height: 36px;
  color: #ee0033;
}
.process-switch__package-note {
  font-size: 12px;
  line-height: 28px;
  font-style: italic;
  color: #44494d;
  margin-top: 9px;
  text-align: end;
}
.process-switch__list-package .customize-pagination {
  margin-top: 180px;
}
@media (max-width: 991px) {
  .process-switch__list-package .customize-pagination {
    margin-top: 0;
  }
}
.process-switch__package-item {
  background-color: #fff;
  border-radius: 8px 8px 8px 0;
  padding: 20px;
  position: relative;
  margin-top: 30px;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .process-switch__package-item {
    margin-bottom: 30px;
  }
}
.process-switch__package-item:before {
  background: #ee0033;
  border-radius: 8px 0 0 0;
  position: absolute;
  width: 5px;
  content: '';
  height: 100%;
  left: 0;
  top: 0;
}
.process-switch__package-header {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr max-content;
      grid-template-columns: 1fr max-content;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
.process-switch__package-body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr max-content;
      grid-template-columns: 1fr max-content;
  gap: 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1140px) {
  .process-switch__package-body {
    gap: 10px;
  }
}
.process-switch div:after {
  display: none;
}
.process-switch__package-description {
  font-size: 16px;
  line-height: 24px;
  font-family: 'FS PFBeauSansPro', sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.process-switch__package-price {
  font-weight: 700;
  font-size: 34px;
  line-height: 30px;
  color: #44494d;
}
@media (max-width: 600px) {
  .process-switch__package-price {
    font-size: 20px;
  }
}
.process-switch__month {
  font-size: 20px;
}
.process-switch__deco-img {
  position: absolute;
  top: 12px;
}
.process-switch__fill-info {
  background-color: #fff;
  border-radius: 8px 8px 8px 0;
  padding: 30px 30px 18px;
  margin-bottom: 30px;
}
@media (max-width: 1140px) {
  .process-switch__fill-info {
    padding: 30px 0 18px;
  }
}
.process-switch__fill-input {
  margin-bottom: 12px;
}
.process-switch__date-picker {
  margin-bottom: 12px;
}
.process-switch__date-picker .date-select-picker {
  background: #fff url(../images_content/new-calendar.svg) no-repeat;
  background-position-x: calc(100% - 16px);
  background-position-y: 46%;
}
.process-switch__date-picker input {
  height: 42px;
  padding: 8px 12px;
}
.process-switch__select-docs {
  margin-bottom: 12px;
  font-weight: 700;
  font-family: 'FS PFBeauSansPro', sans-serif;
  cursor: pointer;
}
.process-switch__address-receive {
  background-color: #fff;
  border-radius: 8px 8px 8px 0;
  padding: 30px 30px 40px;
}
@media (max-width: 1140px) {
  .process-switch__address-receive {
    padding: 0;
  }
}
.process-switch__address-title {
  margin-bottom: 8px;
}
.process-switch__address-noti {
  font-size: 12px;
  line-height: 18px;
  font-style: italic;
  color: #000;
  margin-bottom: 17px;
}
.process-switch__address-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 640px) {
  .process-switch__address-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .process-switch__address-list div {
    margin-right: 0;
  }
}
.process-switch__address-item {
  width: 283px;
  background: #fff;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
  border-radius: 8px 8px 8px 0;
  padding: 30px 18px 30px 22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1140px) {
  .process-switch__address-item {
    margin-bottom: 10px;
  }
}
@media (max-width: 330px) {
  .process-switch__address-item {
    width: 250px;
    height: 122px;
  }
}
.process-switch__address-item:hover,
.process-switch__address-item.active {
  background: rgba(238, 0, 51, 0.05);
  border: 1px solid #ee0033;
  cursor: pointer;
}
.process-switch__address-item--medium {
  padding: 25px 20px;
  width: unset;
  padding: 25px 0 25px 20px;
  height: 102px;
}
.process-switch__address-item--medium img {
  width: 50px;
  height: 50px;
}
.process-switch__home-address {
  margin-right: 25px;
}
.process-switch__address-img {
  margin-right: 12px;
}
.process-switch__address-name {
  font-size: 16px;
  line-height: 24px;
}
.process-switch__address-name--medium {
  font-size: 14px;
  line-height: 20px;
}
.process-switch__address-action {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 2%;
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
}
.process-switch__address-action--medium {
  font-size: 14px;
  line-height: 20px;
}
.process-switch__address-price {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #ee0033;
}
.process-switch__address-price--medium {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}
.process-switch__calendar-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 991px) {
  .process-switch__calendar-box {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: max-content 1fr;
        grid-template-columns: max-content 1fr;
  }
}
.process-switch__calendar-img {
  margin-right: 12px;
  background: #eee;
  border-radius: 8px 8px 8px 0;
  padding: 10px;
}
.process-switch__calendar-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5px;
}
@media (max-width: 991px) {
  .process-switch__calendar-header {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.process-switch__calendar-phone {
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  margin-right: 15px;
}
.process-switch__calender-detail {
  font-size: 14px;
  line-height: 24px;
  color: #44494d;
}
.process-switch__list-service {
  margin-top: 8px;
}
.process-switch__list-service li {
  line-height: 24px;
  font-weight: 400;
  color: #727272;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.process-switch__red-dot {
  width: 6px;
  height: 6px;
  background: #ee0033;
  border-radius: 50%;
  margin-right: 7px;
}
.process-switch__header-info {
  text-align: center;
  margin-bottom: 30px;
}
@media (max-width: 600px) {
  .process-switch__header-info {
    padding: 0 20px;
  }
}
.process-switch__info-title {
  margin-bottom: 7px;
}
.process-switch__info-description {
  font-size: 16px;
  line-height: 24px;
  color: #44494d;
}
.process-switch__body-info {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 362px;
      grid-template-columns: 1fr 362px;
  gap: 30px;
  margin: 0 0 60px;
}
@media (max-width: 1140px) {
  .process-switch__body-info {
    gap: 10px;
  }
}
@media (max-width: 991px) {
  .process-switch__body-info {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
}
.process-switch__keep-number {
  background-color: #fff;
  border-radius: 8px 8px 8px 0;
  padding: 30px;
}
@media (max-width: 991px) {
  .process-switch__keep-number {
    padding: 30px 20px;
  }
}
.process-switch__customer-info {
  background-color: #fff;
  border-radius: 8px 8px 8px 0;
  padding: 20px 20px 40px;
}
.process-switch__customer-header {
  border-bottom: 1px solid #eee;
}
.process-switch__customer-body {
  padding-top: 20px;
}
.process-switch__customer-name-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 24px;
}
.process-switch__customer-name {
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
}
.process-switch__data-customer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
}
.process-switch__data-customer img {
  margin-right: 12px;
}
.process-switch__verify-code {
  margin-top: 20px;
}
.process-switch__data-customer-value {
  font-size: 16px;
  line-height: 24px;
  color: #44494d;
}
.keep-number__header {
  border-bottom: 1px solid #eee;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 550px) {
  .keep-number__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.keep-number__total-price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.keep-number__price-title {
  font-size: 16px;
  line-height: 24px;
  color: #44494d;
  margin-right: 8px;
}
.keep-number__price-value {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #ee0033;
}
.keep-number__body {
  padding: 12px 0 16px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr max-content;
      grid-template-columns: 1fr max-content;
  gap: 60px;
  border-bottom: 1px solid #eee;
}
@media (max-width: 400px) {
  .keep-number__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 0;
  }
  .keep-number__body .process-switch__edit-group {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.keep-number__package-item {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: max-content 1fr;
      grid-template-columns: max-content 1fr;
  margin-bottom: 25px;
}
.keep-number__package-list {
  margin-top: 18px;
}
.keep-number__package-img {
  width: 84px;
  height: 84px;
  background: -webkit-linear-gradient(296.46deg, #EF0134 7.09%, #D7002E 62.85%);
  background: linear-gradient(153.54deg, #EF0134 7.09%, #D7002E 62.85%);
  border-radius: 8px 8px 8px 0px;
  margin-right: 18px;
}
.keep-number__package-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  margin-bottom: 10px;
}
.keep-number__package-description {
  font-size: 16px;
  line-height: 24px;
  color: #44494d;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.customize-stepper {
  margin: 0 -10% 30px;
}
@media (max-width: 1300px) {
  .customize-stepper {
    margin: 0 20px 30px;
  }
}
.customize-stepper__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 991px) {
  .customize-stepper__list {
    padding: 0 20px;
  }
}
.customize-stepper__value {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  width: 36px;
  height: 36px;
  z-index: 1;
}
.customize-stepper__value span {
  color: #727272;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  margin: -5px 0 0;
}
.customize-stepper__text {
  color: #d1d1d1;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  margin: 18px 0 0;
  padding: 0 3px;
}
.customize-stepper__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  text-align: center;
}
.customize-stepper__item:after {
  background: #d1d1d1;
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  top: 18px;
  width: 100%;
}
.customize-stepper__item:last-child:after {
  left: 0;
  width: 50%;
}
.customize-stepper__item:last-child.active:after {
  background: #ee0033;
}
.customize-stepper__item.active .customize-stepper__value {
  background: -webkit-linear-gradient(bottom, rgba(238, 0, 51, 0.1), rgba(238, 0, 51, 0.1)), #fff;
  background: linear-gradient(0deg, rgba(238, 0, 51, 0.1), rgba(238, 0, 51, 0.1)), #fff;
  border: 2px solid rgba(238, 0, 51, 0.6);
}
.customize-stepper__item.active .customize-stepper__value span {
  color: #ee0033;
}
.customize-stepper__item.active .customize-stepper__text {
  color: #ee0033;
}
.customize-stepper__item.done .customize-stepper__value {
  background-color: #ee0033;
  color: #fff;
  font-size: 0;
  border: 4px solid #fee6eb;
}
.customize-stepper__item.done .customize-stepper__value:before {
  content: "\e920";
  font-family: "icon-theme";
  font-size: 12px;
  left: 50%;
  position: absolute;
  top: 8px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.customize-stepper__item.done .customize-stepper__value span {
  display: none;
}
.customize-stepper__item.done .customize-stepper__text {
  color: #ee0033;
}
.customize-stepper__item.done:after {
  background: #ee0033;
}
.modal-schedule {
  padding: 0 40px 40px;
}
@media (max-width: 500px) {
  .modal-schedule {
    padding: 0 20px 40px;
  }
}
@media (max-width: 400px) {
  .modal-schedule {
    padding: 0 0 40px;
  }
}
.modal-schedule div:after {
  display: none;
}
.modal-schedule__content {
  max-width: 802px;
}
.modal-schedule__title {
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  margin-bottom: 20px;
}
.modal-schedule__title--small {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 12px;
  text-align: unset;
}
.modal-schedule__shop {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 8px;
}
@media (max-width: 500px) {
  .modal-schedule__shop {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
}
.modal-schedule__defaul-value {
  color: #B5B4B4;
}
.modal-schedule__noti {
  margin: 0 auto 20px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: 12px;
  line-height: 18px;
  color: #44494d;
  font-style: italic;
}
@media (max-width: 500px) {
  .modal-schedule__noti {
    width: auto;
  }
}
.modal-schedule__button {
  width: 360px;
  margin: 0 auto;
}
@media (max-width: 450px) {
  .modal-schedule__button {
    width: 100%;
  }
}
.modal-otp-code {
  padding: 0 40px 40px;
}
@media (max-width: 768px) {
  .modal-otp-code {
    padding: 0 20px 40px;
  }
}
.modal-otp-code div:after {
  display: none;
}
.modal-otp-code__content {
  max-width: 802px;
}
.modal-otp-code__description {
  font-size: 16px;
  line-height: 24px;
  color: #44494d;
  text-align: center;
  margin-bottom: 20px;
}
.modal-otp-code__title {
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  margin-bottom: 20px;
}
.modal-otp-code__input {
  width: 422px;
  margin: 0 auto 12px;
}
@media (max-width: 500px) {
  .modal-otp-code__input {
    width: auto;
  }
}
.modal-otp-code__resent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  cursor: pointer;
}
.modal-otp-code__resent .icon-refresh {
  color: #ee0033;
  font-size: 20px;
}
.modal-otp-code__resent-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  margin-right: 5px;
}
.modal-otp-code__btn-group {
  margin: 0 auto;
  max-width: 422px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.modal-otp-code__btn-cancel {
  border: 1px solid #4B4B4B;
  box-sizing: border-box;
  border-radius: 8px 8px 8px 0;
  font-weight: 700;
  color: #4B4B4B;
  font-size: 14px;
  letter-spacing: 2%;
}
.modal-otp-code__btn-cancel:hover::before {
  background-color: transparent;
  display: none;
}
.modal-otp-code__btn-cancel:hover {
  color: #ee0033;
  border: 1px solid #ee0033;
}
.sent-require__body {
  padding: 0 60px 40px;
}
.sent-require__title {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  margin-bottom: 20px;
  text-align: center;
}
.sent-require__images {
  margin: 20px auto;
  text-align: center;
}
.sent-require__images--success {
  color: #03a678;
}
.sent-require__images--warning {
  color: #d11313;
}
.sent-require__images i {
  font-size: 70px;
}
.sent-require__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 15px -10px 0;
}
.sent-require__btn .button {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 10px;
}
.cmgs-check {
  width: 598px;
  padding: 0 20px;
  margin: 0 auto;
}
@media (max-width: 650px) {
  .cmgs-check {
    width: auto;
  }
}
.cmgs-check__check-cmgs {
  margin: 30px auto 60px;
  width: 360px;
}
@media (max-width: 400px) {
  .cmgs-check__check-cmgs {
    width: auto;
  }
}
.cmgs-check__status-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  font-family: 'FS PFBeauSansPro', sans-serif;
  color: #44494d;
  margin-bottom: 12px;
}
.cmgs-check__status-title--small {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 8px;
}
.cmgs-check__status-display {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.cmgs-check__success-dot {
  width: 12px;
  height: 12px;
  background-color: #58b84f;
  border-radius: 50%;
  margin-right: 8px;
}
.cmgs-check__status-name {
  font-size: 16px;
  line-height: 24px;
  color: #58b84f;
}
.cmgs-check__status-time {
  font-size: 16px;
  line-height: 24px;
  color: #44494d;
  margin-bottom: 16px;
}
.cmgs-check__title,
.cmgs-check__order-title {
  font-weight: 700;
  font-size: 26px;
  line-height: 36px;
  letter-spacing: 0.015px;
  color: #44494d;
  margin-bottom: 30px;
  font-family: 'FS PFBeauSansPro', sans-serif;
  text-align: center;
}
.cmgs-check__container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 362px;
      grid-template-columns: 1fr 362px;
  gap: 30px;
  margin: 0 0 60px;
}
@media (max-width: 991px) {
  .cmgs-check__container {
    gap: 10px;
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
}
.cmgs-check__order {
  background-color: #fff;
  border-radius: 8px 8px 8px 0;
  padding: 30px 30px 40px;
}
@media (max-width: 991px) {
  .cmgs-check__order {
    padding: 30px 20px 40px;
  }
}
.cmgs-check__order-title {
  text-align: unset;
  margin-bottom: 0;
}
.cmgs-check__order-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .cmgs-check__order-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
}
.cmgs-check__calendar-recive {
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  margin-bottom: 8px;
}
.cmgs-check__appointment {
  font-size: 14px;
  line-height: 24px;
  color: #44494d;
}
.cmgs-check__noti {
  font-style: italic;
  font-size: 12px;
  line-height: 18px;
  color: #ee0033;
}
.cmgs-check__status-box {
  background-color: #fff;
  border-radius: 8px 8px 8px 0;
  margin: 0 0 30px;
  padding: 30px;
}
@media (max-width: 991px) {
  .cmgs-check__status-box {
    padding: 20px;
  }
}
.cmgs-check__fee-container {
  padding-bottom: 13px;
  border-bottom: 1px solid #eee;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 17px;
}
.cmgs-check__fee-container.last-item {
  border: 0;
  margin-bottom: 30px;
}
.cmgs-check__title-place {
  font-size: 16px;
  line-height: 24px;
  color: #44494d;
}
.cmgs-check__header-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.cmgs-check__header-content img {
  margin-right: 8px;
}
.cmgs-check__header-order {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
}
.cmgs-check__info-order {
  padding-top: 12px;
  border-top: 1px solid #eee;
  margin-top: 12px;
}
.cmgs-check__fee-name {
  font-size: 14px;
  line-height: 24px;
  color: #44494d;
}
.cmgs-check__fee-value {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #ee0033;
}
.cmgs-check__package {
  padding: 20px 13px 30px;
  background: #fff;
  border-radius: 8px 8px 8px 0;
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .cmgs-check__package {
    margin: 0 auto 30px;
  }
}
.cmgs-check__package img {
  position: absolute;
  left: calc(50% - 27px);
  top: 10px;
}
.cmgs-check__package:before {
  height: 4px;
  content: '';
  background-color: #ee0033;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  border-radius: 8px 0px 0px 0px;
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.cmgs-check__package-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  margin-bottom: 20px;
  text-align: center;
}
.cmgs-check__package-price {
  font-weight: 700;
  font-size: 34px;
  line-height: 30px;
  text-align: center;
  color: #ee0033;
}
.cmgs-check__package-price--small {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
}
.cmgs-check__code {
  font-size: 16px;
  line-height: 24px;
}
.cmgs-check__code-highlight {
  color: #ee0033;
}
.cmgs-check__main-title {
  margin-bottom: 30px;
}
.cmgs-check__opt-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 16px;
}
.cmgs-check__opt-box .form-customize {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 0;
  width: auto;
}
.cmgs-check__get-otp {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #ee0033;
  letter-spacing: 0.02em;
  font-family: 'FS PFBeauSansPro', sans-serif;
  cursor: pointer;
  margin: 10px 0 0 20px;
}
.container-common {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
}
.switch-package {
  width: 1140px;
  margin: 0 auto;
}
@media (max-width: 1140px) {
  .switch-package {
    width: auto;
  }
}
.switch-package__content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 558px 1fr;
      grid-template-columns: 558px 1fr;
  gap: 30px;
}
@media (max-width: 1180px) {
  .switch-package__content {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
}
.switch-package__main-title {
  font-weight: 700;
  font-size: 26px;
  line-height: 36px;
  letter-spacing: 0.15px;
  text-align: center;
  margin-bottom: 60px;
  font-family: 'FS PFBeauSansPro', sans-serif;
  color: #44494d;
}
.switch-package__sub-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
}
.switch-package__sub-title--medium {
  line-height: 28px;
  font-family: 'Roboto', sans-serif;
  margin-bottom: 4px;
}
.switch-package__info-box {
  padding: 30px;
  margin-bottom: 30px;
}
@media (max-width: 1180px) {
  .switch-package__info-box {
    padding: 30px 20px;
  }
}
.switch-package__info-box-header {
  margin-bottom: 22px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr max-content;
      grid-template-columns: 1fr max-content;
}
.switch-package__info-item {
  margin-bottom: 16px;
}
.switch-package__title-detail {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #44494d;
}
.switch-package__value-detail {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
}
.switch-package__info-noti {
  color: #ee0033;
  font-size: 12px;
  line-height: 18px;
  font-style: italic;
}
.switch-package__method {
  padding: 25px 30px 50px;
  margin-bottom: 20px;
}
@media (max-width: 1180px) {
  .switch-package__method {
    padding: 25px 20px 50px;
  }
}
.switch-package__address-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin: 40px 0 30px;
}
.switch-package__guide {
  font-size: 14px;
  line-height: 21px;
  color: #979797;
  margin-bottom: 20px;
}
.switch-package__order-info {
  padding: 15px 30px 0;
}
@media (max-width: 1180px) {
  .switch-package__order-info {
    padding: 15px 20px 0;
  }
}
.switch-package__order-info-title {
  margin-bottom: 12px;
}
.switch-package__item-info {
  margin-bottom: 15px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr max-content;
      grid-template-columns: 1fr max-content;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.switch-package__fee-name {
  font-size: 16px;
  line-height: 24px;
  color: #44494D;
}
.switch-package__fee-value {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #0C0033;
}
.switch-package__package-name {
  font-weight: 700;
  font-size: 16px;
  line-height: 28px;
  color: #ee0033;
  margin-bottom: 12px;
}
.switch-package__more-info {
  font-size: 16px;
  line-height: 24px;
  color: #576C8A;
}
.switch-package__more-info-box {
  padding-bottom: 30px;
  border-bottom: 1px solid #EAEAEA;
  margin-bottom: 30px;
}
.switch-package__total-fee {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr max-content;
      grid-template-columns: 1fr max-content;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.switch-package__title-sum {
  font-size: 16px;
  line-height: 24px;
  color: #576C8A;
}
.switch-package__total-value {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #ee0033;
}
.switch-package__agree-check {
  width: 558px;
}
@media (max-width: 1180px) {
  .switch-package__agree-check {
    margin: 0 30px;
    width: auto;
  }
}
.switch-package__action {
  width: 558px;
}
@media (max-width: 1180px) {
  .switch-package__action {
    width: auto;
  }
}
@media (max-width: 1180px) {
  .switch-package__right-container {
    margin: 0 20px;
  }
}
.switch-package__agree-rule {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 30px;
  color: #44494d;
}
.switch-package__agree-rule a {
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  font-family: 'FS PFBeauSansPro', sans-serif;
  color: #ee0033;
  text-decoration: underline;
}
.switch-package__btn-continue {
  width: 360px;
  margin: 0 auto 30px;
}
.promotion-package__box {
  margin-top: 20px;
  margin-bottom: 30px;
}
.promotion-package__box li {
  font-size: 16px;
  line-height: 24px;
  color: #44494d;
}
.promotion-package__box strong {
  font-size: 18px;
  line-height: 28px;
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
}
.promotion-package__dropdown {
  width: 166px;
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 9;
  margin: 16px 0 14px;
}
.promotion-package__dropdown .active {
  font-weight: 700;
  color: #ee0033;
}
.promotion-package__list-container {
  max-height: 525px;
  overflow: scroll;
  margin-bottom: 30px;
}
@media (max-width: 1180x) {
  .promotion-package__list-container {
    width: auto;
  }
}
.promotion-package__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  gap: 30px 17px;
}
@media (max-width: 1180x) {
  .promotion-package__list {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
}
.promotion-package__item {
  background: #fff;
  border-radius: 8px 8px 8px 0;
  padding: 21px 20px 40px;
}
.promotion-package__description {
  font-size: 16px;
  line-height: 24px;
  color: #44494d;
  margin-top: 12px;
}
.promotion-package__btn {
  padding: 8px 36px 12px;
  background: #fff;
  border: 1px solid #4B4B4B;
  box-sizing: border-box;
  border-radius: 8px 8px 8px 0;
  margin-top: 12px;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 2%;
  height: 43px;
  color: #4B4B4B;
}
.promotion-package__btn:hover {
  color: #ee0033;
  border: 1px solid #ee0033;
}
.promotion-package__btn:hover::before {
  display: none;
}
.modal-notice-fee {
  padding: 0 58px 20px;
}
.modal-notice-fee__title {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  color: #44494D;
  font-family: 'FS PFBeauSansPro', sans-serif;
  margin-bottom: 20px;
}
.modal-notice-fee__description {
  font-size: 16px;
  line-height: 24px;
  color: #000;
  text-align: center;
  margin-bottom: 40px;
}
.modal-notice-fee__btn-group {
  margin: 0 auto;
  max-width: 422px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.modal-notice-fee__btn-cancel {
  border: 1px solid #4B4B4B;
  box-sizing: border-box;
  border-radius: 8px 8px 8px 0;
  font-weight: 700;
  color: #4B4B4B;
  font-size: 14px;
  letter-spacing: 2%;
}
.modal-notice-fee__btn-cancel:hover::before {
  background-color: transparent;
  display: none;
}
.modal-notice-fee__btn-cancel:hover {
  color: #ee0033;
  border: 1px solid #ee0033;
}
.modal-switch-success__body {
  padding: 0 80px 30px;
  text-align: center;
}
.modal-switch-success__title {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
}
.modal-switch-success__description {
  font-size: 16px;
  line-height: 24px;
  color: #727272;
  margin-bottom: 30px;
}
.modal-switch-success__btn {
  width: 195px;
  margin: 0 auto;
}
.sim-switch {
  padding: 0 0 60px;
}
@media (max-width: 480px) {
  .sim-switch {
    padding: 40px 0;
  }
}
.sim-switch div:after {
  display: none;
}
.sim-switch__content {
  width: 360px;
  margin: 0 auto;
}
@media (max-width: 480px) {
  .sim-switch__content {
    width: 100%;
  }
}
.sim-switch__box {
  width: 555px;
  margin: 0 auto;
}
@media (max-width: 575px) {
  .sim-switch__box {
    width: 100%;
  }
}
.sim-switch__title {
  font-weight: 700;
  font-size: 26px;
  line-height: 36px;
  letter-spacing: 0.15px;
  font-family: 'FS PFBeauSansPro', sans-serif;
  color: #44494d;
  text-align: center;
  margin: 0 0 30px;
  text-transform: uppercase;
}
@media (max-width: 575px) {
  .sim-switch__title {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    margin: 0 0 20px;
  }
}
.sim-switch__info {
  padding: 0 15px;
  margin: 0 0 15px;
}
@media (max-width: 575px) {
  .sim-switch__info {
    padding: 0;
  }
}
.sim-switch__group-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 10px;
}
.sim-switch__input-label {
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
}
@media (max-width: 575px) {
  .sim-switch__input-label {
    font-size: 16px;
    line-height: 24px;
  }
}
.sim-switch__label-link {
  font-weight: 700;
  font-size: 14px;
  color: #ee0033;
  line-height: 20px;
  letter-spacing: 0.02em;
  cursor: pointer;
  font-family: 'FS PFBeauSansPro', sans-serif;
}
.sim-switch__form-customize {
  margin-bottom: 16px;
}
.sim-switch__notice {
  font-size: 12px;
  line-height: 18px;
  color: #44494d;
  text-align: center;
  font-style: italic;
  font-family: 'FS PFBeauSansPro', sans-serif;
  margin: 30px 0;
}
.sim-switch__notice-auto-change {
  font-size: 12px;
  line-height: 18px;
  color: #44494d;
  text-align: center;
  font-style: italic;
  margin: 0 0 60px;
}
@media (max-width: 575px) {
  .sim-switch__notice-auto-change {
    margin: 0 0 30px;
  }
}
.sim-switch__notice-auto-change span {
  color: #ee0033;
  margin: 0 3px;
}
.sim-switch__sent-request {
  width: 360px;
  margin: 0 auto;
}
@media (max-width: 575px) {
  .sim-switch__sent-request {
    width: 100%;
  }
}
.sim-switch__des {
  color: #727272;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  margin: 20px 0 0;
  text-align: center;
}
.sim-switch__form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 25px -15px 0;
}
@media (max-width: 767px) {
  .sim-switch__form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 25px 0 0;
  }
}
.sim-switch__column {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3 - 30px);
      -ms-flex: 0 0 calc(100% / 3 - 30px);
          flex: 0 0 calc(100% / 3 - 30px);
  margin: 0 15px;
  width: calc(100% / 3 - 30px);
}
@media (max-width: 767px) {
  .sim-switch__column {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 10px;
    width: 100%;
  }
}
.sim-switch__sub {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  margin: 0 0 5px;
}
.sim-switch__agree {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 15px 0 0;
}
.sim-switch__agree .check-box__input:checked ~ .check-box__txt {
  color: #44494d;
}
.sim-switch__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 25px 0 0;
}
.sim-switch__btn .button {
  width: 360px;
}
@media (max-width: 575px) {
  .sim-switch__btn .button {
    width: 100%;
  }
}
.sim-switch .nav-pills {
  margin: 0 auto 20px;
  max-width: 556px;
  width: 100%;
}
@media (max-width: 575px) {
  .sim-switch .nav-pills {
    max-width: 100%;
  }
}
.sim-switch .order-common {
  margin: 0 auto 30px;
  padding: 30px 60px;
}
@media (max-width: 575px) {
  .sim-switch .order-common {
    padding: 30px 15px;
  }
}
.sim-switch .delivery-contact {
  max-height: 280px;
  overflow: auto;
}
.choose-same {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}
@media (max-width: 767px) {
  .choose-same {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.choose-same__column {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-left: 4px solid #ee0033;
  border-radius: 0 8px 8px 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 2 - 30px);
      -ms-flex: 0 0 calc(100% / 2 - 30px);
          flex: 0 0 calc(100% / 2 - 30px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 15px;
  padding: 15px 20px;
  width: calc(100% / 2 - 30px);
}
@media (max-width: 575px) {
  .choose-same__column {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 20px;
    width: 100%;
  }
}
.choose-same__intro {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.choose-same__sub {
  color: #44494d;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin: 0 0 10px;
}
.choose-same__list {
  margin: 10px 0 0;
}
.choose-same__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.choose-same__item:not(:last-child) {
  margin: 0 0 8px;
}
.choose-same__name {
  color: #44494d;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100px;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.choose-same__value {
  color: #44494d;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 0 25px;
}
.choose-same__action {
  color: #44494d;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 20px;
}
.choose-same__action i {
  font-size: 24px;
}
.modal-sim-switch__body {
  padding: 0 50px 40px;
}
@media (max-width: 575px) {
  .modal-sim-switch__body {
    padding: 0 15px 40px;
  }
}
.modal-sim-switch__title {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  text-align: center;
}
.modal-sim-switch__description {
  font-size: 16px;
  line-height: 24px;
  color: #727272;
  margin-bottom: 20px;
  text-align: center;
}
.modal-sim-switch__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 -8px;
}
.modal-sim-switch__btn .button {
  margin: 0 8px;
  width: 360px;
}
@media (max-width: 575px) {
  .modal-sim-switch__btn .button {
    width: 100%;
  }
}
.modal-sim-switch__btn--2column .button {
  width: calc(100% / 2 - 16px);
}
.modal-promotion__body {
  padding: 0 50px 40px;
}
@media (max-width: 575px) {
  .modal-promotion__body {
    padding: 0 15px 40px;
  }
}
.modal-promotion__title {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  text-align: center;
  margin-bottom: 20px;
}
.modal-promotion__package-box {
  width: 80px;
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 8px;
  background: rgba(238, 238, 238, 0.3);
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  margin: 0 auto 20px;
  position: relative;
}
.modal-promotion__package-name {
  font-weight: 700;
  font-size: 14px;
  line-height: 26px;
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
}
.modal-promotion__deco {
  position: absolute;
}
.modal-promotion__description {
  font-size: 16px;
  line-height: 24px;
  color: #44494d;
  margin-bottom: 20px;
  text-align: center;
}
.modal-promotion__btn {
  background: #fff;
  border: 1px solid #4B4B4B;
  box-sizing: border-box;
  border-radius: 8px 8px 8px 0;
  width: 360px;
  color: #4B4B4B;
  margin: 0 auto;
}
@media (max-width: 500px) {
  .modal-promotion__btn {
    width: auto;
  }
}
.modal-promotion__btn:hover:before {
  display: none;
}
.modal-promotion__btn:hover {
  color: #ee0033;
  border: 1px solid #ee0033;
}
.modal-condition-switch__content {
  max-width: 800px;
}
.modal-condition-switch__body {
  padding: 0 40px 40px;
}
@media (max-width: 600px) {
  .modal-condition-switch__body {
    padding: 0 20px 40px;
  }
}
.modal-condition-switch__title {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  margin-bottom: 50px;
}
.modal-condition-switch__box {
  padding: 25px 18px 20px;
  border: 1px solid #d1d1d1;
  position: relative;
}
.modal-condition-switch__list-info {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
  gap: 15px;
}
@media (max-width: 800px) {
  .modal-condition-switch__list-info {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
}
.modal-condition-switch__support-warraper {
  position: absolute;
  background: #44494d;
  width: 48px;
  height: 48px;
  top: -24px;
  right: calc(50% - 27px);
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.modal-condition-switch__support-warraper img {
  width: 30px;
  height: 30px;
}
.modal-condition-switch__box-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 27px;
  color: #44494D;
  font-family: 'FS PFBeauSansPro', sans-serif;
  text-align: center;
  margin-bottom: 8px;
}
.modal-condition-switch__hotline-wrapper {
  margin-bottom: 20px;
}
.modal-condition-switch__hotline-title {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  margin-bottom: 5px;
  letter-spacing: 2%;
}
.modal-condition-switch__hotline-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal-condition-switch__branch {
  margin-left: 4px;
  font-size: 14px;
  line-height: 24px;
  color: #44494d;
}
.modal-condition-switch__phone {
  color: #ee0033;
}
.modal-condition-switch__btn {
  background: #fff;
  border: 1px solid #4B4B4B;
  box-sizing: border-box;
  border-radius: 8px 8px 8px 0;
  width: auto;
  color: #4B4B4B;
  margin: 0 auto;
}
@media (max-width: 575px) {
  .modal-condition-switch__btn {
    width: auto;
  }
}
.modal-condition-switch__btn:hover:before {
  display: none;
}
.modal-condition-switch__btn:hover {
  color: #ee0033;
  border: 1px solid #ee0033;
}
.modal-at-home__content {
  max-width: 800px;
}
.modal-at-home__body {
  padding: 0 56px 40px;
}
@media (max-width: 500px) {
  .modal-at-home__body {
    padding: 0 20px 40px;
  }
}
.modal-at-home__title {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  margin-bottom: 20px;
}
.modal-at-home__name-input {
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  margin-bottom: 12px;
}
.modal-at-home__group-input {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
  gap: 15px;
  margin-bottom: 8px;
}
@media (max-width: 650px) {
  .modal-at-home__group-input {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    gap: 0;
  }
}
.modal-at-home__group-input:after {
  display: none;
}
.modal-at-home__btn {
  width: 360px;
  margin: 0 auto;
  margin-top: 20px;
}
@media (max-width: 575px) {
  .modal-at-home__btn {
    width: auto;
  }
}
.modal-setup-schedule__content {
  max-width: 874px;
}
.modal-setup-schedule__body {
  padding: 0 56px 40px;
}
@media (max-width: 991px) {
  .modal-setup-schedule__body {
    padding: 0 20px 40px;
  }
}
@media (max-width: 650px) {
  .modal-setup-schedule__body {
    padding: 0 5px 40px;
  }
}
.modal-setup-schedule__title {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  margin-bottom: 20px;
}
.modal-setup-schedule__name-input {
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  margin-bottom: 12px;
}
.modal-setup-schedule__group-input {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  gap: 30px;
  margin-bottom: 8px;
}
@media (max-width: 575px) {
  .modal-setup-schedule__group-input {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    gap: 0;
  }
}
.modal-setup-schedule__group-input:after {
  display: none;
}
.modal-setup-schedule__btn {
  width: 360px;
  margin: 0 auto;
  margin-top: 20px;
}
@media (max-width: 575px) {
  .modal-setup-schedule__btn {
    width: auto;
  }
}
.modal-setup-schedule__search-group {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  -ms-grid-columns: 1fr max-content;
      grid-template-columns: 1fr max-content;
  margin-bottom: 25px;
}
.modal-setup-schedule__search {
  position: relative;
}
.modal-setup-schedule__search i {
  position: absolute;
  top: 13px;
  left: 12px;
  color: #576C8A;
  font-size: 18px;
}
.modal-setup-schedule__search input {
  padding-left: 40px !important;
}
.modal-setup-schedule__box {
  padding: 12px 16px;
  max-height: 280px;
  overflow: scroll;
  margin-bottom: 10px;
}
@media (max-width: 400px) {
  .modal-setup-schedule__box {
    padding: 12px 5px;
  }
}
.modal-setup-schedule__info-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.modal-setup-schedule__address-item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: max-content 1fr;
      grid-template-columns: max-content 1fr;
  gap: 12px;
}
.modal-setup-schedule__address-item .icon-yellow-star,
.modal-setup-schedule__address-item .icon-gray-star {
  font-size: 16px;
}
.modal-setup-schedule__address-item .radio-custom1 {
  margin-top: 4px;
}
.modal-setup-schedule__rate {
  margin-right: 10px;
}
.modal-setup-schedule__branch-name {
  font-size: 20px;
  line-height: 30px;
  color: #44494d;
  letter-spacing: 0.15px;
  font-family: 'FS PFBeauSansPro', sans-serif;
  margin-right: 10px;
  text-align: unset !important;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.modal-setup-schedule__rate-number {
  color: #727272;
  font-size: 12px;
  line-height: 18px;
  font-style: italic;
}
.modal-setup-schedule__info-header {
  margin-bottom: 5px;
}
.modal-setup-schedule__info-detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  margin-bottom: 5px;
}
.modal-setup-schedule__info-detail span {
  margin-right: 8px;
}
.modal-setup-schedule__detail {
  font-size: 16px;
  line-height: 24px;
  color: #44494d;
  margin-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: justify;
}
.modal-setup-schedule__more-info {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 3fr;
      grid-template-columns: 1fr 1fr 1fr 3fr;
  gap: 15px;
  margin-top: 10px;
  margin-bottom: 15px;
}
@media (max-width: 800px) {
  .modal-setup-schedule__more-info {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 575px) {
  .modal-setup-schedule__more-info {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    gap: 0;
  }
}
.modal-setup-schedule__more-info select {
  height: 40px;
}
.modal-setup-schedule__btn-info {
  height: 40px;
  width: 105px;
}
.modal-setup-schedule__calender {
  font-size: 12px;
  line-height: 18px;
  color: #727272;
  font-style: italic;
}
@media (max-width: 575px) {
  .modal-setup-schedule__calender {
    margin-top: 10px;
  }
}
.modal-setup-schedule__notice-text {
  width: 360px;
  font-size: 12px;
  line-height: 18px;
  color: #44494d;
  font-style: italic;
  margin: 0 auto;
}
@media (max-width: 400px) {
  .modal-setup-schedule__notice-text {
    width: auto;
  }
}
.modal-require-success__body {
  padding: 0 40px 40px;
}
@media (max-width: 575px) {
  .modal-require-success__body {
    padding: 0 20px 40px;
  }
}
.modal-require-success__title {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  margin-bottom: 20px;
  text-align: center;
}
.modal-require-success__images {
  margin: 20px auto;
  text-align: center;
}
.modal-require-success__images--success {
  color: #03a678;
}
.modal-require-success__images--warning {
  color: #d11313;
}
.modal-require-success__images i {
  font-size: 70px;
}
.modal-require-success__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 15px -10px 0;
}
.modal-require-success__btn .button {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 10px;
}
.modal-require-success__description {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #44494d;
  margin-bottom: 20px;
}
.modal-require-success__item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr max-content;
      grid-template-columns: 1fr max-content;
  width: 290px;
  margin: 0 auto 8px;
}
@media (max-width: 360px) {
  .modal-require-success__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    width: auto;
    text-align: center;
  }
}
.modal-require-success__item-name {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
}
.modal-require-success__item-value {
  font-size: 16px;
  line-height: 24px;
  color: #44494d;
}
.modal-require-success__customer {
  margin-bottom: 35px;
}
.modal-require-success__noti {
  font-size: 12px;
  line-height: 18px;
  font-style: italic;
  color: #727272;
  margin: 20px auto;
  text-align: center;
}
.modal-require-success__btn-group {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media (max-width: 560px) {
  .modal-require-success__btn-group {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
}
.modal-require-success__btn-group a {
  width: 100%;
}
.modal-require-success__btn-group:after {
  display: none;
}
.modal-require-success__back-btn {
  background: #fff;
  border: 1px solid #4B4B4B;
  box-sizing: border-box;
  border-radius: 8px 8px 8px 0;
  color: #4B4B4B;
  margin: 0 auto;
}
@media (max-width: 575px) {
  .modal-require-success__back-btn {
    width: auto;
  }
}
.modal-require-success__back-btn:hover:before {
  display: none;
}
.modal-require-success__back-btn:hover {
  color: #ee0033;
  border: 1px solid #ee0033;
}
.new-menu-mobile {
  padding: 40px 25px;
  display: none;
}
@media (max-width: 100px) {
  .new-menu-mobile {
    display: block;
  }
}
.open .new-menu-mobile {
  background: #fff;
  background-color: #fff;
  bottom: 0;
  display: block;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  top: 0;
  width: 85%;
  z-index: 999;
}
@media (max-width: 991px) {
  .lists-slider .owl-carousel .owl-nav button.owl-next,
  .lists-slider .owl-carousel .owl-nav button.owl-prev {
    display: none;
  }
}
.device-detail {
  padding: 0 0 50px;
}
@media (max-width: 767px) {
  .device-detail {
    padding: 30px 0 40px;
  }
}
.device-detail__specifications {
  margin: 0 0 30px;
  max-width: 754px;
}
@media (max-width: 800px) {
  .device-detail__specifications {
    width: auto;
  }
}
.device-detail__policy {
  padding-top: 8px;
  border-top: 1px solid #e4e4e4;
}
.device-detail__policy .icon-i-facebook {
  font-size: 16px;
  color: #3B5998;
  margin-right: 5px;
}
.device-detail__policy .icon-share {
  font-size: 24px;
}
.device-detail__policy .icon-share::before {
  color: #44494d;
}
.device-detail__policy .icon-amicable {
  margin-right: 8px;
}
.device-detail__policy span {
  font-size: 14px;
  line-height: 24px;
}
.device-detail__policy-like {
  color: #727272;
  margin-left: 4px;
}
.device-detail__divide {
  height: 18px;
  width: 1px;
  background: #e4e4e4;
  margin: 0 25px;
}
.device-detail__main-title {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.15px;
  font-family: 'FS PFBeauSansPro', sans-serif;
  color: #44494d;
  margin: 0 0 5px;
}
.device-detail__list-parameter {
  background-color: #fff;
  padding: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.device-detail__list-name-param,
.device-detail__list-value {
  padding: 10px 12px;
  background-color: #e4e4e4;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.device-detail__list-name-param p,
.device-detail__list-value p {
  font-size: 14px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 24px;
  color: #44494d;
  margin: 0 0 10px;
}
.device-detail__list-name-param p:last-child,
.device-detail__list-value p:last-child {
  margin: 0;
}
.device-detail__list-value {
  background-color: transparent;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0;
}
.device-detail__list-value p {
  background-color: #fff;
  color: #727272;
  margin: 0;
  padding: 6px 12px 6px 65px;
}
@media (max-width: 800px) {
  .device-detail__list-value p {
    padding: 6px 12px 6px 20px;
  }
}
.device-detail__list-value p:nth-child(2n+1) {
  background-color: #fbfbfb;
}
.device-detail__outstanding-features {
  margin: 0 0 30px;
  max-width: 754px;
}
@media (max-width: 800px) {
  .device-detail__outstanding-features {
    width: auto;
  }
}
.device-detail__intro {
  background-color: #fff;
  padding: 15px;
}
.device-detail__sub-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 27px;
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  margin-bottom: 4px;
}
.device-detail__info-detail {
  font-size: 14px;
  line-height: 24px;
  color: #44494d;
  margin-bottom: 10px;
}
.device-detail__group-img {
  position: relative;
  margin-top: 38px;
}
.device-detail__group-img::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 200px;
  top: 190px;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.634291) 32.55%, #fff 77.96%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.634291) 32.55%, #fff 77.96%);
}
.device-detail__img-deco {
  width: 715px;
  height: 320px;
  padding: 12px;
  background-image: url('../images_content/img-device-1.png');
  border-radius: 8px;
}
@media (max-width: 800px) {
  .device-detail__img-deco {
    margin: 0 auto;
    width: auto;
  }
}
.device-detail__img-phone {
  position: absolute;
  right: 0;
  top: -28px;
}
@media (max-width: 800px) {
  .device-detail__img-phone {
    display: none;
  }
}
.device-detail__advantages {
  margin-bottom: 40px;
}
.device-detail__advantages h4 {
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
}
.device-detail__advantages p {
  font-size: 14px;
  line-height: 24px;
  margin-top: 2px;
  color: #fff;
  max-width: 280px;
}
.device-detail__btn-view-more {
  margin: 40px auto 0;
  width: 195px;
  background: #fff;
  border: 1px solid #4B4B4B;
  box-sizing: border-box;
  border-radius: 8px 8px 8px 0;
  color: #4B4B4B;
}
@media (max-width: 575px) {
  .device-detail__btn-view-more {
    width: auto;
  }
}
.device-detail__btn-view-more:hover:before {
  display: none;
}
.device-detail__btn-view-more:hover {
  color: #ee0033;
  border: 1px solid #ee0033;
}
.device-detail__rate {
  margin: 0 0 60px;
}
@media (max-width: 991px) {
  .device-detail__rate {
    margin: 0 0 30px;
  }
}
.device-detail__total-rate {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 15px 30px;
  background: -webkit-linear-gradient(bottom, rgba(238, 0, 51, 0.05), rgba(238, 0, 51, 0.05)), #fff;
  background: linear-gradient(0deg, rgba(238, 0, 51, 0.05), rgba(238, 0, 51, 0.05)), #fff;
}
@media (max-width: 991px) {
  .device-detail__total-rate {
    padding: 15px;
    width: 100%;
  }
}
.device-detail__point {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
}
.device-detail__target {
  font-size: 12px;
  line-height: 18px;
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  margin-right: 10px;
}
.device-detail__rate-detail {
  background-color: #fff;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2fr 3fr 3fr;
      grid-template-columns: 2fr 3fr 3fr;
  margin: 0 0 15px;
}
@media (max-width: 1180px) {
  .device-detail__rate-detail {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    gap: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 991px) {
  .device-detail__rate-detail {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
}
.device-detail__rate-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto 10px;
}
.device-detail__rate-header:after {
  display: none;
}
.device-detail__rate-header .rating-custom i {
  font-size: 16px;
}
.device-detail__rate-header .rating-custom__star.voted {
  color: #ee0033;
}
.device-detail__rate-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.device-detail__item-rate-count {
  padding-right: 16px;
  border-right: 2px solid #d1d1d1;
}
.device-detail__item-comment-count {
  padding-left: 16px;
}
.device-detail__value-item,
.device-detail__name-item {
  font-size: 12px;
  line-height: 18px;
  font-family: 'FS PFBeauSansPro', sans-serif;
  color: #727272;
}
.device-detail__name-item {
  color: #B5B4B4;
}
.device-detail__similar-product {
  margin: 0 auto;
}
.device-detail__similar-item {
  border: 1px solid #B5B4B4;
  box-sizing: border-box;
  border-radius: 12px 12px 12px 0;
  padding: 24px 30px;
}
.device-detail__siminar-img {
  max-width: 200px;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 auto;
  margin-bottom: 20px;
}
.device-detail__name-device {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.15px;
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
}
.device-detail__current-price {
  font-weight: 700;
  font-size: 34px;
  line-height: 30px;
  color: #44494d;
  margin-right: 12px;
}
.device-detail__pre-price {
  font-size: 16px;
  line-height: 24px;
  color: #727272;
  text-decoration: line-through;
}
.device-detail__header-slider {
  margin-bottom: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.device-detail__header-slider:after {
  display: none;
}
.device-detail__title-header {
  font-weight: 700;
  font-size: 26px;
  line-height: 36px;
  letter-spacing: 0.15px;
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  text-transform: uppercase;
}
@media (max-width: 450px) {
  .device-detail__title-header {
    font-weight: 400;
    font-size: 20px;
  }
}
.device-detail__view-all {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #EE0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
}
.device-detail__distribute-rate {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  -ms-grid-row-align: center;
      align-self: center;
}
@media (max-width: 991px) {
  .device-detail__distribute-rate {
    margin: unset;
    padding: 0 15px;
  }
}
@media (max-width: 375px) {
  .device-detail__distribute-rate {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
  }
}
.device-detail__submit-rate {
  padding: 20px 0 20px 40px;
}
@media (max-width: 991px) {
  .device-detail__submit-rate {
    padding: 0 15px;
  }
}
@media (max-width: 450px) {
  .device-detail__submit-rate {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.device-detail__submit-rate .rating-custom__star i {
  font-size: 26px;
}
.device-detail__submit-rate .rating-custom__star.voted {
  color: #ee0033;
}
.device-detail__submit-rate {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.device-detail__submit-title {
  font-size: 14px;
  line-height: 24px;
  color: #44494d;
  margin-bottom: 5px;
}
.device-detail__submit-btn {
  width: 195px;
  height: 40px;
  margin-left: 25px;
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
}
@media (max-width: 450px) {
  .device-detail__submit-btn {
    margin-top: 20px;
    -webkit-align-self: unset;
        -ms-flex-item-align: unset;
                -ms-grid-row-align: unset;
            align-self: unset;
    width: 100%;
    margin-left: 0;
  }
}
.device-detail__main-info {
  background-color: #fff;
  margin: 0 0 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 25px 95px;
}
@media (max-width: 1250px) {
  .device-detail__main-info {
    padding: 25px 60px;
  }
}
@media (max-width: 991px) {
  .device-detail__main-info {
    padding: 25px 20px;
  }
}
@media (max-width: 991px) {
  .device-detail__main-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 25px 15px;
  }
}
.device-detail__main-slider {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 360px;
      -ms-flex: 0 0 360px;
          flex: 0 0 360px;
  margin: 0 15px;
  width: 360px;
}
@media (max-width: 991px) {
  .device-detail__main-slider {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 20px;
    width: 100%;
  }
}
.device-detail__policy-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 6px;
}
.device-detail__warranty {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 4px;
}
@media (max-width: 991px) {
  .device-detail__warranty {
    -webkit-box-pack: unset;
    -webkit-justify-content: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
  }
}
@media (max-width: 450px) {
  .device-detail__warranty {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.device-detail__warranty-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.device-detail__warranty-item img {
  width: 20px;
  height: 20px;
  margin-right: 3px;
}
.device-detail__warranty-item i {
  color: #ee0033;
  margin-right: 3px;
}
.device-detail__warranty-item p {
  font-size: 14px;
  line-height: 24px;
  color: #44494d;
}
@media (max-width: 991px) {
  .device-detail__warranty-item {
    margin-right: 4px;
  }
}
.device-detail__warranty-hightlight {
  color: #ee0033;
}
.device-detail__delivery-noti {
  font-size: 12px;
  color: #727272;
  font-style: italic;
  margin-top: 2px;
}
.count-rate {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.count-rate__procress {
  background: #e4e4e4;
  border-radius: 6px;
  width: 54px;
  height: 6px;
  position: relative;
}
.count-rate__value {
  position: absolute;
  background: #B5B4B4;
  border-radius: 6px;
  height: 6px;
}
.count-rate__number-star {
  font-size: 12px;
  line-height: 18px;
  color: #ee0033;
  font-family: 'FS PFBeauSansPro', sans-serif;
  margin-right: 4px;
}
.count-rate i {
  font-size: 10px;
  color: #ee0033;
  margin-right: 6px;
}
.count-rate__number {
  font-size: 12px;
  line-height: 18px;
  color: #B5B4B4;
  margin-left: 6px;
  font-family: 'FS PFBeauSansPro', sans-serif;
}
.review-list {
  background-color: #fff;
}
.review-list__item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2fr;
      grid-template-columns: 1fr 2fr;
  padding: 16px;
  border-bottom: 1px solid #d1d1d1;
  gap: 30px;
}
@media (max-width: 575px) {
  .review-list__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.review-list__item:last-child {
  border-bottom: none;
}
.review-list__customer-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.review-list__customer-item img {
  margin-right: 7px;
}
.review-list__customer-item span {
  font-size: 14px;
  line-height: 24px;
  color: #727272;
}
.review-list__customer-name {
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  margin-bottom: 16px;
}
.review-list__review-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-bottom: 12px;
}
.review-list .rating-custom i {
  font-size: 16px;
}
.review-list .rating-custom__star.voted {
  color: #ee0033;
}
.review-list__time-review {
  font-size: 12px;
  line-height: 18px;
  font-style: italic;
  color: #B5B4B4;
}
.review-list__rate {
  margin: 0 15px 0 4px;
  font-size: 14px;
  line-height: 24px;
  color: #ee0033;
}
.review-list__review-content {
  font-size: 14px;
  line-height: 24px;
  color: #44494d;
}
.device-info .qt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 10px 0 24px;
  padding: 0 0 5px;
  border-bottom: 1px solid #e4e4e4;
}
.device-info .qt label {
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  color: #44494d;
  margin-bottom: 5px;
  font-family: 'FS PFBeauSansPro', sans-serif;
}
.device-info .qt .qty {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 45px 0 0;
}
.device-info .qt .qty__input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.device-info .qt .qty__input input {
  width: 38px;
  border: 0;
}
.device-info .qt .qty__input a {
  height: 28px;
  width: 28px;
  border: 2px solid #E7E7E7;
  text-align: center;
  line-height: 24px;
  border-radius: 6px 0 0 6px;
  border-radius: 50%;
  color: black;
  font-size: 20px;
  background: #e4e4e4;
}
.device-info .qt .att-color {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.device-info .qt .att-color label {
  margin-bottom: 15px;
}
.device-info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 15px;
  width: calc(100% - 360px - 30px);
}
@media (max-width: 991px) {
  .device-info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    width: 100%;
  }
}
.device-info__title {
  font-weight: 700;
  font-size: 26px;
  line-height: 36px;
  letter-spacing: 0.15px;
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  margin-bottom: 8px;
}
.device-info__rating {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.device-info__rating .rating-custom {
  margin-right: 5px;
}
.device-info__rating i {
  font-size: 16px;
}
.device-info__rating .rating-custom__star.voted {
  color: #ee0033;
}
.device-info__review {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}
@media (max-width: 450px) {
  .device-info__review {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
.device-info__rating-value {
  line-height: 24px;
  font-weight: 400;
  color: #ee0033;
}
.device-info__divide {
  width: 1px;
  background: #d1d1d1;
  height: 17px;
  margin: 0 16px;
}
.device-info__count-item {
  font-size: 12px;
  line-height: 18px;
  font-family: 'FS PFBeauSansPro', sans-serif;
}
.device-info__name-item {
  color: #727272;
  margin-left: 4px;
}
.device-info__access-included {
  font-size: 14px;
  line-height: 24px;
  color: #44494d;
  padding-bottom: 12px;
  border-bottom: 1px solid #e4e4e4;
}
.device-info__access-title {
  color: #727272;
  margin-right: 4px;
}
.device-info .boxcolor a {
  width: 26px;
  height: 26px;
}
.device-info .boxcolor a span {
  width: 20px;
  height: 20px;
  border: 2px solid #fff;
  left: 3px;
  top: 3px;
}
.device-info__price {
  margin: 24px 0;
  background: -webkit-linear-gradient(bottom, rgba(238, 0, 51, 0.05), rgba(238, 0, 51, 0.05)), #fff;
  background: linear-gradient(0deg, rgba(238, 0, 51, 0.05), rgba(238, 0, 51, 0.05)), #fff;
  padding: 10px 12px;
  width: 100%;
}
.device-info__price-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 450px) {
  .device-info__price-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.device-info__price-item:not(:last-child) {
  margin: 0 5px 0 0;
}
.device-info__price-item span {
  font-size: 14px;
  line-height: 24px;
  color: #44494d;
  margin: 0 2px 0 0;
}
.device-info__price-item .device-info__price-hightlight {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #ee0033;
  margin: 0;
}
@media (max-width: 575px) {
  .device-info__price-item .device-info__price-hightlight {
    font-size: 18px;
    line-height: 28px;
  }
}
.device-info__price-info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 5px;
}
.device-info__price-new {
  color: #ee0033;
  font-size: 34px;
  font-weight: 700;
  line-height: 30px;
}
.device-info__price-old {
  color: #727272;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 0 8px;
  text-decoration: line-through;
}
.device-info__noti {
  font-size: 12px;
  line-height: 18px;
  color: #727272;
  font-style: italic;
}
.device-info__sent-review {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 166px;
      grid-template-columns: 1fr 166px;
  gap: 24px 30px;
}
@media (max-width: 450px) {
  .device-info__sent-review {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    gap: 0;
  }
}
.device-info__sent-review a {
  height: 40px;
}
.device-info__sent-review .form-customize {
  margin-bottom: 0;
}
.sync-slider {
  max-width: 360px;
}
@media (max-width: 991px) {
  .sync-slider {
    margin: 0 auto;
  }
}
@media (max-width: 575px) {
  .sync-slider {
    max-width: 100%;
  }
}
.sync-slider #sync1 .item {
  width: 100%;
  height: 362px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sync-slider #sync1 .item img {
  width: auto;
  height: inherit;
  -o-object-fit: cover;
     object-fit: cover;
}
.sync-slider #sync1.hover button {
  opacity: 1;
}
.sync-slider .owl-carousel .owl-nav button.owl-prev,
.sync-slider .owl-carousel .owl-nav button.owl-next {
  font-size: 16px;
  height: 30px;
  width: 30px;
}
.sync-slider .owl-carousel .owl-nav button.owl-prev {
  left: -40px;
}
@media (max-width: 991px) {
  .sync-slider .owl-carousel .owl-nav button.owl-prev {
    display: none;
  }
}
.sync-slider .owl-carousel .owl-nav button.owl-next {
  right: -15px;
}
@media (max-width: 991px) {
  .sync-slider .owl-carousel .owl-nav button.owl-next {
    display: none;
  }
}
.sync-slider .owl-nav {
  bottom: -27px;
  position: relative;
}
.sync-slider #sync2 .item {
  cursor: pointer;
  height: 52px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 52px;
}
.sync-slider #sync2 .current .item {
  border: 1px solid #ee0033;
  box-sizing: border-box;
}
.sync-slider #sync2 img {
  width: auto;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.sync-slider .owl-theme .owl-nav [class*='owl-'] {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.sync-slider .owl-theme .owl-nav [class*='owl-'].disabled:hover {
  background-color: #D6D6D6;
}
.modal__close {
  cursor: pointer;
}
.service-support {
  background-color: #e4e4e4;
  margin: 0 0 40px;
  padding: 25px 0 30px;
}
@media (max-width: 767px) {
  .service-support {
    margin: 0 0 20px;
    padding: 20px 0;
  }
}
.service-support .title-home {
  margin: 0 0 20px;
}
@media (max-width: 767px) {
  .service-support .title-home {
    margin: 0 0 10px;
  }
}
.service-support__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}
@media (max-width: 767px) {
  .service-support__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.service-support__item {
  background-color: #fff;
  border-radius: 8px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3 - 30px);
      -ms-flex: 0 0 calc(100% / 3 - 30px);
          flex: 0 0 calc(100% / 3 - 30px);
  margin: 0 15px;
  padding: 20px 20px 25px;
  width: calc(100% / 3 - 30px);
}
@media (max-width: 767px) {
  .service-support__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 15px;
    padding: 15px;
    width: 100%;
  }
  .service-support__item:last-child {
    margin: 0;
  }
}
.service-support__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 110px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 10px;
}
.service-support__images img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.service-support__images img:hover {
  opacity: 0.75;
}
.service-support__name {
  color: #44494d;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.15px;
  line-height: 28px;
  margin: 0 0 5px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .service-support__name {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 2px;
  }
}
.service-support__name:hover {
  color: #ee0033;
}
.service-support__des {
  color: #44494d;
  font-size: 14px;
  line-height: 20px;
  margin: 5px 0 0;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .service-support__des {
    margin: 2px 0 0;
  }
}
iframe {
  max-width: 100%;
}
.open .lp-warp--netgame .lp-mobile {
  background: #ee0033;
}
.lp-footer--netgame {
  margin-top: auto;
  margin-bottom: 90px;
}
.lp-warp--netgame {
  height: 5833px;
  background: url("../images_content/bg-net-game.jpg") no-repeat center top;
  color: #fff;
  font-family: 'FS PFBeauSansPro', sans-serif;
  line-height: 1.46;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.lp-warp--netgame .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
@media (min-width: 1200px) {
  .lp-warp--netgame .lp-header__inner {
    height: 91px;
  }
}
.lp-warp--netgame .lp-mobile__logo {
  text-align: center;
}
.lp-warp--netgame .lp-header .off-canvas-toggle {
  color: #fff;
}
.lp-warp--netgame .lp-mobile__menu {
  text-align: center;
}
.lp-warp--netgame .lp-mobile__link {
  font-size: 18px;
  display: inline-block;
  height: 36px;
  line-height: 33px;
  min-width: 121px;
  text-align: center;
}
.lp-warp--netgame .lp-mobile__item.active .lp-mobile__link {
  font-weight: 700;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='121' height='36' viewBox='0 0 121 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.65' d='M108.65 32.3402H11.7399L3.38989 17.8802L11.7399 3.41016H108.65L117 17.8802L108.65 32.3402Z' fill='url(%23paint0_linear)'/%3E%3Cpath d='M4.09991 24.6401L0.189941 17.8801L10.14 0.640137H27.59V2.23014H11.0499L2.01996 17.8801L5.46991 23.8501L4.09991 24.6401Z' fill='white'/%3E%3Cpath d='M110.25 35.1101H92.7998V33.5201H109.33L118.37 17.8801L114.92 11.9001L116.29 11.1101L120.19 17.8801L110.25 35.1101Z' fill='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='3.38989' y1='17.8802' x2='117' y2='17.8802' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23730019'/%3E%3Cstop offset='0.35' stop-color='%23510052'/%3E%3Cstop offset='0.79' stop-color='%23290093'/%3E%3Cstop offset='1' stop-color='%231A00AD'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.lp-warp--netgame .lp-mobile__item.active .lp-mobile__link,
.lp-warp--netgame .lp-mobile__item:hover .lp-mobile__link {
  color: #fff;
}
.lp-warp--netgame .footer {
  margin-top: 150px;
  background: transparent;
}
.lp-warp--netgame .footer__logo {
  display: block;
  margin-bottom: 90px;
}
.lp-warp--netgame .footer__contact {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 19.58px;
  margin-bottom: 40px;
}
.lp-warp--netgame .footer__contact address {
  font-style: normal;
  margin-bottom: 10px;
}
.lp-warp--netgame .footer__contact-item {
  padding: 0 40px;
  position: relative;
}
.lp-warp--netgame .footer__contact-item + *:before {
  content: "|";
  position: absolute;
  left: 0;
  top: 0;
}
.lp-warp--netgame .footer__social {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lp-warp--netgame .footer__social-item {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lp-warp--netgame .footer__social-item svg {
  fill: currentColor;
  color: #ed1b2f;
}
.lp-warp--netgame .footer__social-item + * {
  margin-left: 20px;
}
.lp-warp--netgame .footer__social-item:hover svg {
  color: #470c28;
}
.lp-warp--netgame .btn {
  background-image: url("data:image/svg+xml,%3Csvg width='243' height='70' viewBox='0 0 243 70' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath opacity='0.65' d='M20.66 58.32L7 34.66L20.66 11H221.98L235.64 34.66L221.98 58.32H20.66Z' fill='url(%23paint0_linear)'/%3E%3C/g%3E%3Cpath d='M225.15 63.9199H17.37L0.47998 34.6599L17.37 5.3999H225.16L242.05 34.6599L225.15 63.9199ZM18.29 62.3199H224.23L240.2 34.6599L224.23 6.9999H18.29L2.31998 34.6599L18.29 62.3199Z' fill='white'/%3E%3Cpath d='M2.77 26.28L0 24.68L14.25 0H24.35V3.2H16.1L2.77 26.28Z' fill='white'/%3E%3Cpath d='M228.27 69.3198H218.18V66.1198H226.42L239.75 43.0398L242.52 44.6398L228.27 69.3198Z' fill='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='7' y1='34.6604' x2='235.641' y2='34.6604' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23730019'/%3E%3Cstop offset='0.3543' stop-color='%23510052'/%3E%3Cstop offset='0.793' stop-color='%23290093'/%3E%3Cstop offset='1' stop-color='%231A00AD'/%3E%3C/linearGradient%3E%3CclipPath id='clip0'%3E%3Crect width='228.64' height='47.32' fill='white' transform='translate(7 11)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  width: 243px;
  height: 70px;
  line-height: 65px;
  padding: 0;
  background-color: transparent;
  border: 0;
  font-size: 28.37px;
  color: #fff;
  font-weight: 700;
  font-family: inherit;
}
.lp-header--netgame {
  background: #ee0033;
  box-shadow: 3px 3px 21px rgba(0, 0, 0, 0.3);
}
.lp-header--netgame .lp-header__menu {
  margin-left: auto;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.lp-header--netgame .lp-header__link {
  color: #fff;
  font-size: 18px;
  padding: 0 15px 0 20px;
  height: 36px;
  line-height: 33px;
  display: block;
  min-width: 121px;
  text-align: center;
}
.lp-header--netgame .lp-header__item:not(:last-child) {
  margin-right: 5px;
}
.lp-header--netgame .lp-header__item:hover .lp-header__link,
.lp-header--netgame .lp-header__item.active .lp-header__link {
  color: #fff;
  font-weight: 700;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='121' height='36' viewBox='0 0 121 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.65' d='M108.65 32.3402H11.7399L3.38989 17.8802L11.7399 3.41016H108.65L117 17.8802L108.65 32.3402Z' fill='url(%23paint0_linear)'/%3E%3Cpath d='M4.09991 24.6401L0.189941 17.8801L10.14 0.640137H27.59V2.23014H11.0499L2.01996 17.8801L5.46991 23.8501L4.09991 24.6401Z' fill='white'/%3E%3Cpath d='M110.25 35.1101H92.7998V33.5201H109.33L118.37 17.8801L114.92 11.9001L116.29 11.1101L120.19 17.8801L110.25 35.1101Z' fill='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='3.38989' y1='17.8802' x2='117' y2='17.8802' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23730019'/%3E%3Cstop offset='0.35' stop-color='%23510052'/%3E%3Cstop offset='0.79' stop-color='%23290093'/%3E%3Cstop offset='1' stop-color='%231A00AD'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.lp-header--netgame .lp-header__item:last-child:hover .lp-header__link,
.lp-header--netgame .lp-header__item:last-child.active .lp-header__link {
  background: unset;
}
.lp-hero {
  position: relative;
  min-height: 870px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.lp-hero__text {
  max-width: 545px;
  position: relative;
  z-index: 1;
}
.lp-hero__subtitle {
  color: #FFD773;
  font-size: 63px;
  line-height: 1;
  letter-spacing: 0.005em;
  font-style: italic;
}
.lp-hero__title {
  font-size: 103px;
  line-height: 1;
  color: #fff;
}
.lp-hero__slogan {
  font-size: 37.09px;
  margin-bottom: 35px;
}
.lp-hero__desc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20.85px;
  line-height: calc(29.2 / 20.85);
  margin-bottom: 35px;
}
.lp-hero__img {
  position: absolute;
  right: -120px;
  top: 80px;
  z-index: 0;
  pointer-events: none;
}
.lp-section-header {
  min-height: 85px;
  background: url("../images_content/bg-title-section-1.svg") no-repeat center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 55px;
}
.lp-section-title {
  color: #FFD773;
  font-size: 35.88px;
  line-height: calc(50.23 / 35.88);
  text-align: center;
  text-transform: uppercase;
}
.lp-endurance {
  margin-bottom: 45px;
}
.lp-endurance__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lp-endurance__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding: 0 15px;
}
.lp-endurance__item-symbol {
  background-image: url("data:image/svg+xml,%3Csvg width='137' height='137' viewBox='0 0 137 137' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M68.33 119.66C96.6788 119.66 119.66 96.6788 119.66 68.33C119.66 39.9812 96.6788 17 68.33 17C39.9812 17 17 39.9812 17 68.33C17 96.6788 39.9812 119.66 68.33 119.66Z' fill='url(%23paint0_linear)'/%3E%3Cg filter='url(%23filter0_f)'%3E%3Cpath d='M125.844 79.8339L127.904 80.2239C125.114 93.7639 117.934 105.954 107.634 114.604C97.8739 122.814 86.0239 127.774 73.8939 128.834C73.5039 127.564 72.2939 126.644 70.9639 126.714C69.4439 126.794 68.2039 128.124 68.1939 129.684C68.1839 131.244 69.5439 132.454 71.2339 132.364C72.7239 132.284 73.8639 131.234 74.0039 129.924C86.3639 128.844 98.4239 123.794 108.344 115.444C118.834 106.644 126.154 94.2239 128.984 80.4339L131.074 80.8339L131.284 79.7539L126.064 78.7539L125.844 79.8339Z' fill='white'/%3E%3Cpath d='M56.1438 127.904C42.6038 125.114 30.4038 117.934 21.7638 107.634C13.5638 97.8738 8.60378 86.0238 7.54378 73.8938C8.81378 73.5038 9.73378 72.2938 9.66378 70.9638C9.58378 69.4438 8.25378 68.2038 6.69378 68.1938C5.12378 68.1738 3.92378 69.5338 4.00378 71.2238C4.08378 72.7138 5.13378 73.8538 6.44378 73.9938C7.52378 86.3438 12.5738 98.4138 20.9238 108.334C29.7238 118.824 42.1438 126.134 55.9338 128.974L55.5338 131.054L56.6138 131.264L57.6138 126.044L56.5338 125.834L56.1438 127.904Z' fill='white'/%3E%3Cpath d='M65.1538 4.00378C63.6638 4.08378 62.5238 5.13378 62.3838 6.44378C50.0238 7.52378 37.9638 12.5838 28.0338 20.9238C17.5438 29.7238 10.2338 42.1438 7.39376 55.9338L5.30376 55.5338L5.10376 56.6238L10.3238 57.6238L10.5338 56.5438L8.47376 56.1538C11.2638 42.6138 18.4338 30.4238 28.7438 21.7738C38.5038 13.5638 50.3538 8.60378 62.4838 7.54378C62.8738 8.81378 64.0838 9.73378 65.4138 9.66378C66.9338 9.58378 68.1738 8.25378 68.1838 6.69378C68.2038 5.12378 66.8438 3.92378 65.1538 4.00378Z' fill='white'/%3E%3Cpath d='M129.934 62.3738C128.854 50.0238 123.804 37.9638 115.454 28.0338C106.654 17.5438 94.2339 10.2338 80.4439 7.39376L80.8439 5.31376L79.7539 5.10376L78.7539 10.3238L79.8339 10.5338L80.2239 8.47376C93.7639 11.2638 105.954 18.4438 114.604 28.7438C122.814 38.5038 127.774 50.3538 128.834 62.4838C127.564 62.8738 126.644 64.0838 126.714 65.4138C126.794 66.9338 128.124 68.1738 129.684 68.1838C131.244 68.1938 132.454 66.8338 132.364 65.1438C132.294 63.6538 131.244 62.5138 129.934 62.3738Z' fill='white'/%3E%3C/g%3E%3Cpath d='M125.844 79.8339L127.904 80.2239C125.114 93.7639 117.934 105.954 107.634 114.604C97.8739 122.814 86.0239 127.774 73.8939 128.834C73.5039 127.564 72.2939 126.644 70.9639 126.714C69.4439 126.794 68.2039 128.124 68.1939 129.684C68.1839 131.244 69.5439 132.454 71.2339 132.364C72.7239 132.284 73.8639 131.234 74.0039 129.924C86.3639 128.844 98.4239 123.794 108.344 115.444C118.834 106.644 126.154 94.2239 128.984 80.4339L131.074 80.8339L131.284 79.7539L126.064 78.7539L125.844 79.8339Z' fill='white'/%3E%3Cpath d='M56.1438 127.904C42.6038 125.114 30.4038 117.934 21.7638 107.634C13.5638 97.8738 8.60378 86.0238 7.54378 73.8938C8.81378 73.5038 9.73378 72.2938 9.66378 70.9638C9.58378 69.4438 8.25378 68.2038 6.69378 68.1938C5.12378 68.1738 3.92378 69.5338 4.00378 71.2238C4.08378 72.7138 5.13378 73.8538 6.44378 73.9938C7.52378 86.3438 12.5738 98.4138 20.9238 108.334C29.7238 118.824 42.1438 126.134 55.9338 128.974L55.5338 131.054L56.6138 131.264L57.6138 126.044L56.5338 125.834L56.1438 127.904Z' fill='white'/%3E%3Cpath d='M65.1538 4.00378C63.6638 4.08378 62.5238 5.13378 62.3838 6.44378C50.0238 7.52378 37.9638 12.5838 28.0338 20.9238C17.5438 29.7238 10.2338 42.1438 7.39376 55.9338L5.30376 55.5338L5.10376 56.6238L10.3238 57.6238L10.5338 56.5438L8.47376 56.1538C11.2638 42.6138 18.4338 30.4238 28.7438 21.7738C38.5038 13.5638 50.3538 8.60378 62.4838 7.54378C62.8738 8.81378 64.0838 9.73378 65.4138 9.66378C66.9338 9.58378 68.1738 8.25378 68.1838 6.69378C68.2038 5.12378 66.8438 3.92378 65.1538 4.00378Z' fill='white'/%3E%3Cpath d='M129.934 62.3738C128.854 50.0238 123.804 37.9638 115.454 28.0338C106.654 17.5438 94.2339 10.2338 80.4439 7.39376L80.8439 5.31376L79.7539 5.10376L78.7539 10.3238L79.8339 10.5338L80.2239 8.47376C93.7639 11.2638 105.954 18.4438 114.604 28.7438C122.814 38.5038 127.774 50.3538 128.834 62.4838C127.564 62.8738 126.644 64.0838 126.714 65.4138C126.794 66.9338 128.124 68.1738 129.684 68.1838C131.244 68.1938 132.454 66.8338 132.364 65.1438C132.294 63.6538 131.244 62.5138 129.934 62.3738Z' fill='white'/%3E%3Cdefs%3E%3Cfilter id='filter0_f' x='0' y='0' width='136.369' height='136.369' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='2' result='effect1_foregroundBlur'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear' x1='17' y1='68.3334' x2='119.667' y2='68.3334' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23EE0033'/%3E%3Cstop offset='0.0655' stop-color='%23DF003C'/%3E%3Cstop offset='0.5289' stop-color='%23760078'/%3E%3Cstop offset='0.8499' stop-color='%2334009E'/%3E%3Cstop offset='1' stop-color='%231A00AD'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 129px;
  height: 129px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 35px;
}
.lp-endurance__item-title {
  color: #FFD773;
  font-size: 21px;
  line-height: calc(29.4 / 21);
  margin-bottom: 24px;
  min-height: 58px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.lp-endurance__item-desc {
  font-size: 15.77px;
  max-width: 223px;
}
.lp-packs {
  position: relative;
  overflow: hidden;
  padding-bottom: 40px;
}
.lp-packs .lp-section-header {
  background-image: url("../images_content/bg-title-section-2.svg");
  min-height: 111px;
}
.lp-packs:before {
  content: url("../images_content/net-game-shadow-levels.png");
  position: absolute;
  bottom: 291px;
  left: 11px;
  right: 0;
  margin: auto;
  text-align: center;
}
.lp-packs__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  position: relative;
  z-index: 1;
}
.lp-packs__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}
.lp-packs__item-img {
  margin-bottom: 20px;
}
.lp-packs__item-img img {
  display: block;
}
.lp-packs__item-level {
  position: relative;
  font-size: 15px;
  margin: 0 auto 10px;
  width: 88px;
  height: 43px;
  line-height: 43px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='88' height='43' viewBox='0 0 88 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M70.84 7.90991H16.42L8.13 22.2699L16.42 36.6199H70.84L79.13 22.2699L70.84 7.90991Z' fill='url(%23paint0_linear)'/%3E%3Cpath d='M76.97 42.07H10.28L0 22.27L0.09 22.09L10.28 2.45996H76.97L87.25 22.26L87.16 22.44L76.97 42.07ZM10.76 41.29H76.5L86.38 22.26L76.5 3.23996H10.76L0.87 22.27L10.76 41.29Z' fill='white'/%3E%3Cpath d='M51.45 0H32.66L31.01 2.85L32.66 5.7H51.45L53.09 2.85L51.45 0Z' fill='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='8.1301' y1='22.2659' x2='79.1276' y2='22.2659' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23EE0033'/%3E%3Cstop offset='0.0655' stop-color='%23DF003C'/%3E%3Cstop offset='0.5289' stop-color='%23760078'/%3E%3Cstop offset='0.8499' stop-color='%2334009E'/%3E%3Cstop offset='1' stop-color='%231A00AD'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.lp-packs__item-level:after {
  content: url("data:image/svg+xml,%3Csvg width='93' height='5' viewBox='0 0 93 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M92.4199 1.90002H0.129883V2.63002H92.4199V1.90002Z' fill='white'/%3E%3Cpath d='M72.0799 0.0899658H64.8899L63.6299 2.26997L64.8899 4.44997H72.0799L73.3399 2.26997L72.0799 0.0899658Z' fill='white'/%3E%3C/svg%3E%0A");
  position: absolute;
  top: -3px;
  right: 9px;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}
.lp-packs__item-title {
  font-size: 21px;
  color: #FFD773;
  margin-bottom: 5px;
}
.lp-packs__item-desc {
  font-size: 15.52px;
  text-align: justify;
}
.lp-packs__item:nth-child(1) {
  width: 115px;
  margin-right: 32px;
}
.lp-packs__item:nth-child(2) {
  width: 140px;
  margin-right: 15px;
}
.lp-packs__item:nth-child(2) .lp-packs__item-level {
  background-image: url("data:image/svg+xml,%3Csvg width='88' height='43' viewBox='0 0 88 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M70.1299 7.90991H15.6999L7.41992 22.2699L15.6999 36.6199H70.1299L78.4099 22.2699L70.1299 7.90991Z' fill='url(%23paint0_linear)'/%3E%3Cpath d='M77 42.07H10.31L0.0300293 22.27L0.120026 22.09L10.31 2.45996H77L87.28 22.26L87.19 22.44L77 42.07ZM10.78 41.29H76.53L86.41 22.26L76.53 3.22996H10.78L0.900024 22.26L10.78 41.29Z' fill='white'/%3E%3Cpath d='M71.73 0.669922H64.53L63.27 2.84992L64.53 5.02992H71.73L72.99 2.84992L71.73 0.669922Z' fill='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='7.41672' y1='22.2659' x2='78.4142' y2='22.2659' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23EE0033'/%3E%3Cstop offset='0.0655' stop-color='%23DF003C'/%3E%3Cstop offset='0.5289' stop-color='%23760078'/%3E%3Cstop offset='0.8499' stop-color='%2334009E'/%3E%3Cstop offset='1' stop-color='%231A00AD'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.lp-packs__item:nth-child(2) .lp-packs__item-level:after {
  content: url("data:image/svg+xml,%3Csvg width='104' height='5' viewBox='0 0 104 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M103.84 1.90002H0.409912V2.63002H103.84V1.90002Z' fill='white'/%3E%3Cpath d='M56.9101 0.0300293H42.1701L40.8701 2.27003L42.1701 4.50003H56.9101L58.2001 2.27003L56.9101 0.0300293Z' fill='white'/%3E%3C/svg%3E%0A");
}
.lp-packs__item:nth-child(3) {
  width: 197px;
  margin-right: 12px;
}
.lp-packs__item:nth-child(3) .lp-packs__item-level {
  background-image: url("data:image/svg+xml,%3Csvg width='88' height='42' viewBox='0 0 88 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M71.8999 5.90991H17.4699L9.18994 20.2699L17.4699 34.6199H71.8999L80.1799 20.2699L71.8999 5.90991Z' fill='url(%23paint0_linear)'/%3E%3Cpath d='M77.2901 40.07H10.6001L0.320068 20.27L0.410065 20.09L10.6001 0.459961H77.2901L87.5701 20.26L87.4801 20.44L77.2901 40.07ZM11.0701 39.29H76.8201L86.7001 20.26L76.8201 1.22996H11.0701L1.19006 20.26L11.0701 39.29Z' fill='white'/%3E%3Cpath d='M48.2801 37.5H41.0901L39.8301 39.68L41.0901 41.86H48.2801L49.5401 39.68L48.2801 37.5Z' fill='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='9.18664' y1='20.2659' x2='80.184' y2='20.2659' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23EE0033'/%3E%3Cstop offset='0.0655' stop-color='%23DF003C'/%3E%3Cstop offset='0.5289' stop-color='%23760078'/%3E%3Cstop offset='0.8499' stop-color='%2334009E'/%3E%3Cstop offset='1' stop-color='%231A00AD'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.lp-packs__item:nth-child(3) .lp-packs__item-level:after {
  right: 0;
  content: url("data:image/svg+xml,%3Csvg width='116' height='5' viewBox='0 0 116 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M115.51 1.90002H0.51001V2.63002H115.51V1.90002Z' fill='white'/%3E%3Cpath d='M91.5901 0.0300293H76.8501L75.5601 2.27003L76.8501 4.50003H91.5901L92.8801 2.27003L91.5901 0.0300293Z' fill='white'/%3E%3C/svg%3E%0A");
}
.lp-packs__item:nth-child(3) .lp-packs__item-desc {
  padding: 0 5px;
}
@media (min-width: 1200px) {
  .lp-packs__item:nth-child(3) .lp-packs__item-img {
    margin-left: 22px;
    margin-right: -5px;
  }
}
.lp-packs__item:nth-child(4) {
  width: 187px;
  margin-right: 19px;
}
.lp-packs__item:nth-child(4) .lp-packs__item-level:after {
  content: url("data:image/svg+xml,%3Csvg width='145' height='5' viewBox='0 0 145 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M144.34 1.90002H0.0100098V2.63002H144.34V1.90002Z' fill='white'/%3E%3Cpath d='M100.28 0.0300293H85.54L84.25 2.27003L85.54 4.50003H100.28L101.57 2.27003L100.28 0.0300293Z' fill='white'/%3E%3Cpath d='M39.1099 0.0899658H31.9199L30.6599 2.26997L31.9199 4.44997H39.1099L40.3699 2.26997L39.1099 0.0899658Z' fill='white'/%3E%3C/svg%3E%0A");
  right: 0;
}
.lp-packs__item:nth-child(5) {
  width: 198px;
  margin-right: 18px;
}
.lp-packs__item:nth-child(5) .lp-packs__item-level {
  background-image: url("data:image/svg+xml,%3Csvg width='89' height='42' viewBox='0 0 89 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M72.21 5.90991H17.79L9.5 20.2699L17.79 34.6199H72.21L80.5 20.2699L72.21 5.90991Z' fill='url(%23paint0_linear)'/%3E%3Cpath d='M77.8699 40.07H11.1799L0.899902 20.27L11.1799 0.469971H77.8699L88.1499 20.27L77.8699 40.07ZM11.6599 39.29H77.4099L87.2899 20.26L77.3999 1.23997H11.6499L1.7699 20.27L11.6599 39.29Z' fill='white'/%3E%3Cpath d='M29.2 37.45H14.46L13.1699 39.68L14.46 41.9199H29.2L30.4899 39.68L29.2 37.45Z' fill='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='9.4991' y1='20.2659' x2='80.4967' y2='20.2659' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23EE0033'/%3E%3Cstop offset='0.0655' stop-color='%23DF003C'/%3E%3Cstop offset='0.5289' stop-color='%23760078'/%3E%3Cstop offset='0.8499' stop-color='%2334009E'/%3E%3Cstop offset='1' stop-color='%231A00AD'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.lp-packs__item:nth-child(5) .lp-packs__item-level:after {
  content: url("data:image/svg+xml,%3Csvg width='131' height='5' viewBox='0 0 131 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M130.42 1.90002H0.719971V2.63002H130.42V1.90002Z' fill='white'/%3E%3Cpath d='M101.95 0.0300293H87.21L85.9199 2.27003L87.21 4.50003H101.95L103.24 2.27003L101.95 0.0300293Z' fill='white'/%3E%3Cpath d='M14.3401 0.0899658H7.15015L5.89014 2.26997L7.15015 4.44997H14.3401L15.6001 2.26997L14.3401 0.0899658Z' fill='white'/%3E%3C/svg%3E%0A");
  right: 0;
}
.lp-packs__item:nth-child(6) {
  width: 206px;
}
.lp-packs__item:nth-child(6) .lp-packs__item-level {
  background-image: url("data:image/svg+xml,%3Csvg width='89' height='44' viewBox='0 0 89 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M72.1299 7.90991H17.7L9.41992 22.2699L17.7 36.6199H72.1299L80.41 22.2699L72.1299 7.90991Z' fill='url(%23paint0_linear)'/%3E%3Cpath d='M77.7901 42.07H11.1L0.820068 22.27L11.1 2.46997H77.7901L88.07 22.27L77.7901 42.07ZM11.5701 41.29H77.32L87.2 22.26L77.32 3.22997H11.5701L1.69006 22.26L11.5701 41.29Z' fill='white'/%3E%3Cpath d='M70.4202 0.610107H55.6802L54.3901 2.85011L55.6802 5.08011H70.4202L71.7101 2.85011L70.4202 0.610107Z' fill='white'/%3E%3Cpath d='M37.0901 39.5H29.9001L28.6401 41.68L29.9001 43.86H37.0901L38.3501 41.68L37.0901 39.5Z' fill='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='9.41572' y1='22.2659' x2='80.4133' y2='22.2659' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23EE0033'/%3E%3Cstop offset='0.0655' stop-color='%23DF003C'/%3E%3Cstop offset='0.5289' stop-color='%23760078'/%3E%3Cstop offset='0.8499' stop-color='%2334009E'/%3E%3Cstop offset='1' stop-color='%231A00AD'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.lp-packs__item:nth-child(6) .lp-packs__item-level:after {
  display: none;
}
.lp-tactics .lp-section-header {
  background-image: url("../images_content/bg-title-section-4.svg");
}
.lp-tactics > .content {
  width: 1290px;
}
.lp-tactics__frame {
  background: url("../images_content/net-game-frame.svg") no-repeat center top;
  min-height: 465px;
  text-align: center;
  padding-top: 40px;
  margin-bottom: 50px;
}
.lp-tactics__frame-heading {
  font-size: 24.92px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 24px;
}
.lp-tactics__frame-heading strong {
  font-weight: 400;
  color: #FFD773;
  font-size: 39.87px;
}
.lp-tactics__frame-title {
  font-weight: 400;
  font-size: 19.9327px;
}
.lp-tactics__frame-list {
  overflow: hidden;
}
.lp-tactics__frame-list:before,
.lp-tactics__frame-list:after {
  content: url("data:image/svg+xml,%3Csvg width='1135' height='16' viewBox='0 0 1135 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1124.85 8.58997H795.37V9.73997H1124.85V8.58997Z' fill='white'/%3E%3Cpath d='M1124.86 11.3199H1106.49V13.0999H1124.86V11.3199Z' fill='white'/%3E%3Cpath d='M1133.92 0.890015H0.359985V2.04001H1133.92V0.890015Z' fill='white'/%3E%3Cpath d='M3.23425 15.4716L3.23425 3.18164L0.534256 3.18164L0.534256 15.4716H3.23425Z' fill='white'/%3E%3Cpath d='M1134.01 15.4667V3.17664L1131.31 3.17664V15.4667H1134.01Z' fill='white'/%3E%3C/svg%3E%0A");
}
.lp-tactics__frame-list:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.lp-tactics__list {
  max-width: 1135px;
  width: 90%;
  margin: 32px auto 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lp-tactics__item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.lp-tactics__item + * {
  border-left: 1px solid #ee0033;
}
.lp-tactics__item-title {
  height: 50px;
  background-image: url("data:image/svg+xml,%3Csvg width='222' height='54' viewBox='0 0 222 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.65' d='M13.22 53.03L0 26.52L13.22 0H207.99L221.21 26.52L207.99 53.03H13.22Z' fill='url(%23paint0_linear)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='0' y1='26.5166' x2='221.205' y2='26.5166' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23EE0033'/%3E%3Cstop offset='0.0655' stop-color='%23DF003C'/%3E%3Cstop offset='0.5289' stop-color='%23760078'/%3E%3Cstop offset='0.8499' stop-color='%2334009E'/%3E%3Cstop offset='1' stop-color='%231A00AD'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  line-height: 50px;
  font-size: 14px;
  text-transform: uppercase;
}
.lp-tactics__item-value {
  display: block;
  font-size: 15px;
  padding: 28px 15px;
}
.lp-tactics__footer {
  text-align: center;
  margin-bottom: 65px;
}
.lp-testimonial {
  margin: 0 0 80px;
}
@media (max-width: 767px) {
  .lp-testimonial {
    margin: 0 0 60px;
  }
}
.lp-testimonial__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .lp-testimonial__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 40px;
  }
}
.lp-testimonial__item-img {
  width: 136px;
  height: 136px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 12px;
  background-image: url("data:image/svg+xml,%3Csvg width='153' height='153' viewBox='0 0 153 153' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M140.63 87.2802C146.693 51.7535 122.807 18.039 87.2802 11.9767C51.7535 5.91446 18.039 29.8001 11.9767 65.3268C5.91445 100.853 29.8001 134.568 65.3268 140.63C100.853 146.693 134.568 122.807 140.63 87.2802Z' stroke='%23FFD773' stroke-miterlimit='10'/%3E%3Cpath d='M49.1247 138.307C41.4047 134.917 34.4547 130.157 28.4547 124.157C22.1247 117.827 17.1847 110.447 13.7547 102.207C10.5147 94.4073 8.78475 86.1573 8.61475 77.6873H16.9447C17.1147 85.0473 18.6247 92.2173 21.4547 99.0173C24.4647 106.247 28.7947 112.717 34.3347 118.267L35.3147 119.247L38.2647 116.297C42.8647 120.667 48.1047 124.187 53.8947 126.757L52.2947 130.617L53.5747 131.147C60.8047 134.147 68.4447 135.677 76.2947 135.677C84.1447 135.677 91.7947 134.157 99.0147 131.147C106.245 128.147 112.715 123.807 118.265 118.267L119.245 117.287L116.285 114.337C120.975 109.407 124.675 103.727 127.295 97.4373C130.085 90.7173 131.505 83.6073 131.505 76.3073C131.505 69.0073 130.085 61.8973 127.295 55.1773C124.505 48.4573 120.475 42.4373 115.315 37.2773C110.155 32.1173 104.135 28.0873 97.4147 25.2973C90.6947 22.5073 83.5847 21.0873 76.2847 21.0873C68.9847 21.0873 61.8747 22.5073 55.1547 25.2973C48.4347 28.0873 42.4147 32.1173 37.2547 37.2773C32.0947 42.4373 28.0647 48.4573 25.2747 55.1773C22.6547 61.4673 21.2447 68.1073 21.0847 74.9173H19.6947C19.8647 67.9173 21.3047 61.1073 23.9947 54.6473C26.8547 47.7573 30.9947 41.5873 36.2747 36.2973L37.2547 35.3173L34.3047 32.3673C39.7647 27.1473 46.0547 23.0473 53.0247 20.1573L54.3047 19.6273L51.6647 13.2373C59.5347 10.1473 67.8148 8.58734 76.3047 8.58734C84.8047 8.58734 93.0747 10.1473 100.925 13.2273L98.2847 19.6173L99.5647 20.1473C106.965 23.2173 113.595 27.6473 119.275 33.3273C124.955 39.0073 129.395 45.6373 132.455 53.0373L132.985 54.3173L139.365 51.6773C142.445 59.5273 144.005 67.8073 144.005 76.2973C144.005 84.7973 142.445 93.0673 139.365 100.917L132.985 98.2673L132.455 99.5473C129.385 106.947 124.955 113.577 119.275 119.257C113.595 124.937 106.965 129.377 99.5647 132.447C92.1847 135.507 84.3548 137.057 76.3047 137.057C68.2547 137.057 60.4247 135.507 53.0447 132.447L51.7647 131.917L49.1247 138.307Z' fill='%23FFD773'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 23px;
  position: relative;
}
.lp-testimonial__item-img img {
  position: absolute;
  margin: auto;
  -o-object-fit: cover;
     object-fit: cover;
  width: calc(100% - 23px * 2);
  height: calc(100% - 23px * 2);
}
.lp-testimonial__item-text {
  margin: 0 200px 0 0;
  max-width: 737px;
}
@media (max-width: 767px) {
  .lp-testimonial__item-text {
    margin: 0;
  }
}
.lp-testimonial__item-heading {
  font-size: 17px;
  font-weight: 400;
  margin-bottom: 5px;
}
.lp-testimonial__item-name {
  font-size: 21px;
  color: #FFD773;
  font-weight: 400;
}
.lp-testimonial__item-comment {
  font-size: 16px;
}
.lp-testimonial__item:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media (max-width: 767px) {
  .lp-testimonial__item:nth-child(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.lp-testimonial__item:nth-child(even) .lp-testimonial__item-text {
  margin: 0;
  text-align: right;
}
@media (max-width: 767px) {
  .lp-testimonial__item:nth-child(even) .lp-testimonial__item-text {
    text-align: left;
  }
}
.lp-testimonial__item:nth-child(even) .lp-testimonial__item-img {
  margin-right: 0;
  margin-left: 12px;
}
.lp-qna {
  margin: 80px 0 60px;
  position: relative;
}
@media (max-width: 991px) {
  .lp-qna {
    margin: 40px 0;
  }
}
.lp-qna .lp-section-header {
  background-image: url("../images_content/bg-title-section-5.svg");
}
.lp-qna__list {
  text-align: center;
}
.lp-qna__item {
  cursor: pointer;
}
.lp-qna__item:not(:last-child) {
  margin: 0 0 30px;
}
@media (max-width: 991px) {
  .lp-qna__item:not(:last-child) {
    margin: 0 0 15px;
  }
}
.lp-qna__name {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 21px;
  font-weight: 400;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 28px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 991px) {
  .lp-qna__name {
    font-size: 18px;
    line-height: 24px;
  }
}
.lp-qna__name:before,
.lp-qna__name:after {
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.16992 3.44L13.9899 8.26L9.16992 13.08H10.2999L12.5699 10.81H13.2899L15.7299 8.37L13.3199 5.96H12.6599L10.1399 3.44C9.75992 3.44 9.54992 3.44 9.16992 3.44Z' fill='white'/%3E%3Cpath d='M5.59003 15.88L5.03003 15.28L12.43 8.26L5.03003 1.23L5.59003 0.629997L13.63 8.26L5.59003 15.88Z' fill='white'/%3E%3Cpath d='M9.79291 8.38319L5.37354 3.96382L0.95416 8.38319L5.37354 12.8026L9.79291 8.38319Z' fill='white'/%3E%3C/svg%3E%0A");
  margin: 0 15px 0 0;
}
.lp-qna__name:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  margin: 0 0 0 15px;
}
.lp-qna__info {
  padding: 5px 20px 0;
}
.lp-qna__des {
  color: #FFD773;
  font-family: 'FS PFBeauSansPro', sans-serif;
  font-size: 21px;
  line-height: 28px;
}
@media (max-width: 991px) {
  .lp-qna__des {
    font-size: 16px;
    line-height: 24px;
  }
}
.lp-qna__des:not(:last-child) {
  margin-bottom: 10px;
}
.lp-experience__frame {
  background-image: url("data:image/svg+xml,%3Csvg width='843' height='504' viewBox='0 0 843 504' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M731.45 498.45H90.8101V500.62H731.45V498.45Z' fill='white'/%3E%3Cpath d='M787.42 503.88H775.71V495.19H787.42C813.01 495.19 833.82 474.37 833.82 448.79H842.51C842.51 479.16 817.8 503.88 787.42 503.88Z' fill='white'/%3E%3Cpath d='M836.66 70.8H827.97V59.09C827.97 33.5 807.15 12.69 781.56 12.69V4C811.94 4 836.65 28.72 836.65 59.09V70.8H836.66Z' fill='white'/%3E%3Cpath d='M8.69 64.95H0C0 34.57 24.71 9.84998 55.09 9.84998H66.8V18.54H55.09C29.51 18.54 8.69 39.36 8.69 64.95Z' fill='white'/%3E%3Cpath d='M55.09 495.19V503.88C24.72 503.88 0 479.16 0 448.78V437.07H8.69V448.78C8.69 474.37 29.51 495.19 55.09 495.19Z' fill='white'/%3E%3Cpath d='M753.9 13.11H92.23V15.28H753.9V13.11Z' fill='white'/%3E%3Cpath d='M483.43 0H97.6599V6.88H483.43V0Z' fill='white'/%3E%3Cpath d='M582.83 0H499.37V6.88H582.83V0Z' fill='white'/%3E%3Cpath d='M618.49 0H592.06V6.88H618.49V0Z' fill='white'/%3E%3Cpath d='M647.09 0H631.7V6.88H647.09V0Z' fill='white'/%3E%3Cpath d='M667.19 0H659.04V6.88H667.19V0Z' fill='white'/%3E%3Cpath d='M687.01 0H678.86V6.88H687.01V0Z' fill='white'/%3E%3Cpath d='M706.83 0H698.68V6.88H706.83V0Z' fill='white'/%3E%3Cpath d='M726.66 0H718.51V6.88H726.66V0Z' fill='white'/%3E%3Cpath d='M746.48 0H738.33V6.88H746.48V0Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  width: 843px;
  max-width: 100%;
  height: auto;
  padding: 36px 40px;
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lp-experience__video {
  border-radius: 30px;
  border: 2px solid #fff;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
}
.lp-experience__video > * {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1199px) {
  .lp-packs:before {
    display: none;
  }
  .lp-hero__img {
    right: -320px;
  }
  .lp-testimonial {
    margin-bottom: 40px;
  }
  .lp-packs .lp-section-header {
    margin-bottom: 5px;
  }
  .lp-tactics__frame {
    background: unset;
    margin-bottom: 0;
    padding-top: 0;
  }
}
@media (max-width: 991px) {
  .lp-section-title {
    font-size: 32px;
  }
  .lp-warp--netgame {
    height: 6143px;
    background-size: cover;
  }
  .lp-packs__list {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .lp-warp--netgame .footer {
    margin-bottom: 110px;
  }
}
@media (max-width: 767px) {
  .lp-packs__item-img {
    max-height: 164px;
    overflow: hidden;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .lp-main {
    margin-bottom: 0;
  }
  .lp-packs__list {
    max-width: 346px;
    margin: 0 auto;
  }
  .lp-packs__item {
    margin-bottom: 20px;
  }
  .lp-section-header {
    background-image: url('../images_content/bg-title-section-mb-1.svg') !important;
    margin-bottom: 35px;
    min-height: 45px;
  }
  .lp-tactics__frame-heading .lp-tactics__frame-title strong {
    display: block;
    font-size: 32px;
  }
  .lp-tactics__frame-heading {
    font-size: 20px;
  }
  .lp-footer--netgame {
    margin-bottom: 30px;
  }
  .lp-packs__item:nth-child(5) .lp-packs__item-img {
    max-height: 190px;
  }
  .lp-packs__item:nth-child(6) .lp-packs__item-img {
    max-height: 275px;
  }
  .lp-endurance__list {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: 0 -15px;
  }
  .lp-endurance__item {
    width: 50%;
    margin-bottom: 15px;
  }
  .lp-hero__desc {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 18px;
  }
  .lp-hero__img {
    right: -150px;
    top: 30px;
    opacity: 0.6;
  }
  .lp-hero__subtitle {
    font-size: 45px;
  }
  .lp-hero__title {
    font-size: 60px;
  }
  .lp-hero__slogan {
    font-size: 23px;
    margin-top: 10px;
  }
  .lp-warp--netgame .lp-hero .btn {
    margin-left: calc((100% - 243px) / 2);
  }
  .lp-section-title {
    font-size: 15px;
  }
  .lp-warp--netgame {
    height: auto;
    background-image: url("../images_content/bg-net-game-mobile.jpg");
  }
  .lp-endurance__item-symbol {
    margin-bottom: 5px;
  }
  .lp-endurance__item-title {
    min-height: unset;
    font-size: 18px;
  }
  .lp-packs .lp-section-header {
    background-image: url("data:image/svg+xml,%3Csvg width='375' height='52' viewBox='0 0 375 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M351.014 22.7957H378.147L384.043 31.6406H603.904' stroke='white' stroke-width='0.842376' stroke-miterlimit='10'/%3E%3Cpath d='M11.8898 22.7957H-15.2431L-21.1397 31.6406H-241' stroke='white' stroke-width='0.842376' stroke-miterlimit='10'/%3E%3Cpath d='M355.919 1.50146L364.739 16.2644V1.50146H355.919Z' fill='white'/%3E%3Cpath d='M21.837 50.1335L13.0173 35.3706V50.1335H21.837Z' fill='white'/%3E%3Cpath d='M366.083 51.374H22.5657L22.5067 51.2824L11.6611 33.354V0H355.174L365.636 17.3009V17.4349L366.083 51.374ZM22.7257 50.7113H365.678L365.244 17.5829L355.014 0.655659H12.057V33.079L22.7257 50.7113Z' fill='white'/%3E%3C/svg%3E%0A") !important;
  }
  .lp-packs .lp-section-title {
    font-size: 15px;
  }
  .lp-packs__item {
    width: calc(50% - 5px) !important;
    margin-right: 0 !important;
  }
  .lp-packs__item:nth-child(even) {
    margin-left: 10px;
  }
  .lp-packs__item:nth-child(3) .lp-packs__item-level:before,
  .lp-packs__item:nth-child(5) .lp-packs__item-level:before {
    content: url("data:image/svg+xml,%3Csvg width='93' height='5' viewBox='0 0 93 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M92.29 1.81006H0V2.54006H92.29V1.81006Z' fill='white'/%3E%3Cpath d='M71.95 0H64.76L63.5 2.18L64.76 4.36H71.95L73.21 2.18L71.95 0Z' fill='white'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: -3px;
    left: 9px;
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  .lp-packs__item-img img {
    width: auto;
  }
  .lp-packs__item-title {
    font-size: 16px;
  }
  .lp-packs__item-desc {
    font-size: 14px;
    text-align: left;
  }
  .lp-tactics__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    width: 100%;
  }
  .lp-tactics__frame-list:before,
  .lp-tactics__frame-list:after {
    content: url("data:image/svg+xml,%3Csvg width='331' height='15' viewBox='0 0 331 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M231.048 7.83978L327.172 7.83978L327.172 6.68979L231.048 6.68978L231.048 7.83978Z' fill='white'/%3E%3Cpath d='M327.173 9.41455L321.814 9.41455L321.814 11.1945L327.173 11.1945L327.173 9.41455Z' fill='white'/%3E%3Cpath d='M0.260651 1.15L330.971 1.15002L330.971 3.05176e-05L0.260651 8.37882e-06L0.260651 1.15Z' fill='white'/%3E%3Cpath d='M1.10205 14.569L1.10205 2.27899L0.314345 2.27899L0.314343 14.569L1.10205 14.569Z' fill='white'/%3E%3Cpath d='M331 14.5741L331 2.28406L330.212 2.28406L330.212 14.5741L331 14.5741Z' fill='white'/%3E%3C/svg%3E%0A");
  }
  .lp-testimonial__item-name {
    font-size: 18px;
  }
  .lp-testimonial__item-heading {
    font-size: 16px;
  }
  .lp-testimonial__item-comment {
    font-size: 14px;
  }
  .lp-qna__name,
  .lp-qna__des {
    font-size: 14px;
  }
  .lp-footer__des {
    font-size: 14px;
  }
  .lp-footer__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .lp-footer__copyright {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9;
    margin-top: 50px;
  }
  .lp-footer__list {
    margin-bottom: 0;
    margin-top: 152px;
  }
  .lp-tactics__item {
    border-bottom: 1px solid #EE0033;
    margin-bottom: 20px;
    padding: 0 10px;
  }
  .lp-tactics__item-title {
    height: 53px;
    line-height: 1.5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='141' height='54' viewBox='0 0 141 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.65' d='M9.31178 53.574L0.945068 27.079L9.31178 0.574036H132.578L140.945 27.079L132.578 53.574H9.31178Z' fill='url(%23paint0_linear)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='0.945068' y1='27.0756' x2='140.942' y2='27.0756' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23EE0033'/%3E%3Cstop offset='0.0655' stop-color='%23DF003C'/%3E%3Cstop offset='0.5289' stop-color='%23760078'/%3E%3Cstop offset='0.8499' stop-color='%2334009E'/%3E%3Cstop offset='1' stop-color='%231A00AD'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
  }
  .lp-tactics__item-value {
    padding: 18px 15px;
  }
  .lp-tactics__item:nth-child(3) {
    -ms-grid-column-span: 2;
    -ms-grid-column: 1;
        grid-column: 1 / span 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .lp-tactics__item:nth-child(3) > * {
    width: calc(50% - 10px);
  }
  .lp-tactics__item + * {
    border-left: 0;
  }
  .lp-tactics__footer {
    margin-top: 30px;
  }
  .lp-tactics__frame-title {
    margin-bottom: 0;
  }
  .lp-experience__frame {
    padding: 28px 40px;
    margin-bottom: 200px;
  }
  .lp-warp--netgame .footer {
    margin-top: 0;
    margin-bottom: 170px;
  }
  .lp-warp--netgame .footer__contact {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .lp-warp--netgame .footer__contact-item {
    padding: 0 10px;
  }
  .lp-warp--netgame .footer__contact-item + * {
    margin-top: 20px;
  }
  .lp-warp--netgame .footer__contact-item + *:before {
    display: none;
  }
  .lp-hero {
    min-height: 700px;
  }
  .lp-hero__text {
    margin-top: 90px;
  }
  .lp-experience__video {
    border-radius: 10px;
  }
  .lp-tactics__frame-heading strong {
    font-size: 32px;
  }
}
@media (max-width: 359px) {
  .lp-packs .lp-section-title,
  .lp-section-title {
    font-size: 14px;
  }
}