@import "fonts/iconfont/iconfont.css";
@import "fonts/iconfont/iconfont.css";

@font-face {
    font-family: "FS PFBeauSansPro";
    src: local("FS PFBeauSansPro BoldItalic"),
        url("../fonts/FS%20PFBeauSansPro-BoldItalic.html") format("opentype");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "FS PFBeauSansPro";
    src: local("FS PFBeauSansPro Light"),
        url("../fonts/FS%20PFBeauSansPro-Light.html") format("opentype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "FS PFBeauSansPro";
    src: local("FS PFBeauSansPro Bbook"),
        url("../fonts/FS%20PFBeauSansPro-Bbook.html") format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "FS PFBeauSansPro";
    src: local("FS PFBeauSansPro SemiBold"),
        url("../fonts/FS%20PFBeauSansPro-SemiBold.html") format("opentype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "FS PFBeauSansPro";
    src: local("FS PFBeauSansPro Bold"),
        url("../fonts/FS%20PFBeauSansPro-Bold.html") format("opentype");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "FS PFBeauSansPro";
    src: local("FS PFBeauSansPro SemiBoldItalic"),
        url("../fonts/FS%20PFBeauSansPro-SemiBoldItalic.html") format("opentype");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "FS PFBeauSansPro";
    src: local("FS PFBeauSansPro BbookItalic"),
        url("../fonts/FS%20PFBeauSansPro-BbookItalic.html") format("opentype");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "FS PFBeauSansPro";
    src: local("FS PFBeauSansPro LightItalic"),
        url("../fonts/FS%20PFBeauSansPro-LightItalic.html") format("opentype");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "FS PFBeauSansPro";
    src: local("FS PFBeauSansPro Italic"),
        url("../fonts/FS%20PFBeauSansPro-Italic.html") format("opentype");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "FS PFBeauSansPro";
    src: local("FS PFBeauSansPro Regular"),
        url("../fonts/FS%20PFBeauSansPro-Regular.html") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Text";
    src: local("Roboto-Black"),
        url("/fonts/sme/SF-PRO-TEXT/SF-Pro-Text-Bold.otf") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Text";
    src: local("SF-Pro-Text-BoldItalic"),
        url("/fonts/sme/SF-PRO-TEXT/SF-Pro-Text-BoldItalic.otf") format("woff2");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Text";
    src: local("SF-Pro-Text-Heavy"),
        url("/fonts/sme/SF-PRO-TEXT/SF-Pro-Text-Heavy.otf") format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Text";
    src: local("SF-Pro-Text-HeavyItalic"),
        url("/fonts/sme/SF-PRO-TEXT/SF-Pro-Text-HeavyItalic.otf") format("woff2");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Text";
    src: local("SF-Pro-Text-Light"),
        url("/fonts/sme/SF-PRO-TEXT/SF-Pro-Text-Light.otf") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Text";
    src: local("SF-Pro-Text-LightItalic"),
        url("/fonts/sme/SF-PRO-TEXT/SF-Pro-Text-LightItalic.otf") format("woff2");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Text";
    src: local("SF-Pro-Text-Medium"),
        url("/fonts/sme/SF-PRO-TEXT/SF-Pro-Text-Medium.otf") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Text";
    src: local("SF-Pro-Text-MediumItalic"),
        url("/fonts/sme/SF-PRO-TEXT/SF-Pro-Text-MediumItalic.otf") format("woff2");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Text";
    src: local("SF-Pro-Text-Regular"),
        url("/fonts/sme/SF-PRO-TEXT/SF-Pro-Text-Regular.otf") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Text";
    src: local("SF-Pro-Text-RegularItalic"),
        url("/fonts/sme/SF-PRO-TEXT/SF-Pro-Text-RegularItalic.otf") format("woff2");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Text";
    src: local("SF-Pro-Text-Semibold"),
        url("/fonts/sme/SF-PRO-TEXT/SF-Pro-Text-Semibold.otf") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Text";
    src: local("SF-Pro-Text-SemiboldItalic"),
        url("/fonts/sme/SF-PRO-TEXT/SF-Pro-Text-SemiboldItalic.otf") format("woff2");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

::-webkit-scrollbar {
    background-color: inherit;
    height: 2px;
    position: absolute;
    width: 5px;
}

::-webkit-scrollbar-thumb {
    background-color: #b5b4b4;
    border-radius: 10px;
}

::placeholder {
    font-family: 'Roboto', sans-serif;
    color: #B5B4B4;
    font-size: 16px;
    line-height: 24px;
}

.mobile-service-v2 .sim-so--sp .sim-so__hot_key::-webkit-scrollbar,
ul::-webkit-scrollbar,
.mobile-data::-webkit-scrollbar,
.mobile-data-v2::-webkit-scrollbar,
.mobile-data__gtgt-v2::-webkit-scrollbar,
.telecom-utilities::-webkit-scrollbar {
    width: 0 !important;
    display: none;
}

*,
::after,
::before {
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
}

ul,
ol,
li {
    list-style: none;
}

button,
a,
input,
select,
textarea {
    outline: none;
}

a {
    background-color: transparent;
    color: inherit;
    text-decoration: none;
}

img,
iframe,
video {
    max-width: 100%;
    margin-top: 0;
}

.img-hover {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}

.img-hover img {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    width: 100%;
}

.img-hover img:hover {
    -webkit-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.button {
    background-color: #fff;
    border-radius: 8px 8px 8px 0;
    border: 1 px 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: 9px 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%;
}

.mobile-internet__intro .button-see-more,
.mobile_btn .button--primary {
    background-color: #fff;
    border-color: #4b4b4b;
    color: #4b4b4b;
    width: 100%;
    height: 32px;
    margin: 6px auto 3px;
    padding: 5px;
}

.mobile-internet__intro .button-register:hover,
.mobile-internet__intro .button-see-more:hover,
.mobile_btn .button--primary:hover {
    background-color: #4b4b4b;
    border-color: #4b4b4b;
    color: #fff;
}

.mobile-internet__intro .button-register:before,
.mobile-internet__intro .button-see-more:before,
.mobile_btn .button--primary:before {
    background-color: #4b4b4b;
}

/* --------------------------------------- */
@media (min-width: 450px) {
    .banner-slider__vt .banner-mobile {
        display: none !important;
    }

    .telecom-utilities {
        display: none;
    }

    .content-mobile {
        display: none;
    }

    .viettel-plus__banner {
        display: none;
    }
    .mobile-apply__content{
        display: none;
    }
    .mobile-internet__item {
        display: none;
    }

    .mobile-data-v2 {
        display: none;
    }

    .mobile-data-v2 {
        display: none;
    }

    .news-content__v2 .news-event__intro .news-event__time.news-event__time-mb {
        display: none;
    }

    .modal__mobile {
        display: none;
    }
}

.mobile-service-v2 .sim-so--sp .sim-so__hot_key {
    display: none;
}
@media (max-width: 991px){
    .tabs-info .tab-nav .tab-title {
        overflow-x: initial;
        overflow-y: initial;
    }
}


@media (max-width: 450px) {
    .container .mobile-service{
        background-color: #fff;
        margin: 0 0;
    }
    .mobile-data.mobile-data__old{
        display: none;
    }
    .mobile-service-v2 .sim-so--sp .sim-so__hot_key {
        display: flex;
        align-items: baseline;
        font-family: 'FS PFBeauSansPro', sans-serif;
        margin: 8px 7px 8px 0;
        overflow: auto;
        white-space: nowrap;
    }

    .sub-tabs .sim-so--sp .sim-so__hot_key h3 {
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        color: #44494D;
        margin: 0;
    }

    .mobile-data__gtgt-v2 .vat-service .vat-service__detail .vat-service__des-2lines {
        height: 18px;
    }

    .sub-tabs .sim-so--sp .sim-so__hot_key ul {
        display: flex;
        list-style: none;
    }

    .sub-tabs .sim-so--sp .sim-so__hot_key ul li {
        margin: 0 7px;
        font-weight: 400;
        font-size: 10px;
        line-height: 16px;
        color: #EE0033;
    }

    .mobile-news__event .see-more,
    .mobile-apply .see-more,
    .mobile-device .see-more,
    .mobile-internet-pack .see-more,
    .mobile-service-v2 .see-more {
        font-family: 'FS PFBeauSansPro', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 20px;
        color: #EE0033;
        margin: 0 !important;
        padding-top: 5px;
    }

    .mobile-news__event .title-mobile,
    .support-customer .title-mobile,
    .viettel-plush .title-mobile,
    .mobile-apply .title-mobile,
    .mobile-device .title-mobile,
    .mobile-internet-pack .title-mobile,
    .mobile-service-v2 .title-mobile {
        font-family: 'FS PFBeauSansPro', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 20px !important;
        line-height: 28px;
        letter-spacing: 0.15px;
        color: #44494D;
        text-transform: uppercase;
    }

    .banner-mobile .owl-stage-outer .owl-item .item {
        height: 377px;
    }

    .tab-nav .tab-title li a {
        padding: 0 12px;
        font-size: 16px;
        line-height: 20px;
        color: #44494D;
    }
    .tab-nav .tab-title li a:hover,  .tab-nav .tab-title li.active a{
        color: #EE0033;
    }
    /* BANNER_SLIDER */
    .banner-slider__vt .banner-pc {
        display: none;
    }
    .banner-slider__vt .banner-mobile {
        display: block !important;
    }

    /* TELECOM_UTILITIES */
    .telecom-utilities {
        overflow-x: auto;
    }

    .telecom-utiliti__list {
        display: flex;
        padding: 20px 15px 0;
    }

    .telecom-utiliti__item {
        text-align: center;
        flex: 0 0 77px;
        margin-right: 5px;
    }

    .telecom-utiliti__name {
        font-family: 'SF Pro Text';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        text-align: center;
        color: #44494D;

    }

    .telecom-utiliti__name:hover {
        color: #ee0033;
    }

    .mobile-news__event::after,
    .mobile-service-v2::after,
    .mobile-internet-pack::after,
    .mobile-device::after,
    .mobile-apply::after {
        content: '';
        border-bottom: 4px solid #E4E4E4;
        margin-top: 10px;
    }

    /*--------------NEW-HOME----------------  */
    .mobile-news__event {
        margin-bottom: 10px;
    }

    .news-event__link {
        display: flex;
    }

    .news-content__v2 .news-event__left {
        margin: 0 0 0;
        -webkit-flex: auto;
        flex: auto;
    }

    .news-content__v2 .news-event__right {
        -webkit-flex: auto;
        flex: auto;
    }

    .news-content__v2 .news-event__images {
        flex: 0 0 calc(29%);
        width: calc(29%);
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(29%);
        height: 54px;
    }

    .news-event__new .news-event__item:first-child {
        margin: 0;
    }

    .news-event__new .news-event__item {
        flex: 0;
        -webkit-box-flex: 0;
        -webkit-flex: 0;
    }

    .news-content__v2 .news-event__images img {
        height: 54px;
        border-radius: 8px 8px 8px 0;
    }

    .news-content__v2 .news-event__intro {
        margin-left: 10px;
    }

    .news-event__new {
        flex-direction: column;
    }

    .news-content__v2 .news-event__intro .news-event__time {
        margin: 0;
    }

    .news-content__v2 .news-event__intro .news-event__time.news-event__time-pc {
        display: none;
    }

    .news-content__v2 .news-event__intro .news-event__time.news-event__time-mb {
        display: block;
    }

    .news-content__v2 .news-event__intro .news-event__title {
        font-family: 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        align-items: center;
        color: #44494D;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    /* -------------MOBILE_SERVICE---------- */
    .mobile-service-v2 .mobile-data__old {
        display: none;
    }

    .mobile-service-v2 .sub-tabs {
        margin-bottom: 17px;
    }

    .mobile-data-v2 {
        display: block;
        overflow-x: auto;
    }

    .mobile-data-v2 .data-pack {
        border-radius: 10px 10px 8px 0;
        border: 1px solid #D1D1D1;
        transition: all 0.5s;
    }

    .mobile-data-v2 .data-pack__images {
        height: 53px;
        border-radius: 8px 8px 0 0;
        background-color: #fff;
    }

    .mobile-data-v2 .data-pack__images img {
        object-fit: fill;
        border-radius: 8px 8px 0 0;
    }

    .mobile-data-v2 .data-pack__intro {
        border-radius: 0 0 8px 0;
        border: none;
        margin-top: 0;
        padding: 2px 10px 16px 15px;

    }

    .package-tittle {
        position: absolute;
        font-family: 'FS PFBeauSansPro', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        color: #FFFFFF;
        top: 8px;
        left: 0;
        right: 0;
        text-align: center;
    }

    .data-pack__item {
        display: flex;
        align-items: self-start;
        height: 45px;
    }

    .data-pack__item:first-child {
        height: 1.97rem;
    }

    .data-pack__item img {
        margin-right: 6px;
    }

    .modal__body-pc {
        display: none;
    }

    .modal__mobile .modal-data__title {
        font-family: 'FS PFBeauSansPro', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 24px;
        text-align: center;
        color: #4B4B4B;

    }

    .modal__mobile .modal-discount__title {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        color: #44494D;

    }
    .modal__mobile .modal-discount__note {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        font-style: italic;
        font-size: 10px;
        line-height: 16px;
        text-align: center;
        color: #44494D;
    }
    .modal__mobile .modal-discount__choose{
        margin: 20px 0;
    }
    .modal__mobile .radio-custom1 input:checked~.checkmark,
    .modal__mobile .radio-custom1 .checkmark {
        opacity: 0;
    }

    .modal__mobile .radio-custom1 input:checked~.checkmark~span,
    .modal__mobile .radio-custom1 span {
        font-family: 'SF Pro Text';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        color: #44494D;
        text-align: center;
        margin-left: -22px;

    }

    .modal__mobile .modal-discount__item {
        background-color: #fff;
        border: 1px solid #AAAAAA;
        border-radius: 8px 8px 8px 0;
    }

    .modal__mobile .modal-discount__item.selected,
    .modal-discount__item:hover {
        box-shadow: none;
    }

    /* Dich vụ GTGT */
    .mobile-service-v2 .mobile-data__old {
        display: none;
    }

    .mobile-service-v2 .mobile-data-old {
        display: none;
    }

    .mobile-data__gtgt-v2 {
        overflow: auto;
    }

    .mobile-data__gtgt-v2 .mobile-data__item {
        flex: 0 0 calc(74.5%);
        width: calc(74.5%);
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(74.5%);
        margin: 0 3px 0 8px;
        border: 1px solid #d1d1d1;
        border-radius: 8px;
        transition: all 0.5s;
    }

    .mobile-data__gtgt-v2 .mobile-data__item:hover {
        border: 1px solid #ee0033;
    }

    .mobile-data__gtgt-v2 .vat-service .vat-service__images {
        height: 68px;
        border-radius: 8px 8px 0 0;
    }

    .mobile-data__gtgt-v2 .vat-service .vat-service__images img {
        border-radius: 8px 8px 0 0;
    }

    .mobile-data__gtgt-v2 .vat-service .vat-service__col {
        margin: 0;
        border-radius: 12px 12px 12px 12px;
    }

    .mobile-data__gtgt-v2 .vat-service .vat-service__intro {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 12px;
    }

    .mobile-data__gtgt-v2 .vat-service .vat-service__intro .vat-service__name {
        width: 44%;
    }

    .mobile-data__gtgt-v2 .vat-service .vat-service__detail {
        padding: 0 12px 3px;
    }

    .mobile-data__gtgt-v2 .vat-service .vat-service__detail .vat-service__des {
        margin: 0;
        margin-bottom: 15px;
        -webkit-line-clamp: 1;
    }

    .vat-service__icon {
        display: flex;
        align-items: end;
        margin-top: -5px;
        margin-left: 8px;
    }

    .mobile-data__gtgt-v2 .vat-service .vat-service__intro .vat-service__price {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    /* SIM  */
    .sim-number__table {
        border: 1px solid #D1D1D1;
    }

    .mobile-service-v2 .sim-so--sp .sim-number__value {
        font-weight: 400;
    }

    .mobile-service-v2 .sim-so--sp .sim-number__value.price {
        font-weight: 500;
    }

    .mobile-service-v2 .sim-so--sp .sim-number th {
        font-size: 16px;
        font-weight: 700;
    }

    .mobile-service-v2 .sim-so--sp .sim-number__btn .button--primary {
        background-color: #fff;
        border-color: #4b4b4b;
        color: #4b4b4b;
        width: 100%;
        height: 32px;
        padding: 5px;
    }

    .mobile-service-v2 .sim-so--sp .sim-number__btn .button--primary:hover {
        background-color: #4b4b4b;
        border-color: #4b4b4b;
        color: #fff;
    }

    .mobile-service-v2 .sim-so--sp .sim-number__btn .button--primary::before {
        background-color: #4b4b4b;
    }

    /* -------------INTERNET-PACK---------- */
    .internet-tele {
        display: none;
    }

    .mobile-internet {
        margin-bottom: 17px;
    }

    .mobile-internet-pack {
        background-color: #fff !important;
        padding: 10px 0 !important;
        margin: 0;
    }

    .mobile-internet__item {
        display: block;
        border: 1px solid #d1d1d1;
        border-radius: 8px 8px 8px 8px;
        transition: all 0.5s
    }

    .mobile-internet__item:hover,
    .mobile-data-v2 .data-pack:hover {
        border: 1px solid #ee0033;
    }

    .mobile-internet .mobile-data .mobile-data__item,
    .mobile-data-v2 .mobile-data__item {
        flex: 0 0 calc(100% / 2.2 - 6px);
        width: calc(100% / 2.2 - 6px);
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(100% / 2.2 - 6px);
        margin: 0 3px 0 8px;
    }

    .mobile-internet .internet-tele__images {
        background-image: url(../../images/viettelportal-mobilev2/Frame\ 9719.png);
        background-size: cover;
        height: 40px;
        border-radius: 8px 8px 0 0;
    }

    .mobile-internet .internet-tele__intro {
        margin-top: 0;
        padding: 6px 10px 11px;
        border: none !important;
        border-radius: 0 0 8px 8px;
    }

    .mobile-internet .internet-tele__images .internet-tele__images-info {
        text-shadow: none;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
    }

    .mobile-internet .internet-tele__images .internet-tele__images-info .internet-tele__images-name {
        font-size: 18px;
        margin: -17px;
    }

    .mobile-internet__intro .internet-tele__capacity,
    .mobile-internet__intro .internet-tele__detail {
        display: flex;
        margin: 0;
    }

    .mobile-internet__intro .internet-tele__capacity {
        border-bottom: none;
        border-top: none;
        padding: 0;
        margin: 0 0 5px;
    }

    .mobile-internet__intro .internet-tele__capacity-value,
    .mobile-internet__intro .internet-tele__price-new {
        font-family: 'FS PFBeauSansPro', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 16px !important;
        line-height: 24px;
        display: flex;
        align-items: baseline;
        text-align: center;
        color: #44494D;
        justify-content: unset !important;
    }

    .mobile-internet__intro .internet-tele__detail-value {
        font-family: 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #44494D;
        width: 75%;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .mobile-internet__intro .internet-tele__price {
        height: 50px;
        margin: 8px 0 6px;
        border-bottom: none;
        padding: 0;
    }

    .mobile-internet__intro .internet-tele__price-old {
        font-size: 12px;
        line-height: 22px;

    }

    .price-small {
        font-family: 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        color: #44494D;
    }

    .internet-tele__price-noline {
        font-family: 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 26px;
        color: #B5B4B4;
        white-space: nowrap;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .internet-item__icon {
        margin-right: 7px;
    }

    .internet-item__icon img {
        width: 24px;
        height: 24px;
    }

    /* -------------MOBILE-DEVICE---------- */
    .container .mobile-device {
        margin: 0 !important;
    }

    .phone-device__content {
        margin-bottom: 18px;
    }

    .mobile-device .mobile-data .mobile-data__item {
        flex: 0 0 calc(100% / 2 - 16px);
        width: calc(100% / 2 - 16px);
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(100% / 2 - 16px);
        margin: 0 3px 0 8px;
    }

    .mobile-device .mobile-data .tel-device .tel-device__images {
        margin: 0;
        height: 160px;
    }

    .mobile-device .mobile-data .tel-device__intro .tel-device__name {
        text-align: left;
        font-family: 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #44494D;
    }

    .mobile-device .mobile-data .tel-device__intro .tel-device__info .tel-device__price {
        justify-content: flex-start;
    }

    .mobile-device .mobile-data .tel-device__intro .tel-device__info .tel-device__price .tel-device__price-new {
        font-family: 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 30px;
        display: flex;
        align-items: center;
        color: #44494D;
    }

    .mobile-device .mobile-data .tel-device__intro .tel-device__info .tel-device__price .tel-device__price-old {
        display: none;
    }

    /* -------------VIETTELPLUS----------- */
    .viettel-plus__v2 {
        margin: 0;
        padding: 10px 0 0;
    }

    .viettel-plus__v2 .viettel-plus__right {
        display: none;
    }

    .viettel-plus__left {
        margin: 0;
    }

    .viettel-plus__v2 .intro-mobile {
        padding: 15px 9px;
        background: #EEEEEE;
        border-radius: 8px 8px 8px 0px;
        margin: -30px 0 20px;
        position: relative;
        z-index: 9;
    }

    .viettel-plus__banner {
        margin-top: 12px;
        z-index: 1;
    }

    .viettel-plus__banner img {
        margin: 0 auto;
        display: block !important;
    }

    .viettel-plus__des p span {
        font-family: 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #44494D;
    }

    .intro-mobile .viettel-plus__btn {
        margin-top: 12px;
    }

    .viettel-plus__btn .button {
        margin: 0 auto;
    }

    /* -------------APPLY NUMBER----------- */
    .apply-number {
        padding: 0 !important;
        margin: 0;
    }
    .mobile-apply__content{
        display: block;
    }
    .web-apply {
        display: none;
    }

    .mobile-apply {
        background-color: #fff;
    }

    .mobile-apply .tab-nav {
        display: none;
    }

    .apply-number__list {
        display: flex;
        overflow: scroll;
    }

    .apply-number__list .apply-number__item {
        background-color: #fff;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex: 0 0 265px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 265px;
        -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;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .apply-number__list .apply-number__item:first-child {
        margin: 0 8px 0 0;
    }

    .apply-number__list .apply-number__item:not(:last-child) {
        margin: 0 8px;
    }

    .apply-number__list .apply-number__item:last-child {
        margin: 0 0 0 8px;
    }

    .apply-number__list .apply-number__images {
        -webkit-box-flex: 1;
        -webkit-flex: auto;
        -ms-flex: auto;
        flex: auto;
        height: 150px;
        display: flex;
        overflow: hidden;
    }

    .apply-number__list .apply-number__images img {
        border-radius: 8px;
        height: 100%;
        object-fit: cover;
        background: linear-gradient(180deg, rgba(252, 139, 139, 0) 53.31%, #F93949 93.94%, #F93949 107.43%), url(cai-dat-my-viettel.jpg);
    }

    .apply-number__list .apply-number__intro {
        background-color: #fff;
        margin: 0;
        padding: 10px 0px;
    }

    .apply-number__list .apply-number__intro .apply-number__info {
        margin: 0;
    }

    .apply-number__list .apply-number__intro .apply-number__name {
        font-family: 'FS PFBeauSansPro', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        color: #44494D;
        transition: all 0.5s;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .apply-number__list .apply-number__intro .apply-number__info .apply-number__des {
        font-family: 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        color: #44494D;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }


    /* -------------SUPPORT CUSTOMER------- */
    .support-customer {
        margin: 10px 0;
        padding: 0;
    }

    .content-web {
        display: none;
    }

    .support-customer__list {
        display: none;
    }



    .mobile-support__list {
        margin: 14px 0 3.5rem;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 20px 15px;
    }

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

    .mobile-support__des {
        font-family: 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        color: #44494D;

    }

    .mobile-support__des:hover {
        color: #ee0033;
    }
}

@media (max-width: 330px) {
    .mobile-internet__intro .internet-tele__price-new {
        font-size: 15px;
    }

    .price-small {
        font-size: 12px;
    }
}

#tab-internet .internet-tele__item{
    display: -webkit-inline-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.internet-tele__item .internet-tele__icon{
    display: inherit;
}
#tab-internet-th .internet-tele__list,#tab-th .internet-tele__list {
    height: 160px;
    display: -webkit-inline-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
#tab-th .internet-tele__list .internet-tele__item{
    display: flex;
}
#tab-internet-th .internet-tele__list .internet-tele__item{
    display: -webkit-inline-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.internet-tele__item .internet-tele__txt{
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.internet-tele__price .internet-tele__price-old{
    text-decoration: line-through;
}