.cTelenorBlue {
    color: #00c8ff;
}

.cTelenorLink {
    color: #007ad0;
}

.cTelenorBlack {
    color: #0c1026;
}

.cBlue {
    color: #a3deff;
}

.cPaleBlue {
    color: #e7eef4;
}

.cTextBlack {
    color: #0c1026;
}

.cLightGray1 {
    color: #f5f5f5;
}

.cLightGray2 {
    color: #e5e5e5;
}

.cLightGray3 {
    color: #d6d6d6;
}

.cDarkGray1 {
    color: #767676;
}

.cDarkGray2 {
    color: #414141;
}

.cTextBlack {
    color: #1a1a1a;
}

.cYellow {
    color: #fdba5c;
}

.cWhite {
    color: #ffffff;
}

.cHotPink {
    color: #ff648c;
}

.cLightRed {
    color: #f7eded;
}

.cLightPink {
    color: #f8f0f4;
}

.cPalePink {
    color: #ffeff4;
}

.cLightYellow {
    color: #f7f5ed;
}

.cPaleLemon {
    color: #fdfdc9;
}

.cLightOrange {
    color: #f7f2ed;
}

.cPaleSunflower {
    color: #fef3e7;
}

.cPaleStone {
    color: #f6f4ee;
}

.cPaleMutedGreen {
    color: #edf6f3;
}

.cLightGreen {
    color: #edf4ef;
}

.cLightBlue {
    color: #e6eef4;
}

.cLightTurquoise {
    color: #eaf3f5;
}

.cLightPurple {
    color: #e6e9f3;
}

.cErrorRed {
    color: #D82730;
}

.cMint {
    color: #A5CDB9;
}

.cOrangeBright {
    color: #FF5A28;
}

.cLemon {
    color: #FAED3C;
}

.cStone {
    color: #E8DED3;
}

.cPeach {
    color: #E4A99B;
}

.bMint {
    background: #A5CDB9;
}

.bOrangeBright {
    background: #FF5A28;
}

.bLemon {
    background: #FAED3C;
}

.bStone {
    background: #E8DED3;
}

.bPeach {
    background: #E4A99B;
}

.bPaleBlue {
    background: #e7eef4;
}

.bTelenorBlue {
    background: #00c8ff;
}

.bTelenorLink {
    background: #007ad0;
}

.bTelenorBlack {
    background: #0c1026;
}

.bBlue {
    background: #a3deff;
}

.bPaleBlue {
    background: #e7eef4;
}

.bGamingOrange {
    background: #fdba5c;
}

.bLightGray1 {
    background: #f5f5f5;
}

.bLightGray2 {
    background: #e5e5e5;
}

.bLightGray3 {
    background: #d6d6d6;
}

.bDarkGray1 {
    background: #767676;
}

.bDarkGray2 {
    background: #414141;
}

.bYellow {
    background: #fdba5c;
}

.bWhite {
    background: #ffffff;
}

.bHotPink {
    background: #ff648c;
}

