.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;
}

.cTrue {
  color: #ff0000;
}

.cBrightYellow {
  color: #ffff00;
}

.bTrue {
  background: #ff0000;
}

.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;
}

.bDarkBlue {
  background: #001133;
}

.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%);
}

.cGradientNewCoXl {
  background: linear-gradient(90deg, #ff0000 0%, #ff0000 20%, #ff00a6 40%, #00a6ff 70%, #00a6ff 0%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.cGradientNewCoM {
  background: linear-gradient(90deg, #ff0000 40%, #ff0000 40%, #ff00a6 45%, #00a6ff 60%, #00a6ff 0%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.cGradientNewCoS {
  background: linear-gradient(90deg, #ff0000 0%, #ff0000 15%, #ff00a6 45%, #00a6ff 85%, #00a6ff 0%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.cGradientNewCo {
  background: linear-gradient(90deg, #ff0000 0%, #ff0000 20%, #ff00a6 40%, #00a6ff 70%, #00a6ff 0%);
  /* // background: linear-gradient(45deg, #ED1C24 0%, #ED1C24 30%, #FF0064 45%, #00C8FF 60%, #00C8FF 100%); */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bGradientNewCo {
  background: linear-gradient(90deg, #ff0000 15%, #ff0000 20%, #ff00a6 50%, #00a6ff 85%, #00a6ff 50%);
}

.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.btnPrimary.btnTrue {
  background-color: #ff251b;
}

.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("/dtac-2021/assets/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("/dtac-2021/assets/images/icons/arrowLink-blue.svg");
}

.btnArrow.btnWhite {
  color: #fff;
}

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

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

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

.btnArrow.btnYellow {
  color: #fdba5c;
}

.btnArrow.btnYellow::after {
  background-image: url("/dtac-2021/assets/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("/dtac-2021/assets/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("/dtac-2021/assets/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;
}

// Font-Better
.fBetterReg {
  font-family: "better_togetherregular" !important;
  font-weight: 400;
  font-style: normal;
}

.fBetterB {
  font-family: "better_togetherbold" !important;
  font-weight: 700;
  font-style: normal;
}

.fBetterLi {
  font-family: "better_togetherlight" !important;
  font-weight: 400;
  font-style: normal;
}

.fBetterMed {
  font-family: "better_togethermedium" !important;
  font-weight: 500;
  font-style: normal;
}

// End Font-Better

.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(/dtac-2021/assets/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("/dtac-2021/assets/images/icons/ico-dtac.svg");
}

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

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

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

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

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

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

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

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

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

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

.iXs.icoThumbsUp,
.iSm.icoThumbsUp,
.iMd.icoThumbsUp,
.iLg.icoThumbsUp,
.iXl.icoThumbsUp {
  background-image: url("/dtac-2021/assets/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("/dtac-2021/assets/images/icons/ico-thumbsUpBlue.svg");
}

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

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

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

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

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

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

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

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

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

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

.iXs.icominusBlue.active,
.iSm.icominusBlue.active,
.iMd.icominusBlue.active,
.iLg.icominusBlue.active,
.iXl.icominusBlue.active {
  background-image: url("/dtac-2021/assets/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("/dtac-2021/assets/images/icons/ico-thumbsUpWhite.svg");
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.iXs.icoBill,
.iSm.icoBill,
.iMd.icoBill,
.iLg.icoBill,
.iXl.icoBill {
  background-image: url("/dtac-2021/assets/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("/dtac-2021/assets/images/icons/ico-billBlue.svg");
}

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

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

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

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

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

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

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

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

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

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

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

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

.iXs.icoCareWhite,
.iSm.icoCareWhite,
.iMd.icoCareWhite,
.iLg.icoCareWhite,
.iXl.icoCareWhite {
  background-image: url("/dtac-2021/assets/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("/dtac-2021/assets/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("/dtac-2021/assets/images/icons/ico-careWhite.png");
}

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

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

.iXs.icoPhoneServices,
.iSm.icoPhoneServices,
.iMd.icoPhoneServices,
.iLg.icoPhoneServices,
.iXl.icoPhoneServices {
  background-image: url("/dtac-2021/assets/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("/dtac-2021/assets/images/icons/ico-phoneServicesBlue.svg");
}

.iXs.icoEdit,
.iSm.icoEdit,
.iMd.icoEdit,
.iLg.icoEdit,
.iXl.icoEdit {
  background-image: url("/dtac-2021/assets/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("/dtac-2021/assets/images/icons/ico-editBlue.svg");
}

.iXs.icoNetworkTime,
.iSm.icoNetworkTime,
.iMd.icoNetworkTime,
.iLg.icoNetworkTime,
.iXl.icoNetworkTime {
  background-image: url("/dtac-2021/assets/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("/dtac-2021/assets/images/icons/ico-networkTimeBlue.svg");
}

.iXs.icoSocialEntertain,
.iSm.icoSocialEntertain,
.iMd.icoSocialEntertain,
.iLg.icoSocialEntertain,
.iXl.icoSocialEntertain {
  background-image: url("/dtac-2021/assets/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("/dtac-2021/assets/images/icons/ico-socialMediaBlue.svg");
}

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

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

.iXs.icoGameBlack,
.iSm.icoGameBlack,
.iMd.icoGameBlack,
.iLg.icoGameBlack,
.iXl.icoGameBlack {
  background-image: url("/dtac-2021/assets/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("/dtac-2021/assets/images/icons/ico-gameBlue.svg");
}

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

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

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

.iXs.icoInformation,
.iSm.icoInformation,
.iMd.icoInformation,
.iLg.icoInformation,
.iXl.icoInformation {
  background-image: url("/dtac-2021/assets/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("/dtac-2021/assets/images/icons/ico-informationBlue.svg");
}

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

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

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

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

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

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

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

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

.iXs.icoOrder,
.iSm.icoOrder,
.iMd.icoOrder,
.iLg.icoOrder,
.iXl.icoOrder {
  background-image: url("/dtac-2021/assets/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("/dtac-2021/assets/images/icons/ico-orderBlue.svg");
}

.iXs.icoLotto,
.iSm.icoLotto,
.iMd.icoLotto,
.iLg.icoLotto,
.iXl.icoLotto {
  background-image: url("/dtac-2021/assets/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("/dtac-2021/assets/images/icons/ico-lottoBlue.svg");
}

.iXs.icoMutelu,
.iSm.icoMutelu,
.iMd.icoMutelu,
.iLg.icoMutelu,
.iXl.icoMutelu {
  background-image: url("/dtac-2021/assets/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("/dtac-2021/assets/images/icons/ico-muteluBlue.svg");
}

.iXs.icoRewardbox,
.iSm.icoRewardbox,
.iMd.icoRewardbox,
.iLg.icoRewardbox,
.iXl.icoRewardbox {
  background-image: url("/dtac-2021/assets/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("/dtac-2021/assets/images/icons/ico-rewardboxBlue.svg");
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.iXs.ico11_11,
.iSm.ico11_11,
.iMd.ico11_11,
.iLg.ico11_11,
.iXl.ico11_11 {
  background-image: url("/dtac-2021/assets/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("/dtac-2021/assets/images/icons/ico-11_11-blue.svg");
}

.iXs.icoHalloween,
.iSm.icoHalloween,
.iMd.icoHalloween,
.iLg.icoHalloween,
.iXl.icoHalloween {
  background-image: url("/dtac-2021/assets/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("/dtac-2021/assets/images/icons/ico-halloween-blue.svg");
}

.iXs.icoMoviesAndMusic,
.iSm.icoMoviesAndMusic,
.iMd.icoMoviesAndMusic,
.iLg.icoMoviesAndMusic,
.iXl.icoMoviesAndMusic {
  background-image: url("/dtac-2021/assets/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("/dtac-2021/assets/images/icons/ico-movies-and-music-Blue.svg");
}

.iXs.icoPhoneServices,
.iSm.icoPhoneServices,
.iMd.icoPhoneServices,
.iLg.icoPhoneServices,
.iXl.icoPhoneServices {
  background-image: url("/dtac-2021/assets/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("/dtac-2021/assets/images/icons/ico-phoneServicesBlue.svg");
}

.iXs.icoNewspaperOutline,
.iSm.icoNewspaperOutline,
.iMd.icoNewspaperOutline,
.iLg.icoNewspaperOutline,
.iXl.icoNewspaperOutline {
  background-image: url("/dtac-2021/assets/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("/dtac-2021/assets/images/icons/ico-NewspaperOutlineBlue.svg");
}

.iXs.icoLivestream,
.iSm.icoLivestream,
.iMd.icoLivestream,
.iLg.icoLivestream,
.iXl.icoLivestream {
  background-image: url("/dtac-2021/assets/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("/dtac-2021/assets/images/icons/ico-LivestreamBlue.svg");
}

.iXs.icoPackage,
.iSm.icoPackage,
.iMd.icoPackage,
.iLg.icoPackage,
.iXl.icoPackage {
  background-image: url("/dtac-2021/assets/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("/dtac-2021/assets/images/icons/ico-PackageBlue.svg");
}

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

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

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

.iXs.icoSnowman,
.iSm.icoSnowman,
.iMd.icoSnowman,
.iLg.icoSnowman,
.iXl.icoSnowman {
  background-image: url("/dtac-2021/assets/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("/dtac-2021/assets/images/icons/iconSnowmanBlue.png");
}

.iXs.icoClick,
.iSm.icoClick,
.iMd.icoClick,
.iLg.icoClick,
.iXl.icoClick {
  background-image: url("/dtac-2021/assets/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("/dtac-2021/assets/images/icons/iconClickBlue.svg");
}

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

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

.iXs.icoPlatinumHorizontal,
.iSm.icoPlatinumHorizontal,
.iMd.icoPlatinumHorizontal,
.iLg.icoPlatinumHorizontal,
.iXl.icoPlatinumHorizontal {
  background-image: url("/dtac-2021/assets/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("/dtac-2021/assets/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("/dtac-2021/assets/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("/dtac-2021/assets/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("/dtac-2021/assets/images/icons/ico-servicesBlue.svg");
}

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

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

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

.iXs.ico7eleven-png,
.iSm.ico7eleven-png,
.iMd.ico7eleven-png,
.iLg.ico7eleven-png,
.iXl.ico7eleven-png {
  background-image: url("/dtac-2021/assets/images/icons/ico-seven.png");
}

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

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

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

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

.iXs.icoBeyondGame,
.iSm.icoBeyondGame,
.iMd.icoBeyondGame,
.iLg.icoBeyondGame,
.iXl.icoBeyondGame {
  background-image: url("/dtac-2021/assets/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("/dtac-2021/assets/images/icons/ico-beyond-protect-white.svg");
}

.iXs.icoBeyondProtect,
.iSm.icoBeyondProtect,
.iMd.icoBeyondProtect,
.iLg.icoBeyondProtect,
.iXl.icoBeyondProtect {
  background-image: url("/dtac-2021/assets/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("/dtac-2021/assets/images/icons/ico-beyond-platform-pay-white.svg");
}

.iXs.icoBeyondPlatformPay,
.iSm.icoBeyondPlatformPay,
.iMd.icoBeyondPlatformPay,
.iLg.icoBeyondPlatformPay,
.iXl.icoBeyondPlatformPay {
  background-image: url("/dtac-2021/assets/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("/dtac-2021/assets/images/icons/ico-gaming-topup-white.svg");
}

.iXs.icoGamingTopup,
.iSm.icoGamingTopup,
.iMd.icoGamingTopup,
.iLg.icoGamingTopup,
.iXl.icoGamingTopup {
  background-image: url("/dtac-2021/assets/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("/dtac-2021/assets/images/icons/ico-gaming-sim-white.svg");
}

.iXs.icoGamingSim,
.iSm.icoGamingSim,
.iMd.icoGamingSim,
.iLg.icoGamingSim,
.iXl.icoGamingSim {
  background-image: url("/dtac-2021/assets/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("/dtac-2021/assets/images/icons/ico-gaming-device-white.svg");
}

.iXs.icoGamingDevice,
.iSm.icoGamingDevice,
.iMd.icoGamingDevice,
.iLg.icoGamingDevice,
.iXl.icoGamingDevice {
  background-image: url("/dtac-2021/assets/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("/dtac-2021/assets/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("/dtac-2021/assets/images/icons/ico-movie-music.svg");
}

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

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

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

.iXs.icoPinLocation.active,
.iSm.icoPinLocation.active,
.iMd.icoPinLocation.active,
.iLg.icoPinLocation.active,
.iXl.icoPinLocation.active {
  background-image: url("/dtac-2021/assets/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("/dtac-2021/assets/images/icons/ico-pin-store-location.svg");
}

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

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

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

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

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

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

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

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

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

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

.iXs.icoViu2,
.iSm.icoViu2,
.iMd.icoViu2,
.iLg.icoViu2,
.iXl.icoViu2 {
  background-image: url("/dtac-2021/assets/images/icons/icoVIU.png");
}

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

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

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

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

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

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

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

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

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

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

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

.iXs.icoTooltip,
.iSm.icoTooltip,
.iMd.icoTooltip,
.iLg.icoTooltip,
.iXl.icoTooltip {
  background-image: url("/dtac-2021/assets/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("/dtac-2021/assets/images/icons/ico-tooltip-blue.svg");
}

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

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

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

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

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

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

.iXs.icoSecurity,
.iSm.icoSecurity,
.iMd.icoSecurity,
.iLg.icoSecurity,
.iXl.icoSecurity {
  background-image: url("/dtac-2021/assets/images/icons/true_security.png");
}

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

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

.iXs.icoNetLife,
.iSm.icoNetLife,
.iMd.icoNetLife,
.iLg.icoNetLife,
.iXl.icoNetLife {
  background-image: url("/dtac-2021/assets/images/icons/ico-NetLife.png");
}

.iXs.icoNetLife2,
.iSm.icoNetLife2,
.iMd.icoNetLife2,
.iLg.icoNetLife2,
.iXl.icoNetLife2 {
  background-image: url("/dtac-2021/assets/images/icons/ico-NetLife32x32.png");
}

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

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

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

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

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

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

.iXs.icoNewco5gBetterPlus,
.iSm.icoNewco5gBetterPlus,
.iMd.icoNewco5gBetterPlus,
.iLg.icoNewco5gBetterPlus,
.iXl.icoNewco5gBetterPlus {
  background-image: url("/dtac-2021/assets/images/icons/ico-5g-better+.png");
}

.iXs.ico5gSuper,
.iSm.ico5gSuper,
.iMd.ico5gSuper,
.iLg.ico5gSuper,
.iXl.ico5gSuper {
  background-image: url("/dtac-2021/assets/images/icons/logo-5g-super.png");
}

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

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

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

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

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

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

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

.iXs.icoFreeDataRoaming2Gb,
.iSm.icoFreeDataRoaming2Gb,
.iMd.icoFreeDataRoaming2Gb,
.iLg.icoFreeDataRoaming2Gb,
.iXl.icoFreeDataRoaming2Gb,
.iXxl.icoFreeDataRoaming2Gb,
.iXxxl.icoFreeDataRoaming2Gb {
  background-image: url("/dtac-2021/assets/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("/dtac-2021/assets/images/icons/ico-weTV-without-text.svg");
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.iXs.icoDIYb,
.iSm.icoDIYb,
.iMd.icoDIYb,
.iLg.icoDIYb,
.iXl.icoDIYb {
  background-image: url("/dtac-2021/assets/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("/dtac-2021/assets/images/icons/ico-phoneBlue.svg");
}

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

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

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

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

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

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

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

.scListSocial .icoPhoneSocial {
  background-image: url("/dtac-2021/assets/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("/dtac-2021/assets/images/icons/ico-calls.svg");
}

.iXs.icoNowPop,
.iSm.icoNowPop,
.iMd.icoNowPop,
.iLg.icoNowPop,
.iXl.icoNowPop {
  background-image: url(/dtac-2021/assets/images/icons/ico-now-pop.png);
}

.iXs.icoNowPlus,
.iSm.icoNowPlus,
.iMd.icoNowPlus,
.iLg.icoNowPlus,
.iXl.icoNowPlus {
  background-image: url(/dtac-2021/assets/images/icons/ico-now-plus.png);
}

.iXs.icoNowPrime,
.iSm.icoNowPrime,
.iMd.icoNowPrime,
.iLg.icoNowPrime,
.iXl.icoNowPrime {
  background-image: url(/dtac-2021/assets/images/icons/ico-now-prime.png);
}

.iXs.icoMordee,
.iSm.icoMordee,
.iMd.icoMordee,
.iLg.icoMordee,
.iXl.icoMordee {
  background-image: url(/dtac-2021/assets/images/icons/ico-mordee.png);
}

.iXs.icoTrueDtacPay,
.iSm.icoTrueDtacPay,
.iMd.icoTrueDtacPay,
.iLg.icoTrueDtacPay,
.iXl.icoTrueDtacPay {
  background-image: url(/dtac-2021/assets/images/icons/ico-true-dtac-pay.png);
}

.iXs.icoNetflix,
.iSm.icoNetflix,
.iMd.icoNetflix,
.iLg.icoNetflix,
.iXl.icoNetflix {
  background-image: url(/dtac-2021/assets/images/icons/ico-netflix.png);
}

.iXs.icoAppTrueVisionsNow,
.iSm.icoAppTrueVisionsNow,
.iMd.icoAppTrueVisionsNow,
.iLg.icoAppTrueVisionsNow,
.iXl.icoAppTrueVisionsNow {
  background-image: url(/dtac-2021/assets/images/icons/ico-app-truevisions-now.png);
}

.iXs.icoAppTrueIdPlus,
.iSm.icoAppTrueIdPlus,
.iMd.icoAppTrueIdPlus,
.iLg.icoAppTrueIdPlus,
.iXl.icoAppTrueIdPlus {
  background-image: url(/dtac-2021/assets/images/icons/ico-app-true-id-plus.png);
}

.iXs.icoAppYoutubeMusic,
.iSm.icoAppYoutubeMusic,
.iMd.icoAppYoutubeMusic,
.iLg.icoAppYoutubeMusic,
.iXl.icoAppYoutubeMusic {
  background-image: url(/dtac-2021/assets/images/icons/ico-app-youtube-music.png);
}

.iXs.icoAppYoutube,
.iSm.icoAppYoutube,
.iMd.icoAppYoutube,
.iLg.icoAppYoutube,
.iXl.icoAppYoutube {
  background-image: url(/dtac-2021/assets/images/icons/ico-app-youtube.png);
}

.iXs.icoAppIqiyi,
.iSm.icoAppIqiyi,
.iMd.icoAppIqiyi,
.iLg.icoAppIqiyi,
.iXl.icoAppIqiyi {
  background-image: url(/dtac-2021/assets/images/icons/ico-app-iqiyi.png);
}

.iXs.icoAppViu,
.iSm.icoAppViu,
.iMd.icoAppViu,
.iLg.icoAppViu,
.iXl.icoAppViu {
  background-image: url(/dtac-2021/assets/images/icons/ico-app-viu.png);
}

.iXs.icoAppWetv,
.iSm.icoAppWetv,
.iMd.icoAppWetv,
.iLg.icoAppWetv,
.iXl.icoAppWetv {
  background-image: url(/dtac-2021/assets/images/icons/ico-app-wetv.png);
}

.iXs.icoAppNetflix,
.iSm.icoAppNetflix,
.iMd.icoAppNetflix,
.iLg.icoAppNetflix,
.iXl.icoAppNetflix {
  background-image: url(/dtac-2021/assets/images/icons/ico-app-netflix.png);
}

.iXs.icoAppOneD,
.iSm.icoAppOneD,
.iMd.icoAppOneD,
.iLg.icoAppOneD,
.iXl.icoAppOneD {
  background-image: url(/dtac-2021/assets/images/icons/ico-app-oned.png);
}

.iXs.icoTrueCyberSafePro,
.iSm.icoTrueCyberSafePro,
.iMd.icoTrueCyberSafePro,
.iLg.icoTrueCyberSafePro,
.iXl.icoTrueCyberSafePro {
  background-image: url(/dtac-2021/assets/images/icons/ico-true-cybersafe-pro-app.png);
}

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

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

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

.wrapPackages .bonusList .headBox .icoMedia {
  background-image: url("/dtac-2021/assets/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: "dtac_2018regular" !important;
}

.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("/dtac-2021/assets/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("/dtac-2021/assets/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.bOrangeBright::after {
  background: #ff5a28;
}

.flagSale.bOrangeBright::before {
  background: #363130;
}

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

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

.flagSale.bDarkBlue::after {
  background: #001133;
}

.flagSale.bDarkBlue::before {
  background: #1a1b69;
}

.flagSale.bTelenorBlue::after {
  background: #00c8ff;
}

.flagSale.bTelenorBlue::before {
  background: #1a1b69;
}

/* 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("/dtac-2021/assets/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("/dtac-2021/assets/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;
  }
}