/*=========================*/
/*=========================*/
/*=========================*/
/*=========================*/
/*=========================*/
/*=========================*/
::-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: #979797;
    color: #44494d;
}
.button--normal:hover {
    background-color: #979797;
    border-color: #979797 !important;
    color: #fff;
}
.button--normal:before {
    background-color: #979797;
}
.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: #e4e4e4;
    border-color: #e4e4e4;
    color: #727272;
    pointer-events: none;
}
.button[readonly],
.button[disabled] {
    background-color: #e4e4e4;
    border-color: #e4e4e4;
    color: #727272;
}
.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: 500;
    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-result {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14);
    padding: 12px;
}
.form-result__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;
}
.form-result__item:not(:last-child) {
    margin: 0 0 15px;
}
.form-result__icon {
    color: #ee0033;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 8px 0 0;
}
.form-result__icon i {
    font-size: 20px;
}
.form-result__name {
    color: #44494d;
    -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;
}
.form-result__name span {
    color: #8f9294;
    font-weight: 400;
}
.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%;
}
.form-calendar {
    position: relative;
}
.form-calendar__icon {
    color: #b5b4b4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}
.form-calendar__icon i {
    font-size: 20px;
}
.form-calendar__action {
    color: #44494d;
    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;
}
.form-calendar__action i {
    font-size: 14px;
}
@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 25px;
}
.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: 20px;
    margin-bottom: -1px;
    padding: 0 0 5px;
    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;
}
.noti-text {
    color: #ee0033;
    font-size: 12px;
    font-style: italic;
    line-height: 18px;
    margin: 8px 0 0;
}
@media (max-width: 991px) {
    .noti-text {
        font-style: inherit;
    }
}
.note-text {
    color: #727272;
    font-size: 12px;
    font-style: italic;
    line-height: 18px;
    margin: 8px 0 0;
}
@media (max-width: 991px) {
    .note-text {
        font-size: 10px;
        line-height: 16px;
    }
}
.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: 18px;
}
@media (max-width: 991px) {
    .info-check__icon i {
        font-size: 16px;
    }
}
.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;
}
.info-check__choose {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 15px 0 0;
}
.info-check__choose .radio-custom1:not(:last-child) {
    margin: 0 60px 0 0;
}
.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;
    margin-bottom: 10px;
}
@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;
    margin-bottom: 10px;
}
.intro-code__content input{
    height: 46px;
}
@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 {
    -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-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;
}
@media (max-width: 991px) {
    .form-horizontal .form-input {
        width: 100%;
    }
}
.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;
}
@media (max-width: 991px) {
    .form-horizontal.hide-sp {
        display: none;
    }
}
.form-horizontal.hide-pc {
    display: none;
}
@media (max-width: 991px) {
    .form-horizontal.hide-pc {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}
.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 .noti-text {
    margin: 0;
}
.form-input__info .note-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
}
@media (max-width: 991px) {
    .form-input__info .note-text {
        color: #b5b4b4;
        font-size: 14px;
        font-style: inherit;
        line-height: 20px;
    }
}
.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 {
    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 30px;
    }
}
.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;
}
.check-fee__txt {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
}
.check-fee__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 35px;
    text-align: center;
    text-transform: uppercase;
}
@media (max-width: 991px) {
    .check-fee__title {
        color: #000;
        font-size: 24px;
        line-height: 32px;
        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: 700;
    line-height: 36px;
    margin: 0 0 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@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;
}
@media (max-width: 991px) {
    .check-fee__box:not(:last-child) {
        margin: 0 0 12px;
    }
}
.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: 1.5px solid #e6e6e6;
        border-radius: 8px;
        padding: 10px 15px 20px;
    }
}
.info-fee .check-fee__sub {
    margin: 0 0 15px;
}
@media (max-width: 991px) {
    .info-fee .check-fee__sub {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 8px;
    }
}
@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;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 60%;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    font-size: 16px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media (max-width: 991px) {
    .info-fee__name {
        font-size: 14px;
        line-height: 20px;
    }
}
.info-fee__price {
    color: #44494d;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(40% - 20px);
    -ms-flex: 0 0 calc(40% - 20px);
    flex: 0 0 calc(40% - 20px);
    font-size: 20px;
    font-weight: 500;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    line-height: 30px;
    margin: 0 0 0 20px;
}
@media (max-width: 991px) {
    .info-fee__price {
        color: #ee0033;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }
}
.info-fee__price.highlight {
    color: #ee0033;
    font-weight: 700;
}
.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;
        margin: 5px 0 0;
    }
}
.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 {
        padding: 4px 10px 6px 10px;
        width: 215px;
    }
}
.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;
}
@media (max-width: 991px) {
    .choose-fee {
        background-color: #fff;
        border: 1px solid #d1d1d1;
        border-radius: 12px 12px 12px 0;
        padding: 10px 15px 20px;
    }
}
.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;
}
@media (max-width: 991px) {
    .choose-fee__list {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding: 0 0 5px;
    }
}
.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: 700;
    -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 20px 10px 0;
    padding: 5px 2px;
    text-align: center;
    width: 90px;
}
@media (max-width: 991px) {
    .choose-fee__item {
        margin: 0 12px 0 0;
    }
}
.choose-fee__item:last-child {
    margin: 0 0 10px;
}
@media (max-width: 991px) {
    .choose-fee__item:last-child {
        margin: 0;
    }
}
.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;
}
.choose-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: 15px 0 0;
}
@media (max-width: 991px) {
    .choose-fee__btn {
        margin: 20px 0 0;
    }
}
.choose-fee__btn .button {
    width: 280px;
}
@media (max-width: 991px) {
    .choose-fee__btn .button {
        padding: 4px 10px 6px 10px;
        width: 215px;
    }
}
.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;
    }
}
@media (max-width: 991px) {
    .request-fee {
        background-color: #fff;
        border: 1px solid #d1d1d1;
        border-radius: 12px 12px 12px 0;
        padding: 10px 15px 20px;
    }
}
.request-fee .note-text {
    margin: 15px 0 0;
}
@media (max-width: 991px) {
    .request-fee .note-text {
        font-size: 12px;
        line-height: 18px;
    }
}
@media (max-width: 991px) {
    .request-fee .input-search {
        background-color: #fbfbfb;
    }
}
.request-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: 25px 0 0;
}
@media (max-width: 991px) {
    .request-fee__btn {
        margin: 15px 0 0;
    }
}
.request-fee__btn .button {
    width: 280px;
}
@media (max-width: 991px) {
    .request-fee__btn .button {
        padding: 4px 10px 6px 10px;
        width: 215px;
    }
}
.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: 20px;
    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: 20px;
    margin: 0 0 8px;
    overflow: hidden;
    padding: 0 50px 0 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.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: 10px;
    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%;
    margin: 0 auto;
    width: 100%;
}
.upload-files__date {
    bottom: 10px;
    color: #ee0033;
    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 {
    position: absolute;
    top: 3px;
    width: 100%;
    z-index: 9;
}
.upload-files__icon {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 12px;
    color: #ee0033;
    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: 25px;
}
@media (max-width: 991px) {
    .upload-files__icon:first-child {
        right: 20px;
    }
}
.upload-files__icon:last-child {
    right: 0;
}
.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__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;
}
@media (max-width: 991px) {
    .contract-form__head {
        -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;
    }
}
.contract-form__head .contract-form__name {
    margin: 0;
}
.contract-form__head .check-box {
    margin: 0 0 0 20px;
}
@media (max-width: 991px) {
    .contract-form__head .check-box {
        margin: 0;
    }
}
.contract-form__head .check-box__txt {
    color: #ee0033;
    font-size: 14px;
    font-weight: 500;
}
.contract-form__name {
    color: #000;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 15px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.contract-form__subname {
    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;
}
.contract-form__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;
    margin: 0 0 0 20px;
}
.contract-form__action:hover {
    color: #d11313;
}
.contract-form__action-name {
    font-family: 'FS PFBeauSansPro', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.02em;
}
.contract-form__action-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0 8px;
}
.contract-form__action-icon i {
    font-size: 16px;
}
.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;
    line-height: 36px;
}
@media (max-width: 991px) {
    .contract-form__box .contract-form__name {
        font-size: 18px;
        line-height: 28px;
        margin: 0 0 12px;
    }
}
@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;
}
.contract-address {
    margin: 15px 0 0;
}
.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: 700;
    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 {
    margin: 20px 0 0;
}
.pack-detail__basic-name {
    color: #727272;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    overflow: hidden;
    text-align: center;
    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-align: center;
    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: 700;
    line-height: 36px;
    margin: 0 0 15px;
    text-align: center;
}
@media (max-width: 991px) {
    .modal-data__title {
        font-size: 20px;
        line-height: 30px;
    }
}
.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: 0 0 15px;
}
.modal-data__images--success {
    color: #03a678;
}
.modal-data__images--warning {
    color: #d11313;
}
.modal-data__images i {
    font-size: 70px;
}
.modal-data__content .modal-data__images {
    margin: 15px 0;
}
.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: 700;
    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-size: 14px;
    font-weight: 700;
    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: 16px;
    line-height: 24px;
    margin: 15px 0 0;
    text-align: center;
}
@media (max-width: 991px) {
    .modal-data__des {
        font-size: 14px;
        line-height: 20px;
    }
}
.modal-data__des span {
    color: #44494d;
}
.modal-data__noti {
    color: #ee0033;
    font-size: 14px;
    font-style: italic;
    line-height: 24px;
    margin: 20px 0 0;
    text-align: center;
}
@media (max-width: 991px) {
    .modal-data__noti {
        font-size: 12px;
        line-height: 18px;
        margin: 15px 0 0;
    }
}
.modal-data__note {
    color: #44494d;
    font-size: 14px;
    font-style: italic;
    line-height: 20px;
    margin: 15px 0 0;
    text-align: center;
}
@media (max-width: 991px) {
    .modal-data__note {
        font-size: 12px;
        line-height: 18px;
    }
}
.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__choose {
    margin: 15px 0;
}
.modal-data__choose .check-box:not(:last-child) {
    margin: 0 0 15px;
}
.modal-data__choose .check-box__txt {
    color: #727272;
}
.modal-data__choose .check-box__input:checked ~ .check-box__txt {
    color: #727272;
}
.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: 362px;
}
@media (max-width: 991px) {
    .modal-data__btn .button {
        min-width: auto;
        width: 100%;
    }
}
.modal-data__btn--2column {
    margin: 25px -8px 0;
}
.modal-data__btn--2column .button {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 8px;
    min-width: auto;
    padding: 8px 12px 10px 12px;
}
.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;
        width: 100%;
    }
}
.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;
        width: 100%;
    }
    .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;
}
@media (max-width: 991px) {
    .payment-choose {
        width: 100%;
    }
}
.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;
}
@media (max-width: 991px) {
    .current-pack {
        width: 100%;
    }
}
.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;
        top: 0;
    }
}
.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;
        text-align: left;
    }
}
.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;
}
@media (max-width: 991px) {
    .use-points {
        margin: 0;
        width: 100%;
    }
}
.use-points__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;
}
.use-points__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 8px 0 0;
    width: 30px;
}
.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-family: 'FS PFBeauSansPro', sans-serif;
        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;
}
@media (max-width: 991px) {
    .use-points__des {
        color: #44494d;
        font-size: 10px;
        font-style: italic;
        line-height: 16px;
    }
}
.use-points__action {
    display: none;
    margin: 0 0 0 20px;
}
@media (max-width: 991px) {
    .use-points__action {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}
.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;
    overflow-x: auto;
}
.contract-pay__list::-webkit-scrollbar {
    display: none;
}
.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 - 15px);
    -ms-flex: 0 0 calc(100% / 2 - 15px);
    flex: 0 0 calc(100% / 2 - 15px);
    margin: 0 30px 0 0;
    overflow: hidden;
    width: calc(100% / 2 - 15px);
}
@media (max-width: 575px) {
    .contract-pay__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);
    }
}
.contract-pay__item:last-child {
    margin: 0;
}
.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;
}
@media (max-width: 991px) {
    .contract-pay .radio-custom1 {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}
.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: 700;
    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__label {
    color: #4b4b4b;
    display: none;
    font-family: 'FS PFBeauSansPro', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 10px;
    position: relative;
}
@media (max-width: 991px) {
    .duration-pay__label {
        display: block;
    }
}
.duration-pay__label i {
    margin: 0 0 0 2px;
}
.duration-pay__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px;
}
@media (max-width: 991px) {
    .duration-pay__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0;
    }
}
.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);
}
@media (max-width: 991px) {
    .duration-pay__item {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 0 0 8px;
        padding: 12px 15px;
        width: 100%;
    }
    .duration-pay__item:last-child {
        margin: 0;
    }
}
.duration-pay__item.opened .duration-pay__detail {
    display: block;
}
.duration-pay__item.opened .duration-pay__action {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.duration-pay__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 2px;
}
.duration-pay__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: 700;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media (max-width: 991px) {
    .duration-pay__name {
        font-size: 16px;
        line-height: 24px;
    }
}
.duration-pay__action {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #44494d;
    cursor: pointer;
    display: none;
    height: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 0 15px;
}
@media (max-width: 991px) {
    .duration-pay__action {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}
.duration-pay__action i {
    font-size: 6px;
}
.duration-pay__sub {
    color: #44494d;
    font-size: 16px;
    line-height: 24px;
    margin: 2px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media (max-width: 991px) {
    .duration-pay__sub {
        font-size: 14px;
        line-height: 20px;
        margin: 4px 0 0;
    }
}
.duration-pay__detail {
    margin: 15px 0 0;
}
@media (max-width: 991px) {
    .duration-pay__detail {
        display: none;
        margin: 10px 0 0;
    }
}
.duration-pay .radio-custom1 {
    padding: 0 0 0 28px;
}
@media (max-width: 991px) {
    .duration-pay .radio-custom1 {
        font-size: 12px;
    }
}
.duration-pay .radio-custom1 input:checked ~ .checkmark ~ span {
    font-weight: 400;
}
.duration-pay .radio-custom1:not(:last-child) {
    margin: 0 0 15px;
}
@media (max-width: 991px) {
    .duration-pay .radio-custom1:not(:last-child) {
        margin: 0 0 12px;
    }
}
.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 0 30px;
    padding: 0 0 10px;
}
@media (max-width: 991px) {
    .pay-method {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 0 0 20px;
        overflow-x: auto;
        padding: 0 0 5px;
    }
}
@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 0 20px;
        overflow-x: auto;
        padding: 0 0 5px;
    }
}
@media (max-width: 1180px) {
    .pay-method--full .pay-method__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(100% / 4 - 8px);
        -ms-flex: 0 0 calc(100% / 4 - 8px);
        flex: 0 0 calc(100% / 4 - 8px);
        margin: 0 16px 0 0;
        width: calc(100% / 4 - 8px);
    }
    .pay-method--full .pay-method__item:last-child {
        margin: 0;
    }
}
@media (max-width: 991px) {
    .pay-method--full .pay-method__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(100% / 3 - 8px);
        -ms-flex: 0 0 calc(100% / 3 - 8px);
        flex: 0 0 calc(100% / 3 - 8px);
        width: calc(100% / 3 - 8px);
    }
}
@media (max-width: 575px) {
    .pay-method--full .pay-method__item {
        -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);
        width: calc(100% / 2 - 8px);
    }
}
.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 30px 0 0;
    min-height: 156px;
    padding: 15px;
    position: relative;
    text-align: center;
    width: 205px;
}
@media (max-width: 991px) {
    .pay-method__item {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border: 1px solid #eee;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(100% / 2 - 5px);
        -ms-flex: 0 0 calc(100% / 2 - 5px);
        flex: 0 0 calc(100% / 2 - 5px);
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0 10px 0 0;
        min-height: auto;
        padding: 4px;
        width: calc(100% / 2 - 5px);
    }
}
.pay-method__item:last-child {
    margin: 0;
}
.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__item.selected .pay-method__name,
.pay-method__item:hover .pay-method__name {
    color: #ee0033;
}
.pay-method__images {
    height: 72px;
    margin: 0 auto;
    position: relative;
    width: 72px;
}
@media (max-width: 991px) {
    .pay-method__images {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 30px;
        -ms-flex: 0 0 30px;
        flex: 0 0 30px;
        height: 30px;
        margin: 0 5px 0 0;
        width: 30px;
    }
}
.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;
}
@media (max-width: 991px) {
    .pay-method__badge {
        display: none;
    }
}
.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: 700;
    line-height: 28px;
    margin: 10px 0 0;
}
@media (max-width: 991px) {
    .pay-method__name {
        color: #b5b4b4;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        margin: 5px 0 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}
.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;
    margin: 10px 0 0;
    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 .hot-line {
        display: none;
    }
}
.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 10px;
    text-align: center;
    text-transform: uppercase;
}
@media (max-width: 991px) {
    .recharge-history__title {
        font-size: 24px;
        letter-spacing: 0;
        line-height: 32px;
    }
}
.recharge-history__des {
    color: #ee0033;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    margin: 5px 0 10px;
}
.recharge-history__detail {
    margin: 30px 0 40px;
}
@media (max-width: 991px) {
    .recharge-history__detail {
        margin: 20px 0 0;
    }
}
.recharge-history__row:not(:last-child) {
    margin: 0 0 10px;
}
@media (max-width: 991px) {
    .recharge-history__row:not(:last-child) {
        margin: 0 0 20px;
    }
}
.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 20px;
}
@media (max-width: 991px) {
    .recharge-history__top {
        margin: 0 0 12px;
    }
}
.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: 700;
    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: 700;
    line-height: 20px;
    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: 991px) {
    .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 20px 15px;
    width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
    .recharge-history__item {
        -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 12px;
        padding: 12px 20px;
        width: 100%;
    }
    .recharge-history__item:last-child {
        margin: 0;
    }
}
.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 {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        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: 4px 0 0;
    }
}
.recharge-history__right .recharge-history__time {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
}
.recharge-history__time {
    color: #44494d;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 0 20px;
}
@media (max-width: 991px) {
    .recharge-history__time {
        color: #b5b4b4;
        margin: 10px 0 0;
    }
}
.recharge-history__time-sp {
    color: #b5b4b4;
    display: none;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 0 5px;
}
@media (max-width: 991px) {
    .recharge-history__time-sp {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
}
.recharge-history__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 22px 0 0;
}
@media (max-width: 991px) {
    .recharge-history__btn {
        margin: 0 0 0 20px;
    }
}
.recharge-history__btn .button {
    padding: 4px 15px 6px;
    width: 124px;
}
@media (max-width: 991px) {
    .recharge-history__btn .button {
        width: 114px;
    }
}
.recharge-history__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;
    margin: 0 10px 0 0;
    width: 52px;
}
@media (max-width: 991px) {
    .recharge-history__icon {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 30px;
        -ms-flex: 0 0 30px;
        flex: 0 0 30px;
        height: 30px;
        margin: 0 0 0 15px;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        width: 30px;
    }
}
.recharge-history__icon img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.recharge-history__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;
    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: 700;
    line-height: 28px;
    margin: 0 0 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media (max-width: 991px) {
    .recharge-history__name {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 8px;
    }
}
.recharge-history__num {
    color: #44494d;
    font-size: 16px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media (max-width: 991px) {
    .recharge-history__num {
        font-size: 14px;
        line-height: 20px;
    }
}
.recharge-history__price {
    color: #727272;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    line-height: 24px;
    margin: 4px 0 0;
}
@media (max-width: 991px) {
    .recharge-history__price {
        font-size: 14px;
        line-height: 20px;
        margin: 0;
    }
}
.recharge-history__price span {
    color: #ee0033;
    font-weight: 700;
    margin: 0 0 0 5px;
}
@media (max-width: 991px) {
    .recharge-history__price span {
        font-family: 'FS PFBeauSansPro', sans-serif;
        font-size: 16px;
        line-height: 24px;
    }
}
.recharge-history .nav-pills {
    margin: 20px auto 30px;
    max-width: 750px;
    width: 100%;
}
@media (max-width: 991px) {
    .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: 991px) {
    .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: 991px) {
    .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: 991px) {
    .lookup-component {
        max-width: 100%;
    }
}
.lookup-component__noti {
    color: #44494d;
    font-size: 16px;
    line-height: 24px;
    margin: 30px 0 0;
}
@media (max-width: 991px) {
    .lookup-component__noti {
        font-size: 14px;
        line-height: 20px;
    }
}
.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: 991px) {
    .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: 991px) {
    .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: 991px) {
    .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: 700;
    line-height: 28px;
    margin: 0 0 15px;
}
.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 -8px 0;
}
@media (max-width: 991px) {
    .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 - 16px);
    -ms-flex: 0 0 calc(100% / 2 - 16px);
    flex: 0 0 calc(100% / 2 - 16px);
    margin: 0 8px 15px;
    padding: 20px 25px;
    width: calc(100% / 2 - 16px);
}
@media (max-width: 991px) {
    .lookup-result__item {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 0 0 15px;
        padding: 10px 15px;
        width: 100%;
    }
    .lookup-result__item:last-child {
        margin: 0;
    }
}
.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 5px;
}
@media (max-width: 991px) {
    .lookup-result__top {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
.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;
}
@media (max-width: 991px) {
    .lookup-result__id {
        -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;
    }
}
.lookup-result__id-name {
    color: #44494d;
    font-size: 16px;
    line-height: 24px;
}
@media (max-width: 991px) {
    .lookup-result__id-name {
        font-family: 'FS PFBeauSansPro', sans-serif;
        font-size: 15px;
        font-weight: 700;
    }
}
.lookup-result__id-value {
    color: #ee0033;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 0 5px;
}
@media (max-width: 991px) {
    .lookup-result__id-value {
        font-size: 14px;
        margin: 4px 0 0;
    }
}
.lookup-result__id-number {
    color: #030f1c;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 0 5px;
}
@media (max-width: 991px) {
    .lookup-result__id-number {
        font-size: 14px;
        margin: 4px 0 0;
    }
}
.lookup-result__link {
    color: #ee0033;
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 0 20px;
}
.lookup-result__link i {
    font-size: 12px;
    margin: 0 0 0 10px;
}
.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__action {
    color: #727272;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0 20px;
}
.lookup-result__action i {
    font-size: 20px;
}
.lookup-result__name {
    color: #44494d;
    font-family: 'FS PFBeauSansPro', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    margin: 5px 0 10px;
}
@media (max-width: 991px) {
    .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: 991px) {
    .lookup-result__price {
        font-size: 16px;
        line-height: 24px;
    }
}
.lookup-result__price i {
    margin: 0 5px 0 0;
}
.lookup-result__basic {
    margin: 10px 0;
}
@media (max-width: 991px) {
    .lookup-result__basic {
        margin: 0;
    }
}
.lookup-result__basic-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) {
    .lookup-result__basic-item {
        -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;
    }
}
.lookup-result__basic-item:not(:last-child) {
    margin: 0 0 10px;
}
@media (max-width: 991px) {
    .lookup-result__basic-item:not(:last-child) {
        margin: 0 0 4px;
    }
}
.lookup-result__basic-name {
    color: #44494d;
    font-size: 16px;
    line-height: 24px;
}
@media (max-width: 991px) {
    .lookup-result__basic-name {
        font-family: 'FS PFBeauSansPro', sans-serif;
        font-size: 15px;
        font-weight: 700;
    }
}
.lookup-result__basic-value {
    color: #030f1c;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 0 5px;
}
@media (max-width: 991px) {
    .lookup-result__basic-value {
        font-size: 14px;
        margin: 4px 0 0;
    }
}
.lookup-result__info {
    -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: 10px 0 0;
    padding: 10px 0 0;
}
@media (max-width: 991px) {
    .lookup-result__info {
        border-color: #d1d1d1;
        margin: 10px -15px 0;
        padding: 10px 15px 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: 24px;
}
@media (max-width: 991px) {
    .lookup-result__status {
        font-size: 12px;
        line-height: 18px;
    }
}
.lookup-result__status img {
    border-radius: 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20px;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    height: 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: 24px;
    margin: 0 0 0 20px;
}
@media (max-width: 991px) {
    .lookup-result__time {
        color: #727272;
        font-size: 12px;
        line-height: 18px;
    }
}
.lookup-result__time i {
    margin: 0 7px 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__left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
}
.lookup-basic__content {
    background-color: #fff;
    border-radius: 8px 8px 8px 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    padding: 20px 30px;
}
@media (max-width: 991px) {
    .lookup-basic__content {
        background-color: transparent;
        padding: 0;
    }
}
.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 5px 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;
}
@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;
    }
}
.lookup-basic__choose {
    border-top: 1px solid #eee;
    margin: 15px 0 0;
    padding: 18px 0 0;
}
@media (max-width: 991px) {
    .lookup-basic__choose {
        border-top: 0;
        padding: 0;
    }
}
.lookup-basic__choose-title {
    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;
    margin: 0 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.lookup-basic__choose .radio-custom1 {
    padding: 0 0 0 28px;
}
.lookup-basic__choose .radio-custom1 span {
    color: #44494d;
    font-size: 16px;
}
@media (max-width: 991px) {
    .lookup-basic__choose .radio-custom1 span {
        color: #727272;
        font-size: 14px;
    }
}
.lookup-basic__choose .radio-custom1 input:checked ~ .checkmark ~ span {
    font-weight: 400;
}
.lookup-basic__choose .radio-custom1:not(:last-child) {
    margin: 0 0 15px;
}
.lookup-basic__time {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 18px 0 0;
}
.lookup-basic__time .form-calendar {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 195px;
    -ms-flex: 0 0 195px;
    flex: 0 0 195px;
    margin: 0 20px 0 0;
}
.lookup-basic__time .form-calendar:last-child {
    margin: 0;
}
.lookup-basic__time-box {
    background-color: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 8px 8px 8px 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 16px 0 0;
    padding: 8px 12px;
}
.lookup-basic__time-box:last-child {
    margin: 0;
}
.lookup-basic__time-sub {
    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;
    white-space: nowrap;
}
.lookup-basic__time-form {
    position: relative;
}
.lookup-basic__time-form i {
    color: #44494d;
    font-size: 20px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.lookup-basic__time-form .icon-clock-2 {
    font-size: 16px;
}
.lookup-basic__time-form .form-control {
    border: 0;
    padding: 0 15px 0 25px;
}
.lookup-basic__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) {
    .lookup-basic__btn {
        margin: 20px 0 0;
    }
}
.lookup-basic__btn .button {
    min-width: 240px;
}
@media (max-width: 991px) {
    .lookup-basic__btn .button {
        min-width: 100%;
    }
}
.lookup-basic .digital-contract {
    margin: 15px 0 0;
}
.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: 700;
    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: 551px;
    }
}
@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 35px;
}
@media (max-width: 991px) {
    .modal--internet .modal__body--success {
        padding: 0 0 30px;
    }
}
.modal--internet .form-result {
    padding: 15px 12px;
}
.modal--internet .form-result__name {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
@media (max-width: 991px) {
    .modal--internet .form-result__name {
        font-size: 14px;
        line-height: 20px;
    }
}
.modal-internet__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-internet__title {
        font-size: 18px;
        line-height: 28px;
    }
}
.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;
}
@media (max-width: 991px) {
    .select-method__head.hide-sp {
        display: none;
    }
}
.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;
    }
}
@media (max-width: 991px) {
    .select-method__list.hide-sp {
        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;
}
@media (max-width: 575px) {
    .select-method__note {
        margin: 15px 0 0;
    }
}
.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;
    border-radius: 0 0 8px 0;
}
.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: 1px solid #d1d1d1;
}
.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: 700;
    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__des strong {
    color: #ee0033;
}
.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 0 215px;
    -ms-flex: 0 0 215px;
    flex: 0 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);
    }
}
.modal-payment__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: 20px 0 0;
}
.modal-payment__button .button {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 322px;
    -ms-flex: 0 0 322px;
    flex: 0 0 322px;
    margin: 0 8px;
    width: 322px;
}
@media (max-width: 575px) {
    .modal-payment__button .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: 700;
    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 20px;
        letter-spacing: 0;
        line-height: 30px;
        text-transform: inherit;
    }
}
.policy-fee__row:not(:last-child) {
    margin: 0 0 25px;
}
@media (max-width: 991px) {
    .policy-fee__row:not(:last-child) {
        margin: 0 0 20px;
    }
}
.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: 700;
    line-height: 20px;
    margin: 0 0 20px;
    padding: 0 25px;
    position: relative;
}
@media (max-width: 991px) {
    .policy-fee__sub {
        font-family: 'FS PFBeauSansPro', sans-serif;
        font-size: 12px;
        letter-spacing: 0.02em;
        line-height: 18px;
        margin: 0 0 8px;
        padding: 0 25px 2px;
    }
}
.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;
}
@media (max-width: 991px) {
    .policy-fee__images img {
        width: 100%;
    }
}
.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: 991px) {
    .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: 991px) {
    .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: 991px) {
    .policy-fee__item:not(:last-child) {
        margin: 0 0 8px;
    }
}
.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: 991px) {
    .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: 991px) {
    .policy-fee__bg {
        margin: 10px 0 0;
    }
}
.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;
}
@media (max-width: 991px) {
    .policy-fee__btn {
        margin: 25px 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: 700;
    letter-spacing: 0.15px;
    line-height: 36px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 15px;
}
@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 15px;
}
@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: 700;
    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__des {
    margin: 0 0 30px;
    text-align: center;
}
.digital-channel__link {
    color: #ee0033;
    color: 14px;
    line-height: 20px;
    text-decoration: underline;
}
.digital-channel__link:hover {
    color: #d11313;
}
.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 .data-hot__item {
    background-color: #fff;
    border-radius: 6px 6px 6px 0;
    padding: 15px;
}
.digital-channel .data-hot__item:not(:last-child) {
    margin: 0 0 6px;
}
.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);
}
@media (max-width: 991px) {
    .step-digital__item.active .step-digital__icon,
    .step-digital__item.done .step-digital__icon {
        border-width: 1px;
    }
}
.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.active .step-digital__name,
    .step-digital__item.done .step-digital__name {
        font-weight: 400;
    }
}
@media (max-width: 991px) {
    .step-digital__item.done .step-digital__icon {
        background-color: #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 {
        height: 1px;
        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: 15px 0 0;
}
.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 10px;
}
.digital-customer__name {
    color: #44494d;
    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 {
    color: #727272;
    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;
    margin: 0 -15px;
}
@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 .upload-files__before.has-images {
    height: 180px;
}
.digital-infor .upload-files__item:last-child {
    margin: 0 auto;
}
@media (max-width: 991px) {
    .digital-infor .upload-files__item:last-child {
        margin: 0 auto;
    }
}
.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: 22px;
    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__sub {
    color: #44494d;
    font-family: 'FS PFBeauSansPro', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    margin: 0 0 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media (max-width: 991px) {
    .digital-contract__sub {
        margin: 0 0 10px;
    }
}
.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: 700;
    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: 700;
    line-height: 20px;
    margin: 0 0 0 20px;
}
.digital-contract__action i {
    color: #44494d;
    font-size: 10px;
    margin: 2px 0 0 8px;
}
.digital-sign__sub {
    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) {
    .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: 700;
    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: 20px 0;
    }
}
.digital-sign__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 40px 0 0;
}
.digital-sign__btn .button {
    width: 100%;
}
.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: 700;
    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: 700;
    line-height: 36px;
    margin: 0 0 20px;
    text-align: center;
}
@media (max-width: 991px) {
    .modal-digital__title {
        font-size: 18px;
        line-height: 28px;
        margin: 0 0 15px;
    }
}
.modal-digital__sub {
    color: #727272;
    font-size: 16px;
    font-weight: 700;
    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: 20px 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: #44494d;
    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: 20px;
    margin: 20px 0 0;
    text-align: center;
}
@media (max-width: 991px) {
    .modal-digital__note {
        font-size: 12px;
        line-height: 18px;
    }
}
.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 20px;
}
@media (max-width: 991px) {
    .modal-digital__sign {
        margin: 20px 0;
    }
}
.modal-digital__link {
    color: #ee0033;
    font-family: 'FS PFBeauSansPro', sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
}
.modal-digital__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 30px;
    padding: 0 0 10px;
}
.modal-digital__icon {
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.modal-digital__icon img {
    border-radius: 50%;
    height: 20px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 20px;
}
.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: 25px 0 0;
}
.modal-digital__btn .button {
    padding: 8px 15px 10px;
    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: 25px -10px 0;
}
@media (max-width: 575px) {
    .modal-digital__btn-2column {
        margin: 25px -5px 0;
    }
}
.modal-digital__btn-2column .button {
    margin: 0 10px;
    padding: 8px 15px 10px;
    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 {
    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: 15px 0 0;
        width: 100%;
    }
}
.digital-order__box {
    background-color: #fff;
    padding: 15px 12px;
}
@media (max-width: 991px) {
    .digital-order__box {
        border: 1px solid #e6e6e6;
        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;
}
@media (max-width: 991px) {
    .digital-order__item:not(:last-child) {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 0 0 5px;
    }
}
.digital-order__item.total {
    border-top: 1px solid #eaeaea;
    padding: 10px 0 0;
}
@media (max-width: 991px) {
    .digital-order__item.total {
        -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;
        margin: 15px -15px 0;
        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__name span {
    color: #727272;
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}
.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%;
}
.digital-choose {
    margin: 0 0 25px;
}
.digital-choose__name {
    color: #44494d;
    font-family: 'FS PFBeauSansPro', sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    margin: 0 0 12px;
}
@media (max-width: 991px) {
    .digital-choose__name {
        font-size: 18px;
        line-height: 28px;
        margin: 0 0 10px;
    }
}
.digital-choose .lists-slider {
    margin: 0 -8px;
}
.digital-choose .lists-slider__item {
    margin: 0 8px;
}
.digital-choose .owl-nav {
    display: none;
}
.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;
}
@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;
    padding: 0 0 0 30px;
}
@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: 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: 20px 20px 40px;
    width: calc(100% / 3 - 30px);
}
@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: 700;
    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: 700;
    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-switch__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 30px 0 0;
}
.digital-switch__btn .button {
    width: 100%;
}
.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: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 15px;
    text-align: center;
    text-transform: uppercase;
}
.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;
    }
}
.txt-sub {
    color: #696d71;
    font-size: 10px;
    font-style: italic;
    line-height: 16px;
    margin: 2px 0 0;
}
.txt-sub span {
    color: #ee0033;
    display: inline-block;
}
.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;
    left: 10px;
}
.check-charges .form-calendar .form-control {
    padding: 10px 35px 8px;
}
.check-charges .form-calendar .form-control--small {
    padding: 5px 35px 5px;
}
.check-charges .form-calendar__action {
    color: #26292b;
}
.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 {
        color: #000;
        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 {
    margin: 0 15px 12px;
}
@media (max-width: 767px) {
    .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 12px;
        width: calc(100% / 2 - 16px);
    }
}
.it-register__row:first-child .form-2column .form-customize {
    margin: 0 15px;
}
@media (max-width: 767px) {
    .it-register__row:first-child .form-2column .form-customize {
        margin: 0 8px 12px;
    }
}
.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%;
    }
}
.it-register__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 -15px 0;
}
.it-register__btn-2column .button {
    min-width: 166px;
    margin: 0 15px;
}
@media (max-width: 991px) {
    .it-register__btn-2column .button {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: auto;
    }
}
.it-register .nav-pills {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 12px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}
.it-register .nav-pills::-webkit-scrollbar {
    display: none;
}
.it-register .nav-item {
    margin: 0 10px;
}
.it-register .nav-item:first-child {
    margin: 0 10px 0 0;
}
.it-register .nav-item:last-child {
    margin: 0 0 0 10px;
}
.internet-list__content {
    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;
}
.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);
}
.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:after {
    background-color: #ee0033;
    left: 0;
    width: 100%;
}
.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.active:first-child:after {
    background-color: #d1d1d1;
}
.step-it__item.done:after {
    background-color: #ee0033;
    left: 0;
    width: 100%;
}
.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: -50%;
    position: absolute;
    top: 10px;
    width: 150%;
}
.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 .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 14px 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%;
}
.combo-box {
    margin: 0 0 12px;
}
.combo-box__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -4px;
}
.combo-box__item {
    background-color: #f3f3f3;
    border-radius: 12px 12px 12px 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: 0 4px;
    overflow: hidden;
    padding: 12px 10px;
}
.combo-box__detail {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
}
.combo-box__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: 700;
    line-height: 20px;
    margin: 0 10px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.combo-box__des {
    color: #727272;
    font-size: 11px;
    line-height: 16px;
    margin: 5px 0 0;
}
.combo-box .radio-custom1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20px;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    padding: 0;
}
.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;
}
.limit-usage {
    padding: 0 0 60px;
}
.limit-usage__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;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}
@media (max-width: 991px) {
    .limit-usage__title {
        font-size: 20px;
        line-height: 30px;
        margin: 0 0 20px;
    }
}
.limit-usage .nav-pills {
    border-color: #44494d;
    margin: 0 auto 40px;
    max-width: 474px;
    width: 100%;
}
@media (max-width: 575px) {
    .limit-usage .nav-pills {
        margin: 0 auto 30px;
        max-width: 100%;
    }
}
.limit-usage .nav-item {
    color: #44494d;
    font-family: 'FS PFBeauSansPro', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}