.bOnlyForYou {
    background: #00c8ff;
    background: linear-gradient(90deg, #00c8ff 0%, #917dcc 100%);
}

.bLightRed {
    background: #f7eded;
}

.bLightPink {
    background: #f8f0f4;
}

.bPalePink {
    background: #ffeff4;
}

.bLightYellow {
    background: #f7f5ed;
}

.bPaleLemon {
    background: #fdfdc9;
}

.bLightOrange {
    background: #f7f2ed;
}

.bPaleSunflower {
    background: #fef3e7;
}

.bPaleStone {
    background: #f6f4ee;
}

.bPaleMutedGreen {
    background: #edf6f3;
}

.bLightGreen {
    background: #edf4ef;
}

.bLightBlue {
    background: #e6eef4;
}

.bLightTurquoise {
    background: #eaf3f5;
}

.bLightPurple {
    background: #e6e9f3;
}

.bPlatinum {
    background: #143f6c;
}

.bPlatinumGd {
    background: #143f6c;
    background: linear-gradient(90deg, #143f6c 0%, #005e8b 100%);
}

.bWelcome {
    background: #00adef;
}

.bWelcomeGd {
    background: #00a5e5;
    background: linear-gradient(115.39deg, #00a5e5 0%, #00ace6 23.6%, #44c8f5 58.08%, #40c6f4 61.63%, #00afe6 87.73%, #00a5e5 100%), #c4c4c4;
}

.bSilver {
    background: #949599;
}

.bSilverGd {
    background: #929497;
    background: linear-gradient(115.39deg, #6c7477 0%, #787f82 1.53%, #909698 5.58%, #a4a8aa 10.12%, #b2b4b7 15.36%, #babcbe 52.47%, #bcbec0 61.73%, #afb1b3 71.44%, #8b9092 86.27%, #5d6567 100%);
}

.bGold {
    background: #dba751;
}

.bGoldGd {
    background: #d9a651;
    background: linear-gradient(90deg, #d9a651 0%, #e1c680 100%);
}

.btn {
    font-size: 14px;
    line-height: 14px;
    padding: 12px;
    height: 40px;
    min-width: 120px;
    font-family: "dtacEvolution-Bold", dtac_2018bold;
    font-weight: normal;
    border-radius: 4px;
    overflow: hidden;
    width: max-content;
    box-sizing: border-box;
    box-shadow: 0px 0px 1px rgba(40, 41, 61, 0.04), 0px 2px 4px rgba(96, 97, 112, 0.16);
}

.btn.btnPrimary {
    background-color: #007ad0;
    color: #ffffff;
}

.btn.btnWhite {
    background-color: #ffffff;
    color: #007ad0;
}

.btn.btnOutline {
    border: 1px solid #007ad0;
    color: #007ad0;
}

.btn.btnGaming {
    background-color: #fdba5c;
    color: #0c1026;
    box-shadow: 0px 0px 10px 3px rgba(56, 56, 56, 0.15);
}

.btn.btnLinkBlue {
    padding: 0;
    color: #007ad0;
    font-family: "dtacEvolution-Bold", dtac_2018bold;
    text-decoration: underline;
    font-size: 16px;
    line-height: 16px;
}

.btn.btnLinkBlue:hover {
    color: #00c8ff;
}

.btn.btnLinkBlack {
    padding: 0;
    color: #0c1026;
    font-family: "dtacEvolution-Bold", dtac_2018bold;
    text-decoration: underline;
    font-size: 16px;
    line-height: 16px;
}

.btn.btnLinkBlack:hover {
    color: #00c8ff;
}

.btn.btnFilter {
    display: flex;
    align-items: center;
    color: #ffffff;
    min-width: inherit;
    padding: 10px;
    background: #007ad0;
}

.btn.btnFilter i {
    margin-right: 12px;
}

.btn.btnFilter i.icoFilter {
    background-image: url("../images/icons/ico-filterWhite.svg");
    background-size: 20px auto;
}

.btn.btnCategory {
    display: flex;
    flex: none;
    align-items: center;
    height: 54px;
    font-size: 16px;
    line-height: 22px;
    padding: 16px;
    color: #000000;
    min-width: inherit;
    background: #e7eef4;
    margin-right: 8px;
    width: max-content;
    border: 1px solid #00c8ff;
}

.btn.btnCategory.active {
    color: #ffffff;
    background: #007ad0;
    border: 1px solid #007ad0;
}

.btn.btnCategory:last-child {
    margin-right: 0;
}

.btn.fReg {
    font-family: "dtacEvolution-Regular", dtac_2018regular;
}

.btn:disabled,
.btn[disabled] {
    background-color: #e5e5e5;
    color: #767676;
    border-color: #e5e5e5;
}

.btn:focus {
    box-shadow: 0px 0px 1px rgba(40, 41, 61, 0.04), 0px 2px 4px rgba(96, 97, 112, 0.16);
}

.btnLink {
    padding: 0;
    font-family: "dtacEvolution-Bold", dtac_2018bold;
    text-decoration: underline;
    font-size: 16px;
    line-height: 16px;
    display: flex;
    align-items: center;
}

.btnLink .icon {
    display: flex;
    width: 16px;
    margin-right: 4px;
    margin-top: -2px;
}

.btnLink .icon img {
    width: 100%;
    align-self: center;
}

.btnLink.btnBlue {
    color: #007ad0;
}

.btnLink.btnBlue:hover {
    color: #007ad0;
}

.btnLink.btnBlack {
    color: #0c1026;
}

.btnLink.btnBlack:hover {
    color: #0c1026;
}

.btnLink.btnYellow {
    color: #fdba5c;
}

.btnLink.btnYellow:hover {
    color: #fdba5c;
}

.btnLink:disabled,
.btnLink[disabled] {
    background: none;
    color: #767676;
}

.btnLink:disabled:hover,
.btnLink[disabled]:hover {
    background: none;
    color: #767676;
}

.btnArrow {
    font-family: "dtacEvolution-Bold", dtac_2018bold;
    position: relative;
    padding-right: 16px;
    display: inline-block;
    font-size: 16px;
    line-height: 18px;
    width: max-content;
}

.btnArrow::after {
    content: "";
    width: 12px;
    height: 14px;
    right: 0;
    top: 50%;
    margin-top: -1px;
    position: absolute;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 7px auto;
    transform: translateY(-50%);
}

.btnArrow.btnBlue {
    color: #007ad0;
}

.btnArrow.btnBlue::after {
    background-image: url("../images/icons/arrowLink-blue.svg");
}

.btnArrow.btnWhite {
    color: #fff;
}

.btnArrow.btnWhite::after {
    background-image: url("../images/icons/arrowLink-white.svg");
}

.btnArrow.btnBlack {
    color: #0c1026;
}

.btnArrow.btnBlack::after {
    background-image: url("../images/icons/arrowLink-black.svg");
}

.btnArrow.btnYellow {
    color: #fdba5c;
}

.btnArrow.btnYellow::after {
    background-image: url("../images/icons/arrowLink-yellow.svg");
}

.btnArrow.btnMore {
    color: #000000;
    padding-right: 0;
    padding-left: 32px;
    font-size: 16px;
    line-height: 22px;
}

.btnArrow.btnMore::after {
    width: 10px;
    height: 20px;
    right: auto;
    left: 7px;
    background-size: 10px auto;
    background-image: url("../images/icons/arrowLink-lightBlue.svg");
}

.btnArrow.fReg {
    font-family: "dtacEvolution-Regular", dtac_2018regular;
}

.btnArrow:disabled,
.btnArrow[disabled] {
    color: #767676;
}

.btnArrow:disabled::after,
.btnArrow[disabled]::after {
    background-image: url("../images/icons/arrowLink-disable.svg");
}

.navCategory {
    display: flex;
    margin-right: -16px;
    overflow-x: auto;
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    scrollbar-width: none;
    /* Firefox */
}

.navCategory::-webkit-scrollbar {
    display: none;
    /* Safari and Chrome */
}

.navCategory .cateWrapper {
    display: flex;
    width: 100%;
}

@media only screen and (min-width: 767px) {
    .navCategory {
        margin-right: 0;
        overflow: visible;
    }
}

.fDtacB {
    font-family: "dtac_2018bold" !important;
}

.fDtacL {
    font-family: "dtac_2018light" !important;
}

.fDtac {
    font-family: "dtac_2018regular" !important;
}

.fDtacI {
    font-family: "dtac_2018italic" !important;
}

.fDtacBI {
    font-family: "dtac_2018bold_italic" !important;
}

.fDtacLI {
    font-family: "dtac_2018light_italic" !important;
}

.fKanit {
    font-family: "kanitlight", sans-serif !important;
}

.fKanitB {
    font-family: "kanitmedium", sans-serif !important;
}

.fEvoB,
.fDtacB {
    font-family: "dtacEvolution-Bold" !important;
}

.fEvoL,
.fDtacL {
    font-family: "dtacEvolution-Light" !important;
}

.fEvoM {
    font-family: "dtacEvolution-Medium" !important;
}

.fEvoReg,
.fDtac {
    font-family: "dtacEvolution-Regular" !important;
}

.fEvoExt,
.fDtacBI {
    font-family: "dtacEvolution-ExtraBoldSlanted" !important;
}

.fDtacI {
    font-family: "dtacEvolution-Regular" !important;
    font-style: italic;
}

.fDtacLI {
    font-family: "dtacEvolution-Light" !important;
    font-style: italic;
}

.fAktivReg {
    font-family: "aktiv-grotesk-thai", "aktiv_grotesk_trial";
    font-weight: 400;
    font-style: normal;
}

.fAktivB {
    font-family: "aktiv-grotesk-thai", "aktiv_grotesk_trial";
    font-weight: 700;
    font-style: normal;
}

.bdTelenorBlue {
    border: 1px solid #00c8ff;
}

.bdTelenorLink {
    border: 1px solid #007ad0;
}

.bdTelenorBlack {
    border: 1px solid #0c1026;
}

.bdLightGray1 {
    border: 1px solid #f5f5f5;
}

.bdLightGray2 {
    border: 1px solid #e5e5e5;
}

.bdDarkGray1 {
    border: 1px solid #767676;
}

.bdGamingOrange {
    border: 1px solid #fdba5c;
}

.bdYellow {
    border: 1px solid #fdba5c;
}

.mg-0 {
    margin: 0 !important;
}

.mg-t-0 {
    margin-top: 0 !important;
}

.mg-l-0 {
    margin-left: 0 !important;
}

.mg-r-0 {
    margin-right: 0 !important;
}

.mg-b-0 {
    margin-bottom: 0 !important;
}

.mg-x-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.mg-y-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.mg-t-xxs {
    margin-top: 0px !important;
}

.mg-t-xs {
    margin-top: 4px !important;
}

.mg-t-s {
    margin-top: 8px !important;
}

.mg-t-m {
    margin-top: 12px !important;
}

.mg-t-l {
    margin-top: 16px !important;
}

.mg-t-xl {
    margin-top: 24px !important;
}

.mg-t-xxl {
    margin-top: 32px !important;
}

.mg-b-xxs {
    margin-bottom: 0px !important;
}

.mg-b-xs {
    margin-bottom: 4px !important;
}

.mg-b-s {
    margin-bottom: 8px !important;
}

.mg-b-m {
    margin-bottom: 12px !important;
}

.mg-b-l {
    margin-bottom: 16px !important;
}

.mg-b-xl {
    margin-bottom: 24px !important;
}

.mg-b-xxl {
    margin-bottom: 32px !important;
}

.mg-t-xxs,
.mg-y-xxs {
    margin-top: 0px !important;
}

.mg-t-xs,
.mg-y-xs {
    margin-top: 4px !important;
}

.mg-t-s,
.mg-y-s {
    margin-top: 8px !important;
}

.mg-t-m,
.mg-y-m {
    margin-top: 12px !important;
}

.mg-t-l,
.mg-y-l {
    margin-top: 16px !important;
}

.mg-t-xl,
.mg-y-xl {
    margin-top: 24px !important;
}

.mg-t-xxl,
.mg-y-xxl {
    margin-top: 32px !important;
}

.mg-b-xxs,
.mg-y-xxs {
    margin-bottom: 0px !important;
}

.mg-b-xs,
.mg-y-xs {
    margin-bottom: 4px !important;
}

.mg-b-s,
.mg-y-s {
    margin-bottom: 8px !important;
}

.mg-b-m,
.mg-y-m {
    margin-bottom: 12px !important;
}

.mg-b-l,
.mg-y-l {
    margin-bottom: 16px !important;
}

.mg-b-xl,
.mg-y-xl {
    margin-bottom: 24px !important;
}

.mg-b-xxl,
.mg-y-xxl {
    margin-bottom: 32px !important;
}

.mg-l-xxs,
.mg-x-xxs {
    margin-left: 0px !important;
}

.mg-l-xs,
.mg-x-xs {
    margin-left: 4px !important;
}

.mg-l-s,
.mg-x-s {
    margin-left: 8px !important;
}

.mg-l-m,
.mg-x-m {
    margin-left: 12px !important;
}

.mg-l-l,
.mg-x-l {
    margin-left: 16px !important;
}

.mg-l-xl,
.mg-x-xl {
    margin-left: 24px !important;
}

.mg-l-xxl,
.mg-x-xxl {
    margin-left: 32px !important;
}

.mg-r-xxs,
.mg-x-xxs {
    margin-right: 0px !important;
}

.mg-r-xs,
.mg-x-xs {
    margin-right: 4px !important;
}

.mg-r-s,
.mg-x-s {
    margin-right: 8px !important;
}

.mg-r-m,
.mg-x-m {
    margin-right: 12px !important;
}

.mg-r-l,
.mg-x-l {
    margin-right: 16px !important;
}

.mg-r-xl,
.mg-x-xl {
    margin-right: 24px !important;
}

.mg-r-xxl,
.mg-x-xxl {
    margin-right: 32px !important;
}

.pd-0 {
    padding: 0 !important;
}

.pd-t-0 {
    padding-top: 0 !important;
}

.pd-l-0 {
    padding-left: 0 !important;
}

.pd-r-0 {
    padding-right: 0 !important;
}

.pd-b-0 {
    padding-bottom: 0 !important;
}

.pd-x-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.pd-y-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.pd-t-xxs,
.pd-y-xxs {
    padding-top: 0px !important;
}

.pd-t-xs,
.pd-y-xs {
    padding-top: 4px !important;
}

.pd-t-s,
.pd-y-s {
    padding-top: 8px !important;
}

.pd-t-m,
.pd-y-m {
    padding-top: 12px !important;
}

.pd-t-l,
.pd-y-l {
    padding-top: 16px !important;
}

.pd-t-xl,
.pd-y-xl {
    padding-top: 24px !important;
}

.pd-t-xxl,
.pd-y-xxl {
    padding-top: 32px !important;
}

.pd-b-xxs,
.pd-y-xxs {
    padding-bottom: 0px !important;
}

.pd-b-xs,
.pd-y-xs {
    padding-bottom: 4px !important;
}

.pd-b-s,
.pd-y-s {
    padding-bottom: 8px !important;
}

.pd-b-m,
.pd-y-m {
    padding-bottom: 12px !important;
}

.pd-b-l,
.pd-y-l {
    padding-bottom: 16px !important;
}

.pd-b-xl,
.pd-y-xl {
    padding-bottom: 24px !important;
}

.pd-b-xxl,
.pd-y-xxl {
    padding-bottom: 32px !important;
}

.pd-l-xxs,
.pd-x-xxs {
    padding-left: 0px !important;
}

.pd-l-xs,
.pd-x-xs {
    padding-left: 4px !important;
}

.pd-l-s,
.pd-x-s {
    padding-left: 8px !important;
}

.pd-l-m,
.pd-x-m {
    padding-left: 12px !important;
}

.pd-l-l,
.pd-x-l {
    padding-left: 16px !important;
}

.pd-l-xl,
.pd-x-xl {
    padding-left: 24px !important;
}

.pd-l-xxl,
.pd-x-xxl {
    padding-left: 32px !important;
}

.pd-r-xxs,
.pd-x-xxs {
    padding-right: 0px !important;
}

.pd-r-xs,
.pd-x-xs {
    padding-right: 4px !important;
}

.pd-r-s,
.pd-x-s {
    padding-right: 8px !important;
}

.pd-r-m,
.pd-x-m {
    padding-right: 12px !important;
}

.pd-r-l,
.pd-x-l {
    padding-right: 16px !important;
}

.pd-r-xl,
.pd-x-xl {
    padding-right: 24px !important;
}

.pd-r-xxl,
.pd-x-xxl {
    padding-right: 32px !important;
}

@media only screen and (min-width: 768px) {

    .mg-r-xxs,
    .mg-x-xxs {
        margin-right: 4px !important;
    }

    .mg-r-xs,
    .mg-x-xs {
        margin-right: 8px !important;
    }

    .mg-r-s,
    .mg-x-s {
        margin-right: 16px !important;
    }

    .mg-r-m,
    .mg-x-m {
        margin-right: 24px !important;
    }

    .mg-r-l,
    .mg-x-l {
        margin-right: 32px !important;
    }

    .mg-r-xl,
    .mg-x-xl {
        margin-right: 48px !important;
    }

    .mg-r-xxl,
    .mg-x-xxl {
        margin-right: 64px !important;
    }

    .mg-l-xxs,
    .mg-x-xxs {
        margin-left: 4px !important;
    }

    .mg-l-xs,
    .mg-x-xs {
        margin-left: 8px !important;
    }

    .mg-l-s,
    .mg-x-s {
        margin-left: 16px !important;
    }

    .mg-l-m,
    .mg-x-m {
        margin-left: 24px !important;
    }

    .mg-l-l,
    .mg-x-l {
        margin-left: 32px !important;
    }

    .mg-l-xl,
    .mg-x-xl {
        margin-left: 48px !important;
    }

    .mg-l-xxl,
    .mg-x-xxl {
        margin-left: 64px !important;
    }

    .mg-t-xxs,
    .mg-y-xxs {
        margin-top: 4px !important;
    }

    .mg-t-xs,
    .mg-y-xs {
        margin-top: 8px !important;
    }

    .mg-t-s,
    .mg-y-s {
        margin-top: 16px !important;
    }

    .mg-t-m,
    .mg-y-m {
        margin-top: 24px !important;
    }

    .mg-t-l,
    .mg-y-l {
        margin-top: 32px !important;
    }

    .mg-t-xl,
    .mg-y-xl {
        margin-top: 48px !important;
    }

    .mg-t-xxl,
    .mg-y-xxl {
        margin-top: 64px !important;
    }

    .mg-b-xxs,
    .mg-y-xxs {
        margin-bottom: 4px !important;
    }

    .mg-b-xs,
    .mg-y-xs {
        margin-bottom: 8px !important;
    }

    .mg-b-s,
    .mg-y-s {
        margin-bottom: 16px !important;
    }

    .mg-b-m,
    .mg-y-m {
        margin-bottom: 24px !important;
    }

    .mg-b-l,
    .mg-y-l {
        margin-bottom: 32px !important;
    }

    .mg-b-xl,
    .mg-y-xl {
        margin-bottom: 48px !important;
    }

    .mg-b-xxl,
    .mg-y-xxl {
        margin-bottom: 64px !important;
    }

    .pd-t-xxs,
    .pd-y-xxs {
        padding-top: 4px !important;
    }

    .pd-t-xs,
    .pd-y-xs {
        padding-top: 8px !important;
    }

    .pd-t-s,
    .pd-y-s {
        padding-top: 16px !important;
    }

    .pd-t-m,
    .pd-y-m {
        padding-top: 24px !important;
    }

    .pd-t-l,
    .pd-y-l {
        padding-top: 32px !important;
    }

    .pd-t-xl,
    .pd-y-xl {
        padding-top: 48px !important;
    }

    .pd-t-xxl,
    .pd-y-xxl {
        padding-top: 64px !important;
    }

    .pd-b-xxs,
    .pd-y-xxs {
        padding-bottom: 4px !important;
    }

    .pd-b-xs,
    .pd-y-xs {
        padding-bottom: 8px !important;
    }

    .pd-b-s,
    .pd-y-s {
        padding-bottom: 16px !important;
    }

    .pd-b-m,
    .pd-y-m {
        padding-bottom: 24px !important;
    }

    .pd-b-l,
    .pd-y-l {
        padding-bottom: 32px !important;
    }

    .pd-b-xl,
    .pd-y-xl {
        padding-bottom: 48px !important;
    }

    .pd-b-xxl,
    .pd-y-xxl {
        padding-bottom: 64px !important;
    }

    .pd-l-xxs,
    .pd-x-xxs {
        padding-left: 4px !important;
    }

    .pd-l-xs,
    .pd-x-xs {
        padding-left: 8px !important;
    }

    .pd-l-s,
    .pd-x-s {
        padding-left: 16px !important;
    }

    .pd-l-m,
    .pd-x-m {
        padding-left: 24px !important;
    }

    .pd-l-l,
    .pd-x-l {
        padding-left: 32px !important;
    }

    .pd-l-xl,
    .pd-x-xl {
        padding-left: 48px !important;
    }

    .pd-l-xxl,
    .pd-x-xxl {
        padding-left: 64px !important;
    }

    .pd-r-xxs,
    .pd-x-xxs {
        padding-right: 4px !important;
    }

    .pd-r-xs,
    .pd-x-xs {
        padding-right: 8px !important;
    }

    .pd-r-s,
    .pd-x-s {
        padding-right: 16px !important;
    }

    .pd-r-m,
    .pd-x-m {
        padding-right: 24px !important;
    }

    .pd-r-l,
    .pd-x-l {
        padding-right: 32px !important;
    }

    .pd-r-xl,
    .pd-x-xl {
        padding-right: 48px !important;
    }

    .pd-r-xxl,
    .pd-x-xxl {
        padding-right: 64px !important;
    }
}

.tH1,
.tH2,
.tH3,
.tH4,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}

.tH1 {
    font-family: "dtac_2018bold";
    font-size: 48px;
    line-height: 50px;
}

.tH2 {
    font-size: 40px;
    line-height: 44px;
}

.tH3 {
    font-size: 30px;
    line-height: 32px;
}

.tH4 {
    font-size: 24px;
    line-height: 28px;
}

.tH5 {
    font-size: 20px;
    line-height: 26px;
}

.tH5.fKanit {
    line-height: 24px;
}

.tH6 {
    font-size: 18px;
    line-height: 28px;
}

.tBody {
    font-size: 16px;
    line-height: 22px;
}

.tCaption {
    font-size: 14px;
    line-height: 20px;
}

.tMacro {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 2%;
}

.tMicro {
    font-size: 10px;
    line-height: 14px;
    letter-spacing: 4%;
}

.th .tH1 {
    line-height: 62px;
}

.th .tH2 {
    line-height: 52px;
}

.th .tH3 {
    line-height: 40px;
}

.th .tH4 {
    line-height: 32px;
}

.th .tH5 {
    line-height: 26px;
}

.th .tH5.fKanit {
    line-height: 25px;
}

.th .tH6 {
    line-height: 28px;
}

.th .tH6.fKanit {
    line-height: 26px;
}

.th .tBody {
    line-height: 24px;
}

.th .tCaption {
    line-height: 22px;
}

@media only screen and (min-width: 992px) {
    .tH1D {
        font-family: "dtac_2018bold";
        font-size: 48px !important;
        line-height: 50px !important;
    }

    .tH2D {
        font-size: 40px !important;
        line-height: 44px !important;
    }

    .tH3D {
        font-size: 30px !important;
        line-height: 32px !important;
    }

    .tH4D {
        font-size: 24px !important;
        line-height: 28px !important;
    }

    .tH5D {
        font-size: 20px !important;
        line-height: 26px !important;
    }

    .tH5D.fKanit {
        line-height: 24px !important;
    }

    .tH6D {
        font-size: 18px !important;
        line-height: 28px !important;
    }

    .tBodyD {
        font-size: 16px !important;
        line-height: 22px !important;
    }

    .tCaptionD {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    .tMacroD {
        font-size: 12px !important;
        line-height: 18px !important;
        letter-spacing: 2% !important;
    }

    .tMicroD {
        font-size: 10px !important;
        line-height: 14px !important;
        letter-spacing: 4% !important;
    }

    .th .tH1D {
        line-height: 62px !important;
    }

    .th .tH2D {
        line-height: 52px !important;
    }

    .th .tH3D {
        line-height: 40px !important;
    }

    .th .tH4D {
        line-height: 32px !important;
    }

    .th .tH5D {
        line-height: 26px !important;
    }

    .th .tH5D.fKanit {
        line-height: 25px !important;
    }

    .th .tH6D {
        line-height: 28px !important;
    }

    .th .tH6D.fKanit {
        line-height: 26px !important;
    }

    .th .tBodyD {
        line-height: 24px !important;
    }

    .th .tCaptionD {
        line-height: 22px !important;
    }
}

.otp {
    display: flex;
    flex-direction: column;
    max-width: 300px;
    width: 100%;
}

.otp .icon {
    display: inline-flex;
    background-position: center center;
    background-repeat: no-repeat;
}

.otp .ico-paperPlan {
    width: 12px;
    height: 12px;
    background-image: url(../images/icons/ico-paperPlan.svg);
}

.otp .otp-inner {
    display: flex;
    flex-direction: column;
    color: #1a1a1a;
}

.otp .otp-wrapper {
    display: flex;
    flex-direction: row;
}

.otp .otp-wrapper .form-group {
    display: flex;
    width: 60px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    margin-left: 7px;
    margin-right: 7px;
    margin-bottom: 13px;
}

.otp .otp-wrapper .form-group .form-control {
    width: 100%;
    line-height: 40px;
    padding: 0;
    font-size: 40px;
    text-align: center;
    background: none;
    border: none !important;
}

.otp .otp-wrapper .form-group::after {
    content: "";
    width: 100%;
    height: 4px;
    border-radius: 4px;
    background-color: #e5e5e5;
    position: absolute;
    bottom: 0;
    left: 0;
}

.otp .text-alert {
    display: none;
    text-align: center;
    color: #d82730;
}

.otp .link-control {
    display: flex;
}

.otp .link-control .icon {
    margin-right: 5px;
}

.otp .link-control>a {
    margin-left: 12px;
    display: flex;
    align-items: center;
}

.otp .form-error .text-alert {
    display: block;
}

.otp .form-error .form-group::after {
    background-color: #d82730;
}

.otp .form-error .form-group .form-control {
    color: #d82730;
}

.scIntro {
    position: relative;
    background: #ffffff;
}

.scIntro .concave-br::after {
    content: "";
    display: block;
    width: 200%;
    height: 200%;
    position: absolute;
    border-radius: 50%;
    bottom: 0;
    right: 0;
    box-shadow: 16px 16px 0 0 #f5f5f5;
}

[class*="concave-"] {
    width: 32px;
    height: 32px;
    position: absolute;
    overflow: hidden;
}

.concave-tl {
    top: 0;
    left: 0;
}

.concave-br {
    bottom: 0;
    right: 0;
}

.concave-br::after {
    content: "";
    display: block;
    width: 200%;
    height: 200%;
    position: absolute;
    border-radius: 50%;
    bottom: 0;
    right: 0;
    box-shadow: 16px 16px 0 0 #f5f5f5;
}

.scFeatured .container {
    position: relative;
    background: #f5f5f5;
    padding: 40px 15px;
    border-radius: 32px 0 0 0;
}

.scFeatured .concave-br::after {
    content: "";
    display: block;
    width: 200%;
    height: 200%;
    position: absolute;
    border-radius: 50%;
    bottom: 0;
    right: 0;
    box-shadow: 16px 16px 0 0 #e7eef4;
}

.scFooter .container {
    position: relative;
    background: #e7eef4;
    padding: 40px 15px;
    border-radius: 32px 0 0 0;
}

.scFooter .concave-tl::after {
    content: "";
    display: block;
    width: 200%;
    height: 200%;
    position: absolute;
    border-radius: 50%;
    top: 0;
    left: 0;
    box-shadow: 0 0 16px 16px #f5f5f5;
}

.iXs {
    display: flex;
    width: 12px;
    height: 12px;
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: center center;
}

.iSm {
    display: flex;
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center center;
}

.iMd {
    display: flex;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center center;
}

.iLg {
    display: flex;
    width: 32px;
    height: 32px;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: center center;
}

.iXl {
    display: flex;
    width: 36px;
    height: 36px;
    background-size: 36px 36px;
    background-repeat: no-repeat;
    background-position: center center;
}

.iXxl {
    display: flex;
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: center center;
}

.iXxxl {
    display: flex;
    width: 50px;
    height: 50px;
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background-position: center center;
}

.iXs.icoDtac,
.iSm.icoDtac,
.iMd.icoDtac,
.iLg.icoDtac,
.iXl.icoDtac {
    background-image: url("../images/icons/ico-dtac.svg");
}

.iXs.icoDtac.active,
.iSm.icoDtac.active,
.iMd.icoDtac.active,
.iLg.icoDtac.active,
.iXl.icoDtac.active {
    background-image: url("../images/icons/ico-dtacBlue.svg");
}

.iXs.icoDtac5G,
.iSm.icoDtac5G,
.iMd.icoDtac5G,
.iLg.icoDtac5G,
.iXl.icoDtac5G {
    background-image: url("../images/icons/logo-5g.svg");
}

/* .iXs.icoGift,
.iSm.icoGift,
.iMd.icoGift,
.iLg.icoGift,
.iXl.icoGift {
    background-image: url("../images/icons/ico-gift.svg");
}

.iXs.icoGift.active,
.iSm.icoGift.active,
.iMd.icoGift.active,
.iLg.icoGift.active,
.iXl.icoGift.active {
    background-image: url("../images/icons/ico-giftBlue.svg");
} */

.iXs.icoLocation,
.iSm.icoLocation,
.iMd.icoLocation,
.iLg.icoLocation,
.iXl.icoLocation {
    background-image: url("../images/icons/ico-location.svg");
}

.iXs.icoLocation.active,
.iSm.icoLocation.active,
.iMd.icoLocation.active,
.iLg.icoLocation.active,
.iXl.icoLocation.active {
    background-image: url("../images/icons/ico-locationBlue.svg");
}

.iXs.icoSavingAccount,
.iSm.icoSavingAccount,
.iMd.icoSavingAccount,
.iLg.icoSavingAccount,
.iXl.icoSavingAccount {
    background-image: url("../images/icons/ico-savingAccount.svg");
}

.iXs.icoSavingAccount.active,
.iSm.icoSavingAccount.active,
.iMd.icoSavingAccount.active,
.iLg.icoSavingAccount.active,
.iXl.icoSavingAccount.active {
    background-image: url("../images/icons/ico-savingAccountBlue.svg");
}

.iXs.icoSimCard,
.iSm.icoSimCard,
.iMd.icoSimCard,
.iLg.icoSimCard,
.iXl.icoSimCard {
    background-image: url("../images/icons/ico-simCard.svg");
}

.iXs.icoSimCard.active,
.iSm.icoSimCard.active,
.iMd.icoSimCard.active,
.iLg.icoSimCard.active,
.iXl.icoSimCard.active {
    background-image: url("../images/icons/ico-simCardBlue.svg");
}

.iXs.icoThumbsUp,
.iSm.icoThumbsUp,
.iMd.icoThumbsUp,
.iLg.icoThumbsUp,
.iXl.icoThumbsUp {
    background-image: url("../images/icons/ico-thumbsUp.svg");
}

.iXs.icoThumbsUp.active,
.iSm.icoThumbsUp.active,
.iMd.icoThumbsUp.active,
.iLg.icoThumbsUp.active,
.iXl.icoThumbsUp.active,
.active .iXs.icoThumbsUp,
.active .iSm.icoThumbsUp,
.active .iMd.icoThumbsUp,
.active .iLg.icoThumbsUp,
.active .iXl.icoThumbsUp {
    background-image: url("../images/icons/ico-thumbsUpBlue.svg");
}

.iXs.icopaperPlan,
.iSm.icopaperPlan,
.iMd.icopaperPlan,
.iLg.icopaperPlan,
.iXl.icopaperPlan {
    background-image: url("../images/icons/ico-paperPlan.svg");
}

.iXs.icoCoins,
.iSm.icoCoins,
.iMd.icoCoins,
.iLg.icoCoins,
.iXl.icoCoins {
    background-image: url("../images/icons/ico-coins.svg");
}

.iXs.icodtacOnline,
.iSm.icodtacOnline,
.iMd.icodtacOnline,
.iLg.icodtacOnline,
.iXl.icodtacOnline {
    background-image: url("../images/icons/icon-dtaconline.svg");
}

.iXs.icodtacBranch,
.iSm.icodtacBranch,
.iMd.icodtacBranch,
.iLg.icdtacBranche,
.iXl.icodtacBranch {
    background-image: url("../images/icons/icon-dtac-branch.svg");
}

.iXs.icoSwipecard,
.iSm.icoSwipecard,
.iMd.icoSwipecard,
.iLg.icoSwipecard,
.iXl.icoSwipecard {
    background-image: url("../images/icons/icon-swipecard.svg");
}

.iXs.icoDeliverys,
.iSm.icoDeliverys,
.iMd.icoDeliverys,
.iLg.icoDeliverys,
.iXl.icoDeliverys {
    background-image: url("../images/icons/icon-delivery.svg");
}

.iXs.icoCreditEnquiry,
.iSm.icoCreditEnquiry,
.iMd.icoCreditEnquiry,
.iLg.icoCreditEnquiry,
.iXl.icoCreditEnquiry {
    background-image: url("../images/icons/icon-credit-enquiry.svg");
}

.iXs.icoLuckyNumber,
.iSm.icoLuckyNumber,
.iMd.icoLuckyNumber,
.iLg.icoLuckyNumber,
.iXl.icoLuckyNumber {
    background-image: url("../images/icons/ico-luckyNumber.svg");
}

.iXs.iconetVoiceBlue.active,
.iSm.iconetVoiceBlue.active,
.iMd.iconetVoiceBlue.active,
.iLg.iconetVoiceBlue.active,
.iXl.iconetVoiceBlue.active {
    background-image: url("../images/icons/ico-netVoiceBlue.svg");
}

.iXs.icoplusBlue.active,
.iSm.icoplusBlue.active,
.iMd.icoplusBlue.active,
.iLg.icoplusBlue.active,
.iXl.icoplusBlue.active {
    background-image: url("../images/icons/ico-plusBlue.svg");
}

.iXs.icominusBlue.active,
.iSm.icominusBlue.active,
.iMd.icominusBlue.active,
.iLg.icominusBlue.active,
.iXl.icominusBlue.active {
    background-image: url("../images/icons/ico-minusBlue.svg");
}

.active .iXs.icoThumbsUp.active,
.active .iSm.icoThumbsUp.active,
.active .iMd.icoThumbsUp.active,
.active .iLg.icoThumbsUp.active,
.active .iXl.icoThumbsUp.active {
    background-image: url("../images/icons/ico-thumbsUpWhite.svg");
}

.iXs.icoThumbsUp,
.iSm.icoThumbsUp,
.iMd.icoThumbsUp,
.iLg.icoThumbsUp,
.iXl.icoThumbsUp {
    background-image: url("../images/icons/ico-thumbsUp.svg");
}

.iXs.icoThumbsUp.active,
.iSm.icoThumbsUp.active,
.iMd.icoThumbsUp.active,
.iLg.icoThumbsUp.active,
.iXl.icoThumbsUp.active {
    background-image: url("../images/icons/ico-thumbsUpBlue.svg");
}

.iXs.icoInternet,
.iSm.icoInternet,
.iMd.icoInternet,
.iLg.icoInternet,
.iXl.icoInternet {
    background-image: url("../images/icons/ico-internet.svg");
}

.iXs.icoInternetBlack,
.iSm.icoInternetBlack,
.iMd.icoInternetBlack,
.iLg.icoInternetBlack,
.iXl.icoInternetBlack {
    background-image: url("../images/icons/ico-internet-black.svg");
}

.iXs.icoInternet.active,
.iSm.icoInternet.active,
.iMd.icoInternet.active,
.iLg.icoInternet.active,
.iXl.icoInternet.active {
    background-image: url("../images/icons/ico-internetBlue.svg");
}

.iXs.icoCalls,
.iSm.icoCalls,
.iMd.icoCalls,
.iLg.icoCalls,
.iXl.icoCalls {
    background-image: url("../images/icons/ico-calls.svg");
}

.iXs.icoCallsBlack,
.iSm.icoCallsBlack,
.iMd.icoCallsBlack,
.iLg.icoCallsBlack,
.iXl.icoCallsBlack {
    background-image: url("../images/icons/ico-call-black.svg");
}

.iXs.icoCallsWhite,
.iSm.icoCallsWhite,
.iMd.icoCallsWhite,
.iLg.icoCallsWhite,
.iXl.icoCallsWhite {
    background-image: url("../images/icons/ico-callsWhite.svg");
}

.iXs.icoCalls.active,
.iSm.icoCalls.active,
.iMd.icoCalls.active,
.iLg.icoCalls.active,
.iXl.icoCalls.active {
    background-image: url("../images/icons/ico-callsBlue.svg");
}

.iXs.icoCalendar,
.iSm.icoCalendar,
.iMd.icoCalendar,
.iLg.icoCalendar,
.iXl.icoCalendar {
    background-image: url("../images/icons/ico-calendar.svg");
}
.iXs.icoCalendarBlack,
.iSm.icoCalendarBlack,
.iMd.icoCalendarBlack,
.iLg.icoCalendarBlack,
.iXl.icoCalendarBlack {
    background-image: url("../images/icons/ico-calendar-black.svg");
}

.iXs.icoDtacGo,
.iSm.icoDtacGo,
.iMd.icoDtacGo,
.iLg.icoDtacGo,
.iXl.icoDtacGo {
    background-image: url("../images/icons/ico-dtacGoMono.svg");
}

.iXs.icoDtacGo.active,
.iSm.icoDtacGo.active,
.iMd.icoDtacGo.active,
.iLg.icoDtacGo.active,
.iXl.icoDtacGo.active {
    background-image: url("../images/icons/ico-dtacGo.svg");
}

.iXs.icodtacGoPluscolor,
.iSm.icodtacGoPluscolor,
.iMd.icodtacGoPluscolor,
.iLg.icodtacGoPluscolor,
.iXl.icodtacGoPluscolor {
    background-image: url("../images/icons/icodtacGoplus.svg");
}

.iXs.icoWifi,
.iSm.icoWifi,
.iMd.icoWifi,
.iLg.icoWifi,
.iXl.icoWifi {
    background-image: url("../images/icons/ico-wifi.svg");
}

.iXs.icoWifiBlack,
.iSm.icoWifiBlack,
.iMd.icoWifiBlack,
.iLg.icoWifiBlack,
.iXl.icoWifiBlack {
    background-image: url("../images/icons/ico-wifi-black.svg");
}

.iXs.icoNetUnlimited,
.iSm.icoNetUnlimited,
.iMd.icoNetUnlimited,
.iLg.icoNetUnlimited,
.iXl.icoNetUnlimited {
    background-image: url("../images/icons/ico-net-unlimited.svg");
}

.iXs.icoHome,
.iSm.icoHome,
.iMd.icoHome,
.iLg.icoHome,
.iXl.icoHome {
    background-image: url("../images/icons/ico-home.svg");
}

.iXs.icoHome.active,
.iSm.icoHome.active,
.iMd.icoHome.active,
.iLg.icoHome.active,
.iXl.icoHome.active {
    background-image: url("../images/icons/ico-homeBlue.svg");
}

.iXs.icoPhone,
.iSm.icoPhone,
.iMd.icoPhone,
.iLg.icoPhone,
.iXl.icoPhone {
    background-image: url("../images/icons/ico-phone.svg");
}

.iXs.icoReset,
.iSm.icoReset,
.iMd.icoReset,
.iLg.icoReset,
.iXl.icoReset {
    background-image: url("../images/icons/ico-reset.svg");
}

.iXs.icoPhone.active,
.iSm.icoPhone.active,
.iMd.icoPhone.active,
.iLg.icoPhone.active,
.iXl.icoPhone.active {
    background-image: url("../images/icons/ico-phoneBlue.svg");
}

.iXs.icoNetVoice,
.iSm.icoNetVoice,
.iMd.icoNetVoice,
.iLg.icoNetVoice,
.iXl.icoNetVoice {
    background-image: url("../images/icons/ico-netVoice.svg");
}

.iXs.icoWifi,
.iSm.icoWifi,
.iMd.icoWifi,
.iLg.icoWifi,
.iXl.icoWifi {
    background-image: url("../images/icons/ico-wifi.svg");
}

.iXs.icoFilter,
.iSm.icoFilter,
.iMd.icoFilter,
.iLg.icoFilter,
.iXl.icoFilter {
    background-image: url("../images/icons/ico-filter.svg");
}

.iXs.icoLuckyNumber,
.iSm.icoLuckyNumber,
.iMd.icoLuckyNumber,
.iLg.icoLuckyNumber,
.iXl.icoLuckyNumber {
    background-image: url("../images/icons/ico-luckyNumber.svg");
}

.iXs.icoLuckyNumber.active,
.iSm.icoLuckyNumber.active,
.iMd.icoLuckyNumber.active,
.iLg.icoLuckyNumber.active,
.iXl.icoLuckyNumber.active {
    background-image: url("../images/icons/ico-luckyNumberBlue.svg");
}

.iXs.icoLuckyNumber2,
.iSm.icoLuckyNumber2,
.iMd.icoLuckyNumber2,
.iLg.icoLuckyNumber2,
.iXl.icoLuckyNumber2 {
    background-image: url("../images/icons/ico-luckyNumber2.svg");
}

.iXs.icoLuckyNumber2.active,
.iSm.icoLuckyNumber2.active,
.iMd.icoLuckyNumber2.active,
.iLg.icoLuckyNumber2.active,
.iXl.icoLuckyNumber2.active {
    background-image: url("../images/icons/ico-luckyNumber2Blue.svg");
}

.iXs.icoHealthCheck,
.iSm.icoHealthCheck,
.iMd.icoHealthCheck,
.iLg.icoHealthCheck,
.iXl.icoHealthCheck {
    background-image: url("../images/icons/ico-healthCheck.svg");
}

.iXs.icoHealthCheck.active,
.iSm.icoHealthCheck.active,
.iMd.icoHealthCheck.active,
.iLg.icoHealthCheck.active,
.iXl.icoHealthCheck.active {
    background-image: url("../images/icons/ico-healthCheckBlue.svg");
}

.iXs.icoBill,
.iSm.icoBill,
.iMd.icoBill,
.iLg.icoBill,
.iXl.icoBill {
    background-image: url("../images/icons/ico-bill.svg");
}

.iXs.icoBill.active,
.iSm.icoBill.active,
.iMd.icoBill.active,
.iLg.icoBill.active,
.iXl.icoBill.active,
.active .iXs.icoBill,
.active .iSm.icoBill,
.active .iMd.icoBill,
.active .iLg.icoBill,
.active .iXl.icoBill {
    background-image: url("../images/icons/ico-billBlue.svg");
}

.iXs.icoCoins,
.iSm.icoCoins,
.iMd.icoCoins,
.iLg.icoCoins,
.iXl.icoCoins {
    background-image: url("../images/icons/ico-coins.svg");
}

.iXs.icoWeTV,
.iSm.icoWeTV,
.iMd.icoWeTV,
.iLg.icoWeTV,
.iXl.icoWeTV {
    background-image: url("../images/icons/ico-weTV.png");
}

.iXs.icoweTV1,
.iSm.icoweTV1,
.iMd.icoweTV1,
.iLg.icoweTV1,
.iXl.icoweTV1 {
    background-image: url("../images/icons/icoweTV.svg");
}

.iXs.logoWeTV,
.iSm.logoWeTV,
.iMd.logoWeTV,
.iLg.logoWeTV,
.iXl.logoWeTV {
    background-image: url("../images/icons/logo-WeTv1.svg");
}

.iXs.icoSearchBill,
.iSm.icoSearchBill,
.iMd.icoSearchBill,
.iLg.icoSearchBill,
.iXl.icoSearchBill {
    background-image: url("../images/icons/ico-searchBill.svg");
}

.iXs.icoSearchBill.active,
.iSm.icoSearchBill.active,
.iMd.icoSearchBill.active,
.iLg.icoSearchBill.active,
.iXl.icoSearchBill.active {
    background-image: url("../images/icons/ico-searchBillBlue.svg");
}

.iXs.icoCheck,
.iSm.icoCheck,
.iMd.icoCheck,
.iLg.icoCheck,
.iXl.icoCheck {
    background-image: url("../images/icons/ico-check.svg");
}

.iXs.icoCheck.active,
.iSm.icoCheck.active,
.iMd.icoCheck.active,
.iLg.icoCheck.active,
.iXl.icoCheck.active {
    background-image: url("../images/icons/ico-checkBlue.svg");
}

.iXs.icoCheck.cWhite,
.iSm.icoCheck.cWhite,
.iMd.icoCheck.cWhite,
.iLg.icoCheck.cWhite,
.iXl.icoCheck.cWhite {
    background-image: url("../images/icons/ico-checkWhite.svg");
}

.iXs.icoSwitchToPostpaidBlue.active,
.iSm.icoSwitchToPostpaidBlue.active,
.iMd.icoSwitchToPostpaidBlue.active,
.iLg.icoSwitchToPostpaidBlue.active,
.iXl.icoSwitchToPostpaidBlue.active {
    background-image: url("../images/icons/ico-switchToPostpaidBlue.svg");
}

.iXs.icoCare,
.iSm.icoCare,
.iMd.icoCare,
.iLg.icoCare,
.iXl.icoCare {
    background-image: url("../images/icons/ico-care.svg");
    /* background-image: url("../images/icons/ico-care.png"); */
}

.iXs.icoCareWhite,
.iSm.icoCareWhite,
.iMd.icoCareWhite,
.iLg.icoCareWhite,
.iXl.icoCareWhite {
    background-image: url("../images/icons/ico-careWhite.png");
}

.active .iXs.icoCareWhite,
.active .iSm.icoCareWhite,
.active .iMd.icoCareWhite,
.active .iLg.icoCareWhite,
.active .iXl.icoCareWhite,
.iXs.icoCareWhite.active,
.iSm.icoCareWhite.active,
.iMd.icoCareWhite.active,
.iLg.icoCareWhite.active,
.iXl.icoCareWhite.active {
    background-image: url("../images/icons/ico-careBlue.png");
}

.active .iXs.icoCareWhite.active,
.active .iSm.icoCareWhite.active,
.active .iMd.icoCareWhite.active,
.active .iLg.icoCareWhite.active,
.active .iXl.icoCareWhite.active {
    background-image: url("../images/icons/ico-careWhite.png");
}

.iXs.icoComplete,
.iSm.icoComplete,
.iMd.icoComplete,
.iLg.icoComplete,
.iXl.icoComplete {
    background-image: url("../images/icons/ico-complete.svg");
    background-image: url("../images/icons/ico-complete.png");
}

.iXs.icoValue,
.iSm.icoValue,
.iMd.icoValue,
.iLg.icoValue,
.iXl.icoValue {
    background-image: url("../images/icons/ico-value.svg");
    background-image: url("../images/icons/ico-value.png");
}

.iXs.icoPhoneServices,
.iSm.icoPhoneServices,
.iMd.icoPhoneServices,
.iLg.icoPhoneServices,
.iXl.icoPhoneServices {
    background-image: url("../images/icons/ico-phoneServices.svg");
}

.iXs.icoPhoneServices.active,
.iSm.icoPhoneServices.active,
.iMd.icoPhoneServices.active,
.iLg.icoPhoneServices.active,
.iXl.icoPhoneServices.active,
.active .iXs.icoPhoneServices,
.active .iSm.icoPhoneServices,
.active .iMd.icoPhoneServices,
.active .iLg.icoPhoneServices,
.active .iXl.icoPhoneServices {
    background-image: url("../images/icons/ico-phoneServicesBlue.svg");
}

.iXs.icoEdit,
.iSm.icoEdit,
.iMd.icoEdit,
.iLg.icoEdit,
.iXl.icoEdit {
    background-image: url("../images/icons/ico-edit.svg");
}

.iXs.icoEdit.active,
.iSm.icoEdit.active,
.iMd.icoEdit.active,
.iLg.icoEdit.active,
.iXl.icoEdit.active,
.active .iXs.icoEdit,
.active .iSm.icoEdit,
.active .iMd.icoEdit,
.active .iLg.icoEdit,
.active .iXl.icoEdit {
    background-image: url("../images/icons/ico-editBlue.svg");
}

.iXs.icoNetworkTime,
.iSm.icoNetworkTime,
.iMd.icoNetworkTime,
.iLg.icoNetworkTime,
.iXl.icoNetworkTime {
    background-image: url("../images/icons/ico-networkTime.svg");
}

.iXs.icoNetworkTime.active,
.iSm.icoNetworkTime.active,
.iMd.icoNetworkTime.active,
.iLg.icoNetworkTime.active,
.iXl.icoNetworkTime.active,
.active .iXs.icoNetworkTime,
.active .iSm.icoNetworkTime,
.active .iMd.icoNetworkTime,
.active .iLg.icoNetworkTime,
.active .iXl.icoNetworkTime {
    background-image: url("../images/icons/ico-networkTimeBlue.svg");
}

.iXs.icoSocialEntertain,
.iSm.icoSocialEntertain,
.iMd.icoSocialEntertain,
.iLg.icoSocialEntertain,
.iXl.icoSocialEntertain {
    background-image: url("../images/icons/ico-socialEntertain.svg");
}

.active .iXs.icoSocialMedia,
.active .iSm.icoSocialMedia,
.active .iMd.icoSocialMedia,
.active .iLg.icoSocialMedia,
.active .iXl.icoSocialMedia,
.iXs.icoSocialMedia.active,
.iSm.icoSocialMedia.active,
.iMd.icoSocialMedia.active,
.iLg.icoSocialMedia.active,
.iXl.icoSocialMedia.active {
    background-image: url("../images/icons/ico-socialMediaBlue.svg");
}

.iXs.icoSocialMedia,
.iSm.icoSocialMedia,
.iMd.icoSocialMedia,
.iLg.icoSocialMedia,
.iXl.icoSocialMedia {
    background-image: url("../images/icons/ico-socialMedia.svg");
}

.iXs.icoGame,
.iSm.icoGame,
.iMd.icoGame,
.iLg.icoGame,
.iXl.icoGame {
    background-image: url("../images/icons/ico-game.svg");
}

.iXs.icoGameBlack,
.iSm.icoGameBlack,
.iMd.icoGameBlack,
.iLg.icoGameBlack,
.iXl.icoGameBlack {
    background-image: url("../images/icons/ico-gameBlack.svg");
}

.iXs.icoGame.active,
.iSm.icoGame.active,
.iMd.icoGame.active,
.iLg.icoGame.active,
.iXl.icoGame.active,
.iXs.icoGameBlack.active,
.iSm.icoGameBlack.active,
.iMd.icoGameBlack.active,
.iLg.icoGameBlack.active,
.iXl.icoGameBlack.active,
.active .iXs.icoGame,
.active .iSm.icoGame,
.active .iMd.icoGame,
.active .iLg.icoGame,
.active .iXl.icoGame {
    background-image: url("../images/icons/ico-gameBlue.svg");
}

.iXs.icoHdMovie,
.iSm.icoHdMovie,
.iMd.icoHdMovie,
.iLg.icoHdMovie,
.iXl.icoHdMovie {
    background-image: url("../images/icons/ico-hdMovie.svg");
}

.iXs.icoUpload,
.iSm.icoUpload,
.iMd.icoUpload,
.iLg.icoUpload,
.iXl.icoUpload {
    background-image: url("../images/icons/ico-upload.svg");
}

.iXs.icoDownload,
.iSm.icoDownload,
.iMd.icoDownload,
.iLg.icoDownload,
.iXl.icoDownload {
    background-image: url("../images/icons/ico-download.svg");
}

.iXs.icoInformation,
.iSm.icoInformation,
.iMd.icoInformation,
.iLg.icoInformation,
.iXl.icoInformation {
    background-image: url("../images/icons/ico-information.svg");
}

.iXs.icoInformation.active,
.iSm.icoInformation.active,
.iMd.icoInformation.active,
.iLg.icoInformation.active,
.iXl.icoInformation.active,
.active .iXs.icoInformation,
.active .iSm.icoInformation,
.active .iMd.icoInformation,
.active .iLg.icoInformation,
.active .iXl.icoInformation {
    background-image: url("../images/icons/ico-informationBlue.svg");
}

.iXs.icoWallet.active,
.iSm.icoWallet.active,
.iMd.icoWallet.active,
.iLg.icoWallet.active,
.iXl.icoWallet.active {
    background-image: url("../images/icons/ico-walletBlue.svg");
}

.iXs.icoJaidee.active,
.iSm.icoJaidee.active,
.iMd.icoJaidee.active,
.iLg.icoJaidee.active,
.iXl.icoJaidee.active {
    background-image: url("../images/icons/ico-jaideeBlue.svg");
}

.iXs.icoPostpaidBill.active,
.iSm.icoPostpaidBill.active,
.iMd.icoPostpaidBill.active,
.iLg.icoPostpaidBill.active,
.iXl.icoPostpaidBill.active {
    background-image: url("../images/icons/ico-postpaidbillBlue.svg");
}

.iXs.icoPayment.active,
.iSm.icoPayment.active,
.iMd.icoPayment.active,
.iLg.icoPayment.active,
.iXl.icoPayment.active {
    background-image: url("../images/icons/ico-paymentBlue.svg");
}

.iXs.icoPersonal,
.iSm.icoPersonal,
.iMd.icoPersonal,
.iLg.icoPersonal,
.iXl.icoPersonal {
    background-image: url("../images/icons/ico-personal.svg");
}

.iXs.icoPersonal.active,
.iSm.icoPersonal.active,
.iMd.icoPersonal.active,
.iLg.icoPersonal.active,
.iXl.icoPersonal.active {
    background-image: url("../images/icons/ico-personalBlue.svg");
}

.iXs.icoDelivery,
.iSm.icoDelivery,
.iMd.icoDelivery,
.iLg.icoDelivery,
.iXl.icoDelivery {
    background-image: url("../images/icons/ico-delivery.svg");
}

.iXs.icoDelivery.active,
.iSm.icoDelivery.active,
.iMd.icoDelivery.active,
.iLg.icoDelivery.active,
.iXl.icoDelivery.active {
    background-image: url("../images/icons/ico-deliveryBlue.svg");
}

.iXs.icoOrder,
.iSm.icoOrder,
.iMd.icoOrder,
.iLg.icoOrder,
.iXl.icoOrder {
    background-image: url("../images/icons/ico-order.svg");
}

.iXs.icoOrder.active,
.iSm.icoOrder.active,
.iMd.icoOrder.active,
.iLg.icoOrder.active,
.iXl.icoOrder.active,
.active .iXs.icoOrder,
.active .iSm.icoOrder,
.active .iMd.icoOrder,
.active .iLg.icoOrder,
.active .iXl.icoOrder {
    background-image: url("../images/icons/ico-orderBlue.svg");
}

.iXs.icoLotto,
.iSm.icoLotto,
.iMd.icoLotto,
.iLg.icoLotto,
.iXl.icoLotto {
    background-image: url("../images/icons/ico-lotto.svg");
}

.iXs.icoLotto.active,
.iSm.icoLotto.active,
.iMd.icoLotto.active,
.iLg.icoLotto.active,
.iXl.icoLotto.active,
.active .iXs.icoLotto,
.active .iSm.icoLotto,
.active .iMd.icoLotto,
.active .iLg.icoLotto,
.active .iXl.icoLotto {
    background-image: url("../images/icons/ico-lottoBlue.svg");
}

.iXs.icoMutelu,
.iSm.icoMutelu,
.iMd.icoMutelu,
.iLg.icoMutelu,
.iXl.icoMutelu {
    background-image: url("../images/icons/ico-mutelu.svg");
}

.iXs.icoMutelu.active,
.iSm.icoMutelu.active,
.iMd.icoMutelu.active,
.iLg.icoMutelu.active,
.iXl.icoMutelu.active,
.active .iXs.icoMutelu,
.active .iSm.icoMutelu,
.active .iMd.icoMutelu,
.active .iLg.icoMutelu,
.active .iXl.icoMutelu {
    background-image: url("../images/icons/ico-muteluBlue.svg");
}

.iXs.icoRewardbox,
.iSm.icoRewardbox,
.iMd.icoRewardbox,
.iLg.icoRewardbox,
.iXl.icoRewardbox {
    background-image: url("../images/icons/ico-rewardbox.svg");
}

.iXs.icoRewardbox.active,
.iSm.icoRewardbox.active,
.iMd.icoRewardbox.active,
.iLg.icoRewardbox.active,
.iXl.icoRewardbox.active,
.active .iXs.icoRewardbox,
.active .iSm.icoRewardbox,
.active .iMd.icoRewardbox,
.active .iLg.icoRewardbox,
.active .iXl.icoRewardbox {
    background-image: url("../images/icons/ico-rewardboxBlue.svg");
}

.iXs.icoecoupon,
.iSm.icoecoupon,
.iMd.icoecoupon,
.iLg.icoecoupon,
.iXl.icoecoupon {
    background-image: url("../images/icons/ico-e-coupon.svg");
}

.iXs.icopinOutline,
.iSm.icopinOutline,
.iMd.icopinOutline,
.iLg.icopinOutline,
.iXl.icopinOutline {
    background-image: url("../images/icons/ico-pinOutline.svg");
}

.iXs.icoclock,
.iSm.icoclock,
.iMd.icoclock,
.iLg.icoclock,
.iXl.icoclock {
    background-image: url("../images/icons/ico-clock.svg");
}

.iXs.icoYoutube,
.iSm.icoYoutube,
.iMd.icoYoutube,
.iLg.icoYoutube,
.iXl.icoYoutube {
    background-image: url("../images/icons/ico-youtube.svg");
}

.iXs.icoYoutube1,
.iSm.icoYoutube1,
.iMd.icoYoutube1,
.iLg.icoYoutube1,
.iXl.icoYoutube1 {
    background-image: url("../images/icons/ico-Youtube.svg");
}

.iXs.icoJoox,
.iSm.icoJoox,
.iMd.icoJoox,
.iLg.icoJoox,
.iXl.icoJoox {
    background-image: url("../images/icons/ico-joox.svg");
}

.iXs.icoCheckmark,
.iSm.icoCheckmark,
.iMd.icoCheckmark,
.iLg.icoCheckmark,
.iXl.icoCheckmark {
    background-image: url("../images/icons/ico-check-mark.svg");
}

.iXs.icoFacebook,
.iSm.icoFacebook,
.iMd.icoFacebook,
.iLg.icoFacebook,
.iXl.icoFacebook {
    background-image: url("../images/icons/ico-facebook.svg");
}

.iXs.icoInstagram,
.iSm.icoInstagram,
.iMd.icoInstagram,
.iLg.icoInstagram,
.iXl.icoInstagram {
    background-image: url("../images/icons/ico-instagram.svg");
}

.iXs.icoLine,
.iSm.icoLine,
.iMd.icoLine,
.iLg.icoLine,
.iXl.icoLine {
    background-image: url("../images/icons/ico-line.svg");
}

.iXs.icoMessenger,
.iSm.icoMessenger,
.iMd.icoMessenger,
.iLg.icoMessenger,
.iXl.icoMessenger {
    background-image: url("../images/icons/ico-messenger.svg");
}

.iXs.icoMSG,
.iSm.icoMSG,
.iMd.icoMSG,
.iLg.icoMSG,
.iXl.icoMSG {
    background-image: url("../images/icons/ico-msg.svg");
}

.iXs.icoTwitter,
.iSm.icoTwitter,
.iMd.icoTwitter,
.iLg.icoTwitter,
.iXl.icoTwitter {
    background-image: url("../images/icons/ico-twitter.svg");
}

.iXs.icoSpotify,
.iSm.icoSpotify,
.iMd.icoSpotify,
.iLg.icoSpotify,
.iXl.icoSpotify {
    background-image: url("../images/icons/ico-spotify.svg");
}

.iXs.icoLineTV,
.iSm.icoLineTV,
.iMd.icoLineTV,
.iLg.icoLineTV,
.iXl.icoLineTV {
    background-image: url("../images/icons/ico-linetv.svg");
}

.iXs.icoSpeeddrifters,
.iSm.icoSpeeddrifters,
.iMd.icoSpeeddrifters,
.iLg.icoSpeeddrifters,
.iXl.icoSpeeddrifters {
    background-image: url("../images/icons/ico-speeddrifters.svg");
}

.iXs.icoRov,
.iSm.icoRov,
.iMd.icoRov,
.iLg.icoRov,
.iXl.icoRov {
    background-image: url("../images/icons/ico-rov.svg");
}

.iXs.icoPubG,
.iSm.icoPubG,
.iMd.icoPubG,
.iLg.icoPubG,
.iXl.icoPubG {
    background-image: url("../images/icons/ico-pubg.svg");
}

.iXs.icoPubGm,
.iSm.icoPubGm,
.iMd.icoPubGm,
.iLg.icoPubGm,
.iXl.icoPubGm {
    background-image: url("../images/icons/ico-pubgm.svg");
}
.iXs.icoMobileLegent,
.iSm.icoMobileLegent,
.iMd.icoMobileLegent,
.iLg.icoMobileLegent,
.iXl.icoMobileLegent {
    background-image: url("../images/icons/ico-mobilelegent.svg");
}
.iXs.icoCallofduty,
.iSm.icoCallofduty,
.iMd.icoCallofduty,
.iLg.icoCallofduty,
.iXl.icoCallofduty {
    background-image: url("../images/icons/ico-callofduty.svg");
}

.iXs.icoFreefire,
.iSm.icoFreefire,
.iMd.icoFreefire,
.iLg.icoFreefire,
.iXl.icoFreefire {
    background-image: url("../images/icons/ico-freefire.svg");
}

.iXs.icoFreefire1,
.iSm.icoFreefire1,
.iMd.icoFreefire1,
.iLg.icoFreefire1,
.iXl.icoFreefire1 {
    background-image: url("../images/icons/ico-Freefire.jpg");
}


.iXs.icoCheckMark,
.iSm.icoCheckMark,
.iMd.icoCheckMark,
.iLg.icoCheckMark,
.iXl.icoCheckMark {
    background-image: url("../images/icons/ico-check-mark.svg");
}

.iXs.icoContent,
.iSm.icoContent,
.iMd.icoContent,
.iLg.icoContent,
.iXl.icoContent {
    background-image: url("../images/icons/ico-content.svg");
}

.iXs.icoPhoneSocial,
.iSm.icoPhoneSocial,
.iMd.icoPhoneSocial,
.iLg.icoPhoneSocial,
.iXl.icoPhoneSocial {
    background-image: url("../images/icons/ico-phone-social.svg");
}

.iXs.icoWhatApp,
.iSm.icoWhatApp,
.iMd.icoWhatApp,
.iLg.icoWhatApp,
.iXl.icoWhatApp {
    background-image: url("../images/icons/ico-whatapp.svg");
}

.iXs.icoWhatApp1,
.iSm.icoWhatApp1,
.iMd.icoWhatApp1,
.iLg.icoWhatApp1,
.iXl.icoWhatApp1 {
    background-image: url("../images/icons/ico-whatapp1.svg");
}


.iXs.icoZoom,
.iSm.icoZoom,
.iMd.icoZoom,
.iLg.icoZoom,
.iXl.icoZoom {
    background-image: url("../images/icons/ico-zoom.svg");
}
.iXs.icoTiktok,
.iSm.icoTiktok,
.iMd.icoTiktok,
.iLg.icoTiktok,
.iXl.icoTiktok {
    background-image: url("../images/icons/ico-tiktok.svg");
}
.iXs.icoMicrosoft,
.iSm.icoMicrosoft,
.iMd.icoMicrosoft,
.iLg.icoMicrosoft,
.iXl.icoMicrosoft {
    background-image: url("../images/icons/ico-microsoft.svg");
}

.iXs.icoPantip,
.iSm.icoPantip,
.iMd.icoPantip,
.iLg.icoPantip,
.iXl.icoPantip {
    background-image: url("../images/icons/ico-pantip.svg");
}

.iXs.icoWeChat,
.iSm.icoWeChat,
.iMd.icoWeChat,
.iLg.icoWeChat,
.iXl.icoWeChat {
    background-image: url("../images/icons/ico-wechat.svg");
}

.iXs.ico11_11,
.iSm.ico11_11,
.iMd.ico11_11,
.iLg.ico11_11,
.iXl.ico11_11 {
    background-image: url("../images/icons/ico-11_11.svg");
}

.iXs.ico11_11.active,
.iSm.ico11_11.active,
.iMd.ico11_11.active,
.iLg.ico11_11.active,
.iXl.ico11_11.active,
.active .iXs.ico11_11,
.active .iSm.ico11_11,
.active .iMd.ico11_11,
.active .iLg.ico11_11,
.active .iXl.ico11_11 {
    background-image: url("../images/icons/ico-11_11-blue.svg");
}

.iXs.icoHalloween,
.iSm.icoHalloween,
.iMd.icoHalloween,
.iLg.icoHalloween,
.iXl.icoHalloween {
    background-image: url("../images/icons/ico-halloween.svg");
}

.iXs.icoHalloween.active,
.iSm.icoHalloween.active,
.iMd.icoHalloween.active,
.iLg.icoHalloween.active,
.iXl.icoHalloween.active,
.active .iXs.icoHalloween,
.active .iSm.icoHalloween,
.active .iMd.icoHalloween,
.active .iLg.icoHalloween,
.active .iXl.icoHalloween {
    background-image: url("../images/icons/ico-halloween-blue.svg");
}

.iXs.icoMoviesAndMusic,
.iSm.icoMoviesAndMusic,
.iMd.icoMoviesAndMusic,
.iLg.icoMoviesAndMusic,
.iXl.icoMoviesAndMusic {
    background-image: url("../images/icons/ico-movies-and-music.svg");
}

.iXs.icoMoviesAndMusic.active,
.iSm.icoMoviesAndMusic.active,
.iMd.icoMoviesAndMusic.active,
.iLg.icoMoviesAndMusic.active,
.iXl.icoMoviesAndMusic.active,
.active .iXs.icoMoviesAndMusic,
.active .iSm.icoMoviesAndMusic,
.active .iMd.icoMoviesAndMusic,
.active .iLg.icoMoviesAndMusic,
.active .iXl.icoMoviesAndMusic {
    background-image: url("../images/icons/ico-movies-and-music-Blue.svg");
}

.iXs.icoPhoneServices,
.iSm.icoPhoneServices,
.iMd.icoPhoneServices,
.iLg.icoPhoneServices,
.iXl.icoPhoneServices {
    background-image: url("../images/icons/ico-phone-services.svg");
}

.iXs.icoPhoneServices.active,
.iSm.icoPhoneServices.active,
.iMd.icoPhoneServices.active,
.iLg.icoPhoneServices.active,
.iXl.icoPhoneServices.active,
.active .iXs.icoPhoneServices,
.active .iSm.icoPhoneServices,
.active .iMd.icoPhoneServices,
.active .iLg.icoPhoneServices,
.active .iXl.icoPhoneServices {
    background-image: url("../images/icons/ico-phoneServicesBlue.svg");
}

.iXs.icoNewspaperOutline,
.iSm.icoNewspaperOutline,
.iMd.icoNewspaperOutline,
.iLg.icoNewspaperOutline,
.iXl.icoNewspaperOutline {
    background-image: url("../images/icons/ico-NewspaperOutline.svg");
}

.iXs.icoNewspaperOutline.active,
.iSm.icoNewspaperOutline.active,
.iMd.icoNewspaperOutline.active,
.iLg.icoNewspaperOutline.active,
.iXl.icoNewspaperOutline.active,
.active .iXs.icoNewspaperOutline,
.active .iSm.icoNewspaperOutline,
.active .iMd.icoNewspaperOutline,
.active .iLg.icoNewspaperOutline,
.active .iXl.icoNewspaperOutline {
    background-image: url("../images/icons/ico-NewspaperOutlineBlue.svg");
}

.iXs.icoLivestream,
.iSm.icoLivestream,
.iMd.icoLivestream,
.iLg.icoLivestream,
.iXl.icoLivestream {
    background-image: url("../images/icons/ico-Livestream.svg");
}

.iXs.icoLivestream.active,
.iSm.icoLivestream.active,
.iMd.icoLivestream.active,
.iLg.icoLivestream.active,
.iXl.icoLivestream.active,
.active .iXs.icoLivestream,
.active .iSm.icoLivestream,
.active .iMd.icoLivestream,
.active .iLg.icoLivestream,
.active .iXl.icoLivestream {
    background-image: url("../images/icons/ico-LivestreamBlue.svg");
}

.iXs.icoPackage,
.iSm.icoPackage,
.iMd.icoPackage,
.iLg.icoPackage,
.iXl.icoPackage {
    background-image: url("../images/icons/ico-Package.svg");
}

.iXs.icoPackage.active,
.iSm.icoPackage.active,
.iMd.icoPackage.active,
.iLg.icoPackage.active,
.iXl.icoPackage.active,
.active .iXs.icoPackage,
.active .iSm.icoPackage,
.active .iMd.icoPackage,
.active .iLg.icoPackage,
.active .iXl.icoPackage {
    background-image: url("../images/icons/ico-PackageBlue.svg");
}

.iXs.icoWebex,
.iSm.icoWebex,
.iMd.icoWebex,
.iLg.icoWebex,
.iXl.icoWebex {
    background-image: url("../images/icons/ico-webex.svg");
}

.iXs.icoAnnouncement,
.iSm.icoAnnouncement,
.iMd.icoAnnouncement,
.iLg.icoAnnouncement,
.iXl.icoAnnouncement {
    background-image: url("../images/icons/ico-Announcement.svg");
}

.iXs.icoSnowman,
.iSm.icoSnowman,
.iMd.icoSnowman,
.iLg.icoSnowman,
.iXl.icoSnowman {
    background-image: url("../images/icons/iconSnowman.png");
}

.iXs.icoSnowman.active,
.iSm.icoSnowman.active,
.iMd.icoSnowman.active,
.iLg.icoSnowman.active,
.iXl.icoSnowman.active,
.active .iXs.icoSnowman,
.active .iSm.icoSnowman,
.active .iMd.icoSnowman,
.active .iLg.icoSnowman,
.active .iXl.icoSnowman {
    background-image: url("../images/icons/iconSnowmanBlue.png");
}

.iXs.icoClick,
.iSm.icoClick,
.iMd.icoClick,
.iLg.icoClick,
.iXl.icoClick {
    background-image: url("../images/icons/iconClick.png");
}

.iXs.icoClick.active,
.iSm.icoClick.active,
.iMd.icoClick.active,
.iLg.icoClick.active,
.iXl.icoClick.active,
.active .iXs.icoClick,
.active .iSm.icoClick,
.active .iMd.icoClick,
.active .iLg.icoClick,
.active .iXl.icoClick {
    background-image: url("../images/icons/iconClickBlue.svg");
}

.iXs.icoSMS,
.iSm.icoSMS,
.iMd.icoSMS,
.iLg.icoSMS,
.iXl.icoSMS {
    background-image: url("../images/icons/icoSMS.svg");
}

.iXs.icoSMSBlack,
.iSm.icoSMSBlack,
.iMd.icoSMSBlack,
.iLg.icoSMSBlack,
.iXl.icoSMSBlack {
    background-image: url("../images/icons/ico-sms-black.svg");
}


.iXs.icoPlatinumHorizontal,
.iSm.icoPlatinumHorizontal,
.iMd.icoPlatinumHorizontal,
.iLg.icoPlatinumHorizontal,
.iXl.icoPlatinumHorizontal {
    background-image: url("../images/icons/ico-platinum-member-horizontal.svg");
}

.iXs.icoFlashSale.active,
.iSm.icoFlashSale.active,
.iMd.icoFlashSale.active,
.iLg.icoFlashSale.active,
.iXl.icoFlashSale.active,
.active .iXs.icoFlashSale,
.active .iSm.icoFlashSale,
.active .iMd.icoFlashSale,
.active .iLg.icoFlashSale,
.active .iXl.icoFlashSale {
    background-image: url("../images/icons/ico-flash-sale-blue.svg");
}

.iXs.icoFlashSale.active,
.iSm.icoFlashSale.active,
.iMd.icoFlashSale.active,
.iLg.icoFlashSale.active,
.iXl.icoFlashSale.active {
    background-image: url("../images/icons/ico-flash-sale-white.svg");
}

.active .iXs.icoCoupon,
.active .iSm.icoCoupon,
.active .iMd.icoCoupon,
.active .iLg.icoCoupon,
.active .iXl.icoCoupon,
.iXs.icoCoupon.active,
.iSm.icoCoupon.active,
.iMd.icoCoupon.active,
.iLg.icoCoupon.active,
.iXl.icoCoupon.active {
    background-image: url("../images/icons/ico-couponBlue.svg");
}

.active .iXs.icoServices,
.active .iSm.icoServices,
.active .iMd.icoServices,
.active .iLg.icoServices,
.active .iXl.icoServices,
.iXs.icoServices.active,
.iSm.icoServices.active,
.iMd.icoServices.active,
.iLg.icoServices.active,
.iXl.icoServices.active {
    background-image: url("../images/icons/ico-servicesBlue.svg");
}

.iXs.icoServices,
.iSm.icoServices,
.iMd.icoServices,
.iLg.icoServices,
.iXl.icoServices {
    background-image: url("../images/icons/ico-services.svg");
}

.iXs.icoServices,
.iSm.icoServices,
.iMd.icoServices,
.iLg.icoServices,
.iXl.icoServices {
    background-image: url("../images/icons/ico-services.svg");
}
.iXs.ico7eleven,
.iSm.ico7eleven,
.iMd.ico7eleven,
.iLg.ico7eleven,
.iXl.ico7eleven {
    background-image: url("../images/icons/ico-seven.svg");
}
.iXs.ico7eleven-png,
.iSm.ico7eleven-png,
.iMd.ico7eleven-png,
.iLg.ico7eleven-png,
.iXl.ico7eleven-png {
    background-image: url("../images/icons/ico-seven.png");
}
.iXs.icoCoupon,
.iSm.icoCoupon,
.iMd.icoCoupon,
.iLg.icoCoupon,
.iXl.icoCoupon {
    background-image: url("../images/icons/ico-coupon.svg");
}

.iXs.icoCurrency,
.iSm.icoCurrency,
.iMd.icoCurrency,
.iLg.icoCurrency,
.iXl.icoCurrency {
    background-image: url("../images/icons/ico-currency.svg");
}

.iXs.icoPlayVideo,
.iSm.icoPlayVideo,
.iMd.icoPlayVideo,
.iLg.icoPlayVideo,
.iXl.icoPlayVideo {
    background-image: url("../images/icons/ico-playVideo.svg");
}

.active .iXs.icoBeyondGame,
.active .iSm.icoBeyondGame,
.active .iMd.icoBeyondGame,
.active .iLg.icoBeyondGame,
.active .iXl.icoBeyondGame {
    background-image: url("../images/icons/ico-beyond-game-white.svg");
}

.iXs.icoBeyondGame,
.iSm.icoBeyondGame,
.iMd.icoBeyondGame,
.iLg.icoBeyondGame,
.iXl.icoBeyondGame {
    background-image: url("../images/icons/ico-beyond-game-blue.svg");
}

.active .iXs.icoBeyondProtect,
.active .iSm.icoBeyondProtect,
.active .iMd.icoBeyondProtect,
.active .iLg.icoBeyondProtect,
.active .iXl.icoBeyondProtect {
    background-image: url("../images/icons/ico-beyond-protect-white.svg");
}

.iXs.icoBeyondProtect,
.iSm.icoBeyondProtect,
.iMd.icoBeyondProtect,
.iLg.icoBeyondProtect,
.iXl.icoBeyondProtect {
    background-image: url("../images/icons/ico-beyond-protect-blue.svg");
}

.active .iXs.icoBeyondPlatformPay,
.active .iSm.icoBeyondPlatformPay,
.active .iMd.icoBeyondPlatformPay,
.active .iLg.icoBeyondPlatformPay,
.active .iXl.icoBeyondPlatformPay {
    background-image: url("../images/icons/ico-beyond-platform-pay-white.svg");
}

.iXs.icoBeyondPlatformPay,
.iSm.icoBeyondPlatformPay,
.iMd.icoBeyondPlatformPay,
.iLg.icoBeyondPlatformPay,
.iXl.icoBeyondPlatformPay {
    background-image: url("../images/icons/ico-beyond-platform-pay-blue.svg");
}

.active .iXs.icoGamingTopup,
.active .iSm.icoGamingTopup,
.active .iMd.icoGamingTopup,
.active .iLg.icoGamingTopup,
.active .iXl.icoGamingTopup {
    background-image: url("../images/icons/ico-gaming-topup-white.svg");
}

.iXs.icoGamingTopup,
.iSm.icoGamingTopup,
.iMd.icoGamingTopup,
.iLg.icoGamingTopup,
.iXl.icoGamingTopup {
    background-image: url("../images/icons/ico-gaming-topup-blue.svg");
}

.active .iXs.icoGamingSim,
.active .iSm.icoGamingSim,
.active .iMd.icoGamingSim,
.active .iLg.icoGamingSim,
.active .iXl.icoGamingSim {
    background-image: url("../images/icons/ico-gaming-sim-white.svg");
}

.iXs.icoGamingSim,
.iSm.icoGamingSim,
.iMd.icoGamingSim,
.iLg.icoGamingSim,
.iXl.icoGamingSim {
    background-image: url("../images/icons/ico-gaming-sim-blue.svg");
}

.active .iXs.icoGamingDevice,
.active .iSm.icoGamingDevice,
.active .iMd.icoGamingDevice,
.active .iLg.icoGamingDevice,
.active .iXl.icoGamingDevice {
    background-image: url("../images/icons/ico-gaming-device-white.svg");
}

.iXs.icoGamingDevice,
.iSm.icoGamingDevice,
.iMd.icoGamingDevice,
.iLg.icoGamingDevice,
.iXl.icoGamingDevice {
    background-image: url("../images/icons/ico-gaming-device-blue.svg");
}

.iXs.iLg.icoMoviesMusic,
.iSm.iLg.icoMoviesMusic,
.iMd.iLg.icoMoviesMusic,
.iLg.iLg.icoMoviesMusic,
.iXl.iLg.icoMoviesMusic {
    background-image: url("../images/icons/ico-movie-music-blue.svg");
}

.iXs.icoMoviesMusic.active,
.iSm.icoMoviesMusic.active,
.iMd.icoMoviesMusic.active,
.iLg.icoMoviesMusic.active,
.iXl.icoMoviesMusic.active,
.active .iXs.iLg.icoMoviesMusic,
.active .iSm.iLg.icoMoviesMusic,
.active .iMd.iLg.icoMoviesMusic,
.active .iLg.iLg.icoMoviesMusic,
.active .iXl.iLg.icoMoviesMusic {
    background-image: url("../images/icons/ico-movie-music.svg");
}

.iXs.icoSearch,
.iSm.icoSearch,
.iMd.icoSearch,
.iLg.icoSearch,
.iXl.icoSearch {
    background-image: url("../images/icons/ico-search.svg");
}

.iXs.icoFlashsaleWhite,
.iSm.icoFlashsaleWhite,
.iMd.icoFlashsaleWhite,
.iLg.icoFlashsaleWhite,
.iXl.icoFlashsaleWhite {
    background-image: url("../images/icons/ico-FlashsaleWhite.svg");
}

.iXs.icoPay.active,
.iSm.icoPay.active,
.iMd.icoPay.active,
.iLg.icoPay.active,
.iXl.icoPay.active {
    background-image: url("../images/icons/ico-pay.svg");
}

.iXs.icoPinLocation.active,
.iSm.icoPinLocation.active,
.iMd.icoPinLocation.active,
.iLg.icoPinLocation.active,
.iXl.icoPinLocation.active {
    background-image: url("../images/icons/ico-pin-store-location.svg");
}

.iXs.icoPinLocation.active,
.iSm.icoPinLocation.active,
.iMd.icoPinLocation.active,
.iLg.icoPinLocation.active,
.iXl.icoPinLocation.active {
    background-image: url("../images/icons/ico-pin-store-location.svg");
}

.iXs.icoFalshsaleWhite,
.iSm.icoFalshsaleWhite,
.iMd.icoFalshsaleWhite,
.iLg.icoFalshsaleWhite,
.iXl.icoFalshsaleWhite {
    background-image: url("../images/icons/ico-FlashsaleWhite.svg");
}

.iXs.icoDtacReward,
.iSm.icoDtacReward,
.iMd.icoDtacReward,
.iLg.icoDtacReward,
.iXl.icoDtacReward {
    background-image: url("../images/icons/ico-dtac-reward.svg");
}

.iXs.icoFreefire,
.iSm.icoFreefire,
.iMd.icoFreefire,
.iLg.icoFreefire,
.iXl.icoFreefire {
    background-image: url("../images/icons/ico-freefireBlack.svg");
}

.iXs.icoPhoneSpecial,
.iSm.icoPhoneSpecial,
.iMd.icoPhoneSpecial,
.iLg.icoPhoneSpecial,
.iXl.icoPhoneSpecial {
    background-image: url("../images/icons/ico-phone-special.svg");
}

.iXs.icoPhonebaht,
.iSm.icoPhonebaht,
.iMd.icoPhonebaht,
.iLg.icoPhonebaht,
.iXl.icoPhonebaht {
    background-image: url("../images/icons/ico-phone-baht.svg");
}

.iXs.icoFreeCredit,
.iSm.icoFreeCredit,
.iMd.icoFreeCredit,
.iLg.icoFreeCredit,
.iXl.icoFreeCredit {
    background-image: url("../images/icons/ico-freeCredit.svg");
}

.iXs.icoMobileLegends,
.iSm.icoMobileLegends,
.iMd.icoMobileLegends,
.iLg.icoMobileLegends,
.iXl.icoMobileLegends {
    background-image: url("../images/icons/ico-mobile-legends.svg");
}

.iXs.icoCoinMaster,
.iSm.icoCoinMaster,
.iMd.icoCoinMaster,
.iLg.icoCoinMaster,
.iXl.icoCoinMaster {
    background-image: url("../images/icons/ico-coin-master.svg");
}

.iXs.icoViu,
.iSm.icoViu,
.iMd.icoViu,
.iLg.icoViu,
.iXl.icoViu {
    background-image: url("../images/icons/ico-viu.svg");
}

.iXs.icoViuv2,
.iSm.icoViuv2,
.iMd.icoViuv2,
.iLg.icoViuv2,
.iXl.icoViuv2 {
    background-image: url("../images/icons/icoViu-v2.png");
}

.iXs.icoIqiy,
.iSm.icoIqiy,
.iMd.icoIqiy,
.iLg.icoIqiy,
.iXl.icoIqiy {
    background-image: url("../images/icons/ico-iqiy.svg");
}

.iXs.icoShopee,
.iSm.icoShopee,
.iMd.icoShopee,
.iLg.icoShopee,
.iXl.icoShopee {
    background-image: url("../images/icons/icon-shopee.svg");
}

.iXs.icoLazada,
.iSm.icoLazada,
.iMd.icoLazada,
.iLg.icoLazada,
.iXl.icoLazada {
    background-image: url("../images/icons/icon-lazada.svg");
}

.iXs.icoJDCenter,
.iSm.icoJDCenter,
.iMd.icoJDCenter,
.iLg.icoJDCenter,
.iXl.icoJDCenter {
    background-image: url("../images/icons/icon-JDCentral.svg");
}

.iXs.icoSocial,
.iSm.icoSocial,
.iMd.icoSocial,
.iLg.icoSocial,
.iXl.icoSocial {
    background-image: url("../images/icons/ico-social-2.svg");
}

.iXs.icoMedia,
.iSm.icoMedia,
.iMd.icoMedia,
.iLg.icoMedia,
.iXl.icoMedia {
    background-image: url("../images/icons/ico-social-3.svg");
}

.iXs.icoJoystick,
.iSm.icoJoystick,
.iMd.icoJoystick,
.iLg.icoJoystick,
.iXl.icoJoystick {
    background-image: url("../images/icons/ico-joystick.svg");
}

.iXs.icoSwitchToPostpaidBlue.active,
.iSm.icoSwitchToPostpaidBlue.active,
.iMd.icoSwitchToPostpaidBlue.active,
.iLg.icoSwitchToPostpaidBlue.active,
.iXl.icoSwitchToPostpaidBlue.active {
    background-image: url("../images/icons/ico-switchToPostpaidBlue.svg");
}

.iXs.icoSearch,
.iSm.icoSearch,
.iMd.icoSearch,
.iLg.icoSearch,
.iXl.icoSearch {
    background-image: url("../images/icons/ico-search.svg");
}

.iXs.icoPay.active,
.iSm.icoPay.active,
.iMd.icoPay.active,
.iLg.icoPay.active,
.iXl.icoPay.active {
    background-image: url("../images/icons/ico-pay.svg");
}

.iXs.icoShoppingCart,
.iSm.icoShoppingCart,
.iMd.icoShoppingCart,
.iLg.icoShoppingCart,
.iXl.icoShoppingCart {
    background-image: url("../images/icons/ico-shopping-cart.svg");
}

.iXs.icoTooltip,
.iSm.icoTooltip,
.iMd.icoTooltip,
.iLg.icoTooltip,
.iXl.icoTooltip {
    background-image: url("../images/icons/ico-tooltip.svg");
}

.iXs.icoTooltip.active,
.iSm.icoTooltip.active,
.iMd.icoTooltip.active,
.iLg.icoTooltip.active,
.iXl.icoTooltip.active,
.active .iXs.icoTooltip,
.active .iSm.icoTooltip,
.active .iMd.icoTooltip,
.active .iLg.icoTooltip,
.active .iXl.icoTooltip {
    background-image: url("../images/icons/ico-tooltip-blue.svg");
}


.iXs.icoTrueUnlock,
.iSm.icoTrueUnlock,
.iMd.icoTrueUnlock,
.iLg.icoTrueUnlock,
.iXl.icoTrueUnlock {
    background-image: url("../images/icons/ico-trueUnlock.png");
}

.iXs.icoTrueMoney,
.iSm.icoTrueMoney,
.iMd.icoTrueMoney,
.iLg.icoTrueMoney,
.iXl.icoTrueMoney {
    background-image: url("../images/icons/ico-truemoney.png");
}

/* .iXs.icoGamingNation-v2, */
/* .iSm.icoGamingNation-v2, */
/* .iMd.icoGamingNation-v2, */
/* .iLg.icoGamingNation-v2, */
/* .iXl.icoGamingNation-v2 { */
  /* background-image: url("../images/icons/ico-gamingnation.png"); */
/* } */

.iXs.icoiQIYI,
.iSm.icoiQIYI,
.iMd.icoiQIYI,
.iLg.icoiQIYI,
.iXl.icoiQIYI {
    background-image: url("../images/icons/ico-iQIYI.svg");
}

.iXs.icoViu,
.iSm.icoViu,
.iMd.icoViu,
.iLg.icoViu,
.iXl.icoViu {
    background-image: url("../images/icons/ico-viu.svg");
}

.iXs.icoEPL,
.iSm.icoEPL,
.iMd.icoEPL,
.iLg.icoEPL,
.iXl.icoEPL {
    background-image: url("../images/icons/ico-EPL.svg");
}

.iXs.ico-CheckMark,
.iSm.ico-CheckMark,
.iMd.ico-CheckMark,
.iLg.ico-CheckMark,
.iXl.ico-CheckMark {
    background-image: url("../images/icons/ico-CheckMark.svg");
}

.iXs.ico-Month,
.iSm.ico-Month,
.iMd.ico-Month,
.iLg.ico-Month,
.iXl.ico-Month {
    background-image: url("../images/icons/icoMonthB.svg");
}

.iXs.icoPotatoCorner,
.iSm.icoPotatoCorner,
.iMd.icoPotatoCorner,
.iLg.icoPotatoCorner,
.iXl.icoPotatoCorner {
    background-image: url("../images/icons/ico-potatocorner.png");
}

.iXs.icoPotatoCornerSvg,
.iSm.icoPotatoCornerSvg,
.iMd.icoPotatoCornerSvg,
.iLg.icoPotatoCornerSvg,
.iXl.icoPotatoCornerSvg {
    background-image: url("../images/icons/ico-potatocorner.svg");
}

.iXs.icoPotatoCorner-v2,
.iSm.icoPotatoCorner-v2,
.iMd.icoPotatoCorner-v2,
.iLg.icoPotatoCorner-v2,
.iXl.icoPotatoCorner-v2 {
    background-image: url("../images/icons/icoPotatoCorner-v2.png");
}

.iXs.icoNewco5gBetter,
.iSm.icoNewco5gBetter,
.iMd.icoNewco5gBetter,
.iLg.icoNewco5gBetter,
.iXl.icoNewco5gBetter {
    background-image: url("../images/icons/ico-Newco-5g-better.svg");
}

.iXs.icodtac5gBetter,
.iSm.icodtac5gBetter,
.iMd.icodtac5gBetter,
.iLg.icodtac5gBetter,
.iXl.icodtac5gBetter {
    background-image: url("../images/icons/icodtac5GBetter.svg");
}

.iXs.icoWeTvvip,
.iSm.icoWeTvvip,
.iMd.icoWeTvvip,
.iLg.icoWeTvvip,
.iXl.icoWeTvvip {
    background-image: url("../images/icons/icoWeTv-vip.png");
}

.iXs.icoNetfree,
.iSm.icoNetfree,
.iMd.icoNetfree,
.iLg.icoNetfree,
.iXl.icoNetfree {
    background-image: url("../images/icons/icoNetfree.svg");
}

.iXs.icoGamingnation,
.iSm.icoGamingnation,
.iMd.icoGamingnation,
.iLg.icoGamingnation,
.iXl.icoGamingnation {
    background-image: url("../images/icons/icoGamingnation.svg");
}

.iXs.icoViuPM,
.iSm.icoViuPM,
.iMd.icoViuPM,
.iLg.icoViuPM,
.iXl.icoViuPM {
    background-image: url("../images/icons/icoViuPM.svg");
}

.iXs.icoGointer,
.iSm.icoGointer,
.iMd.icoGointer,
.iLg.icoGointer,
.iXl.icoGointer,
.iXxl.icoGointer,
.iXxxl.icoGointer {
    background-image: url("../images/icons/icoGointer.svg");
}

.iXs.icoViuPremium,
.iSm.icoViuPremium,
.iMd.icoViuPremium,
.iLg.icoViuPremium,
.iXl.icoViuPremium,
.iXxl.icoViuPremium,
.iXxxl.icoViuPremium {
    background-image: url("../images/icons/ico-viu-premium.svg");
}

.iXs.icoFreeDataRoaming2Gb,
.iSm.icoFreeDataRoaming2Gb,
.iMd.icoFreeDataRoaming2Gb,
.iLg.icoFreeDataRoaming2Gb,
.iXl.icoFreeDataRoaming2Gb,
.iXxl.icoFreeDataRoaming2Gb,
.iXxxl.icoFreeDataRoaming2Gb {
    background-image: url("../images/icons/ico-free-data-roaming-2gb.svg");
}

.iXs.icoWeTvWithoutText,
.iSm.icoWeTvWithoutText,
.iMd.icoWeTvWithoutText,
.iLg.icoWeTvWithoutText,
.iXl.icoWeTvWithoutText,
.iXxl.icoWeTvWithoutText,
.iXxxl.icoWeTvWithoutText {
    background-image: url("../images/icons/ico-weTV-without-text.svg");
}

.iXs.icoRoamingNewCo,
.iSm.icoRoamingNewCo,
.iMd.icoRoamingNewCo,
.iLg.icoRoamingNewCo,
.iXl.icoRoamingNewCo,
.iXxl.icoRoamingNewCo,
.iXxxl.icoRoamingNewCo {
    background-image: url("../images/icons/ico-roaming-new-co.svg");
}


.iXs.icoRoamingGlobal,
.iSm.icoRoamingGlobal,
.iMd.icoRoamingGlobal,
.iLg.icoRoamingGlobal,
.iXl.icoRoamingGlobal {
    background-image: url("../images/icons/ico-roaming-global.svg");
}

.iXs.icoRoamingGlobal.active,
.iSm.icoRoamingGlobal.active,
.iMd.icoRoamingGlobal.active,
.iLg.icoRoamingGlobal.active,
.iXl.icoRoamingGlobal.active {
    background-image: url("../images/icons/ico-roaming-global-B.svg");
}

.iXs.icoAccount,
.iSm.icoAccount,
.iMd.icoAccount,
.iLg.icoAccount,
.iXl.icoAccount {
  background-image: url("../images/icons/icoAccount.png");
}

.iXs.icoCheckB,
.iSm.icoCheckB,
.iMd.icoCheckB,
.iLg.icoCheckB,
.iXl.icoCheckB {
  background-image: url("../images/icons/icoCheckB.svg");
}

.iXs.icoPlus,
.iSm.icoPlus,
.iMd.icoPlus,
.iLg.icoPlus,
.iXl.icoPlus {
  background-image: url("../images/icons/ico-plus.svg");
}

.iXs.icoMinus,
.iSm.icoMinus,
.iMd.icoMinus,
.iLg.icoMinus,
.iXl.icoMinus {
  background-image: url("../images/icons/ico-minus.svg");
}

.iXs.icoDIY,
.iSm.icoDIY,
.iMd.icoDIY,
.iLg.icoDIY,
.iXl.icoDIY {
  background-image: url("../images/icons/icoDIYb.svg");
}

.iXs.icoAnnouncementB,
.iSm.icoAnnouncementB,
.iMd.icoAnnouncementB,
.iLg.icoAnnouncementB,
.iXl.icoAnnouncementB {
  background-image: url("../images/icons/icoAnnouncementB.svg");
}

.iXs.icoPackageB,
.iSm.icoPackageB,
.iMd.icoPackageB,
.iLg.icoPackageB,
.iXl.icoPackageB {
  background-image: url("../images/icons/icoPackageB.svg");
}

.iXs.icoMobileCareB,
.iSm.icoMobileCareB,
.iMd.icoMobileCareB,
.iLg.icoMobileCareB,
.iXl.icoMobileCareB {
  background-image: url("../images/icons/icoMobileCareB.svg");
}

.iXs.icoChatB,
.iSm.icoChatB,
.iMd.icoChatB,
.iLg.icoChatB,
.iXl.icoChatB {
  background-image: url("../images/icons/icoChatB.svg");
}

.iXs.icoBodyCare,
.iSm.icoBodyCare,
.iMd.icoBodyCare,
.iLg.icoBodyCare,
.iXl.icoBodyCare {
  background-image: url("../images/icons/icoBodyCare.svg");
}

.iXs.icoSearchB,
.iSm.icoSearchB,
.iMd.icoSearchB,
.iLg.icoSearchB,
.iXl.icoSearchB {
  background-image: url("../images/icons/icoSearchB.svg");
}

.iXs.icoPeople,
.iSm.icoPeople,
.iMd.icoPeople,
.iLg.icoPeople,
.iXl.icoPeople {
  background-image: url("../images/icons/icoPeople.svg");
}

.iXs.icoDIYb,
.iSm.icoDIYb,
.iMd.icoDIYb,
.iLg.icoDIYb,
.iXl.icoDIYb {
  background-image: url("../images/icons/icoDIYb.svg");
}

.breadCrumb {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    width: 100%;
    background: none !important;
}

.breadCrumb li {
    display: flex;
    color: #767676;
}

.breadCrumb li i+span {
    margin-left: 8px;
}

.breadCrumb li a,
.breadCrumb li span {
    display: flex;
    margin: 0;
    position: relative;
    align-items: center;
}

.breadCrumb li a {
    position: relative;
    color: #007ad0;
    text-decoration: none;
}

.breadCrumb li a:hover span {
    text-decoration: underline;
}

.breadCrumb li a::after {
    content: "/";
    display: flex;
    font-family: "kanitlight", sans-serif;
    color: #0c1026;
    align-items: center;
    margin: 0 8px;
    height: 20px;
}

.navTabs {
    display: block;
    margin-right: -16px;
}

@media only screen and (min-width: 992px) {
    .navTabs {
        margin-right: 0;
    }
}

.navTabs .tabsWrapper {
    display: flex;
    padding-bottom: 0;
    position: relative;
    width: 100%;
}

.navTabs .tabsWrapper::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    bottom: 1px;
    left: 0;
    border-radius: 4px;
    background: #d6d6d6;
}

.navTabs .navButton {
    display: flex;
    width: 33.333333%;
    flex-direction: column;
    color: #0c1026;
    font-family: "kanitlight", sans-serif;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    position: relative;
    padding-bottom: 12px;
    text-decoration: none;
}

.navTabs .navButton.active::after {
    opacity: 1;
    width: 100%;
    visibility: visible;
}

.navTabs .navButton.active .icoPhone {
    background-image: url("../images/icons/ico-phoneBlue.svg");
}

.navTabs .navButton.active .icoNetVoice {
    background-image: url("../images/icons/ico-netVoiceBlue.svg");
}

.navTabs .navButton.active .icoDtacGo {
    background-image: url("../images/icons/ico-dtacGo.svg");
}

.iXs.icoDtacApp,
.iSm.icoDtacApp,
.iMd.icoDtacApp,
.iLg.icoDtacApp,
.iXl.icoDtacApp {
    background-image: url("../images/icons/ico-dtacapp.png");
}

.iXs.icoPhoneSocial,
.iSm.icoPhoneSocial,
.iMd.icoPhoneSocial,
.iLg.icoPhoneSocial,
.iXl.icoPhoneSocial {
    background-image: url("../images/icons/ico-phone-social.svg");
}

.wrapPackages .bonusList .headBox .icoJoystick {
    background-image: url("../images/icons/ico-joystick.svg");
}

.wrapPackages .bonusList .headBox .icoSocial {
    background-image: url("../images/icons/ico-social-2.svg");
}

.scListSocial .listSocial .icoPhoneNet {
    background-image: url("../images/icons/ico-roaming-white.svg");
}

.scListSocial .icoPhoneSocial {
    background-image: url("../images/icons/ico-phone-social-white.svg");
}

.iLg.icoCalls,
.iLg.icoCalls.active,
.iMd.icoCalls,
.iMd.icoCalls.active,
.iSm.icoCalls,
.iSm.icoCalls.active,
.iXl.icoCalls,
.iXl.icoCalls.active,
.iXs.icoCalls,
.iXs.icoCalls.active {
    background-image: url("../images/icons/ico-calls.svg");
}

.scListSocial .listSocial>i {
    margin-right: 8px;
}

.scListSocial .listSocial .icoCalls {
    background-image: url("../images/icons/ico-calling-white.svg");
}

.wrapPackages .bonusList .headBox .icoCalls {
    background-image: url("../images/icons/ico-calling-gray.svg");
}

.wrapPackages .bonusList .headBox .icoMedia {
    background-image: url("../images/icons/ico-social-3.svg");
}

.navTabs .navButton::after {
    content: "";
    position: absolute;
    width: 0;
    bottom: 0;
    opacity: 0;
    left: 0;
    height: 4px;
    border-radius: 4px;
    background: #007ad0;
    z-index: 1;
    visibility: hidden;
    transition: all 0.35s ease-in-out 0s;
}

.navTabs .navButton>i {
    margin-bottom: 8px;
}

.navTabs .navButton.active {
    color: #007ad0;
    font-weight: 500;
}

.navTabs .navButton:last-child {
    margin-right: 0;
}

@media only screen and (min-width: 992px) {
    .navTabs .navButton {
        width: 104px;
    }
}

.navActionBar {
    display: flex;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
    justify-content: center;
    max-width: 420px;
}

.navActionBar .navButton {
    display: flex;
    padding: 0 8px;
    margin-bottom: 16px;
}

@media only screen and (min-width: 992px) {
    .navActionBar .navButton {
        padding: 0 16px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .navActionBar .navButton {
        padding: 0;
        margin: 0 6px 16px;
    }

    .navActionBar .navButton:first-child {
        margin-left: 0;
    }

    .navActionBar .navButton:last-child {
        margin-right: 0;
    }

    .navActionBar {
        overflow: hidden;
    }
}

@media only screen and (min-width: 1200px) {
    .navActionBar .navButton {
        padding: 0;
        margin-left: 8px;
        margin-right: 8px;
    }
}

.navActionBar .btnAction {
    display: flex;
    flex-direction: column;
    margin-right: 16px;
    align-items: center;
    text-align: center;
    color: #1a1a1a;
    padding: 10px 8px;
    min-width: 99px;
    min-height: 99px;
    border-radius: 4px;
    border: 1px solid #d6d6d6;
    text-decoration: none;
    transition: all 0.35s ease-in-out 0s;
}

.navActionBar .btnAction:last-child {
    margin-right: 0;
}

.navActionBar .btnAction span {
    margin-top: 8px;
    justify-content: center;
    display: flex;
    min-width: 83px;
}

.navActionBar .btnAction:hover {
    background: #e7eef4;
    border-color: #d6d6d6;
}

@media only screen and (min-width: 767px) {
    .navActionBar {
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        justify-content: center;
    }
}


/* Style the tab content */

.detailTabs {
    position: relative;
    overflow: hidden;
}

.tabsContent {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: -1;
}

.tabsContent.active {
    opacity: 1;
    position: relative;
    transition: all 0.35s ease-in-out 0s;
    z-index: 1;
}


/* Popup */

.fancybox__backdrop {
    background: rgba(26, 26, 26, 0.5) !important;
}

.popupTheme {
    padding: 0 !important;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
    box-shadow: 0px 4px 8px rgba(96, 97, 112, 0.16);
    border-radius: 4px;
}

.popupTheme .popupInner {
    padding: 24px;
    display: flex;
    width: 328px;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.popupTheme .titlePopup {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 20px;
}

.popupTheme .titlePopup>h3 {
    margin-bottom: 12px;
}

.popupTheme .buttonControl {
    display: flex;
    justify-content: center;
    align-items: center;
}

.popupTheme .buttonControl [class^="btn"]+[class^="btn"] {
    margin-left: 16px;
}

.popupOption {
    background-color: #e7eef4;
    padding: 18px 16px;
    border-radius: 8px;
    min-width: 300px;
}

.popupOption .optionList {
    padding: 0;
    margin: 0;
}

.popupOption .optionList li {
    list-style: none;
}

.popupOption .optionList li a {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    border: 1px solid #a3deff;
    list-style: none;
    transition: box-shadow 0.3s ease;
    text-decoration: none;
    display: block;
}

.popupOption .optionList li a:hover {
    box-shadow: 0px 4px 8px rgba(96, 97, 112, 0.16);
}

.popupOption .optionList li header {
    box-shadow: none;
    background-color: transparent;
    width: 100%;
}

.popupWithMascot .nong-tua-d {
    text-align: center;
    margin-top: -65px;
}

.popupWithMascot .nong-tua-d img {
    max-width: 84px;
    display: inline-block;
}

@media only screen and (min-width: 992px) {
    .popupWithMascot.popupTheme .popupInner {
        padding-bottom: 40px;
    }
}

.card.cardHor {
    padding: 8px;
    width: 100%;
    border: 1px solid #d6d6d6;
    flex-direction: row;
    box-shadow: 0px 4px 8px rgba(96, 97, 112, 0.16);
}

.card.cardHor .distance {
    display: flex;
}

.card.cardHor .distance i {
    margin-right: 5px;
}

.card.cardHor .cardImg {
    width: 170px;
    height: 115px;
    border-radius: 4px;
    overflow: hidden;
}

.card.cardHor .cardImg img {
    object-fit: cover;
    height: 100%;
    width: auto;
}

.card.cardHor .card-body {
    display: flex;
    flex-direction: column;
    width: calc(100% - 170px);
    padding: 0 0 0 8px;
}

.card.cardHor .card-body .card-title {
    margin-bottom: 2px;
}

.card.cardHor .card-body .totalCoins {
    margin-left: 6px;
}

.card.cardHor button[class^="btn"] {
    border: none;
    outline: none;
    background: none;
    margin-top: auto;
    margin-left: 0;
    padding-left: 0;
    display: flex;
    width: 100%;
}

@media only screen and (min-width: 321px) {
    .wrapPackages {
        width: 290px;
    }
}

@media only screen and (min-width: 768px) {
    .wrapPackages {
        width: auto;
    }
}

.wrapPackages {
    position: relative;
}

.wrapPackages .innerWrap {
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
    box-shadow: 0 4px 8px rgba(96, 97, 112, 0.16);
    border-radius: 8px;
    flex: none;
    order: 0;
    width: 328px;
    margin: 0 auto;
    flex-grow: 0;
    width: auto;
    overflow: hidden;
}

.wrapPackages .innerWrap .cardHead {
    padding: 12px;
}

@media only screen and (min-width: 768px) {

    /* cardHor - start */
    .card.cardHor {
        max-width: 328px;
    }

    /* cardHor - end */
    .wrapPackages .innerWrap .cardHead {
        padding: 16px;
    }
}

.wrapPackages .innerWrap .cardHead .packPro {
    font-size: 44px;
    line-height: 50px;
    margin-top: auto;
}

.wrapPackages .innerWrap .cardDetail {
    border-top-right-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.wrapPackages .innerWrap .cardCenter {
    padding: 12px;
}

@media only screen and (min-width: 768px) {
    .wrapPackages .innerWrap .cardCenter {
        padding: 16px;
    }
}

.wrapPackages .innerWrap .cardFooter {
    padding: 0 16px 16px;
    margin-top: auto;
}

@media only screen and (min-width: 768px) {
    .wrapPackages .innerWrap .cardFooter {
        padding: 16px;
    }
}

.wrapPackages .innerWrap .cardFooter .innerButton {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wrapPackages .innerWrap .cardFooter .innerButton .btn:last-child {
    margin-left: auto;
}

.wrapPackages .innerWrap .cardFooter .innerButton .btnArrow::after {
    right: -4px;
    margin-top: -8px;
    transform: rotate(90deg);
}

.wrapPackages .innerWrap .cardFooter .innerButton .btnArrow.active::after {
    transform: rotate(-90deg) !important;
}

.wrapPackages .innerWrap .cardFooter .contentHidden {
    display: none;
    padding: 20px 0 5px;
}

.wrapPackages .innerWrap .cardFooter .contentHidden .listNote {
    margin: 0;
    padding-left: 20px;
}

.wrapPackages .innerWrap .cardFooter .contentHidden .listNote li {
    margin-bottom: 5px;
}

.wrapPackages .innerWrap .listPack ul {
    padding-left: 0;
    margin: 0;
}

.wrapPackages .innerWrap .listPack ul li {
    list-style: none;
    line-height: 16px !important;
    position: relative;
    padding: 4px 0 4px 20px;
}

.wrapPackages .innerWrap .listPack ul li i {
    position: absolute;
    top: 4px;
    left: 0;
}

.cardDevice {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 16px;
    min-width: 156px;
    max-width: 256px;
    background: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 8px;
    color: initial;
    position: relative;
    transition: box-shadow 0.3s ease;
}

.cardDevice:hover {
    color: initial;
    text-decoration: none;
}

.cardDevice .packshot {
    margin: 0 auto;
    position: relative;
}

body {
    font-family: "kanitlight", sans-serif;
}

.container {
    padding-right: 16px;
    padding-left: 16px;
}

@media only screen and (min-width: 992px) {
    .container {
        max-width: 1152px;
    }
}

.row {
    margin-right: -16px;
    margin-left: -16px;
}

.col,
[class^="col-"] {
    padding-left: 16px;
    padding-right: 16px;
}


/* TC */

.tcList {
    background: #ffffff;
    border: 1px solid #d6d6d6;
}

.tcList:nth-child(n+2) {
    margin-top: 8px;
}

.tcList header {
    position: relative;
    padding: 16px 40px 16px 56px;
    cursor: pointer;
}

.tcList header i.icoSearchBill {
    position: absolute;
    top: 12px;
    left: 16px;
    width: 32px;
    height: 32px;
}

.tcList header i.icoToggle {
    position: absolute;
    top: 20px;
    right: 16px;
    background: url("../images/icons/ico-plusBlue.svg") center center no-repeat;
    background-size: 100% auto;
    transition: all 0.3s ease;
}

.tcList.active header i.icoToggle {
    background: url("../images/icons/ico-minusBlue.svg") center center no-repeat;
    background-size: 100% auto;
    transform: rotate(180deg);
}

.tcList .content {
    display: none;
    padding: 16px;
}

@media only screen and (min-width: 992px) {
    .tcList:nth-child(n+2) {
        margin-top: 16px;
    }
}


/* TableDtacDefault */

.tableDtacDefault thead tr th,
.tableDtacDefault tbody tr td,
.tableDtacDefault tfoot tr td {
    padding: 8px 16px;
    border: none;
}

.tableDtacDefault thead tr th {
    vertical-align: top;
    background: #f5f5f5;
    border-bottom: 1px solid rgba(67, 67, 67, 0.25);
    font-weight: normal;
}

.tableDtacDefault tbody tr td,
.tableDtacDefault tfoot tr td {
    vertical-align: middle;
}

.tableDtacDefault tbody tr td {
    background-color: #ffffff;
}

.tableDtacDefault tbody tr:nth-child(odd) td {
    background-color: #e7eef4;
}

.tableDtacDefault tfoot tr td {
    background-color: #a3deff;
}


/* Banner single start */

@media only screen and (min-width: 992px) {
    .scBannerHero picture img {
        border-radius: 16px;
    }
}


/* Banner single end */


/* Flag Sale - start */

.wrapPackages .flagSale {
    top: 9px;
    right: 1px;
    padding: 4px 4px 0 12px;
}

.wrapPackages.products-grid .flagSale {
    right: 17px;
}

.flagSale {
    position: absolute;
    right: 0;
    top: 0;
    padding: 8px 4px 8px 12px;
    border-radius: 0 0 0 8px;
    box-shadow: 0px 4px 8px rgba(96, 97, 112, 0.16);
}

.flagSale .tH6 {
    line-height: 24px;
}

.flagSale::after {
    content: "";
    width: 8px;
    top: 0;
    bottom: -6px;
    border-radius: 0 8px 0 0;
    position: absolute;
    right: -8px;
    z-index: 1;
    box-shadow: 3px 4px 4px rgb(96 97 112 / 16%);
}

.flagSale::before {
    content: "";
    width: 8px;
    height: 14px;
    bottom: -14px;
    border-radius: 0 8px 8px 0;
    position: absolute;
    right: -8px;
    z-index: 2;
}

.flagSale.bHotPink::after {
    background: #ff648c;
}

.flagSale.bHotPink::before {
    background: #c83d62;
}

.flagSale.bWhite::after {
    background: #ffffff;
}

.flagSale.bWhite::before {
    background: #d6d6d6;
}


/* Flag Sale - end */


/* Start Form Style */

.formStyle .form-group {
    margin-bottom: 24px;
    position: relative;
}

.formStyle .form-control {
    background: #ffffff;
    box-shadow: none;
    border-radius: 4px;
    height: 44px;
    padding: 0 16px;
    margin-bottom: 0;
    font-family: 'Kanit', 'kanitlight', 'sans-serif';
    font-weight: 300;
}

.formStyle .form-control+.textAlert {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 14px;
    font-weight: 300;
    font-family: "kanitlight", sans-serif;
}

.formStyle .form-control.alertInput {
    background-color: #f7eded;
    border-color: #d82730;
    color: #1a1a1a;
}

.formStyle .form-control.successInput {
    border-color: #1a8139;
    color: #1a1a1a;
}

.formStyle .form-control.warningInput {
    border-color: #ff9a1f;
    color: #1a1a1a;
}

.formStyle .form-control.alertInput+.textAlert {
    display: block;
    position: relative;
    color: #d82730;
}

.formStyle .form-control.successInput+.textAlert {
    display: block;
    position: relative;
    color: #1a8139;
}

.formStyle .form-control.warningInput+.textAlert {
    display: block;
    position: relative;
    color: #767676;
}

.formStyle .form-control.alertTop+.textAlert {
    position: absolute;
    top: -24px;
    bottom: auto;
    right: 0;
    left: auto;
}

@media only screen and (min-width: 992px) {
    .formStyle .form-control.alertTop+.textAlert {
        position: absolute;
        top: -30px;
        bottom: auto;
        right: 0;
        left: auto;
    }
}

.formStyle .select2-container--default .select2-selection--single {
    border: 1px solid #d6d6d6;
    height: 44px;
    display: flex;
    align-items: center;
}

.formStyle .select2-container--default .select2-selection--single .select2-selection__arrow::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTS40MTUgMS42MjVMMy42NjggNiAuNDE1IDEwLjM3NWExLjA2MiAxLjA2MiAwIDAwLS4xNC45ODljLjEyLjMzMi4zOTcuNTcuNzI2LjYyNWEuODk4Ljg5OCAwIDAwLjg2Ni0uMzY0bDMuNzE4LTVhMS4wNiAxLjA2IDAgMDAwLTEuMjVsLTMuNzE4LTVBLjg4Ni44ODYgMCAwMC41Ni4yMkMuMTU5LjU2NC4wOTQgMS4xOTQuNDE1IDEuNjI1eiIgZmlsbD0iIzAwN0FEMCIvPjwvc3ZnPg==);
    transform: rotate(90deg);
    content: "";
    width: 12px;
    height: 14px;
    top: 50%;
    margin-top: -1px;
    position: absolute;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 7px auto;
    right: 10px;
    margin-top: 0;
    transition: all 0.35s ease-in-out 0s;
}

.formStyle .select2-container--open .select2-selection--single .select2-selection__arrow::after {
    transform: rotate(-90deg) !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    outline: 0;
}

.formStyle .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}


/* End Form Style */

.formStyle .form-group .textAlert {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 14px;
    font-weight: 300;
    font-family: "Kanit", sans-serif;
}

.formStyle .alertSelect .select2-container--default .select2-selection--single {
    border: 1px solid #D82730;
    background-color: #F7EDED;
}

.formStyle .alertSelect .textAlert {
    display: block;
    position: relative;
    color: #D82730;
}

.formStyle .checkboxStyle {
    position: relative;
}

.formStyle .checkboxStyle .textAlert {
    display: none;
    color: #D82730;
    position: absolute;
    left: 26px;
    font-size: 14px;
    font-weight: 300;
    font-family: "Kanit", sans-serif;
}

.formStyle .checkboxStyle.checkAlert .textAlert {
    display: block;
}

.formStyle .checkboxStyle input[type=checkbox]+label {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 32px;
}

.formStyle .checkboxStyle input[type=checkbox] {
    display: none;
}

.formStyle .checkboxStyle input[type=checkbox]+label:before {
    content: "";
    display: inline-block;
    border: 1px solid #D6D6D6;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    border-radius: 4px;
    vertical-align: middle;
    transition: all 0.2s;
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 12px auto;
}

.formStyle .checkboxStyle input[type=checkbox]+label:active:before {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.formStyle .checkboxStyle input[type=checkbox]:checked+label:before {
    /* background-color: #0076CA; */
    border-color: #0076CA;
    background-image: url("../images/icons/ico-tick.svg");
}

.formStyle .checkboxStyle input[type=checkbox]:disabled+label {
    cursor: default;
}

.formStyle .checkboxStyle input[type=checkbox]:disabled+label:before {
    /*background: red;*/
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    transform: scale(1) !important;
    border-color: #767676;
    background: #D6D6D6;
    cursor: default;
}

.formStyle .checkboxStyle input[type=checkbox]:checked:disabled+label:before {
    /*background: red;*/
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    transform: scale(1) !important;
    border-color: #767676;
    cursor: default;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-image: url("../images/icons/ico-tick-disable.svg");
}

.formStyle .checkboxStyle input[type=radio]+label {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 32px;
}

.formStyle .checkboxStyle input[type=radio] {
    display: none;
}

.formStyle .checkboxStyle input[type=radio]+label:before {
    content: "";
    display: inline-block;
    border: 1px solid #D6D6D6;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    border-radius: 50%;
    vertical-align: middle;
    transition: all 0.2s;
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 6px auto;
}

.formStyle .checkboxStyle input[type=radio]:checked+label:before {
    background: #007AD0;
    border-color: #007AD0;
}

.formStyle .checkboxStyle input[type=radio]:disabled+label {
    cursor: default;
    position: relative;
}

.formStyle .checkboxStyle input[type=radio]:disabled+label:before {
    /*background: red;*/
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    transform: scale(1) !important;
    border-color: #D6D6D6;
    cursor: default;
}

.formStyle .checkboxStyle input[type=radio]:checked+label::after {
    content: "";
    width: 6px;
    height: 6px;
    background: #ffffff;
    position: absolute;
    border-radius: 50%;
    left: 6px;
    top: 8px;
    z-index: 1;
}

.formStyle .checkboxStyle input[type=radio]:disabled+label:before {
    background: #D6D6D6;
    border-color: #D6D6D6;
}

.formStyle .checkboxStyle input[type=radio]:disabled+label::after {
    display: none;
}

.formStyle .select2+.textAlert {
    bottom: 0;
}


/* Card with image - start */

.wrapCardWithImage {
    display: flex;
    flex-direction: column;
}

.cardWithImage {
    min-width: 328px;
    max-width: 350px;
    background: #ffffff;
    border: 1px solid #d6d6d6;
    box-shadow: 0px 4px 8px rgba(96, 97, 112, 0.16);
    border-radius: 8px;
    overflow: hidden;
}

.cardWithImage:nth-child(n+2) {
    margin-top: 32px;
}

.cardWithImage figure {
    margin: 0;
}

.cardWithImage .content {
    padding: 16px;
}

.cardWithImage .content ul {
    list-style: none;
    padding: 0;
    margin: 24px 0 0;
}

.cardWithImage .content li:nth-child(n+2) {
    margin-top: 8px;
}

.cardWithImage .content li i {
    display: inline-flex;
    margin-right: 4px;
    align-items: center;
}

.cardWithImage .content .buttonControl {
    text-align: center;
    margin-top: 16px;
}

@media only screen and (max-width: 991px) {
    .scrolling .cardWithImage {
        min-width: 308px;
        max-width: 308px;
    }
}

@media only screen and (min-width: 768px) {
    .wrapCardWithImage {
        flex-direction: row;
        justify-content: center;
    }

    .cardWithImage {
        margin-left: 16px;
        margin-right: 16px;
    }

    .scrolling .cardWithImage {
        margin-left: 16px;
        margin-right: 16px;
    }

    .cardWithImage:nth-child(n+2) {
        margin-top: 0;
    }
}


/* Card with image - end */


/* margin only desktop */

@media only screen and (min-width: 768px) {
    .mg-t-0D {
        margin-top: 0px !important;
    }

    .mg-t-xxsD {
        margin-top: 4px !important;
    }

    .mg-t-xsD {
        margin-top: 8px !important;
    }

    .mg-t-sD {
        margin-top: 16px !important;
    }

    .mg-t-mD {
        margin-top: 24px !important;
    }

    .mg-t-lD {
        margin-top: 32px !important;
    }

    .mg-t-xlD {
        margin-top: 48px !important;
    }

    .mg-t-xxlD {
        margin-top: 64px !important;
    }

    .mg-b-xxsD {
        margin-bottom: 4px !important;
    }

    .mg-b-xsD {
        margin-bottom: 8px !important;
    }

    .mg-b-sD {
        margin-bottom: 16px !important;
    }

    .mg-b-mD {
        margin-bottom: 24px !important;
    }

    .mg-b-lD {
        margin-bottom: 32px !important;
    }

    .mg-b-xlD {
        margin-bottom: 48px !important;
    }

    .mg-b-xxlD {
        margin-bottom: 64px !important;
    }

    .mg-t-xxsD,
    .mg-y-xxsD {
        margin-top: 4px !important;
    }

    .mg-t-xsD,
    .mg-y-xsD {
        margin-top: 8px !important;
    }

    .mg-t-sD,
    .mg-y-sD {
        margin-top: 16px !important;
    }

    .mg-t-mD,
    .mg-y-mD {
        margin-top: 24px !important;
    }

    .mg-t-lD,
    .mg-y-lD {
        margin-top: 32px !important;
    }

    .mg-t-xlD,
    .mg-y-xlD {
        margin-top: 48px !important;
    }

    .mg-t-xxlD,
    .mg-y-xxlD {
        margin-top: 64px !important;
    }

    .mg-b-xxsD,
    .mg-y-xxsD {
        margin-bottom: 4px !important;
    }

    .mg-b-xsD,
    .mg-y-xsD {
        margin-bottom: 8px !important;
    }

    .mg-b-sD,
    .mg-y-sD {
        margin-bottom: 16px !important;
    }

    .mg-b-mD,
    .mg-y-mD {
        margin-bottom: 24px !important;
    }

    .mg-b-lD,
    .mg-y-lD {
        margin-bottom: 32px !important;
    }

    .mg-b-xlD,
    .mg-y-xlD {
        margin-bottom: 48px !important;
    }

    .mg-b-xxlD,
    .mg-y-xxlD {
        margin-bottom: 64px !important;
    }

    .mg-l-xxsD,
    .mg-x-xxsD {
        margin-left: 4px !important;
    }

    .mg-l-xsD,
    .mg-x-xsD {
        margin-left: 8px !important;
    }

    .mg-l-sD,
    .mg-x-sD {
        margin-left: 16px !important;
    }

    .mg-l-mD,
    .mg-x-mD {
        margin-left: 24px !important;
    }

    .mg-l-lD,
    .mg-x-lD {
        margin-left: 32px !important;
    }

    .mg-l-xlD,
    .mg-x-xlD {
        margin-left: 48px !important;
    }

    .mg-l-xxlD,
    .mg-x-xxlD {
        margin-left: 64px !important;
    }

    .mg-r-xxsD,
    .mg-x-xxsD {
        margin-right: 4px !important;
    }

    .mg-r-xsD,
    .mg-x-xsD {
        margin-right: 8px !important;
    }

    .mg-r-sD,
    .mg-x-sD {
        margin-right: 16px !important;
    }

    .mg-r-mD,
    .mg-x-mD {
        margin-right: 24px !important;
    }

    .mg-r-lD,
    .mg-x-lD {
        margin-right: 32px !important;
    }

    .mg-r-xlD,
    .mg-x-xlD {
        margin-right: 48px !important;
    }

    .mg-r-xxlD,
    .mg-x-xxlD {
        margin-right: 64px !important;
    }

    /* end of margin only desktop */
    /* padding only desktop */
    .pd-t-0D {
        padding-top: 0px !important;
    }

    .pd-t-xxsD,
    .pd-y-xxsD {
        padding-top: 4px !important;
    }

    .pd-t-xsD,
    .pd-y-xsD {
        padding-top: 8px !important;
    }

    .pd-t-sD,
    .pd-y-sD {
        padding-top: 16px !important;
    }

    .pd-t-mD,
    .pd-y-mD {
        padding-top: 24px !important;
    }

    .pd-t-lD,
    .pd-y-lD {
        padding-top: 32px !important;
    }

    .pd-t-xlD,
    .pd-y-xlD {
        padding-top: 48px !important;
    }

    .pd-t-xxlD,
    .pd-y-xxlD {
        padding-top: 64px !important;
    }

    .pd-b-xxsD,
    .pd-y-xxsD {
        padding-bottom: 4px !important;
    }

    .pd-b-xsD,
    .pd-y-xsD {
        padding-bottom: 8px !important;
    }

    .pd-b-sD,
    .pd-y-sD {
        padding-bottom: 16px !important;
    }

    .pd-b-mD,
    .pd-y-mD {
        padding-bottom: 24px !important;
    }

    .pd-b-lD,
    .pd-y-lD {
        padding-bottom: 32px !important;
    }

    .pd-b-xlD,
    .pd-y-xlD {
        padding-bottom: 48px !important;
    }

    .pd-b-xxlD,
    .pd-y-xxlD {
        padding-bottom: 64px !important;
    }

    .pd-l-xxsD,
    .pd-x-xxsD {
        padding-left: 4px !important;
    }

    .pd-l-xsD,
    .pd-x-xsD {
        padding-left: 8px !important;
    }

    .pd-l-sD,
    .pd-x-sD {
        padding-left: 16px !important;
    }

    .pd-l-mD,
    .pd-x-mD {
        padding-left: 24px !important;
    }

    .pd-l-lD,
    .pd-x-lD {
        padding-left: 32px !important;
    }

    .pd-l-xlD,
    .pd-x-xlD {
        padding-left: 48px !important;
    }

    .pd-l-xxlD,
    .pd-x-xxlD {
        padding-left: 64px !important;
    }

    .pd-r-xxsD,
    .pd-x-xxsD {
        padding-right: 4px !important;
    }

    .pd-r-xsD,
    .pd-x-xsD {
        padding-right: 8px !important;
    }

    .pd-r-sD,
    .pd-x-sD {
        padding-right: 16px !important;
    }

    .pd-r-mD,
    .pd-x-mD {
        padding-right: 24px !important;
    }

    .pd-r-lD,
    .pd-x-lD {
        padding-right: 32px !important;
    }

    .pd-r-xlD,
    .pd-x-xlD {
        padding-right: 48px !important;
    }

    .pd-r-xxlD,
    .pd-x-xxlD {
        padding-right: 64px !important;
    }
}


/* end of padding only desktop */


/* nav actionbar small */

.navActionBarSmall {
    display: flex;
    flex-wrap: nowrap;
    max-width: 420px;
    margin-top: 16px;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.navActionBarSmall:hover {
    -ms-overflow-style: auto;
    scrollbar-width: auto;
}

.navActionBarSmall:hover::-webkit-scrollbar {
    display: auto;
}

.navActionBarSmall::-webkit-scrollbar {
    display: none;
}

.navActionBarSmall .navButton {
    display: flex;
    margin-bottom: 16px;
}

.navActionBarSmall .btnAction {
    display: flex;
    flex-direction: column;
    margin-right: 16px;
    align-items: center;
    text-align: center;
    color: #1a1a1a;
    padding: 0;
    border: none;
    text-decoration: none;
    transition: all 0.35s ease-in-out 0s;
}

.navActionBarSmall .btnAction:last-child {
    margin-right: 16px;
}

.navActionBarSmall .btnAction [class*="ico"] {
    width: 50px;
    height: 50px;
    margin-bottom: 8px;
    border-radius: 4px;
    box-shadow: 0px 2px 4px rgba(96, 97, 112, 0.16);
}

.navActionBarSmall .btnAction span {
    justify-content: center;
    display: flex;
    margin-top: 0;
    min-width: auto;
}

@media only screen and (min-width: 992px) {
    .navActionBarSmall {
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        justify-content: center;
    }

    .navActionBarSmall .navButton {
        padding: 0 8px;
        margin-bottom: 0;
    }

    .navActionBarSmall .btnAction {
        margin-right: 0;
    }

    .navActionBarSmall {
        margin-bottom: 64px;
    }

    .navActionBarSmall .btnAction:last-child {
        margin-right: 0;
    }
}


/* end of nav actionbar small */


/* display only small mobile */

@media only screen and (min-width: 320px) and (max-width: 359px) {
    .d-xxs-none {
        display: none !important;
    }

    .d-xxs-block {
        display: block !important;
    }
}


/* end of display only small mobile */


/* end of display only small mobile */

@media only screen and (max-width: 767px) {
    .btn {
        min-width: 90px;
    }
}

/* cardPackage */
.wrapPackages .bonusList .headBox .icoJoystick {
    background-image: url("/dtac-go-plus/assets/images/icons/ico-joystick.svg");
}

.wrapPackages .bonusList .headBox .icoSocial {
    background-image: url("/dtac-go-plus/assets/images/icons/ico-social-2.svg");
}

.wrapPackages .bonusList .headBox .icoMedia {
    background-image: url("/dtac-go-plus/assets/images/icons/ico-social-3.svg");
}

.wrapPackages .bonusList .headBox .icoCalls {
    background-image: url("/dtac-go-plus/assets/images/icons/ico-calling-gray.svg");
}

.wrapPackages .bonusList .iconsBox {
    display: flex;
    margin-top: 8px;
}

.wrapPackages .bonusList .iconsBox .icon {
    display: flex;
    width: 24px;
    margin-right: 8px;
}

.wrapPackages .bonusList .iconsBox .icon:last-child {
    margin-right: 0;
}

.wrapPackages .bonusList .iconsBox .icon img {
    align-self: center;
}

.wrapPackages .listPack ul li>.fKanitB {
    margin-right: 4px;
}

.wrapPackages .bonusList {
    display: flex;
    flex-direction: column;
    background: #f7f2ed;
    border-radius: 4px;
    padding: 8px 12px 8px;
}

.wrapPackages .orSpacing {
    display: flex;
    margin: 8px auto;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    border: 1px solid #d6d6d6;
    background-color: #F5F5F5;
}

.popupTheme {
    padding: 32px 0 !important;
    box-shadow: none;
}

.popupTheme .popupInner {
    border-radius: 8px;
    padding: 16px;
    background: #E7EEF4;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    color: #000000;
}

.popupTheme .popupInner .buttonControl {
    display: flex;
    /* flex-direction: column; */
}

.popupTheme .popupInner .buttonControl .btnPackage {
    display: flex;
    text-align: left;
    position: relative;
    flex-direction: column;
    margin-bottom: 10px;
    width: 100%;
    color: #000000;
    padding: 20px 24px 16px 16px;
    border-radius: 8px;
    border: 1px solid #A3DEFF;
    background: #ffffff;
    text-decoration: none !important;
    margin-right: 0;
    margin-left: 0;
}

.popupTheme .popupInner .buttonControl .btnPackage p {
    position: relative;
    padding-right: 16px;
    color: #007AD0;
}

.popupTheme .popupInner .buttonControl .btnPackage span {
    color: #000000;
}

.popupTheme.fancybox__content {
    background: transparent;
    border: transparent;
    padding: 0 !important;
}

@media only screen and (min-width: 992px) {
    .popupTheme .popupInner {
        width: 400px;
        padding: 24px 16px;
    }
}

.fancybox-slide--html .fancybox-close-small {
    padding: 0;
    top: 0;
    width: 20px;
    height: 20px;
    overflow: hidden;
}

.fancybox-slide--html .fancybox-close-small svg {
    transform: scale(1.8);
}

.fancybox-slide--html .fancybox-close-small path {
    fill: #FFFFFF;
}

@media only screen and (min-width: 1200px) {
    .scPackage .wrapPackages {
        width: 352px;
        margin-bottom: 32px;
    }
}

/* scBoxSet */
.scBoxSet .innerSet {
    margin: 0;
    padding: 0;
}

.scBoxSet .innerSet li {
    list-style: none;
}

.en .scBoxSet .innerSet .iconItem {
    max-width: 330px;
    width: 100%;
}

.scBoxSet .innerSet .iconItem .-images {
    background: #00C8FF;
    width: 100%;
    text-align: center;
}

.scBoxSet .innerSet .iconItem .-images p {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 1px;
}

.scBoxSet .innerSet .iconItem .items-device {
    background: #E8FDFF;
    text-align: center;
    width: 100%;
    min-height: 110px;
}

.scBoxSet .innerSet .iconItem .items-device p a {
    cursor: pointer;
}

.fancybox__slide {
    padding: 15px;
}


.scBoxSet .innerSet .iconItem {
    border-radius: 15px;
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.1));
    overflow: hidden;
    max-width: 300px;
    width: 100%;
    margin: 0 auto;
}

.scBoxSet .innerSet .iconItem .items-device p:last-child span {
    letter-spacing: 0.25px;
}

.scBoxSet .innerSet .iconItem .items-device p span.letter {
    letter-spacing: 0.5px;
    padding-bottom: 0;
    display: inline-block;
}

.table-slider .owl-carousel {
    display: block;
}

.scBoxSet .innerSet.owl-carousel {
    display: block;
}

.scBoxSet .owl-theme .owl-dots .owl-dot span {
    display: none;
}

/* .owl-theme .owl-dots .owl-dot span {
    display: none;
} */

.scBoxSet .innerSet .iconItem img {
    height: 50px;
    width: auto;
    margin: 0 auto;
}

.tcShopdeemeekuen {
    border-radius: 4px;
    border: 1px solid #D6D6D6;
    box-sizing: border-box;
    box-shadow: 0px 4px 8px rgb(96 97 112 / 16%);
}

.cBlue- {
    color: #00C8FF;
}

.remark {
    max-width: 740px;
    width: 100%;
    margin: 0 auto;

}

.dtaconlinestore {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0px 4px 8px rgb(96 97 112 / 16%);
}

.dtaconlinestore p.detail {
    background: #fff;
}

.dtaconlinestore p.head {
    background: #00C8FF;
    color: #fff;
}



@media(max-width:991px) {}

@media(max-width:767px) {
    /* .scBannerHero .container { */
        /* padding: 0; */
    /* } */

    .table-package-container .table-title tr:nth-child(3) th div,
    .table-package-container .table-title.customer tr:nth-child(1) th div {
        font-size: 14px !important;
    }

    .scBoxSet .innerSet .iconItem img {
        height: 45px;
    }


    .dtaconlinestore {
        margin-top: 30px;
        border-radius: 8px;
    }

    .sec-onlinestore {
        margin: 0 auto;
    }

    .sec-onlinestore {
        max-width: 380px;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 8px;
    }

    .scBoxSet .innerSet .iconItem .items-device img {
        height: 60px !important;
    }

    .scBoxSet .innerSet .iconItem .items-device {
        min-height: 120px;
    }
}

@media(max-width:480px) {
    .wrap-box-db {
        width: 100%;
    }
}

.scBoxSet .owl-theme .owl-dots {
    position: absolute;
    bottom: -25px;
    text-align: center;
    width: 100%;
}

/* end scBoxSet */



/* scPre-order */



.scPre-order .-Wrap {
    border: 1px solid #F5F5F5;
    box-shadow: 0px 4px 8px rgb(96 97 112 / 16%);
    border-radius: 4px;
    border: 1px solid #D6D6D6;

    max-width: 850px;
    width: 100%;
    margin: 0 auto;
}

.giftImage img {
    height: 85px;
    width: auto;
}

@media(max-width:767px) {

    .scPre-order .btnControl a {
        width: 100%;
    }

    .scPre-order .-Wrap {
        max-width: 380px;
        width: 100%;
        margin: 0 auto;
    }
}