@media (max-width: 991px) {
    .limit-usage .nav-item {
        font-size: 14px;
        line-height: 20px;
    }
}
.limit-usage .nav-item.active,
.limit-usage .nav-item:hover {
    color: #ee0033;
}
.limit-change {
    margin: 0 auto;
    max-width: 810px;
    width: 100%;
}
@media (max-width: 991px) {
    .limit-change {
        max-width: 100%;
    }
}
.limit-change__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.limit-change__row:not(:last-child) {
    margin: 0 0 12px;
}
@media (max-width: 991px) {
    .limit-change__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 0 18px;
    }
}
.limit-change__label {
    color: #44494d;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 220px;
    -ms-flex: 0 0 220px;
    flex: 0 0 220px;
    font-family: 'FS PFBeauSansPro', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    margin: 0 35px 0 0;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 220px;
}
@media (max-width: 991px) {
    .limit-change__label {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: 20px;
        letter-spacing: 0.15px;
        line-height: 30px;
        margin: 0 0 10px;
        text-align: left;
        width: 100%;
    }
}
.limit-change__info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
}
@media (max-width: 991px) {
    .limit-change__info {
        width: 100%;
    }
}
.limit-change__price {
    color: #ee0033;
    font-family: 'FS PFBeauSansPro', sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.15px;
    line-height: 36px;
    position: relative;
    top: -4px;
}
@media (max-width: 991px) {
    .limit-change__price {
        font-size: 26px;
        letter-spacing: 0.02em;
        top: 0;
    }
}
.limit-change__des {
    color: #000;
    font-size: 14px;
    line-height: 20px;
}
.limit-change__des:not(:last-child) {
    margin: 0 0 2px;
}
@media (max-width: 991px) {
    .limit-change__des:not(:last-child) {
        margin: 0 0 10px;
    }
}
.limit-change__des span {
    color: #ee0033;
    font-weight: 700;
    margin: 0 2px;
}
.limit-change__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;
}
@media (max-width: 991px) {
    .limit-change__btn {
        margin: 20px 0 0;
    }
}
.limit-change__btn .button {
    min-width: 264px;
    max-width: 100%;
}
@media (max-width: 991px) {
    .limit-change__btn .button {
        min-width: 100%;
    }
}
.limit-change__last {
    margin: 15px 0 0;
    text-align: center;
}
.limit-change__link {
    color: #ee0033;
    font-size: 12px;
    line-height: 18px;
    text-decoration: underline;
}
.limit-change__link:hover {
    color: #d11313;
}
.history-change__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: 0 auto;
    max-width: 558px;
    width: 100%;
}
@media (max-width: 991px) {
    .history-change__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;
        max-width: 100%;
    }
}
.history-change__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;
    margin: 0 30px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media (max-width: 991px) {
    .history-change__label {
        margin: 0 0 10px;
    }
}
.history-change__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;
}
.history-change__form .form-calendar {
    margin: 0 30px 0 0;
    width: 165px;
}
.history-change__form .form-calendar:last-child {
    margin: 0;
}
.history-change__form .form-calendar__icon {
    right: 10px;
}
.history-change__form .form-control {
    font-size: 16px;
}
@media (max-width: 991px) {
    .history-change__form .form-control {
        font-size: 14px;
    }
}
.history-change__sub {
    color: #4b4b4b;
    font-family: 'FS PFBeauSansPro', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    margin: 0 0 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.history-change__content {
    margin: 15px 0 0;
}
.history-change__row:not(:last-child) {
    border-bottom: 1px solid #b5b4b4;
    margin: 0 0 15px;
    padding: 0 0 20px;
}
.history-change__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-left: 2px solid #ee0033;
    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;
}
.history-change__item:not(:last-child) {
    margin: 0 0 8px;
}
.history-change__left {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 125px;
    -ms-flex: 0 0 125px;
    flex: 0 0 125px;
    margin: 0 15px 0 0;
    overflow: hidden;
}
.history-change__name {
    color: #727272;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.history-change__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.history-change__info span {
    color: #b5b4b4;
    font-size: 12px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.history-change__info span:not(:last-child) {
    margin: 0 5px 0 0;
}
.history-change__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: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    overflow: hidden;
}
.history-change__price {
    color: #b5b4b4;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.history-change__price.highlight {
    color: #ee0033;
}
.history-change__icon {
    color: #444;
    margin: 0 8px;
}
.history-change__icon i {
    font-size: 10px;
}
.history-change__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) {
    .history-change__btn {
        margin: 30px 0 0;
    }
}
.history-change__btn .button {
    min-width: 360px;
    max-width: 100%;
}
@media (max-width: 991px) {
    .history-change__btn .button {
        min-width: 100%;
    }
}
.history-change__table {
    margin: 40px 0 0;
}
@media (max-width: 991px) {
    .history-change__table {
        margin: 30px 0 0;
        overflow-x: auto;
    }
    .history-change__table .table-customize {
        min-width: 991px;
    }
}
.history-change__table .table-customize thead tr {
    background: -webkit-linear-gradient(bottom, rgba(238, 0, 51, 0.15), rgba(238, 0, 51, 0.15)), #fff;
    background: linear-gradient(0deg, rgba(238, 0, 51, 0.15), rgba(238, 0, 51, 0.15)), #fff;
}
.history-change__table .table-customize th,
.history-change__table .table-customize td {
    border-right: 1px solid #ebedf1;
    color: #44494d;
    padding: 18px;
}
.history-change__table .table-customize th:last-child,
.history-change__table .table-customize td:last-child {
    border-right: 0;
}
.history-change__table .table-customize th {
    font-family: 'FS PFBeauSansPro', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    padding: 15px 18px;
}
.history-time__list {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.history-time__item {
    border-right: 1px dashed #d1d1d1;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2);
    -ms-flex: 0 0 calc(100% / 2);
    flex: 0 0 calc(100% / 2);
    padding: 8px 15px;
    width: calc(100% / 2);
}
.history-time__item:last-child {
    border-right: 0;
}
.history-time__name {
    color: #b5b4b4;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}
.history-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;
    margin: 5px 0 0;
}
.history-time .form-calendar__icon {
    margin: 0 5px 0 0;
    position: static;
    top: 0;
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
}
.history-time .form-calendar__icon i {
    color: #44494d;
}
.history-time .form-control {
    border: 0;
    border-radius: 0;
    font-size: 12px;
    padding: 0;
}
.service-install {
    padding: 0 0 45px;
}
@media (max-width: 991px) {
    .service-install {
        padding: 0 0 40px;
    }
}
.service-install__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) {
    .service-install__title {
        color: #000;
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 15px;
    }
}
.service-install .lookup-result {
    margin: 15px 0 0;
}
.service-install .customize-pagination {
    margin: 30px auto 0;
}
.service-install .lookup-basic__side {
    padding: 15px;
}
.service-install .digital-contract__item:not(:last-child) {
    margin: 0 0 25px;
}
@media (max-width: 991px) {
    .service-install .digital-contract__item:not(:last-child) {
        margin: 0 0 12px;
    }
}
.service-install .hot-line {
    margin: 45px 0 0;
}
@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;
    }
}
.content-block-userInfo .service-list__intro{
    height: 156px;
}