@charset "UTF-8";
@font-face {
  font-family: "atom-sans";
  src: url("/fonts/atom-absolute/Atom_Absolute_Italic.otf");
  src: url("/fonts/atom-absolute/Atom_Absolute_Italic.otf") format("opentype"), url("/fonts/atom-absolute/Atom_Absolute_Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "atom-sans";
  src: url("/fonts/atom-absolute/Atom_Absolute.otf");
  src: url("/fonts/atom-absolute/Atom_Absolute.otf") format("opentype"), url("/fonts/atom-absolute/Atom_Absolute.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "atom-sans";
  src: url("/fonts/atom-sans/Atom_Sans_Bold_Italic.woff");
  src: url("/fonts/atom-sans/Atom_Sans_Bold_Italic.woff") format("woff"), url("/fonts/atom-sans/Atom_Sans_Bold_Italic.otf") format("opentype"), url("/fonts/atom-sans/Atom_Sans_Bold_Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "atom-sans";
  src: url("/fonts/atom-sans/Atom_Sans_Bold.woff");
  src: url("/fonts/atom-sans/Atom_Sans_Bold.woff") format("woff"), url("/fonts/atom-sans/Atom_Sans_Bold.otf") format("opentype"), url("/fonts/atom-sans/Atom_Sans_Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "atom-sans";
  src: url("/fonts/atom-sans/Atom_Sans_DemiBold_Italic.woff");
  src: url("/fonts/atom-sans/Atom_Sans_DemiBold_Italic.woff") format("woff"), url("/fonts/atom-sans/Atom_Sans_DemiBold_Italic.otf") format("opentype"), url("/fonts/atom-sans/Atom_Sans_DemiBold_Italic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "atom-sans";
  src: url("/fonts/atom-sans/Atom_Sans_DemiBold.woff");
  src: url("/fonts/atom-sans/Atom_Sans_DemiBold.woff") format("woff"), url("/fonts/atom-sans/Atom_Sans_DemiBold.otf") format("opentype"), url("/fonts/atom-sans/Atom_Sans_DemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "atom-sans";
  src: url("/fonts/atom-sans/Atom_Sans_Extra_Bold_Italic.woff");
  src: url("/fonts/atom-sans/Atom_Sans_Extra_Bold_Italic.woff") format("woff"), url("/fonts/atom-sans/Atom_Sans_Extra_Bold_Italic.otf") format("opentype"), url("/fonts/atom-sans/Atom_Sans_Extra_Bold_Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "atom-sans";
  src: url("/fonts/atom-sans/Atom_Sans_Extra_Bold.woff");
  src: url("/fonts/atom-sans/Atom_Sans_Extra_Bold.woff") format("woff"), url("/fonts/atom-sans/Atom_Sans_Extra_Bold.otf") format("opentype"), url("/fonts/atom-sans/Atom_Sans_Extra_Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "atom-sans";
  src: url("/fonts/atom-sans/Atom_Sans_Light_Italic.woff");
  src: url("/fonts/atom-sans/Atom_Sans_Light_Italic.woff") format("woff"), url("/fonts/atom-sans/Atom_Sans_Light_Italic.otf") format("opentype"), url("/fonts/atom-sans/Atom_Sans_Light_Italic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "atom-sans";
  src: url("/fonts/atom-sans/Atom_Sans_Light.woff");
  src: url("/fonts/atom-sans/Atom_Sans_Light.woff") format("woff"), url("/fonts/atom-sans/Atom_Sans_Light.otf") format("opentype"), url("/fonts/atom-sans/Atom_Sans_Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "atom-sans";
  src: url("/fonts/atom-sans/Atom_Sans_Medium_Italic.woff");
  src: url("/fonts/atom-sans/Atom_Sans_Medium_Italic.woff") format("woff"), url("/fonts/atom-sans/Atom_Sans_Medium_Italic.otf") format("opentype"), url("/fonts/atom-sans/Atom_Sans_Medium_Italic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "atom-sans";
  src: url("/fonts/atom-sans/Atom_Sans_Medium.woff");
  src: url("/fonts/atom-sans/Atom_Sans_Medium.woff") format("woff"), url("/fonts/atom-sans/Atom_Sans_Medium.otf") format("opentype"), url("/fonts/atom-sans/Atom_Sans_Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "atom-sans";
  src: url("/fonts/atom-sans/Atom_Sans_Slim_Italic.woff");
  src: url("/fonts/atom-sans/Atom_Sans_Slim_Italic.woff") format("woff"), url("/fonts/atom-sans/Atom_Sans_Slim_Italic.otf") format("opentype"), url("/fonts/atom-sans/Atom_Sans_Slim_Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "atom-sans";
  src: url("/fonts/atom-sans/Atom_Sans_Slim.woff");
  src: url("/fonts/atom-sans/Atom_Sans_Slim.woff") format("woff"), url("/fonts/atom-sans/Atom_Sans_Slim.otf") format("opentype"), url("/fonts/atom-sans/Atom_Sans_Slim.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "atom-sans";
  src: url("/fonts/atom-sans/Atom_Sans_Thin_Italic.woff");
  src: url("/fonts/atom-sans/Atom_Sans_Thin_Italic.woff") format("woff"), url("/fonts/atom-sans/Atom_Sans_Thin_Italic.otf") format("opentype"), url("/fonts/atom-sans/Atom_Sans_Thin_Italic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "atom-sans";
  src: url("/fonts/atom-sans/Atom_Sans_Thin.woff");
  src: url("/fonts/atom-sans/Atom_Sans_Thin.woff") format("woff"), url("/fonts/atom-sans/Atom_Sans_Thin.otf") format("opentype"), url("/fonts/atom-sans/Atom_Sans_Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans Myanmar";
  src: url(/fonts/noto_sans_myanmar/NotoSansMyanmar-Bold.ttf);
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SourceSansPro";
  src: url(/fonts/sourcesanspro/SourceSansPro-Regular.eot) format("embedded-opentype"), url(/fonts/sourcesanspro/SourceSansPro-Regular.woff) format("woff"), url(/fonts/sourcesanspro/SourceSansPro-Regular.ttf) format("truetype"), url(/fonts/sourcesanspro/SourceSansPro-Regular.svg#SourceSansPro-Regular) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.fm-Telenor {
  font-family: Telenor !important;
}
.fm-Pyidaungsu {
  font-family: Pyidaungsu !important;
}

.fw-light {
  font-weight: 300 !important;
}
.fw-light-italic {
  font-weight: 300 !important;
  font-style: italic;
}
.fw-regular {
  font-weight: 400 !important;
}
.fw-medium {
  font-weight: 500 !important;
}
.fw-medium-italic {
  font-weight: 500 !important;
  font-style: italic;
}
.fw-bold {
  font-weight: 600 !important;
}
.fw-bold-italic {
  font-weight: 600 !important;
  font-style: italic;
}

.text-italic {
  font-style: italic;
}
.text-normal {
  font-style: normal;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-blue {
  color: #070952;
}
.text-black {
  color: #1a1a1a;
}

@font-face {
  font-family: "TelenorIcon";
  src: url("/fonts/svg-icon/TelenorIcon.eot?lyvry1");
  src: url("/fonts/svg-icon/TelenorIcon.eot?lyvry1#iefix") format("embedded-opentype"), url("/fonts/svg-icon/TelenorIcon.ttf?lyvry1") format("truetype"), url("/fonts/svg-icon/TelenorIcon.woff?lyvry1") format("woff"), url("/fonts/svg-icon/TelenorIcon.svg?lyvry1#TelenorIcon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "TelenorIcon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-down:before {
  content: "\e900";
}

.icon-arrow-left:before {
  content: "\e901";
}

.icon-arrow-right:before {
  content: "\e902";
}

.icon-arrow-up:before {
  content: "\e903";
}

.icon-battery:before {
  content: "\e905";
}

.icon-camera:before {
  content: "\e906";
}

.icon-checkmark:before {
  content: "\e907";
}

.icon-chevron-down:before {
  content: "\e908";
}

.icon-chevron-left:before {
  content: "\e909";
}

.icon-chevron-right:before {
  content: "\e90a";
}

.icon-chevron-up:before {
  content: "\e90b";
}

.icon-clock:before {
  content: "\e90c";
}

.icon-devices:before {
  content: "\e90d";
}

.icon-documents:before {
  content: "\e90e";
}

.icon-exit:before {
  content: "\e90f";
}

.icon-help:before {
  content: "\e910";
}

.icon-info:before {
  content: "\e911";
}

.icon-location:before {
  content: "\e912";
}

.icon-music:before {
  content: "\e914";
}

.icon-phone:before {
  content: "\e915";
}

.icon-plus:before {
  content: "\e916";
}

.icon-present:before {
  content: "\e917";
}

.icon-settings:before {
  content: "\e918";
}

.icon-sim:before {
  content: "\e919";
}

.icon-ticket:before {
  content: "\e91a";
}

.icon-user:before {
  content: "\e91b";
}

.icon-wallet:before {
  content: "\e91c";
}

.icon-world:before {
  content: "\e91d";
}

.icon-zoom:before {
  content: "\e91e";
}

.icon-bag:before {
  content: "\e904";
}

.icon-minus:before {
  content: "\e913";
}

.text-display-large-1, .tm-h1, .tm-h2, .top-up-methods h2, .promotion-cart .cart-content .left h1, .promotion_packages h2, .package-price h1, .package-heading, h1, .h1-type-1,
.h1-type-2,
.h1-type-3,
.h1-type-4,
.h1-type-5 {
  font-size: 28px;
  line-height: 43px;
  font-weight: 900;
}

.text-display-large-2, .simTopUp.registration h1, .simTopUp.tourist h2, .simTopUp.sim-and-topup-home h1, .simTopUp h2, .span-type-1 {
  font-size: 28px;
  line-height: 43px;
  font-weight: 600;
}

.text-display-small-1, h2, .span-type-2, .h2-type-1,
.h2-type-2,
.h2-type-3,
.h2-type-4,
.h2-type-5,
.h2-type-6,
.h2-type-7 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

.text-display-small-2 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
}

.text-heading-1, .p-type-2 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
}

.text-heading-2, .h3-type-1,
.h3-type-2 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
}

.text-subheading-1 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
}

.text-subheading-2, .div-type-1, .li-type-1,
.li-type-3, .p-type-1,
.p-type-3,
.p-type-4,
.p-type-5,
.p-type-6,
.p-type-7,
.p-type-8,
.p-type-9,
.p-type-10,
.p-type-11,
.p-type-12 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
}

.text-caption-1 {
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
}

.text-caption-2, .breadcrumb, .breadcrumb li a, .breadcrumb li, .sub-type-1 {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}

.text-body, p, body, .li-type-2 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}

.font-atom-absolute {
  font-family: "atom-absolute" !important;
}

.font-atom-sans, .dhamma-bottom-description p span,
.dhamma-bottom-description p a, .dhamma-pagination button, .game-purchase-modal h2 span {
  font-family: "atom-sans" !important;
}

.font-heading {
  font-family: "atom-absolute" !important;
}

.font-nato-sans-mayanmar, .game-purchase-modal h2, .pill_btn,
.pill_btn:hover,
.pill_btn:focus {
  font-family: "Noto Sans Myanmar" !important;
}

.my_text_block *:not([class^=icon-], [class*=" icon-"], .en_text_only) {
  font-family: "Noto Sans Myanmar" !important;
}

.en_text_only {
  font-family: "atom-sans" !important;
}

*::before,
*::after {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  outline: none;
}

* {
  scroll-behavior: smooth;
}
* > font {
  font-size: inherit;
  line-height: inherit;
}

html {
  font-family: "atom-sans";
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input[type=radio],
input[type=checkbox] {
  position: relative;
  top: -2px;
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

body {
  margin: 0;
  font-family: "atom-sans";
  color: #1a1a1a;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-top: 0;
  margin-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}

img:not(.tarot-detail-image) {
  max-width: 100%;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ul li {
  font-size: inherit;
  line-height: inherit;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: 600;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

p span {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
}
p a {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  color: #2449FB;
}

a {
  color: #2449FB;
  text-decoration: none;
  background-color: transparent;
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -webkit-hyphens: auto;
  hyphens: auto;
}

a:hover {
  color: #070952;
  cursor: pointer;
}

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: "atom-sans";
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}
button:focus {
  box-shadow: none;
  outline: none;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
input:focus,
button:focus,
select:focus,
optgroup:focus,
textarea:focus {
  box-shadow: none;
  outline: none;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
  font-size: 80%;
  font-weight: 400;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word;
}

a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

/*
===============================================
                    Animation
===============================================
*/
@keyframes flickerAnimation {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.primary_btn,
.primary_btn:focus {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 10px 25px;
  border-radius: 3px;
  background-color: #2449FB;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
  text-align: center;
  border: 0;
}
.primary_btn:hover,
.primary_btn:focus:hover {
  color: #ffffff;
  background-color: #070952;
}
.primary_btn:active,
.primary_btn:focus:active {
  color: #ffffff;
  background-color: #070952;
}
.primary_btn:disabled,
.primary_btn:focus:disabled {
  background-color: #d6d6d6;
}

.primary_btn_dark,
.primary_btn_dark:focus {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 10px 25px;
  border-radius: 3px;
  background-color: #007ad0;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
  text-align: center;
  border: 0;
}
.primary_btn_dark:hover,
.primary_btn_dark:focus:hover {
  opacity: 0.15;
  color: #ffffff;
  background-color: #1a1a1a;
}
.primary_btn_dark:active,
.primary_btn_dark:focus:active {
  opacity: 0.25;
  color: #ffffff;
  background-color: #1a1a1a;
}
.primary_btn_dark:disabled,
.primary_btn_dark:focus:disabled {
  color: #767676;
  background-color: #d6d6d6;
}
.primary_btn_dark.btn_block,
.primary_btn_dark:focus.btn_block {
  width: 100%;
}

.outline_btn,
.outline_btn:focus {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  min-height: 48px;
  padding: 10px 25px;
  border: 1px solid #2449FB;
  border-radius: 3px;
  color: #2449FB;
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
  text-align: center;
}
.outline_btn:hover,
.outline_btn:focus:hover {
  color: #070952;
  border: 1px solid #070952;
}
.outline_btn:active,
.outline_btn:focus:active {
  color: #070952;
  border: 1px solid #070952;
}
.outline_btn:disabled,
.outline_btn:focus:disabled {
  color: #767676;
  border: 1px solid #d6d6d6;
}

.outline_btn_dark,
.outline_btn_dark:focus {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  min-height: 48px;
  padding: 10px 25px;
  border: 1px solid #ffffff;
  border-radius: 3px;
  color: #2449FB;
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
  text-align: center;
}
.outline_btn_dark:hover,
.outline_btn_dark:focus:hover {
  color: #070952;
  opacity: 0.7;
  border: 1px solid #070952;
}
.outline_btn_dark:active,
.outline_btn_dark:focus:active {
  color: #070952;
  border: 1px solid #070952;
}
.outline_btn_dark:disabled,
.outline_btn_dark:focus:disabled {
  color: #767676;
  border: 1px solid #d6d6d6;
}

.link_btn,
.link_btn:focus {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: #2449FB;
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
  border: 0;
}
.link_btn:hover,
.link_btn:focus:hover {
  color: #070952;
}
.link_btn:disabled,
.link_btn:focus:disabled {
  color: #d6d6d6;
}
.link_btn .icon-chevron-right,
.link_btn:focus .icon-chevron-right {
  font-size: 12px;
  position: relative;
  top: -1px;
}

.list_btn, #marquee_bar a,
.list_btn:focus {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: #2449FB;
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
  border: 0;
}
.list_btn:hover, #marquee_bar a:hover,
.list_btn:focus:hover {
  color: #070952;
  text-decoration: underline;
}
.list_btn:disabled, #marquee_bar a:disabled,
.list_btn:focus:disabled {
  color: #d6d6d6;
}

.pill_btn,
.pill_btn:hover,
.pill_btn:focus {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  min-height: 48px;
  min-width: 152px;
  padding: 0 10px;
  border: 1px solid #070952;
  border-radius: 24px;
  color: #070952;
  font-size: 18px;
  font-weight: bold;
  line-height: 39px;
  text-align: center;
}
.pill_btn.active,
.pill_btn:hover.active,
.pill_btn:focus.active {
  background: #2449FB;
  border-color: #2449FB;
  color: white;
}
.pill_btn:disabled,
.pill_btn:hover:disabled,
.pill_btn:focus:disabled {
  color: #767676;
  border: 1px solid #d6d6d6;
}
@media (max-width: 767px) {
  .pill_btn,
  .pill_btn:hover,
  .pill_btn:focus {
    font-size: 12px;
    min-height: 40px;
    min-width: initial;
    padding: 0 12px;
  }
}

.new_layout .container {
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 991px) {
  .new_layout .container {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1200px) {
  .new_layout .container {
    max-width: 1200px;
  }
}
.new_layout .container-fluid {
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 991px) {
  .new_layout .container-fluid {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.new_layout .row {
  margin-left: -15px;
  margin-right: -15px;
}
@media (max-width: 991px) {
  .new_layout .row {
    margin-left: -8px;
    margin-right: -8px;
  }
}
.new_layout .row > * {
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 991px) {
  .new_layout .row > * {
    padding-left: 8px;
    padding-right: 8px;
  }
}

.flex-center, .top_bar__menu, .pack_card__batch, .feature_card {
  display: flex;
  align-items: center;
  justify-content: center;
}

.section_title, .section_title__large_for_mobile {
  color: #070952;
  font-size: 28px;
  font-weight: 900;
  line-height: 47px;
  text-align: center;
}
@media (max-width: 991px) {
  .section_title, .section_title__large_for_mobile {
    font-size: 20px;
    font-weight: bold;
    line-height: 28px;
  }
}
@media (max-width: 991px) {
  .section_title__large_for_mobile {
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
  }
}

.see_more_btn,
.see_more_btn:hover {
  color: #2449FB;
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
  text-align: center;
  text-decoration: underline;
  display: table;
}

.atom_link_btn {
  display: table;
  color: #2449FB;
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
}
@media (max-width: 991px) {
  .atom_link_btn.view_more_packs_btn {
    font-size: 14px;
  }
}

.atom_link_secondary_btn {
  display: table;
  color: #2449FB;
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
}

.buy_now_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 134px;
  border-radius: 3px;
  background-color: #2449FB;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
  text-align: center;
  border: 0;
}

.underline {
  text-decoration: underline;
}

.absolute_image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.absolute_image img {
  width: 100%;
  height: 100%;
}

.responsive-iframe {
  width: 100%;
  padding-top: 56%;
  position: relative;
}
.responsive-iframe iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.animate-flicker {
  animation: flickerAnimation 0.9s infinite;
}

.btn-outline-dark:active:focus {
  box-shadow: none;
}
.btn-outline-dark:focus {
  box-shadow: none;
}

.checkbox-inline,
.radio-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px;
}

.accordion-body {
  text-align: left;
}

@media (min-width: 992px) {
  .w-lg-initial {
    width: initial !important;
  }
}

.color-primary {
  color: #070952;
}

.color-secondary {
  color: #2449FB;
}

.color-deepBlue {
  color: #070952;
}

.color-gameBlue {
  color: #2449FB;
}

.line-limit-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.h-scroll {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
}
.h-scroll::-webkit-scrollbar {
  display: none;
}

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

.cursor-pointer {
  cursor: pointer;
}

.navigation {
  border-bottom: 1px solid #f0f0f0;
}

header {
  position: sticky;
  top: 0;
  z-index: 9999;
}

.navigation.sticky-top {
  z-index: 999;
}

.tm-slogan {
  background: #e6eef5;
  padding: 6px 0;
  overflow-x: hidden;
}
.tm-slogan p {
  font-size: 13px;
  text-align: center;
  margin: 0;
  color: #767676;
}
.tm-slogan p div {
  font-size: 13px;
}

.hide-tab {
  display: none;
}

@media (min-width: 1200px) {
  .hide-tab {
    display: block;
  }
}
.top-menu {
  height: 38px;
  background: #f5f5f5;
}
.top-menu ul {
  list-style: none;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0;
  padding: 0;
  height: 38px;
}
.top-menu ul li {
  padding: 6px 15px;
  margin-left: 20px;
  border-bottom: 2px solid transparent;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .top-menu ul li {
    margin-left: 0.5rem;
  }
}
.top-menu ul li a {
  font-weight: 600;
  font-size: 13px;
  font-weight: 600;
  color: #1A1A1A;
}
.top-menu ul li a:hover {
  color: #070952;
  text-decoration: none;
}
.top-menu ul li:hover {
  border-bottom: 2px solid #070952;
}
.top-menu ul li.active {
  border-bottom: 2px solid #070952;
}
.top-menu ul li.active a {
  color: #070952;
  text-decoration: none;
}
@media (max-width: 767px) {
  .top-menu {
    align-items: center;
    justify-content: center;
  }
}

.account {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.account .form-group {
  margin: 0;
  position: relative;
}
.account .form-control {
  border: 1px solid #d6d6d6;
  height: 24px;
}
@media (max-width: 1200px) {
  .account {
    justify-content: flex-start;
  }
}
@media (max-width: 992px) {
  .account {
    justify-content: space-around;
    height: 38px;
  }
}
.account div {
  margin-right: 40px;
}
@media (max-width: 1200px) {
  .account div {
    margin-right: 1rem;
  }
}
@media (max-width: 992px) {
  .account div {
    margin-right: 0;
  }
}
.account a {
  color: #1a1a1a;
  font-size: 13px;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.account a span {
  font-size: 13px;
  white-space: nowrap;
}
@media (max-width: 1200px) {
  .account a span {
    font-size: 10px;
  }
}
.account a:hover {
  text-decoration: none;
}
.account a img {
  margin-right: 2px;
  width: 18px;
}
@media (max-width: 767px) {
  .account a img {
    margin-right: 0;
  }
}

@media (max-width: 1200px) {
  .account-hambergur-menu div {
    margin-right: 0;
  }
}

.header-search {
  margin-bottom: 0;
  margin-right: 30px;
}
@media (max-width: 991px) {
  .header-search {
    margin-right: 0;
  }
}
.header-search input {
  font-size: 13px;
}
@media (max-width: 991px) {
  .header-search input {
    font-size: 10px;
  }
}
.header-search .form-control:focus {
  box-shadow: none;
}
@media (min-width: 992px) {
  .header-search .input-group {
    max-width: 170px;
  }
}
@media (max-width: 991px) {
  .header-search .input-group {
    width: 163px;
  }
}

.header-search span {
  background: #fff;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 9px;
  padding-right: 9px;
  height: 24px;
}

.header-search input {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

@media (min-width: 992px) {
  .header-search {
    width: 240px;
    display: flex;
    justify-content: end;
  }
}
.search-result-wrapper {
  padding: 8px 10px;
}

.search-result-wrapper a:hover .text-caption-1 {
  color: rgba(36, 73, 251, 0.7);
}

.search-result-wrapper a:hover .text-caption-2, .search-result-wrapper a:hover .breadcrumb, .search-result-wrapper a:hover .breadcrumb li a, .breadcrumb li .search-result-wrapper a:hover a, .search-result-wrapper a:hover .breadcrumb li, .breadcrumb .search-result-wrapper a:hover li, .search-result-wrapper a:hover .sub-type-1 {
  color: rgba(26, 26, 26, 0.7) !important;
}

.top-bar-search, .top-bar-search-mob {
  background-image: url("/assets/icons/search.png");
  background-repeat: no-repeat;
  background-position: 7px 2px;
  padding-left: 28px !important;
  transition: width 0.3s ease-in-out;
  width: 170px;
  height: 24px;
}

.ajax-search-result, .ajax-search-result-mob {
  display: none;
  z-index: 99999;
  width: 250px;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

.ajax-search-result-mob {
  right: 0;
}

@media (min-width: 992px) {
  .top-bar-search:focus {
    width: 100%;
  }
  .ajax-search-result {
    width: calc(100% - 30px);
  }
}
.navigation-megamenu {
  background: #FFF;
}

.navigation-link {
  color: #1a1a1a;
}
.navigation-link:visited {
  color: #1a1a1a;
}

.navigation-list > li.heading > a {
  font-size: 14px;
}

.navigation-list > li > a {
  font-size: 12px;
  padding: 8px 16px;
}
.navigation-list > li > a:hover {
  color: #070952;
}
.navigation-list > li:not(.navigation-list-heading) > a:before {
  content: "";
}

@media (min-width: 1200px) {
  .nav-menu-logo {
    position: absolute;
    top: 2px;
    left: 50%;
    margin-left: -42px;
  }
  .navigation-menu:not(.navigation-social-menu) .navigation-item:not(.navigation-icon-item) .navigation-link {
    padding: 1px 16px 0 !important;
  }
  .navigation-menu-right .navigation-row {
    justify-content: flex-end;
  }
  .navigation-row .navigation-col {
    max-width: 18%;
  }
}
.navigation-item:not(.navigation-brand-text):hover .navigation-link {
  color: #070952;
}
.navigation-item:not(.navigation-brand-text):focus .navigation-link {
  color: #070952;
}
.navigation-item:not(.navigation-brand-text).is-active .navigation-link {
  color: #070952;
}
.navigation-item:hover > .navigation-link > .submenu-indicator:after {
  border-color: transparent #070952 #070952 transparent;
}
.navigation-item:focus > .navigation-link > .submenu-indicator:after {
  border-color: transparent #070952 #070952 transparent;
}

.navigation-list > li.navigation-list-heading > a {
  font-size: 14px;
  font-weight: 600;
  color: #0C1026 !important;
  text-transform: capitalize;
}
.navigation-list > li.navigation-list-heading > a:hover, .navigation-list > li.navigation-list-heading > a:focus {
  color: #070952 !important;
}

.navigation-avatar-item .navigation-link img {
  border: solid 2px #070952;
}

.navigation-item.is-active > .navigation-link > .submenu-indicator:after {
  border-color: transparent #070952 #070952 transparent;
}

.navigation-btn {
  border-color: #070952;
  background-color: #070952;
}
.navigation-btn:hover {
  background-color: #006ebc;
}
.navigation-btn:hover .navigation-search-icon {
  color: #070952;
}
.navigation-btn:focus {
  background-color: #006ebc;
}

.navigation-badge {
  background-color: #070952;
}

.navigation-input:hover {
  border-color: #070952;
}
.navigation-input:focus {
  border-color: #070952;
}

.navigation-dropdown-item:hover > .navigation-dropdown-link {
  color: #070952;
}
.navigation-dropdown-item:hover > .navigation-dropdown-link > .submenu-indicator:after {
  border-color: transparent #070952 #070952 transparent;
}
.navigation-dropdown-item:focus > .navigation-dropdown-link {
  color: #070952;
}
.navigation-dropdown-item:focus > .navigation-dropdown-link > .submenu-indicator:after {
  border-color: transparent #070952 #070952 transparent;
}

.navigation-dropdown-item.is-active > .navigation-dropdown-link {
  color: #070952;
}
.navigation-dropdown-item.is-active > .navigation-dropdown-link > .submenu-indicator:after {
  border-color: transparent #070952 #070952 transparent;
}

#page .header a {
  width: 50px;
}

@media (min-width: 1200px) {
  .navigation-list > li > a {
    border-right: solid 0 #e9ecef;
  }
  .navigation-megamenu {
    box-shadow: none;
    border-top: 1px solid #f0f0f0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  }
  .navigation-item:not(.navigation-brand-text):hover .navigation-link {
    border-bottom-color: #070952 !important;
  }
  .navigation-item:not(.navigation-brand-text):focus .navigation-link {
    border-bottom-color: #070952 !important;
  }
  .navigation-item:not(.navigation-brand-text).is-active .navigation-link {
    border-bottom-color: #070952 !important;
  }
  .navigation-menu .navigation-logo:hover .navigation-link {
    border-bottom-color: transparent !important;
  }
  .navigation-menu .navigation-logo:focus .navigation-link {
    border-bottom-color: transparent !important;
  }
  .navigation-menu .navigation-logo .navigation-link {
    border-bottom-color: transparent !important;
  }
}
@media (max-width: 1300px) {
  .navigation-header {
    position: relative;
  }
  .navigation-header .navigation-logo {
    position: absolute;
    left: 50%;
    margin-left: -38px;
  }
  .navigation-header .navigation-button-toggler {
    position: absolute;
    top: 0;
    right: 0;
  }
}
.navigation-button-toggler {
  width: 48px;
}

.navigation-body-header {
  display: block;
  padding: 0;
}

.top-menu-mob {
  position: relative;
  padding: 1.65rem 0.5rem;
  background: #e6eef5;
}

.navigation-body-close-button {
  display: block;
  position: absolute;
  top: 18px;
  right: 12px;
}

.top-menu-mob ul {
  list-style: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  margin: 0;
}

.top-menu-mob li {
  margin-right: 1rem;
}

.lang-my .top-menu-mob li {
  margin-right: 0;
}

.top-menu-mob li a {
  font-size: 13px;
  color: #1A1A1A;
  padding: 0 0.5rem;
}
@media (max-width: 1199px) {
  .top-menu-mob li a {
    white-space: nowrap;
  }
}

.top-menu-mob .active a,
.top-menu-mob a:hover {
  font-weight: 600;
  color: #2449FB;
  border-bottom: 2px solid #2449FB;
}

@media (max-width: 1200px) {
  .navigation-menu {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.navigation-body-header .account {
  background: #F5F5F5;
  height: 40px;
  justify-content: space-between;
  padding-left: 15px;
  padding-right: 10px;
}

@media (max-width: 1200px) {
  .account a img {
    margin-right: 0;
  }
  .navigation-body-header .header-search .input-group {
    width: 180px;
    height: 24px;
  }
  .navigation-body-header .header-search input,
  .navigation-body-header .header-search span {
    border-radius: 2px !important;
  }
}
@media (min-width: 420px) and (max-width: 1200px) {
  .navigation-body-header .header-search .input-group {
    width: 140px;
  }
}
.navigation-list-heading > a {
  padding: 0 16px 8px !important;
}

.submenu-indicator:after {
  border-width: 0 2px 2px 0;
}

.navigation-list > li > a:hover {
  background: transparent !important;
}

@media (min-width: 1200px) {
  .navigation-link {
    line-height: 1;
    height: 60px;
    display: flex;
    align-items: center;
  }
  .lang-my .navigation-menu-left .navigation-item:not(:first-child) {
    max-width: 148px;
  }
  .lang-my .navigation-menu-right .navigation-item {
    max-width: 148px;
  }
  .lang-my ul .navigation-link {
    text-align: right;
  }
}
@media (max-width: 1200px) {
  .navigation-list-heading > a {
    padding: 0 0 8px !important;
  }
  .navigation-list > li > a {
    padding: 8px 0;
  }
  .navigation-link {
    padding: 13px 0;
    font-size: 20px;
  }
  .lang-my .navigation-link {
    font-size: 18px;
  }
  .navigation-megamenu-container {
    padding: 16px 0;
  }
  .navigation-list > li.navigation-list-heading > a {
    font-size: 20px;
    color: #767676 !important;
    font-weight: 400;
  }
  .lang-my .navigation-list > li.navigation-list-heading > a {
    font-size: 18px;
  }
  .navigation-list > li > a {
    font-size: 14px;
    font-weight: 400;
  }
}
@media (max-width: 320px) {
  .menu-mytelenor {
    width: 70px;
    word-break: break-all;
  }
  .top-menu-mob li {
    margin-right: 0;
  }
}
.my-account-active {
  color: #070952 !important;
  border-bottom: 2px solid #070952;
  padding: 8px 0;
}

.dimelo_chat_item {
  right: -8px;
  bottom: 2% !important;
}

@media (min-width: 1024px) {
  .tm_main_menu .container-fluid {
    min-height: 57px;
  }
}
.footer-ctx {
  border-top: 1px solid #e6eef4;
  padding-top: 33px;
  margin-top: 48px;
  margin-bottom: 48px;
}
.footer-ctx h2 {
  color: #1a1a1a;
  font-weight: 600;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 25px;
  text-align: center;
  margin-bottom: 16px;
}
.footer-ctx .ctx-icons {
  text-align: center;
}
.footer-ctx .ctx-icons img {
  width: 40px;
}
.footer-ctx .ctx-icons a:not(:last-child) {
  margin-right: 24px;
}

.back-to-top {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 10px;
}
.back-to-top p {
  cursor: pointer;
  font-size: 18px;
  color: #070952;
}
.back-to-top span {
  cursor: pointer;
  padding-left: 10px;
  display: grid;
  align-items: center;
  color: #070952;
}

footer {
  background: #070952;
  color: #ffffff;
  padding-top: 80px;
  padding-bottom: 28px;
}
@media (max-width: 768px) {
  footer {
    padding-top: 48px;
  }
}
footer .footer-brand-logo {
  margin-bottom: 35px;
}
footer .footer-brand-logo img {
  max-width: 170px;
}
@media (max-width: 991px) {
  footer .footer-brand-logo img {
    max-width: 130px;
  }
}
footer .footer-nav-list-blocks h2 {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 16px;
}
footer .footer-nav-list-blocks ul li {
  padding: 0;
  list-style-image: none;
  list-style-type: none;
  font-weight: normal;
  color: #ffffff;
  font-style: normal;
  margin: 0 0 12px 0;
}
footer .footer-nav-list-blocks ul li a {
  color: #ffffff;
  text-decoration: none;
}
footer .m-footer-menu h3 {
  font-size: 20px;
  margin-bottom: 0;
}
footer .m-footer-menu .mf-section {
  border-top: 1px solid #ddd;
  padding: 15px 15px 15px 0;
}
footer .m-footer-menu .mf-section .card-block {
  padding: 0 1.3rem;
}
footer .m-footer-menu .mf-section .card-block .widget-list li {
  margin-bottom: 8px;
  font-size: 17px;
}
footer .m-footer-menu .mf-section .card-block .widget-list li:last-child {
  margin-bottom: 0;
}
footer .m-footer-menu .mf-section .card-block .widget-list li a {
  color: #ffffff;
  text-decoration: none;
}
footer .m-footer-menu .mf-section:last-child {
  border-bottom: 1px solid #ddd;
}
footer .m-footer-menu .accordion-collapse {
  border: none;
}
footer .social-link {
  margin-top: 20px;
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
}
@media (max-width: 768px) {
  footer .social-link {
    margin-top: 32px;
  }
}
footer .social-link p {
  margin-bottom: 10px;
}
footer .social-link .account {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 768px) {
  footer .social-link .account {
    padding-right: 30px;
    margin-top: 20px;
    margin-bottom: 7px;
  }
}
footer .social-link .account img {
  width: 24px;
  height: 24px;
  margin-left: 16px;
}
@media (max-width: 768px) {
  footer .social-link .account img {
    margin-left: 10px;
  }
}
@media (max-width: 768px) {
  footer .social-link .down-app {
    text-align: center;
  }
}
footer .social-link .down-app img {
  width: 140px;
  height: auto;
  margin-right: 40px;
}
@media (max-width: 1366px) {
  footer .social-link .down-app img {
    margin-right: 20px;
    width: 130px;
  }
}
@media (max-width: 1024px) {
  footer .social-link .down-app img {
    width: 130px;
    margin-right: 20px;
  }
}
@media (max-width: 768px) {
  footer .social-link .down-app img {
    width: 43%;
    margin: 7px 9px;
  }
}
footer .copyright-box {
  margin-top: 30px;
}
@media (max-width: 768px) {
  footer .copyright-box {
    margin-top: 24px;
  }
  footer .copyright-box p {
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 24px;
  }
}
footer .copyright-box a {
  color: #ffffff;
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
  text-decoration: none;
  margin-left: 30px;
}
footer .copyright-box a:first-child {
  margin-left: 0;
}

.mf-section .accordion-header .accordion-button {
  border: 0 solid;
  color: #FFF;
  font-size: 20px;
  padding: 0;
}

.mf-section.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-width: 0;
}

.mf-section .accordion-button:not(.collapsed) {
  background-color: transparent;
}

.mf-section .accordion-button:not(.collapsed)::after {
  background-image: none;
  transform: rotate(0);
  content: "\e913";
}

.mf-section .accordion-button::after {
  background-image: none;
  transition: transform 0.2s ease-in-out;
  content: "\e916";
  font-family: "TelenorIcon" !important;
  font-size: 1rem;
  margin-top: -10px;
}

@media (max-width: 768px) {
  .faq-section .faq-title {
    font-size: 23px;
    font-weight: bold;
  }
}
.faq-section .accordion:focus {
  border: none;
  box-shadow: none;
  outline: none;
}
.faq-section .accordion:active {
  border: none;
  box-shadow: none;
  outline: none;
}
.faq-section .accordion-item {
  border: none;
  background-color: #fff;
  border-radius: 5px;
  margin-bottom: 10px;
}
.faq-section .accordion-item:focus {
  border: none;
  box-shadow: none;
  outline: none;
}
.faq-section .accordion-item:active {
  border: none;
  box-shadow: none;
  outline: none;
}
.faq-section .accordion-item iframe {
  display: block;
  width: 70%;
  height: 360px;
  margin: auto;
}
@media (max-width: 768px) {
  .faq-section .accordion-item iframe {
    width: 100%;
    height: 190px;
  }
}
.faq-section .accordion-header {
  border: none;
  background-color: #fff;
  border-radius: 5px;
}
.faq-section .accordion-header:focus {
  border: none;
  box-shadow: none;
  outline: none;
}
.faq-section .accordion-header:active {
  border: none;
  box-shadow: none;
  outline: none;
}
.faq-section .accordion-button {
  border: none;
  border-radius: 5px;
  text-align: left;
  font-size: 18px;
  font-weight: 500;
  background-color: #f5f5f5;
}
.faq-section .accordion-button:focus {
  border: none;
  box-shadow: none;
  outline: none;
}
.faq-section .accordion-button:active {
  border: none;
  box-shadow: none;
  outline: none;
}
.faq-section .accordion-button:not(.collapsed) {
  color: #000;
  background-color: #d6d6d6;
  border-radius: 5px 5px 0 0;
}
.faq-section .accordion-collapse {
  border: none;
  background-color: #e5eef3;
}
.faq-section .accordion-body {
  background: #f5f5f5;
}

.services {
  border: 1px solid #eeeeee;
  background-color: #fbfbfb;
}
.services .service {
  padding: 28px 0 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .services .service {
    padding: 20px 0;
  }
}
.services .service .service-icon {
  display: flex;
  max-height: 45px;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .services .service .service-icon {
    margin-bottom: 10px;
  }
}
.services .service h2 {
  color: #070952;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 0;
  text-align: center;
}
.services .service h2 a {
  color: #070952 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}
@media (max-width: 767px) {
  .services {
    margin: 0 5px;
  }
}
@media (max-width: 767px) {
  .services > div {
    border: 1px solid #eeeeee;
    box-sizing: border-box;
  }
}

.top-services {
  border: 1px solid #EEEEEE;
  background-color: #F5F5F5;
  padding: 40px 35px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .top-services {
    padding: 25px 16px;
  }
}
.top-services .ts-content {
  flex-basis: 65%;
}
.top-services .ts-content h2 {
  color: #070952;
  font-size: 24px;
  line-height: 32px;
}
.top-services .ts-content p {
  color: #000000;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 767px) {
  .top-services {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .ts-home-internet {
    min-height: 275px;
  }
}

#fiber,
#wireless {
  position: relative;
  top: -310px;
}
@media (max-width: 767px) {
  #fiber,
  #wireless {
    top: -180px;
  }
}

.my-telenor-app {
  background: #f5f5f5;
  padding: 30px 0;
  margin: 30px 0;
}
.my-telenor-app .my-telenor-app-icon {
  display: flex;
  justify-content: flex-end;
  padding-right: 20px;
}
@media (max-width: 767px) {
  .my-telenor-app .my-telenor-app-icon {
    justify-content: center;
    margin-bottom: 20px;
  }
}
.my-telenor-app .my-telenor-app-content div {
  display: flex;
  width: 60%;
  flex-wrap: wrap;
}
.my-telenor-app .my-telenor-app-content div img {
  width: 147px;
  margin-right: 10px;
  margin-bottom: 15px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .my-telenor-app .my-telenor-app-content div img {
    width: 160px;
  }
}
.my-telenor-app .my-telenor-app-content div a {
  display: block;
}
@media (max-width: 767px) {
  .my-telenor-app .my-telenor-app-content div {
    justify-content: center;
  }
}
@media (max-width: 1200px) {
  .my-telenor-app .my-telenor-app-content div {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .down-mytm {
    margin-top: 35px;
    text-align: center;
  }
}
.help {
  border: 1px solid #eeeeee;
  border-radius: 6px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  padding: 22px 0;
  min-height: 148px;
}
.help .help-icon {
  min-height: 50px;
  display: flex;
  align-items: center;
}
.help h2 {
  color: #070952;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom: 0;
}
@media (max-width: 1200px) {
  .help h2 {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .help h2 {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .help {
    margin-bottom: 20px;
    min-height: 128px;
    padding: 15px 0;
  }
}

.package-heading {
  color: #1a1a1a;
  text-align: center;
  margin: 72px 0 16px;
}

.package-wrapper {
  min-height: 220px;
  border: 1px solid #eeeeee;
  border-radius: 6px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  padding: 25px;
}

.package > h2 {
  color: #767676;
  font-size: 20px;
  line-height: 25px;
  margin: 0;
}

.package-detail {
  display: flex;
  justify-content: center;
  align-items: center;
}

.package-detail div {
  flex: 1;
  min-height: 100%;
}

.package-price h1 {
  color: #070952;
}

.package-price h1 sub {
  color: #767676;
  font-size: 14px;
  line-height: 20px;
}

.package-detail {
  margin: 10px 0;
}

.package-spec {
  padding-left: 28px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-left: 1px solid #eee;
}

span.package-data {
  color: #070952;
  font-size: 12px;
  line-height: 17px;
}

.package-spec h2 {
  color: #1a1a1a;
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
  margin: 0;
  line-height: 26px;
}

.package-validity {
  opacity: 0.6;
  color: #767676;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 17px;
}

.package a {
  border-radius: 3px;
  background-color: #070952;
  color: #ffffff;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  text-decoration: none;
  padding: 7px 32px;
}

.package-btn {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.package-tab .nav {
  justify-content: center;
  margin-top: 16px;
  margin-bottom: 28px;
  flex-wrap: nowrap;
  overflow-x: auto;
  border-bottom: 1px solid #eeeeee;
}
@media (max-width: 991px) {
  .package-tab .nav {
    margin-top: 8px;
    margin-bottom: 24px;
    border-top: 1px solid #eeeeee;
    justify-content: flex-start;
  }
}
.package-tab .nav::-webkit-scrollbar {
  display: none;
}
.package-tab .nav .nav-link {
  min-width: 170px;
  color: #000000;
  font-size: 18px;
  font-weight: 500;
  line-height: 45px;
  text-align: center;
  margin: 0 15px;
  padding: 0;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .package-tab .nav .nav-link {
    width: initial;
    min-width: initial;
    color: #070952;
    font-size: 16px;
    line-height: 24px;
  }
}
.package-tab .nav .nav-link:hover, .package-tab .nav .nav-link.active {
  color: #2449FB;
}

@media (max-width: 767px) {
  .package-tab .nav .nav-link {
    padding: 0.5rem;
  }
}
.package-tab .nav-tabs .nav-item.show .nav-link,
.package-tab .nav-tabs .nav-link.active {
  border-color: transparent transparent #2449FB;
  background: transparent;
  border-bottom: 2px solid #2449FB;
}

.package-tab .nav-tabs .nav-link:focus,
.package-tab .nav-tabs .nav-link:hover {
  border-color: transparent transparent #2449FB;
  border-bottom: 2px solid #2449FB;
}

.owl-theme .owl-controls .owl-page {
  display: inline-block;
}

.owl-theme .owl-controls .owl-page span {
  background: none repeat scroll 0 0 #869791;
  border-radius: 20px;
  display: block;
  height: 12px;
  margin: 5px 7px;
  opacity: 0.5;
  width: 12px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #d6d6d6;
  display: block;
  transition: opacity 0.2s ease;
  border-radius: 30px;
}

.home-carousel .owl-dots,
.eof-carousel .owl-dots {
  width: 100%;
  position: absolute;
  bottom: 15px;
}
@media (max-width: 991px) {
  .home-carousel .owl-dots,
  .eof-carousel .owl-dots {
    position: initial;
  }
}

.owl-theme .owl-dots .owl-dot span {
  width: 8px !important;
  height: 8px !important;
  background: #0c1026 !important;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #ffffff !important;
}

span.ps-data {
  color: #070952;
  font-size: 12px;
}

.ps-validity {
  opacity: 0.6;
  color: #767676;
  font-size: 12px;
}

.view-more-wrapper {
  display: flex;
  justify-content: center;
  margin: 23px 0;
}
@media (max-width: 767px) {
  .view-more-wrapper {
    margin-top: 35px;
  }
}

@media (max-width: 767px) {
  .mob-py-0 {
    padding: 0;
  }
}
.owl-carousel {
  position: relative;
}

.owl-next, .owl-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.32) !important;
  width: 30px !important;
  height: 25px !important;
  color: white !important;
  border-radius: 0 2px 2px 0;
}

.owl-next {
  right: -10px;
  display: flex;
}

.owl-prev {
  left: -10px;
  display: flex;
}

.modal-content {
  align-items: center;
}

.modal-header {
  width: 100%;
}

.offer-modal .modal-content {
  background: transparent;
  border: 0 solid;
  align-items: initial;
}
.offer-modal .modal-body {
  padding: 0;
}
.offer-modal .modal-header {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9;
  padding: 10px;
  border-bottom: 0 solid;
}
.offer-modal img {
  width: 100%;
  border-radius: 0.3rem;
}

#buy-now-modal .modal-dialog-centered {
  justify-content: center;
}

.hero-banner {
  margin-bottom: 45px;
}
.hero-banner img {
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  .hero-banner {
    margin-bottom: 20px;
  }
}

@media (max-width: 991px) {
  .home-carousel.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 3px;
  }
}
.home-carousel.owl-theme .owl-dots .owl-dot.active span {
  width: 24px !important;
  border-radius: 30px !important;
  background-color: #00CAFF !important;
}
.home-carousel.owl-theme .owl-dots .owl-dot span {
  margin: 5px 4px;
  background: #070952 !important;
}

.promotion_packages h2 {
  color: #1a1a1a;
  text-align: center;
}
.promotion_packages .country_box {
  width: 100%;
  border-radius: 15px;
  background: linear-gradient(to right, rgba(36, 73, 251, 0.0784313725), rgba(21, 43, 149, 0.0784313725));
  padding: 30px;
}
.promotion_packages .country_box .wrapper p {
  color: #070952;
  font-size: 12px;
  font-weight: 600;
  line-height: 18.72px;
  margin-bottom: 15px;
}
.promotion_packages .country_box .wrapper .popular p {
  color: #070952;
  font-size: 12px;
  font-weight: 600;
  line-height: 18.72px;
  margin-top: 30px;
}
.promotion_packages .multiselect__content-wrapper {
  top: 100px;
}
.promotion_packages ul {
  align-items: center;
  flex-wrap: nowrap;
  overflow-x: auto;
  border-bottom: 1px solid #eeeeee;
}
@media (max-width: 991px) {
  .promotion_packages ul {
    border-top: 1px solid #eeeeee;
  }
}
.promotion_packages ul::-webkit-scrollbar {
  display: none;
}
.promotion_packages ul li:not(.country-select ul li) {
  height: 48px;
  color: #767676;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
  padding: 11px 17px;
  margin-right: 10px;
}
.promotion_packages ul li:not(.country-select ul li):hover(.filters ul li) {
  border-bottom: 2px solid #2449FB;
}
.promotion_packages ul li:not(.country-select ul li):hover(.filters ul li) a {
  color: #2449FB;
}
.promotion_packages ul li:not(.country-select ul li) a {
  white-space: nowrap;
  color: #767676;
}
.promotion_packages ul li:not(.country-select ul li).active {
  color: #2449FB;
  border-bottom: 2px solid #2449FB;
}
.promotion_packages ul li:not(.country-select ul li).active a {
  color: #2449FB;
}
.promotion_packages .accordion-item {
  border: 1px solid #d6d6d6;
  border-radius: 8px;
  background-color: #ffffff;
  padding: 16px 30px;
  position: relative;
}
.promotion_packages .accordion-item .accordion-title {
  color: #1a1a1a;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 32px;
  margin-bottom: 0;
  font-weight: 400;
}
@media (max-width: 768px) {
  .promotion_packages .accordion-item .accordion-title {
    font-size: 16px;
    line-height: 22px;
  }
}
.promotion_packages .accordion-item .accordion-title::after {
  content: " ";
  background-image: url(/assets/svg/chevron_down.svg);
  background-size: 21px 21px;
  height: 21px;
  width: 21px;
  position: absolute;
  top: 15px;
  right: 20px;
}
@media (max-width: 768px) {
  .promotion_packages .accordion-item .accordion-title::after {
    right: 8px;
  }
}
.promotion_packages .accordion-item .accordion-title:not(.collapsed) {
  font-weight: 600;
}
.promotion_packages .accordion-item .accordion-title:not(.collapsed):after {
  content: " ";
  background-image: url(/assets/svg/chevron_up.svg);
  background-size: 21px 21px;
  height: 21px;
  width: 21px;
  position: absolute;
  top: 20px;
  right: 20px;
}
@media (max-width: 768px) {
  .promotion_packages .accordion-item .accordion-title:not(.collapsed):after {
    right: 8px;
  }
}
.promotion_packages .accordion-item .accordion-collapse {
  border: none;
}
.promotion_packages .accordion-item .accordion-content p a img {
  height: 14.62px;
  width: 8px;
  margin-left: 5px;
}
.promotion_packages .col-lg-4 {
  margin-top: 30px;
}

.promotion-carts {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 38px;
}
@media (max-width: 768px) {
  .promotion-carts {
    flex-direction: column;
  }
}

.promotion-cart {
  position: relative;
  width: 32%;
  border: 1px solid #eeeeee;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 35px;
  padding-bottom: 75px !important;
}
@media (max-width: 768px) {
  .promotion-cart {
    width: 100%;
    margin-bottom: 20px;
    margin-left: 0 !important;
  }
}
.promotion-cart:not(:nth-child(3n+1)) {
  margin-left: 1.5%;
}
.promotion-cart__other-info p {
  color: #767676;
  font-size: 13px !important;
  letter-spacing: 0;
  line-height: 19px !important;
}
.promotion-cart h4 {
  color: #767676;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 25px;
}
.promotion-cart .cart-content {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
  min-height: 140px;
}
.promotion-cart .cart-content .left {
  flex-basis: 0;
  flex-grow: 1;
  display: flex;
  align-items: center;
  border-right: 1px solid #d6d6d6;
}
.promotion-cart .cart-content .left h1 {
  color: #070952;
}
.promotion-cart .cart-content .left h1 span {
  color: #767676;
  font-size: 14px;
  letter-spacing: 0;
}
.promotion-cart .cart-content .right {
  flex-basis: 0;
  flex-grow: 1;
  margin-left: 30px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.promotion-cart .cart-content .right > div p {
  color: #070952;
  font-size: 12px;
  letter-spacing: 0;
}
.promotion-cart .cart-content .right > div h5 {
  color: #1a1a1a;
  font-size: 18px;
  font-weight: 600;
  font-weight: bold;
  letter-spacing: 0;
  margin-bottom: 0;
}
.promotion-cart .cart-content .right > div span {
  opacity: 0.6;
  color: #767676;
  font-size: 12px;
  letter-spacing: 0;
}
.promotion-cart .cart-content .right > div:not(:last-child) {
  margin-bottom: 21px;
}
.promotion-cart .cart-content .right .bonus_data p {
  opacity: 0.6;
  color: #767676;
}
.promotion-cart .cart-content .right .bonus_data h5 {
  color: #767676;
}
.promotion-cart button.buy-pack {
  border-radius: 3px;
  background-color: #070952;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0;
  text-align: center;
  padding: 8px 30px;
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translate(-50%);
}
.promotion-cart button.buy-pack:focus {
  box-shadow: none;
}
.promotion-cart .batch {
  position: absolute;
  border-radius: 16px;
  background-color: #b0f0b2;
  background-color: #b0f0b2;
  left: 50%;
  transform: translateX(-50%);
  top: -13px;
  color: #1a1a1a;
  font-size: 14px;
  letter-spacing: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  padding: 10px 15px;
  height: 24px;
}
.promotion-cart .batch.blue {
  background-color: #b0f0b2;
}
.promotion-cart .batch.salmon {
  background-color: #ffb4b4;
}
.promotion-cart .batch.purple {
  background-color: #b2c3ff;
}

@media (max-width: 768px) {
  .package-generic h1 {
    font-size: 24px;
    line-height: 26px;
  }
}
.package-generic .desc {
  margin-bottom: 24px;
}
.package-generic .desc h1 {
  color: #1a1a1a;
  text-align: center;
  margin-bottom: 20px;
}
.package-generic .desc p {
  color: #1a1a1a;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 26px;
  text-align: center;
}
.package-generic .rounded-cards {
  max-width: 870px;
  display: flex;
  flex-direction: row;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .package-generic .rounded-cards {
    flex-direction: column;
  }
}
.package-generic .rounded-cards__card {
  flex-basis: 0;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.package-generic .rounded-cards__card:not(:last-child) {
  margin-right: 30px;
}
@media (max-width: 768px) {
  .package-generic .rounded-cards__card:not(:last-child) {
    margin-right: 0;
    margin-bottom: 30px;
  }
}
.package-generic .rounded-cards__card .icon {
  height: 76px;
  width: 76px;
  background-color: #d6d6d6;
  border-radius: 50%;
  margin-bottom: 24px;
}
.package-generic .rounded-cards__card p {
  color: #1a1a1a;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 26px;
  text-align: center;
}
.package-generic .related-sec {
  margin-top: 24px;
  text-align: center;
  margin-bottom: 48px;
}
.package-generic .related-sec h1 {
  color: #1a1a1a;
  text-align: center;
}
.package-generic .related-sec__msg {
  border: 1px solid #eeeeee;
  border-radius: 6px;
  background-color: #ffffff;
  padding: 29px;
}
.package-generic .related-sec__msg p {
  color: #1a1a1a;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 28px;
  text-align: center;
}
.package-generic .offer-msg-sec {
  padding: 48px 0 36px 0;
  text-align: center;
}
@media (max-width: 768px) {
  .package-generic .offer-msg-sec {
    padding: 48px 15px 36px 15px;
  }
}
.package-generic .offer-msg-sec h1 {
  color: #1a1a1a;
  text-align: center;
}
.package-generic .offer-msg-sec .desc {
  color: #1a1a1a;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 26px;
  text-align: center;
}
.package-generic .offer-msg-sec .offer-boxs {
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
}
.package-generic .offer-msg-sec .offer-boxs .offer-box h4 {
  background: #19aaf8;
  font-size: 14px;
  color: #ffffff;
  padding: 10px 0;
  margin-bottom: 0;
}
.package-generic .offer-msg-sec .offer-boxs .offer-box__body {
  padding: 32px 40px;
}
.package-generic .offer-msg-sec .offer-boxs .offer-box__body__countrylist img {
  margin: 15px 23px;
  width: 29px;
}
.package-generic .offer-msg-sec .offer-boxs .offer-box__body__instructions {
  display: flex;
  flex-direction: row;
}
@media (max-width: 768px) {
  .package-generic .offer-msg-sec .offer-boxs .offer-box__body__instructions {
    flex-direction: column;
  }
}
.package-generic .offer-msg-sec .offer-boxs .offer-box__body__instructions > div {
  flex-basis: 0;
  flex-grow: 1;
}
.package-generic .offer-msg-sec .offer-boxs .offer-box__body__instructions > div img {
  margin-bottom: 10px;
}
.package-generic .offer-msg-sec .offer-boxs .offer-box__body__instructions > div p {
  font-size: 17px;
  font-style: italic;
}
@media (max-width: 768px) {
  .package-generic .offer-msg-sec .offer-boxs .offer-box__body__instructions > div {
    margin-bottom: 25px;
  }
}
.package-generic .video-sec {
  text-align: center;
  padding: 48px;
}
.package-generic .video-sec h1 {
  color: #1a1a1a;
  text-align: center;
}
.package-generic .video-sec .desc {
  color: #1a1a1a;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 26px;
  text-align: center;
}
.package-generic .video-sec .videos {
  display: flex;
  text-align: left;
}
@media (max-width: 768px) {
  .package-generic .video-sec .videos {
    flex-direction: column;
  }
}
.package-generic .video-sec .videos .video {
  flex-grow: 1;
  flex-basis: 0;
}
.package-generic .video-sec .videos .video:not(:last-child) {
  margin-right: 20px;
}
@media (max-width: 768px) {
  .package-generic .video-sec .videos .video:not(:last-child) {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.package-generic .video-sec .videos .video iframe {
  width: 100%;
  height: 184px;
}
.package-generic .additional-sec {
  background-color: #f5f5f5;
  padding: 32px 0 56px 0;
}
@media (max-width: 768px) {
  .package-generic .additional-sec {
    padding: 32px 15px 56px 15px;
  }
}
.package-generic .additional-sec h1 {
  color: #1a1a1a;
  text-align: center;
  margin-bottom: 24px;
}
.package-generic .additional-sec p {
  color: #1a1a1a;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 26px;
  text-align: center;
  margin-bottom: 32px;
}
.package-generic .additional-sec .box {
  height: 368px;
  width: 570px;
  border-radius: 12px;
  background-color: #d8d8d8;
}
@media (max-width: 768px) {
  .package-generic .additional-sec .box {
    width: 100%;
  }
}
.package-generic .tac-wrapper {
  background-color: #e6eef5;
  padding: 40px 0px;
}
@media (max-width: 768px) {
  .package-generic .tac-wrapper {
    padding: 40px 15px;
  }
}
.package-generic .tac-wrapper h1 {
  color: #1a1a1a;
  text-align: center;
  margin-bottom: 28px;
}
.package-generic .tac-wrapper ul li {
  color: #1a1a1a;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 34px;
}

.coverage-maps > div {
  padding: 40px 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.coverage-maps > div:nth-child(odd) {
  background-color: #e6eef4;
}
.coverage-maps > div ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
  padding-left: 70px;
}
@media (max-width: 765px) {
  .coverage-maps > div ul {
    padding-left: 35px;
  }
}
.coverage-maps > div ul li {
  text-align: left;
  margin-bottom: 10px;
  width: 33%;
}
@media (max-width: 765px) {
  .coverage-maps > div ul li {
    font-size: 14px;
    width: 49%;
  }
}
.coverage-maps > div img {
  width: 680px;
}
@media (max-width: 765px) {
  .coverage-maps > div img {
    width: 95%;
  }
}

.rates-table {
  background-color: #e6eef5;
  padding: 32px 0;
}
@media (max-width: 768px) {
  .rates-table {
    padding: 32px 15px;
  }
}
.rates-table h1 {
  color: #1a1a1a;
  text-align: center;
}
.rates-table p {
  text-align: center;
}
.rates-table .table {
  overflow: auto;
}
.rates-table table {
  margin-top: 16px;
  box-sizing: border-box;
  width: 830px;
  border: 1px solid #eeeeee;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  table-layout: fixed;
}
.rates-table table tr {
  border-bottom: 1px solid #eeeeee;
}
.rates-table table tr th {
  background-color: #070952;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 23px;
  padding: 12px 0;
  text-align: center;
}
.rates-table table tr th:first-child {
  padding-left: 30px;
}
@media (max-width: 768px) {
  .rates-table table tr th:first-child {
    padding-left: 10px;
  }
}
.rates-table table tr th:last-child {
  padding-right: 30px;
}
@media (max-width: 768px) {
  .rates-table table tr th:last-child {
    padding-right: 10px;
  }
}
.rates-table table tr td {
  color: #1a1a1a;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 23px;
  padding: 12px 0;
  text-align: center;
}
.rates-table table tr td:first-child {
  padding-left: 30px;
}
@media (max-width: 768px) {
  .rates-table table tr td:first-child {
    padding-left: 10px;
  }
}
.rates-table table tr td:last-child {
  padding-right: 30px;
}
@media (max-width: 768px) {
  .rates-table table tr td:last-child {
    padding-right: 10px;
  }
}

.how-to-slider {
  background-color: #f5f5f5;
  padding: 32px 0;
  text-align: center;
}
.how-to-slider h1 {
  color: #1a1a1a;
  text-align: center;
  margin-bottom: 32px;
}
.how-to-slider ul {
  align-items: center;
  border-bottom: 1px solid #eeeeee;
  justify-content: center;
}
.how-to-slider ul li {
  height: 48px;
  color: #767676;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
  padding: 11px 17px;
  cursor: pointer;
}
.how-to-slider ul li a {
  color: #767676;
}
.how-to-slider ul li.active {
  color: #070952;
  border-bottom: 2px solid #070952;
}
.how-to-slider ul li.active a {
  color: #070952;
}
.how-to-slider .slider {
  max-width: 330px;
}
@media (max-width: 768px) {
  .how-to-slider .slider {
    max-width: 80%;
  }
}
.how-to-slider .slider .slider-body .slider-content {
  margin: 32px 0;
  height: 368px;
  width: 170px;
  border-radius: 12px;
  background-color: #d8d8d8;
}
.how-to-slider .slider .slider-body .slider-content img {
  width: 100%;
  height: 100%;
}

.cta-cards-wrapper {
  margin-top: 40px;
}
.cta-cards-wrapper h1 {
  color: #1a1a1a;
  text-align: center;
}
.cta-cards-wrapper .promotion-carts {
  justify-content: center;
}
.cta-cards-wrapper .cta-cards {
  display: flex;
  flex-direction: row;
  margin-top: 30px;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .cta-cards-wrapper .cta-cards {
    flex-direction: column;
  }
}
.cta-cards-wrapper .cta-cards .promotion-cart {
  position: relative;
  flex-basis: initial;
  flex-grow: initial;
  width: 32%;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .cta-cards-wrapper .cta-cards .promotion-cart {
    width: 100%;
    margin-bottom: 30px !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    margin-righ: 0 !important;
  }
}
.cta-cards-wrapper .cta-cards .promotion-cart:not(:last-child) {
  margin-right: 0;
}

.carts-center {
  justify-content: center;
}

.faq-table-area h2 {
  text-align: center;
  margin-bottom: 8px;
}
@media (max-width: 765px) {
  .faq-table-area h2 {
    font-size: 18px;
    line-height: 23px;
  }
}
@media (max-width: 765px) {
  .faq-table-area__table {
    overflow: auto;
  }
}
.faq-table-area__table table {
  border-color: #eff1f1;
  width: 100%;
  text-align: center;
  font-size: 14px;
}
.faq-table-area__table table tr th,
.faq-table-area__table table tr td {
  padding: 12px 5px;
  word-wrap: break-word;
}
.faq-table-area__table table tr th {
  border: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
  word-wrap: break-word;
  background: linear-gradient(to bottom, #0091d2 0, #00ace7 100%);
  color: #fff;
}
.faq-table-area__table table tr td {
  border: 1px solid #ddd;
}
.faq-table-area:not(:first-child) {
  margin-top: 34px;
}

.buynow_modal {
  background: #ffffff;
  box-shadow: 2px 2px 20px 1px;
  display: flex;
  flex-direction: column;
  width: 500px;
  min-height: 220px;
  border-radius: 5px;
  position: relative;
  padding: 20px;
}
@media (max-width: 768px) {
  .buynow_modal {
    width: 93%;
  }
}
.buynow_modal__content table {
  width: 100%;
  margin: 24px 0;
}
.buynow_modal__content table tr {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid lightgray;
  padding: 5px 0;
}
.buynow_modal__content table tr td {
  font-size: 14px;
}
.buynow_modal__content__buynow-btn {
  border-radius: 3px;
  background-color: #070952;
  color: #fff;
  padding: 10px 16px;
  font-size: 18px;
  width: 100%;
  border: none;
}
.buynow_modal__content .primary_btn {
  margin: auto auto 24px;
  font-size: 18px !important;
  height: 48px;
  width: 134px !important;
}
.buynow_modal__btn-close {
  border: none;
  font-size: 25px !important;
  top: 0px;
  right: 6px;
  opacity: 1;
  position: absolute;
  background: transparent !important;
  padding: 0 !important;
}
.buynow_modal__btn-close img {
  width: 15px !important;
}

.tac-modal {
  background: #ffffff;
  box-shadow: 2px 2px 20px 1px;
  display: flex;
  flex-direction: column;
  max-width: 870px;
  min-height: 220px;
  border-radius: 5px;
  position: relative;
  padding: 0;
}
@media (max-width: 768px) {
  .tac-modal {
    width: 93%;
  }
}
.tac-modal__content__header {
  padding: 15px 20px;
  border-bottom: 1px solid #e5e5e5;
}
.tac-modal__content__header h3 {
  font-size: 18px;
  font-weight: 400;
}
.tac-modal__content__body {
  padding: 15px 20px;
  text-align: left;
  max-height: 450px;
  overflow: auto;
}
@media (max-width: 768px) {
  .tac-modal__content__body {
    max-height: 70vh;
    overflow: auto;
  }
}
.tac-modal__content__body ul {
  margin-bottom: 0;
}
.tac-modal__content__body ul li {
  color: #333;
  letter-spacing: normal !important;
  background: #fff;
  font-size: 14px;
  line-height: 26px;
}
.tac-modal__content__footer {
  border-top: 1px solid #e5e5e5;
  padding: 15px 20px;
}
.tac-modal__content__footer button {
  border: 1px solid #ccc;
  font-size: 14px;
}
.tac-modal__btn-close {
  border: none;
  top: 4px;
  right: 9px;
  opacity: 1;
  position: absolute;
  background: transparent !important;
  padding: 0 !important;
}
.tac-modal__btn-close img {
  width: 15px;
}

.pack_purchase_progress {
  width: 160px;
  height: 160px;
  line-height: 160px;
  background: none;
  margin: 0 auto;
  box-shadow: none;
  position: relative;
}
.pack_purchase_progress:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 5px solid #efefef;
  position: absolute;
  top: 0;
  left: 0;
}
.pack_purchase_progress > span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}
.pack_purchase_progress .progress-left {
  left: 0;
}
.pack_purchase_progress .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 5px;
  border-style: solid;
  position: absolute;
  top: 0;
  border-color: #aae5f3;
}
.pack_purchase_progress .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
  border-left: 0;
  transform-origin: center left;
}
.pack_purchase_progress .progress-right {
  right: 0;
}
.pack_purchase_progress .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  border-right: 0;
  transform-origin: center right;
}
.pack_purchase_progress .progress-value {
  display: flex;
  border-radius: 50%;
  font-size: 1rem;
  text-align: center;
  line-height: 20px;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.pack_purchase_progress .progress-value span {
  font-size: 12px;
  text-transform: uppercase;
}

/* This for loop creates the necessary css animation names 
Due to the split circle of progress-left and progress right, we must use the animations on each side. 
*/
.pack_purchase_progress[data-percentage="1"] .progress-right .progress-bar {
  animation: loading-1 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="1"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="2"] .progress-right .progress-bar {
  animation: loading-2 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="2"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="3"] .progress-right .progress-bar {
  animation: loading-3 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="3"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="4"] .progress-right .progress-bar {
  animation: loading-4 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="4"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="5"] .progress-right .progress-bar {
  animation: loading-5 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="5"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="6"] .progress-right .progress-bar {
  animation: loading-6 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="6"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="7"] .progress-right .progress-bar {
  animation: loading-7 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="7"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="8"] .progress-right .progress-bar {
  animation: loading-8 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="8"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="9"] .progress-right .progress-bar {
  animation: loading-9 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="9"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="10"] .progress-right .progress-bar {
  animation: loading-10 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="10"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="11"] .progress-right .progress-bar {
  animation: loading-11 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="11"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="12"] .progress-right .progress-bar {
  animation: loading-12 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="12"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="13"] .progress-right .progress-bar {
  animation: loading-13 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="13"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="14"] .progress-right .progress-bar {
  animation: loading-14 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="14"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="15"] .progress-right .progress-bar {
  animation: loading-15 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="15"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="16"] .progress-right .progress-bar {
  animation: loading-16 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="16"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="17"] .progress-right .progress-bar {
  animation: loading-17 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="17"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="18"] .progress-right .progress-bar {
  animation: loading-18 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="18"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="19"] .progress-right .progress-bar {
  animation: loading-19 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="19"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="20"] .progress-right .progress-bar {
  animation: loading-20 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="20"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="21"] .progress-right .progress-bar {
  animation: loading-21 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="21"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="22"] .progress-right .progress-bar {
  animation: loading-22 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="22"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="23"] .progress-right .progress-bar {
  animation: loading-23 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="23"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="24"] .progress-right .progress-bar {
  animation: loading-24 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="24"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="25"] .progress-right .progress-bar {
  animation: loading-25 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="25"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="26"] .progress-right .progress-bar {
  animation: loading-26 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="26"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="27"] .progress-right .progress-bar {
  animation: loading-27 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="27"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="28"] .progress-right .progress-bar {
  animation: loading-28 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="28"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="29"] .progress-right .progress-bar {
  animation: loading-29 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="29"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="30"] .progress-right .progress-bar {
  animation: loading-30 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="30"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="31"] .progress-right .progress-bar {
  animation: loading-31 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="31"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="32"] .progress-right .progress-bar {
  animation: loading-32 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="32"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="33"] .progress-right .progress-bar {
  animation: loading-33 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="33"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="34"] .progress-right .progress-bar {
  animation: loading-34 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="34"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="35"] .progress-right .progress-bar {
  animation: loading-35 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="35"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="36"] .progress-right .progress-bar {
  animation: loading-36 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="36"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="37"] .progress-right .progress-bar {
  animation: loading-37 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="37"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="38"] .progress-right .progress-bar {
  animation: loading-38 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="38"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="39"] .progress-right .progress-bar {
  animation: loading-39 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="39"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="40"] .progress-right .progress-bar {
  animation: loading-40 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="40"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="41"] .progress-right .progress-bar {
  animation: loading-41 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="41"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="42"] .progress-right .progress-bar {
  animation: loading-42 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="42"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="43"] .progress-right .progress-bar {
  animation: loading-43 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="43"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="44"] .progress-right .progress-bar {
  animation: loading-44 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="44"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="45"] .progress-right .progress-bar {
  animation: loading-45 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="45"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="46"] .progress-right .progress-bar {
  animation: loading-46 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="46"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="47"] .progress-right .progress-bar {
  animation: loading-47 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="47"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="48"] .progress-right .progress-bar {
  animation: loading-48 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="48"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="49"] .progress-right .progress-bar {
  animation: loading-49 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="49"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="50"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="50"] .progress-left .progress-bar {
  animation: 0;
}

.pack_purchase_progress[data-percentage="51"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="51"] .progress-left .progress-bar {
  animation: loading-1 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="52"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="52"] .progress-left .progress-bar {
  animation: loading-2 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="53"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="53"] .progress-left .progress-bar {
  animation: loading-3 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="54"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="54"] .progress-left .progress-bar {
  animation: loading-4 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="55"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="55"] .progress-left .progress-bar {
  animation: loading-5 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="56"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="56"] .progress-left .progress-bar {
  animation: loading-6 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="57"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="57"] .progress-left .progress-bar {
  animation: loading-7 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="58"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="58"] .progress-left .progress-bar {
  animation: loading-8 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="59"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="59"] .progress-left .progress-bar {
  animation: loading-9 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="60"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="60"] .progress-left .progress-bar {
  animation: loading-10 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="61"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="61"] .progress-left .progress-bar {
  animation: loading-11 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="62"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="62"] .progress-left .progress-bar {
  animation: loading-12 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="63"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="63"] .progress-left .progress-bar {
  animation: loading-13 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="64"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="64"] .progress-left .progress-bar {
  animation: loading-14 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="65"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="65"] .progress-left .progress-bar {
  animation: loading-15 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="66"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="66"] .progress-left .progress-bar {
  animation: loading-16 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="67"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="67"] .progress-left .progress-bar {
  animation: loading-17 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="68"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="68"] .progress-left .progress-bar {
  animation: loading-18 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="69"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="69"] .progress-left .progress-bar {
  animation: loading-19 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="70"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="70"] .progress-left .progress-bar {
  animation: loading-20 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="71"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="71"] .progress-left .progress-bar {
  animation: loading-21 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="72"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="72"] .progress-left .progress-bar {
  animation: loading-22 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="73"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="73"] .progress-left .progress-bar {
  animation: loading-23 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="74"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="74"] .progress-left .progress-bar {
  animation: loading-24 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="75"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="75"] .progress-left .progress-bar {
  animation: loading-25 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="76"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="76"] .progress-left .progress-bar {
  animation: loading-26 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="77"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="77"] .progress-left .progress-bar {
  animation: loading-27 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="78"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="78"] .progress-left .progress-bar {
  animation: loading-28 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="79"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="79"] .progress-left .progress-bar {
  animation: loading-29 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="80"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="80"] .progress-left .progress-bar {
  animation: loading-30 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="81"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="81"] .progress-left .progress-bar {
  animation: loading-31 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="82"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="82"] .progress-left .progress-bar {
  animation: loading-32 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="83"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="83"] .progress-left .progress-bar {
  animation: loading-33 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="84"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="84"] .progress-left .progress-bar {
  animation: loading-34 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="85"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="85"] .progress-left .progress-bar {
  animation: loading-35 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="86"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="86"] .progress-left .progress-bar {
  animation: loading-36 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="87"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="87"] .progress-left .progress-bar {
  animation: loading-37 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="88"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="88"] .progress-left .progress-bar {
  animation: loading-38 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="89"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="89"] .progress-left .progress-bar {
  animation: loading-39 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="90"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="90"] .progress-left .progress-bar {
  animation: loading-40 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="91"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="91"] .progress-left .progress-bar {
  animation: loading-41 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="92"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="92"] .progress-left .progress-bar {
  animation: loading-42 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="93"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="93"] .progress-left .progress-bar {
  animation: loading-43 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="94"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="94"] .progress-left .progress-bar {
  animation: loading-44 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="95"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="95"] .progress-left .progress-bar {
  animation: loading-45 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="96"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="96"] .progress-left .progress-bar {
  animation: loading-46 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="97"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="97"] .progress-left .progress-bar {
  animation: loading-47 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="98"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="98"] .progress-left .progress-bar {
  animation: loading-48 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="99"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="99"] .progress-left .progress-bar {
  animation: loading-49 1.2s linear forwards 1.2s;
}

.pack_purchase_progress[data-percentage="100"] .progress-right .progress-bar {
  animation: loading-50 1.2s linear forwards;
}
.pack_purchase_progress[data-percentage="100"] .progress-left .progress-bar {
  animation: loading-50 1.2s linear forwards 1.2s;
}

@keyframes loading-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(3.6deg);
  }
}
@keyframes loading-2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(7.2deg);
  }
}
@keyframes loading-3 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(10.8deg);
  }
}
@keyframes loading-4 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(14.4deg);
  }
}
@keyframes loading-5 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(18deg);
  }
}
@keyframes loading-6 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(21.6deg);
  }
}
@keyframes loading-7 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(25.2deg);
  }
}
@keyframes loading-8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(28.8deg);
  }
}
@keyframes loading-9 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(32.4deg);
  }
}
@keyframes loading-10 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(36deg);
  }
}
@keyframes loading-11 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(39.6deg);
  }
}
@keyframes loading-12 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(43.2deg);
  }
}
@keyframes loading-13 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(46.8deg);
  }
}
@keyframes loading-14 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(50.4deg);
  }
}
@keyframes loading-15 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(54deg);
  }
}
@keyframes loading-16 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(57.6deg);
  }
}
@keyframes loading-17 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(61.2deg);
  }
}
@keyframes loading-18 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(64.8deg);
  }
}
@keyframes loading-19 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(68.4deg);
  }
}
@keyframes loading-20 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(72deg);
  }
}
@keyframes loading-21 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(75.6deg);
  }
}
@keyframes loading-22 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(79.2deg);
  }
}
@keyframes loading-23 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(82.8deg);
  }
}
@keyframes loading-24 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(86.4deg);
  }
}
@keyframes loading-25 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(90deg);
  }
}
@keyframes loading-26 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(93.6deg);
  }
}
@keyframes loading-27 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(97.2deg);
  }
}
@keyframes loading-28 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(100.8deg);
  }
}
@keyframes loading-29 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(104.4deg);
  }
}
@keyframes loading-30 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(108deg);
  }
}
@keyframes loading-31 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(111.6deg);
  }
}
@keyframes loading-32 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(115.2deg);
  }
}
@keyframes loading-33 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(118.8deg);
  }
}
@keyframes loading-34 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(122.4deg);
  }
}
@keyframes loading-35 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(126deg);
  }
}
@keyframes loading-36 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(129.6deg);
  }
}
@keyframes loading-37 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(133.2deg);
  }
}
@keyframes loading-38 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(136.8deg);
  }
}
@keyframes loading-39 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(140.4deg);
  }
}
@keyframes loading-40 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(144deg);
  }
}
@keyframes loading-41 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(147.6deg);
  }
}
@keyframes loading-42 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(151.2deg);
  }
}
@keyframes loading-43 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(154.8deg);
  }
}
@keyframes loading-44 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(158.4deg);
  }
}
@keyframes loading-45 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(162deg);
  }
}
@keyframes loading-46 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(165.6deg);
  }
}
@keyframes loading-47 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(169.2deg);
  }
}
@keyframes loading-48 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(172.8deg);
  }
}
@keyframes loading-49 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(176.4deg);
  }
}
@keyframes loading-50 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
.pack_purchase_progress_success {
  width: 160px;
  height: 160px;
  line-height: 160px;
  background: #aae5f3;
  margin: 0 auto;
  box-shadow: none;
  border-radius: 50%;
  border: 5px solid #aae5f3;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pack_purchase_progress_error {
  width: 160px;
  height: 160px;
  line-height: 160px;
  background: #aae5f3;
  margin: 0 auto;
  box-shadow: none;
  border-radius: 50%;
  border: 5px solid #aae5f3;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pack_purchase_progress__wrapper span {
  font-size: 36px;
  color: #fff;
}
.pack_purchase_progress__wrapper span.icon-info {
  color: salmon;
}

.plans-wrapper .prepaid-plans__cards {
  display: flex;
  justify-content: center;
  flex-direction: row;
}
@media (max-width: 768px) {
  .plans-wrapper .prepaid-plans__cards {
    flex-direction: column;
  }
}
.plans-wrapper .prepaid-plans__cards__card {
  width: 455px;
  padding: 30px 20px 20px 20px;
  margin: 0 15px;
}
@media (max-width: 768px) {
  .plans-wrapper .prepaid-plans__cards__card {
    width: 100%;
    margin: 0;
  }
  .plans-wrapper .prepaid-plans__cards__card:first-child {
    margin-bottom: 15px;
  }
}
.plans-wrapper .postpaid-plans {
  margin-top: 80px;
}
.plans-wrapper .postpaid-plans .nav {
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #eeeeee;
}
.plans-wrapper .postpaid-plans .nav .nav-item {
  color: #1a1a1a;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 32px;
  text-align: center;
  padding: 5px 55px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .plans-wrapper .postpaid-plans .nav .nav-item {
    font-size: 18px;
    padding: 5px 9px;
  }
}
.plans-wrapper .postpaid-plans .nav .nav-item.active {
  font-weight: 600;
  color: #070952;
  border-bottom: 2px solid #070952;
}
.plans-wrapper .postpaid-plans__cards {
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .plans-wrapper .postpaid-plans__cards {
    flex-direction: column;
  }
}
.plans-wrapper .postpaid-plans__cards .bg-star {
  background-image: url(/assets/images/fadestarbg.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.plans-wrapper .postpaid-plans__cards__card {
  width: 48%;
  margin-bottom: 25px;
}
.plans-wrapper .postpaid-plans__cards__card__header {
  padding: 20px 0;
  border-bottom: 1px solid #ccc;
}
.plans-wrapper .postpaid-plans__cards__card__body {
  padding: 20px 0;
}
.plans-wrapper .postpaid-plans__cards__card__footer {
  padding: 20px 0;
  border-top: 1px solid #ccc;
}
.plans-wrapper .postpaid-plans__cards__card:nth-child(even) {
  margin-left: 29px;
}
@media (max-width: 768px) {
  .plans-wrapper .postpaid-plans__cards__card:nth-child(even) {
    margin-left: 0;
  }
}
@media (max-width: 768px) {
  .plans-wrapper .postpaid-plans__cards__card {
    width: 100%;
  }
}
.plans-wrapper .plans-faq .accordion-button {
  background: #d6d6d6;
  border-color: #ddd;
  padding: 5px 20px;
  color: #000;
  font-family: "SourceSansPro";
  font-weight: bold;
}
.plans-wrapper .plans-faq .accordion-button:focus {
  box-shadow: none;
}
.plans-wrapper .plans-faq .accordion-item {
  margin-bottom: 10px;
}
.plans-wrapper .plans-faq .accordion-collapse {
  margin-top: -10px;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.8;
  color: black;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background: whitesmoke !important;
}

.tm-badge {
  height: 48px;
  width: 159.82px;
  border-radius: 24px;
  background-color: #b2c3ff;
  height: 26px;
  width: 96px;
  color: #1a1a1a;
  font-size: 18px;
  line-height: 26px;
}

.breadcrumb li {
  color: #2449FB;
}
.breadcrumb li a {
  color: #2449FB;
}
.breadcrumb li:last-child {
  color: #070952;
}

.breadcrumb-item + .breadcrumb-item::before {
  font-family: "atom-sans";
  color: #070952;
}

.tm-btn-primary {
  border-radius: 3px;
  background-color: #070952;
  color: #ffffff;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  padding: 0.65rem 1.25rem;
}
.tm-btn-primary:hover {
  color: #fff;
}
.tm-btn-primary:active {
  color: #fff;
}
.tm-btn-primary:disabled {
  background-color: #d6d6d6;
  opacity: 0.25;
  color: #767676;
}

.tm-btn-default {
  border: 1px solid #767676;
  border-radius: 3px;
  color: #1a1a1a;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  padding: 0.65rem 1.25rem;
}
.tm-btn-default:hover, .tm-btn-default:active {
  border: 1px solid #1a1a1a;
  color: #1a1a1a;
}
.tm-btn-default:disabled {
  border: 1px solid #d6d6d6;
  color: #767676;
}

.tm-link {
  color: #070952;
  font-size: 18px;
  line-height: 26px;
}
.tm-link:hover {
  text-decoration: underline;
}
.tm-link:disabled {
  color: #d6d6d6;
}

.tm-text-link {
  color: #070952;
  font-size: 20px;
  line-height: 28px;
}
.tm-text-link:hover {
  text-decoration: underline;
}

.tm-list {
  color: #070952;
  font-size: 18px;
  line-height: 26px;
}
.tm-list:hover {
  text-decoration: underline;
}
.tm-list:disabled {
  color: #d6d6d6;
}

.tabs li {
  color: #1a1a1a;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}
.tabs li .active {
  border-bottom: 2px solid #19aaf8;
}
.tabs li:hover {
  color: #767676;
}

.tm-loader {
  border: 5px solid #f3f3f3 !important;
  animation: spin 1s linear infinite;
  border-top: 5px solid #2449FB !important;
  border-radius: 50%;
  width: 50px !important;
  height: 50px !important;
}

.header-search .tm-loader {
  border: 4px solid #dedede !important;
  border-top: 4px solid #888787 !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
}

/* Safari */
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#hit_products {
  margin-top: 32px;
  padding-bottom: 16px;
  background: #F2F6F5;
}
#hit_products .row {
  margin-top: 17px;
}
#hit_products .link_btn {
  margin: 16px auto 0;
}
#hit_products .hit_product_card {
  margin-bottom: 24px;
}

.hit_product_card img {
  width: 100%;
}

.feature_card {
  flex-direction: column;
}
.feature_card__title {
  display: block;
  color: #070952;
  font-size: 14px;
  font-weight: bold;
  line-height: 22px;
  text-align: center;
  margin-top: 8px;
}
.feature_card__images {
  display: block;
  width: 100%;
  position: relative;
  padding-top: calc(70% + 1px);
}

.pack_card {
  height: 100%;
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  position: relative;
  display: flex;
  flex-direction: column;
}
.pack_card__details {
  display: flex;
  justify-content: space-between;
  padding: 16px 60px;
  align-items: center;
  position: relative;
  min-height: 76px;
}
@media (max-width: 767px) {
  .pack_card__details {
    padding: 16px 30px;
  }
}
@media (max-width: 374px) {
  .pack_card__details {
    padding: 16px;
  }
}
.pack_card__details:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 16px;
  height: calc(100% - 32px);
  width: 1px;
  background: rgba(7, 9, 82, 0.5);
}
.pack_card__details h4 {
  display: flex;
  align-items: baseline;
  color: #2449FB;
  font-size: 20px;
  font-weight: bold;
  line-height: 22px;
  text-align: center;
}
.pack_card__details h4 span {
  font-weight: 500;
  color: #070952;
  font-size: 14px;
  margin-left: 2px;
  line-height: 18px;
}
.pack_card__details p {
  color: #070952;
  font-size: 11px;
  font-weight: 500;
  line-height: 17px;
  display: flex;
}
.pack_card__details p span {
  font-size: 14px;
  font-weight: bold;
  margin: 0 4px 0 2px;
}
.pack_card__details p:not(:last-child) {
  margin-bottom: 8px;
}
.pack_card__details small {
  opacity: 0.5;
  color: #070952;
  font-size: 9px;
  font-weight: 500;
  line-height: 14px;
}
.pack_card__details__left > div {
  display: flex;
  flex-direction: column;
}
.pack_card__details__right {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.pack_card__details__right div {
  text-align: center;
  display: flex;
  flex-direction: column;
  padding-right: 10px;
}
.pack_card .primary_btn {
  width: 80px;
  min-height: 32px;
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
  text-align: center;
  color: white;
  padding: 0;
}
.pack_card__image {
  padding-top: calc(46% - 0.2px);
  position: relative;
}
.pack_card__batch {
  position: absolute;
  top: -13px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 16px;
  background-color: #b0f0b2;
  color: #1a1a1a;
  font-size: 14px;
  width: -moz-max-content;
  width: max-content;
  padding: 10px 15px;
  height: 24px;
  z-index: 1;
}

.need_help_card {
  display: flex;
  align-items: center;
  flex-direction: column;
  background-color: #FFFFFF;
  border: 1px solid #EEEEEE;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}
.need_help_card__title {
  display: block;
  color: #070952;
  font-size: 18px;
  font-weight: bold;
  line-height: 28px;
  text-align: center;
  padding: 8px 0;
}
@media (max-width: 767px) {
  .need_help_card__title {
    padding: 2px 0 0;
    font-size: 16px;
  }
}
.need_help_card__image {
  display: block;
  width: calc(100% + 2px);
  padding-top: calc(57% + 0.25px);
  position: relative;
  top: -1px;
}
@media (max-width: 767px) {
  .need_help_card__image {
    padding-top: 53%;
  }
}

.service_card {
  background-color: #E4F9FD;
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  height: 100%;
}
.service_card h3 {
  color: #070952;
  font-size: 24px;
  font-weight: bold;
  line-height: 32px;
}
.service_card p {
  color: #070952;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin: 8px 0;
}
.service_card__image {
  width: 100%;
  padding-top: calc(45% + 0.5px);
  position: relative;
}
.service_card__details {
  padding: 16px 16px 24px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.service_card .link_btn {
  margin-top: auto;
  justify-content: flex-start;
}

.dhamma-video-card {
  display: flex;
  box-sizing: border-box;
  border: 1px solid #EEEEEE;
  border-radius: 6px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  padding: 16px 24px;
}
@media (max-width: 767px) {
  .dhamma-video-card {
    flex-direction: column;
  }
}
.dhamma-video-card h2 {
  color: #070952;
  font-size: 20px;
  font-weight: bold;
  line-height: 32px;
}
@media (max-width: 767px) {
  .dhamma-video-card h2 {
    font-size: 16px;
    line-height: 2;
  }
}
.dhamma-video-card p {
  opacity: 0.5;
  color: #070952;
  font-size: 16px;
  font-weight: bold;
  line-height: 32px;
  margin-top: 8px;
}
@media (max-width: 767px) {
  .dhamma-video-card p {
    font-size: 14px;
    line-height: 2;
  }
}
.dhamma-video-card__image {
  position: relative;
  height: 122px;
  width: 122px;
  overflow: hidden;
  margin-right: 24px;
  cursor: pointer;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .dhamma-video-card__image {
    margin: 0 auto 16px;
  }
}
.dhamma-video-card__image:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(7, 9, 82, 0.5);
  top: 0;
  left: 0;
}
.dhamma-video-card__image__play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
  width: 32px;
}
.dhamma-video-card__details {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.dhamma-video-card__share ul {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.dhamma-video-card__share li {
  color: #070952;
  font-family: "atom-sans" !important;
  font-size: 16px;
  font-weight: 600;
  line-height: 25px;
  margin-right: 8px;
}
.dhamma-video-card__share img {
  width: 24px;
  height: 24px;
}

.dhamma-sayardaw-card {
  box-sizing: border-box;
  border: 1px solid #EEEEEE;
  border-radius: 6px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  display: flex;
  padding: 16px 24px;
}
@media (max-width: 767px) {
  .dhamma-sayardaw-card {
    flex-direction: column;
  }
}
.dhamma-sayardaw-card h2 {
  color: #070952;
  font-size: 20px;
  font-weight: bold;
  line-height: 32px;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .dhamma-sayardaw-card h2 {
    margin-bottom: 0;
  }
}
.dhamma-sayardaw-card__image {
  position: relative;
  width: 122px;
  height: 122px;
  margin-right: 24px;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .dhamma-sayardaw-card__image {
    margin: 0 auto 24px;
  }
}
.dhamma-sayardaw-card__details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.saraydaw-details-card {
  box-sizing: border-box;
  border: 1px solid #EEEEEE;
  border-radius: 6px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  display: flex;
  padding: 16px 24px;
}
@media (max-width: 767px) {
  .saraydaw-details-card {
    flex-direction: column;
  }
}
.saraydaw-details-card h2 {
  color: #1A1A1A;
  font-size: 20px;
  font-weight: bold;
  line-height: 32px;
}
@media (max-width: 767px) {
  .saraydaw-details-card h2 {
    font-size: 16px;
  }
}
.saraydaw-details-card p {
  color: #767676;
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
  margin-top: 8px;
}
@media (max-width: 767px) {
  .saraydaw-details-card p {
    font-size: 14px;
    line-height: 28px;
  }
}
.saraydaw-details-card__image {
  position: relative;
  height: 122px;
  width: 122px;
  overflow: hidden;
  margin-right: 24px;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .saraydaw-details-card__image {
    margin: 0 auto 24px;
  }
}

.dhamma-audio-card {
  box-sizing: border-box;
  border: 1px solid #EEEEEE;
  border-radius: 6px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  padding: 24px;
}
.dhamma-audio-card h2 {
  color: #070952;
  font-size: 20px;
  font-weight: bold;
  line-height: 32px;
}
@media (max-width: 767px) {
  .dhamma-audio-card h2 {
    font-size: 16px;
  }
}
.dhamma-audio-card p {
  opacity: 0.5;
  color: #070952;
  font-size: 16px;
  font-weight: bold;
  line-height: 32px;
  margin: 4px 0;
}
@media (max-width: 767px) {
  .dhamma-audio-card p {
    font-size: 14px;
    line-height: 28px;
  }
}
.dhamma-audio-card audio {
  width: 100%;
  margin-top: 24px;
}

.dhamma-book-card {
  box-sizing: border-box;
  border: 1px solid #EEEEEE;
  border-radius: 6px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  display: flex;
  padding: 16px 24px;
}
@media (max-width: 767px) {
  .dhamma-book-card {
    flex-direction: column;
  }
}
.dhamma-book-card h2 {
  color: #070952;
  font-family: Helvetica;
  font-size: 20px;
  font-weight: bold;
  line-height: 32px;
}
@media (max-width: 767px) {
  .dhamma-book-card h2 {
    font-size: 16px;
  }
}
.dhamma-book-card p {
  opacity: 0.7;
  color: #070952;
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .dhamma-book-card p {
    font-size: 14px;
    line-height: 28px;
  }
}
.dhamma-book-card__image {
  position: relative;
  height: 183px;
  width: 122px;
  overflow: hidden;
  margin-right: 24px;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .dhamma-book-card__image {
    margin: 0 auto 16px;
  }
}
.dhamma-book-card__details {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.dhamma-book-card .primary_btn {
  min-height: 40px;
  padding: 0;
  width: 130px;
  border-radius: 8px;
  margin-top: 8px;
}
@media (max-width: 767px) {
  .dhamma-book-card .primary_btn {
    margin: 8px auto 0;
  }
}

.section_border {
  height: 1px;
  width: 100%;
  opacity: 0.15;
  background-color: #070952;
  margin-top: 60px;
}
@media (max-width: 991px) {
  .section_border {
    margin-top: 32px;
  }
}

#service_carousel {
  margin-top: 88px;
}
@media (max-width: 991px) {
  #service_carousel {
    margin-top: 32px;
  }
}

.service_carousel {
  max-width: 980px;
  margin: 0 auto;
}
@media (max-width: 575px) {
  .service_carousel {
    padding: 0 15px;
  }
}

.service_owl_carousel {
  margin-top: 24px;
}
@media (max-width: 767px) {
  .service_owl_carousel {
    margin-top: 8px;
  }
}
.service_owl_carousel.owl-theme .owl-stage {
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
}
.service_owl_carousel.owl-theme .owl-dots {
  margin-top: -2px;
}
.service_owl_carousel.owl-theme .owl-dots .owl-dot span {
  margin: 0px 8px !important;
  height: 12px !important;
  width: 12px !important;
  background-color: #070952 !important;
}
.service_owl_carousel.owl-theme .owl-dots .owl-dot.active span {
  width: 24px !important;
  border-radius: 30px !important;
  background-color: #00CAFF !important;
}
.service_owl_carousel .owl-prev,
.service_owl_carousel .owl-next {
  top: 45%;
  margin: 0 !important;
  width: 40px !important;
  height: 40px !important;
}
@media (max-width: 991px) {
  .service_owl_carousel .owl-prev,
  .service_owl_carousel .owl-next {
    width: 24px !important;
    height: 24px !important;
  }
}
.service_owl_carousel .owl-prev {
  left: -70px;
}
@media (max-width: 1069px) {
  .service_owl_carousel .owl-prev {
    left: -30px;
  }
}
.service_owl_carousel .owl-next {
  right: -70px;
}
@media (max-width: 1069px) {
  .service_owl_carousel .owl-next {
    right: -30px;
  }
}

#marquee_bar {
  background: #e6eef5;
  padding: 6px 0;
  overflow-x: hidden;
}
#marquee_bar a {
  font-size: 14px;
}
#marquee_bar marquee {
  font-size: 14px;
  color: #070952;
  width: 100vw;
}

.marquee_bar {
  display: flex;
  align-items: center;
}

.dhamma-video-modal {
  background: black;
}
.dhamma-video-modal video {
  width: 90vw;
  max-width: 500px;
}
.dhamma-video-modal__close-btn {
  background: transparent;
  border: none;
  width: 32px;
  position: absolute;
  right: 47px;
  top: 32px;
}
.dhamma-video-modal__content {
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dhamma-video-modal .modal-dialog {
  max-width: 100%;
  width: 100vw;
  height: 100vh;
  margin: 0;
  pointer-events: initial;
}

.gaming-modal-backdrop {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(34, 34, 34, 0.9);
  z-index: 9999;
}
@media (max-width: 991px) {
  .gaming-modal-backdrop {
    overflow-x: auto;
    align-items: flex-start !important;
    padding: 16px;
  }
}
.gaming-modal-backdrop:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #222222;
  opacity: 0.9;
}

.game-purchase-modal {
  border-radius: 6px;
  background-color: #070952;
  padding: 16px 20px 32px;
  width: 370px;
  position: relative;
  max-width: 100%;
}
.game-purchase-modal h2 {
  color: #FAF163;
  font-size: 24px;
  line-height: 27px;
}
.game-purchase-modal h2 span {
  font-size: 20px;
  line-height: 25px;
  font-weight: 900;
}
.game-purchase-modal h4 {
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  margin-top: 16px;
}
.game-purchase-modal h4 span {
  font-weight: 700;
}
.game-purchase-modal hr {
  background-color: #1229B3;
  margin-top: 12px;
  margin-bottom: 0;
}
.game-purchase-modal form {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: 8px;
}
.game-purchase-modal form button {
  width: 17%;
  height: 38px;
  border-radius: 8px;
  background: #2449FB;
  border: none;
  font-size: 16px;
  line-height: 25px;
  text-align: center;
  color: white;
  font-weight: 600;
}
.game-purchase-modal form button:disabled {
  color: #767676;
  font-weight: 500;
  background: #D6D6D6;
}
.game-purchase-modal label {
  color: #2449FB;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}
.game-purchase-modal input {
  border: 1px solid #2449FB;
  border-radius: 3px;
  background-color: #070952;
  height: 38px;
  padding: 0 4px;
  color: #03FCBA;
  font-size: 16px;
  font-weight: 600;
  line-height: 25px;
  width: 100%;
}
.game-purchase-modal input::-moz-placeholder {
  opacity: 0.4;
  color: #949494;
}
.game-purchase-modal input::placeholder {
  opacity: 0.4;
  color: #949494;
}
.game-purchase-modal__close-btn {
  background: transparent;
  border: none;
  padding: 0;
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
}
.game-purchase-modal__heading {
  display: flex;
  align-items: center;
  min-height: 46px;
}
.game-purchase-modal__heading__image {
  max-width: 80px;
  padding: 2px 4px;
}
.game-purchase-modal__image {
  margin-top: 16px;
  text-align: center;
}
.game-purchase-modal__share-btn {
  width: 138px !important;
}
.game-purchase-modal__share-btn img {
  width: 24px;
  margin-right: 4px;
  margin-left: -22px;
}
.game-purchase-modal__game-id {
  width: 47%;
  margin-right: 8px;
}
.game-purchase-modal__zone-id {
  width: 28%;
}
.game-purchase-modal__user_info {
  text-align: center;
  margin-top: 8px;
}
.game-purchase-modal__user_info p {
  color: #CFD8D5;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  margin-top: 4px;
}
.game-purchase-modal__user_info p span {
  font-size: 16px;
  font-weight: 600;
}
.game-purchase-modal__light-hr {
  background: #2449FB;
  opacity: 0.2;
  margin-top: 16px;
}
.game-purchase-modal__failed-info {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  margin-top: 16px;
}
.game-purchase-modal__failed-info a {
  color: #ACFF35;
  text-decoration: underline;
}
.game-purchase-modal__user_id {
  display: flex;
  align-items: center;
  justify-content: center;
}
.game-purchase-modal__user_id h3 {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 800;
  line-height: 24px;
  text-align: center;
  margin-top: 6px;
}
.game-purchase-modal__user_id img {
  margin-left: 8px;
}

.gaming-modal-backdrop {
  z-index: 9999;
}

.dhamma-pagination {
  display: flex;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
.dhamma-pagination button {
  background: transparent;
  margin: 0 13px;
  width: 42px;
  height: 42px;
  border: 1px solid #2449FB;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2449FB;
  font-weight: 600;
}
.dhamma-pagination button.active, .dhamma-pagination button:hover {
  background: #2449FB;
  color: #FFF;
}

.dhamma-program-info {
  padding: 16px;
  border: 1px solid #EEEEEE;
  border-radius: 6px;
  background-color: #EEEEEE;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}

.dhamma-card {
  border: 1px solid #EEEEEE;
  border-radius: 6px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  padding: 16px 24px;
}

.dhamma-personal-info-card {
  padding: 24px;
  border: 1px solid #EEEEEE;
  border-radius: 6px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
}

.dhamma-info-text {
  color: #070952;
  font-size: 20px;
  font-weight: bold;
  line-height: 32px;
}

.business-tab .nav-tabs {
  border-bottom: 1px solid #EEE !important;
}

.business-tab .nav-tabs .nav-item .nav-link,
.business-tab .nav-tabs .nav-link,
.business-tab .nav-tabs .nav-item.show .nav-link,
.business-tab .nav-tabs .nav-link.active {
  margin: 0 !important;
  width: 100% !important;
}

.dhamma-link {
  padding: 7px 32px;
  border-radius: 8px;
  background-color: #2449FB;
  color: #FFFFFF;
  font-family: "Noto Sans Myanmar";
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  border: 0;
}

.dhamma-search-btn {
  height: 48px;
  background: #FFFFFF;
  border: 1px solid #070952;
  border-radius: 24px;
  color: #070952;
  font-family: "Noto Sans Myanmar";
  font-size: 18px;
  font-weight: 500;
  line-height: 39px;
  text-align: center;
  padding: 0 32px;
}

.dhamma-search-btn.active, .dhamma-search-btn:hover {
  background-color: #2449FB;
  border: 1px solid #2449FB;
  color: #FFFFFF;
}

.color-gray {
  color: #767676;
}

.list-style-none {
  list-style-type: none;
}

.end-4 {
  right: 24px;
}

.me-40 {
  margin-right: 40;
}

.mt-32 {
  margin-top: 32px;
}

.mt-36 {
  margin-top: 36px;
}

.color-deepBlue {
  color: #070952 !important;
}

.simTopUp h2 {
  color: #1a1a1a;
}
.simTopUp p {
  color: #1a1a1a;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 32px;
}
.simTopUp .fw-mb {
  font-weight: 500;
}
.simTopUp.sim-and-topup-home h1 {
  color: #1a1a1a;
}
@media (max-width: 768px) {
  .simTopUp.sim-and-topup-home .w-75 {
    width: 100% !important;
  }
}
.simTopUp.sim-and-topup-home .simtopup-card-container .simtopup-cards {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.simTopUp.sim-and-topup-home .simtopup-card-container .simtopup-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  border: 1px solid #eeeeee;
  background-color: #f5f5f5;
  margin-bottom: 30px;
  width: calc(50% - 15px);
}
@media (max-width: 768px) {
  .simTopUp.sim-and-topup-home .simtopup-card-container .simtopup-card {
    width: 100%;
  }
}
.simTopUp.sim-and-topup-home .simtopup-card-container .simtopup-card .card-desc {
  margin-right: 40px;
}
.simTopUp.sim-and-topup-home .simtopup-card-container .simtopup-card .card-desc h5 {
  color: #070952;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 32px;
  margin-bottom: 15px;
}
.simTopUp.sim-and-topup-home .simtopup-card-container .simtopup-card .card-desc p {
  color: #000000;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .simTopUp.sim-and-topup-home .simtopup-card-container .simtopup-card .card-desc {
    margin-right: 10px;
  }
  .simTopUp.sim-and-topup-home .simtopup-card-container .simtopup-card .card-desc h5 {
    font-size: 19px;
    line-height: 24px;
  }
  .simTopUp.sim-and-topup-home .simtopup-card-container .simtopup-card .card-desc p {
    font-size: 14px;
    line-height: 22px;
  }
}
.simTopUp.sim-and-topup-home .simtopup-card-container .simtopup-card img {
  height: 98px;
}
@media (max-width: 768px) {
  .simTopUp.sim-and-topup-home .simtopup-card-container .simtopup-card img {
    height: 65px;
  }
}
.simTopUp.tourist .cards {
  margin-top: 24px;
  margin-bottom: 24px;
  max-width: 970px;
  border: 1px solid #eeeeee;
  border-radius: 10px;
  background-color: #ffffff;
  padding-bottom: 32px !important;
}
.simTopUp.tourist .cards h3 {
  color: #070952;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 32px;
  text-align: center;
}
.simTopUp.tourist .cards .cards-row {
  display: flex;
  flex-direction: row;
}
@media (max-width: 768px) {
  .simTopUp.tourist .cards .cards-row {
    flex-direction: column;
  }
}
.simTopUp.tourist .cards .card {
  flex-basis: 0;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 12px 12px;
  border: 1px solid #eeeeee;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.simTopUp.tourist .cards .card:not(:last-child) {
  margin-right: 30px;
}
.simTopUp.tourist .cards .card img {
  margin-bottom: 10px;
}
.simTopUp.tourist .cards .card p {
  text-align: center;
  color: #000000;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
}
.simTopUp.tourist .cards .card p .fc-gray {
  color: #767676;
}
.simTopUp.tourist .cards .card p .fw-bold {
  font-size: 17px;
}
@media (max-width: 768px) {
  .simTopUp.tourist .cards .card:not(:last-child) {
    margin-right: 0px;
    margin-bottom: 20px;
  }
}
.simTopUp.registration h1 {
  color: #1a1a1a;
}
.simTopUp.registration a {
  text-decoration: underline;
}
.simTopUp.registration .card {
  box-sizing: border-box;
  border: 1px solid #eeeeee;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  margin: 16px 0 10px 0;
}
.simTopUp.registration .card .btn {
  width: 134px;
  background: #070952;
  border: none;
  margin-top: 5px;
}
@media (max-width: 768px) {
  .simTopUp.registration h1 {
    font-size: 20px;
    line-height: 25px;
  }
}
.simTopUp.lifecycle h2 {
  text-align: center;
  margin-bottom: 24px;
}
.simTopUp.recharge h3 {
  color: #1a1a1a;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 32px;
}
@media (max-width: 768px) {
  .simTopUp.recharge h3 {
    font-size: 18px;
    line-height: 26px;
  }
}
.simTopUp.recharge a {
  text-decoration: underline;
}
.simTopUp.recharge .scratch-card {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}
@media (max-width: 768px) {
  .simTopUp.recharge .scratch-card {
    flex-wrap: wrap;
  }
}
.simTopUp.recharge .scratch-card > div {
  border-radius: 8px;
  background-color: #e7e9f4;
  width: 22%;
  padding: 17px;
  text-align: center;
}
@media (max-width: 768px) {
  .simTopUp.recharge .scratch-card > div {
    width: 48%;
    margin-top: 10px;
  }
}
.simTopUp.recharge .scratch-card > div p {
  color: #767676;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
}
.simTopUp.recharge .scratch-card > div span {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 20px;
  font-weight: bold;
}

.top-up-methods h2 {
  color: #1a1a1a;
}
.top-up-methods .methods {
  margin-top: 30px;
  margin-bottom: 90px;
}
.top-up-methods .methods object {
  background-color: #fff;
  width: 80px;
  height: 80px;
  padding: 15px;
  border: 1px solid #eeeeee;
  border-radius: 6px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .top-up-methods .methods object {
    margin-bottom: 5px;
  }
}
@media (max-width: 768px) {
  .top-up-methods .methods object > div {
    margin-bottom: 10px;
  }
}
.top-up-methods .methods h3 {
  color: #070952;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 8px;
}
.top-up-methods .methods p {
  color: #767676;
  font-size: 20px;
  padding: 0 20px;
}

.how-to-topup {
  background-color: #eeeeee;
  padding: 50px 0;
}
.how-to-topup .accordion:focus {
  border: none;
  box-shadow: none;
  outline: none;
}
.how-to-topup .accordion:active {
  border: none;
  box-shadow: none;
  outline: none;
}
.how-to-topup .accordion-item {
  border: none;
  background-color: #fff;
  border-radius: 5px;
  margin-bottom: 10px;
}
.how-to-topup .accordion-item:focus {
  border: none;
  box-shadow: none;
  outline: none;
}
.how-to-topup .accordion-item:active {
  border: none;
  box-shadow: none;
  outline: none;
}
.how-to-topup .accordion-item iframe {
  display: block;
  width: 70%;
  height: 360px;
  margin: auto;
}
@media (max-width: 768px) {
  .how-to-topup .accordion-item iframe {
    width: 100%;
    height: 190px;
  }
}
.how-to-topup .accordion-header {
  border: none;
  background-color: #fff;
  border-radius: 5px;
}
.how-to-topup .accordion-header:focus {
  border: none;
  box-shadow: none;
  outline: none;
}
.how-to-topup .accordion-header:active {
  border: none;
  box-shadow: none;
  outline: none;
}
.how-to-topup .accordion-button {
  border: none;
  background-color: #fff;
  border-radius: 5px;
  font-size: 19px;
  font-weight: bold;
  background-color: #f5f5f5;
}
.how-to-topup .accordion-button:focus {
  border: none;
  box-shadow: none;
  outline: none;
}
.how-to-topup .accordion-button:active {
  border: none;
  box-shadow: none;
  outline: none;
}
.how-to-topup .accordion-button:not(.collapsed) {
  color: #000;
  background-color: #fff;
}
.how-to-topup .accordion-collapse {
  border: none;
  background-color: #e5eef3;
}

.tm-banner {
  min-height: 450px;
  background: linear-gradient(90deg, #3023AE 0%, #53A0FD 47.52%, #B4EC51 100%);
}
@media (max-width: 767px) {
  .tm-banner {
    min-height: 300px;
  }
}
.tm-banner h2 {
  color: #FFFFFF;
  font-weight: 600;
  font-size: 50px;
}
@media (max-width: 767px) {
  .tm-banner h2 {
    font-size: 32px;
  }
}

.help-category {
  height: 127px;
  border: 1px solid #EEEEEE;
  border-radius: 6px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-bottom: 20px;
  padding: 0 20px;
  color: #070952;
  font-size: 18px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .help-category {
    height: 100px;
    padding: 0 10px;
    font-size: 14px;
  }
}

.height-20 {
  height: 20px;
}

.search-help .input-group-text,
.search-help input {
  border: 1px solid #D6D6D6;
  border-radius: 4px;
  background-color: #FFFFFF;
}

.search-help .input-group-text {
  border-right: 0 solid;
  padding: 0.65rem 0 0.65rem 0.75rem;
}

#basic-addon1 picture,
#basic-addon1 img,
#basic-addon1 source {
  max-width: 15px;
}

.search-help input {
  border-left: 0 solid;
}

.search-help .input-group .btn {
  background: #FFFFFF;
  border: 1px solid #D6D6D6;
  min-width: 10rem;
  text-align: left;
  color: #070952;
  position: relative;
}
@media (max-width: 767px) {
  .search-help .input-group .btn {
    min-width: 7rem;
  }
}

.search-help .input-group .btn::after {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  top: 10px;
  right: 10px;
  border-width: 0;
  background-image: url(/assets/svg/down_arrow.svg);
}

.search-help select {
  border: 1px solid #D6D6D6;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

@media (max-width: 767px) {
  .search-help .form-control,
  .search-help select,
  .search-help select option {
    font-size: 11px;
  }
}

.search-help .input-group .btn:focus {
  box-shadow: none;
}

.search-help .form-control:focus {
  border-color: #D6D6D6;
  box-shadow: none;
}

.search-help select {
  border: 1px solid #D6D6D6;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.search-help .form-select {
  color: #070952;
  flex-grow: 0.55;
}

.search-help-media .form-select {
  color: #070952;
  flex-grow: 0.1;
}

.search-help .form-select:focus {
  border-color: #D6D6D6;
  box-shadow: none;
}

@media (max-width: 767px) {
  .search-help .form-control,
  .search-help select,
  .search-help select option {
    font-size: 11px;
  }
}

.accordion-item.tm-faq-item {
  margin-bottom: 10px;
}

.tm-faq-item h2.accordion-header {
  line-height: 1.2;
}

.tm-faq-item .accordion-button:not(.collapsed) {
  color: #000;
  background-color: rgb(214, 214, 214);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.tm-faq-item .accordion-button {
  background-color: rgb(245, 245, 245);
  border-width: 0;
  text-align: left;
}

.tm-faq-item .accordion-collapse {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  background-color: whitesmoke;
  border-width: 0;
}

.tm-faq-item .accordion-button {
  border-radius: 0.25rem;
}

.tm-faq .accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-width: 0;
}

.tm-faq .accordion-button:focus {
  box-shadow: none !important;
}

.tm-faq-item .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.store-location-card {
  width: 400px;
  background: #FFFFFF;
  top: 10px;
  left: 10px;
  max-height: 600px;
  position: absolute;
}

@media (max-width: 767px) {
  .store-location-card {
    width: 100%;
    left: 0;
    position: relative;
  }
}
.store-locator-container {
  max-height: 478px;
}

.store-location-input {
  border: 1px solid #ced4da;
}

.open-now-btn {
  color: #FFF;
  background: #66d72c;
  font-weight: 600;
  border-radius: 5px;
  border: none;
}

.open-now-btn:hover {
  color: #FFF !important;
}

.close-now-btn {
  color: #FFF;
  background: #f52a2a;
  font-weight: 600;
  border-radius: 5px;
  border: none;
}

.ps-32 {
  padding-left: 32px;
}

.ms-32 {
  margin-left: 32px;
}

.category {
  box-sizing: border-box;
  border: 1px solid #EEEEEE;
  border-radius: 6px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  padding: 30px 0;
  display: flex;
  justify-content: center;
  color: #070952;
  font-size: 18px;
  text-decoration: none;
  line-height: 24px;
}

.ussd-code-info-table {
  border: 1px solid #d6d6d6;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 6px;
}

.table > :not(caption) > * > * {
  padding: 0.75rem 0.5rem !important;
}

.ussd-code-info-table thead {
  background: #e6eef5;
}

.ussd-code-info-table th,
.ussd-code-info-table td {
  font-size: 18px;
}

.ussd-code-info-table th {
  border-bottom: 0;
  font-weight: 600;
}

.ussd-code-info-table td {
  font-size: 18px;
  color: #1a1a1a;
  font-weight: 400;
}
@media (max-width: 767px) {
  .ussd-code-info-table td {
    font-size: 14px;
  }
}

.ussd-code-info-table th:first-child,
.ussd-code-info-table td:first-child {
  padding-left: 1.55rem !important;
}

.ussd-code-info-table table {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .ussd-code-info-table img {
    width: 14px;
    height: auto;
  }
}
.four-g-select .form-select {
  padding: 0.7rem 1.75rem 0.7rem 0.75rem !important;
}
@media (max-width: 767px) {
  .four-g-select .form-select {
    margin-bottom: 1rem;
  }
}

.four-g-select .form-select:focus {
  box-shadow: none;
  border-color: #ced4da;
}

.four-g-network .form-check-input:focus,
.three-g-network .form-check-input:focus,
.two-g-network .form-check-input:focus {
  box-shadow: none;
}

.four-g-network .form-check-input:checked {
  background-color: blue;
  border-color: blue;
}

.three-g-network .form-check-input:checked {
  background-color: cyan;
  border-color: cyan;
}

.two-g-network .form-check-input:checked {
  background-color: pink;
  border-color: pink;
}

.form-check-input[type=checkbox] {
  border-radius: 2px !important;
}

.map-responsive {
  overflow: hidden;
  padding-bottom: 50%;
  position: relative;
  height: 0;
}

.map-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.feedback-form input:focus,
.feedback-form textarea:focus {
  box-shadow: none;
}
.feedback-form hr {
  border-top-width: 0 !important;
}
.feedback-form button {
  padding: 0.375rem 9rem !important;
}
.feedback-form .form-label {
  margin-bottom: 0.25px !important;
  font-size: 14px;
}
.feedback-form .form-label span {
  color: #CD201F;
}
.feedback-form .form-control {
  border: 1px solid rgba(26, 26, 26, 0.1) !important;
  border-radius: 4px !important;
  background-color: #F5F5F5 !important;
}

@media (max-width: 767px) {
  .feedback-form button.btn {
    width: 100%;
  }
}
.contact-us-box {
  border: 1px solid #EEEEEE;
  border-radius: 4px;
  background-color: #F5F5F5;
  padding: 1.5rem;
}

.map-responsive {
  overflow: hidden;
  padding-bottom: 50%;
  position: relative;
  height: 0;
}

.map-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.tm-h2 {
  color: #1A1A1A;
}

.tm-h3 {
  font-size: 24px;
  font-weight: 600;
  color: #1A1A1A;
}

.app-down-link {
  border: 1px solid #EEEEEE;
  border-radius: 6px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}

.adl-btn-wrapper {
  padding: 25px 0;
}

.adl-btn-wrapper h4 {
  font-size: 18px;
  color: #1A1A1A;
}

.adl-logo {
  padding: 25px 0;
  display: flex;
  justify-content: center;
}
@media (max-width: 360px) {
  .adl-logo img {
    width: 60px;
  }
}

.adl-btn h4 {
  margin-bottom: 12px;
}

ul.adl-btn {
  list-style: none;
  padding: 0;
  margin: 0;
}

.adl-btn li {
  display: block;
  float: left;
  margin-right: 2rem;
}

.adl-btn li a {
  display: inline-block;
}

@media (max-width: 992px) {
  .adl-btn li {
    margin-right: 1rem;
    margin-bottom: 1rem;
  }
}
@media (max-width: 360px) {
  .adl-btn li img {
    width: 90px;
  }
  .adl-btn li {
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
.tm-banner-img img {
  width: 100%;
}

.international-card {
  background-color: #FFFFFF;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}
.international-card .international-card-body {
  padding: 20px;
}

.color-76 {
  color: #767676;
}

.tm-form-select .form-select {
  border: 1px solid #070952;
  border-radius: 6px;
  padding-top: 10px;
  padding-bottom: 10px;
  box-shadow: none;
}

.tm-form-select .form-select:active,
.tm-form-select .form-select:hover {
  border: 1px solid #070952;
}

.tm-form-select .form-select:focus {
  box-shadow: 0 1px 6px 0 rgba(74, 144, 226, 0.6);
}

.call-sms-table {
  border-radius: 6px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}
.call-sms-table table {
  margin-bottom: 0;
}
.call-sms-table table thead {
  background-color: #070952;
  color: #FFF;
}
.call-sms-table table tbody {
  background-color: #FFF;
}
.call-sms-table table th {
  font-weight: 400;
  border-bottom-width: 0;
  padding-left: 1rem !important;
}
.call-sms-table table td {
  font-size: 16px;
  color: #1A1A1A;
  border-bottom-width: 0;
  padding-left: 1rem !important;
}

.roaming-table {
  border-radius: 6px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}
.roaming-table table {
  margin-bottom: 0;
  empty-cells: hide;
  table-layout: fixed;
}
@media (max-width: 767px) {
  .roaming-table table {
    table-layout: auto;
  }
}
.roaming-table table thead {
  background-color: #070952;
  color: #FFF;
}
.roaming-table table th {
  border: 1px solid #070952;
  font-size: 14px !important;
  line-height: 24px;
  font-weight: 400 !important;
  word-break: break-word;
  padding-top: 0.125rem !important;
  padding-bottom: 0.125rem !important;
}
@media (max-width: 992px) {
  .roaming-table table th {
    font-size: 10px !important;
  }
}
.roaming-table table span {
  font-size: 12px;
}
.roaming-table table td {
  font-size: 13px;
  color: #1A1A1A;
}
.roaming-table table td p {
  font-size: 13px;
}
.roaming-table table td span {
  color: #767676;
}
.roaming-table table .primary-color {
  color: #4A90E2;
}
.roaming-table table .primary-color span {
  color: #4A90E2;
}

.rate-plan-roaming-table {
  border-radius: 6px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}
.rate-plan-roaming-table table {
  margin-bottom: 0;
  table-layout: fixed;
}
.rate-plan-roaming-table table thead {
  background-color: #070952;
  color: #FFF;
}
.rate-plan-roaming-table table th {
  border: 1px solid #070952;
  font-size: 16px !important;
  line-height: 24px;
  font-weight: 400 !important;
  word-break: break-word;
}
@media (max-width: 992px) {
  .rate-plan-roaming-table table th {
    font-size: 12px !important;
  }
}
.rate-plan-roaming-table table td {
  font-size: 14px;
  color: #1A1A1A;
  word-break: break-word;
  border-width: 2px solid;
}
@media (max-width: 992px) {
  .rate-plan-roaming-table table td {
    font-size: 12px !important;
  }
}

.rate-plan-roaming-table .table-bordered > :not(caption) > * {
  border-width: 2px 0;
}

.rate-plan-roaming-table .table-bordered > :not(caption) > * > * {
  border-width: 0 2px;
}

.mtn-5 {
  margin-top: -5px;
}

@media (max-width: 767px) {
  .roaming-table-scroll {
    width: 100%;
    overflow-x: scroll;
  }
}
@media (max-width: 767px) {
  .roaming-table-scroll table {
    width: 767px;
    table-layout: fixed;
  }
}

.chooseNumberWrapper h1 {
  color: #1a1a1a;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 36px;
  text-align: center;
  font-weight: 600;
}
@media (max-width: 765px) {
  .chooseNumberWrapper h1 {
    font-size: 25px;
    line-height: 29px;
  }
}
.chooseNumberWrapper .warning-msg {
  display: flex;
  justify-content: center;
  text-align: left;
  align-items: start;
}
.chooseNumberWrapper .warning-msg img {
  margin-right: 10px;
}
.chooseNumberWrapper .warning-msg p {
  color: #1a1a1a;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 26px;
  margin-bottom: 20px;
}
.chooseNumberWrapper .select-region label {
  color: #1a1a1a;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: left;
  display: inherit;
  margin-bottom: 8px;
}
.chooseNumberWrapper .select-region select {
  box-sizing: border-box;
  height: 48px;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  background-color: #ffffff;
}
.chooseNumberWrapper .select-region select:focus {
  outline: none;
  box-shadow: none;
}
.chooseNumberWrapper .form-checkboxes {
  display: flex;
  flex-wrap: wrap;
  padding: 29px 0px;
  box-sizing: border-box;
  width: 570px;
  border: 1px solid #e6e8ed;
  justify-content: space-between;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 765px) {
  .chooseNumberWrapper .form-checkboxes {
    width: calc(100% + 20px);
    margin-left: -10px;
    padding: 0 0px 0px 7px;
  }
}
.chooseNumberWrapper .form-checkboxes .form-type-checkbox {
  width: 33%;
  display: flex;
  align-items: center;
  margin: 12px 0;
  padding-left: 18px;
}
@media (max-width: 765px) {
  .chooseNumberWrapper .form-checkboxes .form-type-checkbox {
    width: 49%;
    padding-left: 0;
  }
}
.chooseNumberWrapper .form-checkboxes .form-type-checkbox input {
  margin-right: 10px;
  margin-top: -2px;
}
.chooseNumberWrapper .form-checkboxes .form-type-checkbox span {
  color: #494949;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 20px;
}
.chooseNumberWrapper .pagination-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 24px 0;
}
.chooseNumberWrapper .pagination-btn button {
  height: 24px;
  width: 24px;
  background-color: #2449FB;
  color: #ffffff;
  font-family: Avenir;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 18px;
  text-align: center;
  padding: 0;
  border-radius: 0;
  margin: 0 8px;
}
.chooseNumberWrapper .pagination-btn button.active {
  border: 1px solid #070952;
  background: #ffffff;
  color: #070952;
}
.chooseNumberWrapper .hasAnyChooseNumbers {
  text-align: left;
}
.chooseNumberWrapper .hasAnyChooseNumbers p {
  color: #070952;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 26px;
  margin-bottom: 8px;
}
.chooseNumberWrapper .hasAnyChooseNumbers .card {
  width: 400px;
  border: 1px solid #070952;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 765px) {
  .chooseNumberWrapper .hasAnyChooseNumbers .card {
    width: 100%;
  }
}
.chooseNumberWrapper .hasAnyChooseNumbers .card .card-body {
  padding: 0;
}
.chooseNumberWrapper .hasAnyChooseNumbers .card ul {
  margin-bottom: 0;
  padding-left: 0;
}
.chooseNumberWrapper .hasAnyChooseNumbers .card ul li {
  list-style: none;
  padding: 10px 0 10px 30px;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  display: flex;
  align-items: center;
}
.chooseNumberWrapper .hasAnyChooseNumbers .card ul li span {
  color: #bcbcbc;
}
.chooseNumberWrapper .hasAnyChooseNumbers .card ul li:not(:last-child) {
  border-bottom: 1px solid #eaf3f5;
}
.chooseNumberWrapper .hasAnyChooseNumbers .card ul li input {
  margin-right: 10px;
}
.chooseNumberWrapper .acknowlege {
  text-align: left;
}
.chooseNumberWrapper .acknowlege h4 {
  color: #494949;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 23px;
}
.chooseNumberWrapper .acknowlege p {
  color: #494949;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
}
.chooseNumberWrapper button {
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0;
  text-align: center;
  border-radius: 3px;
  background-color: #2449FB;
  width: 100%;
}
.chooseNumberWrapper button:hover {
  background: #070952;
}
.chooseNumberWrapper button:disabled {
  background-color: #d6d6d6;
  color: #767676;
}
.chooseNumberWrapper button:focus {
  box-shadow: none;
}

.oss_steps {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.oss_steps > * {
  flex: 1 0 33.33%;
}
.oss_steps .step {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
}
.oss_steps .step img {
  width: 14px;
}
.oss_steps .step.active:not(:first-child)::before {
  background-color: #2449FB;
}
.oss_steps .step.active span {
  background-color: #2449FB;
}
.oss_steps .step.active p {
  color: #2449FB;
}
.oss_steps .step:not(:first-child)::before {
  transform: scaleY(-1);
  content: "";
  position: absolute;
  height: 3px;
  width: 220px;
  background-color: #9b9b9b;
  right: 50%;
  top: 15px;
}
@media (max-width: 767px) {
  .oss_steps .step:not(:first-child)::before {
    width: 170px;
  }
}
@media (max-width: 574px) {
  .oss_steps .step:not(:first-child)::before {
    width: 30vw;
  }
}
.oss_steps .step span {
  height: 32px;
  width: 32px;
  background-color: #d6d6d6;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 26px;
  text-align: center;
  position: relative;
  z-index: 10;
}
.oss_steps .step p {
  color: #999999;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 19px;
  text-align: center;
  margin-top: 5px;
}
@media (max-width: 360px) {
  .oss_steps .step p {
    font-size: 12px;
  }
}

.oss_signIn button {
  width: 378px;
  max-width: 100%;
}
@media (max-width: 765px) {
  .oss_signIn button {
    font-size: 15px;
  }
}
.oss_signIn button.shop-back-btn {
  color: #4a90e2;
  letter-spacing: 0;
  text-align: center;
  border-radius: 3px;
  background-color: transparent;
  width: 100%;
}
.oss_signIn button.shop-back-btn:focus {
  box-shadow: none;
}

.oss_information {
  margin-top: 32px;
  text-align: left;
  width: 630px;
}
@media (max-width: 765px) {
  .oss_information {
    width: 100%;
  }
  .oss_information .w-570 {
    width: 92%;
  }
  .oss_information .row .col-sm-6:not(:first-child) {
    margin-top: 12px;
  }
}
.oss_information input,
.oss_information textarea,
.oss_information select {
  color: #070952;
}
.oss_information input:focus,
.oss_information textarea:focus,
.oss_information select:focus {
  box-shadow: none;
}
.oss_information h1 {
  color: #1a1a1a;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 36px;
  text-align: center;
}
@media (max-width: 765px) {
  .oss_information h1 {
    font-size: 25px;
    line-height: 29px;
  }
}
.oss_information .buy-msg {
  color: #1a1a1a;
}
.oss_information .oss-welcome-msg {
  opacity: 0.5;
  color: #1a1a1a;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 23px;
}
.oss_information .tac {
  color: #767676;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 23px;
  margin-left: 40px;
}
@media (max-width: 765px) {
  .oss_information .tac {
    font-size: 11px;
    margin-left: 19px;
  }
}
.oss_information ul {
  box-sizing: border-box;
  border: 1px solid #eeeeee;
  border-radius: 6px;
  background-color: #e6eef5;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  padding: 16px 0;
  margin-bottom: 0;
}
.oss_information ul li {
  list-style: none;
  color: #191919;
  font-size: 18px;
  /* font-weight: bold; */
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 600;
}
.oss_information .card {
  background-color: #ffffff;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
}
.oss_information .card .card-body {
  padding: 24px 0px;
}
.oss_information .card .card-body h2 {
  color: #1a1a1a;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 25px;
}
@media (max-width: 765px) {
  .oss_information .card .card-body h2 {
    font-size: 17px;
  }
}
.oss_information .card .card-body h2 span {
  color: #bebebe;
}
.oss_information .delivery-info h4 {
  color: #1a1a1a;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 26px;
}
.oss_information label {
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 0;
}
.oss_information label .req {
  color: #ff0404;
}
.oss_information .form-group:not(:last-child) {
  margin-bottom: 16px;
}
.oss_information .form-group .radio-field {
  color: #494949;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
}
@media (max-width: 765px) {
  .oss_information .form-group .radio-field {
    font-size: 18px;
  }
}
.oss_information .form-group .radio-field input {
  height: 18px;
  width: 18px;
  margin-right: 10px;
}
@media (max-width: 765px) {
  .oss_information .form-group .radio-field input {
    height: 14px;
    width: 14px;
    margin-right: 6px;
  }
}
.oss_information .form-group .radio-field:first-child {
  margin-right: 55px;
}
.oss_information .form-group label {
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 0;
}
.oss_information .form-group label .req {
  color: #ff0404;
}
.oss_information .form-group input:focus {
  box-shadow: none;
}
.oss_information .form-group input[type=text] {
  height: 38px;
  border: 1px solid #d6d6d6;
  border-radius: 3px;
  background-color: #ffffff;
}
.oss_information .form-group input[type=text]:disabled {
  border: 1px solid #d6d6d6;
  background-color: #eeeeee;
  color: #767676;
}
.oss_information .form-group .upload {
  width: 370px;
  border-radius: 3px;
  background-color: #f5f5f5;
  display: flex;
  height: 38px;
  align-items: center;
  position: relative;
}
.oss_information .form-group .upload.error-border {
  border: 1px solid salmon;
}
@media (max-width: 765px) {
  .oss_information .form-group .upload {
    width: 100%;
  }
}
.oss_information .form-group .upload object {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 10px;
}
.oss_information .form-group .upload span {
  width: 106px;
  border: 1px solid #1a1a1a;
  border-radius: 3px;
  background-color: #f5f5f5;
  color: #1a1a1a;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 24px;
  margin: 0 16px 0 8px;
  text-align: center;
}
@media (max-width: 765px) {
  .oss_information .form-group .upload span {
    width: 85px;
    margin: 0 10px 0 8px;
  }
}
.oss_information .upload-error-msg {
  font-size: 12px;
  color: salmon;
}
.oss_information .telenor-shop {
  width: 570px;
  max-width: 100%;
  background-color: #e6eef4;
  padding: 11px 56px 11px 11px;
}
.oss_information .telenor-shop p {
  color: #1a1a1a;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 30px;
}
.oss_information .telenor-shop .tshop-number {
  margin-top: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.oss_information .telenor-shop .tshop-number object {
  margin-right: 8px;
  width: 18px;
}
.oss_information button.shop-submit-btn {
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0;
  text-align: center;
  border-radius: 3px;
  background-color: #070952;
  width: 100%;
}
.oss_information button.shop-submit-btn:disabled {
  background-color: #d6d6d6;
  color: #767676;
}
.oss_information button.shop-submit-btn:focus {
  box-shadow: none;
}
.oss_information button.shop-back-btn {
  color: #4a90e2;
  font-size: 18px;
  letter-spacing: 0;
  text-align: center;
  border-radius: 3px;
  background-color: transparent;
  width: 100%;
}
.oss_information button.shop-back-btn:focus {
  box-shadow: none;
}

.oss_success_box {
  border: 1px solid #eeeeee;
  background-color: #ffffff;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
  width: 431px;
  padding: 24px 30px;
}
@media (max-width: 765px) {
  .oss_success_box {
    width: 100%;
  }
}
.oss_success_box .tickmark {
  border-bottom: 1px solid #eaf3f5;
}
.oss_success_box .tickmark img {
  height: 26.67px;
  width: 26.67px;
  background-color: #2449FB;
  border-radius: 50%;
  padding: 7px;
}
.oss_success_box .tickmark object {
  width: 28px;
}
.oss_success_box .tickmark object svg {
  fill: blue;
}
.oss_success_box .tickmark object svg g {
  fill: #ffb4b4;
}
.oss_success_box .tickmark h2 {
  color: #1a1a1a;
  font-weight: 600;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 28px;
  text-align: center;
}
.oss_success_box .desc {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
  border-bottom: 1px solid #eaf3f5;
}
.oss_success_box .desc span {
  color: #767676;
}
.oss_success_box .desc p {
  color: #1a1a1a;
}

.gne-home__findoutmore-card {
  display: flex;
  flex-wrap: wrap;
}
.gne-home__findoutmore-card :not(:last-child) {
  margin-right: 30px;
}
.gne-home__findoutmore-card p {
  margin: 0 !important;
}
@media (max-width: 768px) {
  .gne-home__findoutmore-card {
    flex-direction: column;
  }
  .gne-home__findoutmore-card :not(:last-child) {
    margin-right: 0;
  }
  .gne-home__findoutmore-card .gne-findoutmore-card {
    margin-bottom: 30px;
    width: 100%;
  }
}

.gne-findoutmore-card {
  background-color: #ffffff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  width: calc(25% - 30px);
  margin-bottom: 30px;
}
.gne-findoutmore-card img {
  width: 100%;
}
.gne-findoutmore-card__content {
  height: 185px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.AppsCard {
  display: flex;
  box-sizing: border-box;
  width: 830px;
  border: 1px solid #eeeeee;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  padding: 24px 30px;
}
@media (max-width: 768px) {
  .AppsCard {
    flex-direction: column;
    width: 100%;
    align-items: center;
  }
}
.AppsCard__details {
  margin-left: 30px;
}
@media (max-width: 768px) {
  .AppsCard__details {
    margin-left: 0;
    margin-top: 30px;
  }
}
.AppsCard__details .logo-title {
  display: flex;
  align-items: center;
}
.AppsCard__details .logo-title img {
  width: 56px;
}
.AppsCard__details p {
  margin-bottom: 32px;
  color: #767676;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 32px;
}
.AppsCard__details .get-app-now p {
  color: #1a1a1a;
  line-height: 26px;
}
.AppsCard__details .get-app-now .store-icons img {
  width: 148px;
}

.gne-accordion button {
  background: #d6d6d6;
  border-color: #ddd;
  font-weight: bold;
}
.gne-accordion button:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}
.gne-accordion button:active {
  outline: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}
.gne-accordion .accordion-collapse {
  background: whitesmoke !important;
}
.gne-accordion .accordion-button:not(.collapsed) {
  color: black;
  background: #d6d6d6;
}
.gne-accordion .accordion-item {
  margin-bottom: 10px;
}

.subscription-plans .contents-4 {
  height: 200px;
  width: 370px;
  margin-bottom: 10px;
  background-position: center center;
  background-size: cover;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-image: url("/assets/images/gne/Enjoy4contents.png");
  padding-left: 90px;
}
@media (max-width: 768px) {
  .subscription-plans .contents-4 {
    height: auto;
    width: 100%;
  }
  .subscription-plans .contents-4 h2 {
    font-size: 20px;
  }
  .subscription-plans .contents-4 p {
    font-size: 14px;
  }
}
.subscription-plans .contents-4 h2 {
  color: #fff;
  font-style: italic;
  color: #f6b917;
}
.subscription-plans .contents-4 p {
  color: #fff;
  font-style: italic;
  margin-bottom: 0 !important;
  color: #f6b917;
}
.subscription-plans .annual-susbcription {
  height: 200px;
  width: 370px;
  margin-bottom: 10px;
  background-position: center center;
  background-size: cover;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-image: url("/assets/images/gne/AnnualSubscription.png");
  padding-left: 116px;
}
@media (max-width: 768px) {
  .subscription-plans .annual-susbcription {
    height: auto;
    width: 100%;
  }
  .subscription-plans .annual-susbcription h2 {
    font-size: 20px;
  }
  .subscription-plans .annual-susbcription p {
    font-size: 14px;
  }
}
.subscription-plans .annual-susbcription h2 {
  color: #fff;
  font-style: italic;
  color: #f6b917;
}
.subscription-plans .annual-susbcription p {
  color: #fff;
  font-style: italic;
  margin-bottom: 0 !important;
  color: #f6b917;
}
.subscription-plans .kyats {
  height: 200px;
  width: 370px;
  margin-bottom: 10px;
  background-position: center center;
  background-size: cover;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-image: url("/assets/images/gne/450Kyats.png");
  padding-left: 32px;
}
@media (max-width: 768px) {
  .subscription-plans .kyats {
    height: auto;
    width: 100%;
  }
  .subscription-plans .kyats h2 {
    font-size: 20px;
  }
  .subscription-plans .kyats p {
    font-size: 14px;
  }
}
.subscription-plans .kyats h2 {
  color: #fff;
  font-style: italic;
  color: #1a1a1a;
}
.subscription-plans .kyats p {
  color: #fff;
  font-style: italic;
  margin-bottom: 0 !important;
  color: #1a1a1a;
}
.subscription-plans .disney-enjoy {
  height: 200px;
  width: 370px;
  margin-bottom: 10px;
  background-position: center center;
  background-size: cover;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-image: url("/assets/images/gne/enjoythedisenyd.png");
  padding-left: 32px;
}
@media (max-width: 768px) {
  .subscription-plans .disney-enjoy {
    height: auto;
    width: 100%;
  }
  .subscription-plans .disney-enjoy h2 {
    font-size: 20px;
  }
  .subscription-plans .disney-enjoy p {
    font-size: 14px;
  }
}
.subscription-plans .disney-enjoy h2 {
  color: #fff;
  font-style: italic;
}
.subscription-plans .disney-enjoy p {
  color: #fff;
  font-style: italic;
  margin-bottom: 0 !important;
}

@media (max-width: 768px) {
  .category-accordion .category-apps {
    flex-direction: column;
  }
  .category-accordion .category-apps img {
    width: 100%;
  }
}
.category-accordion .category-apps .right-contents {
  background-color: #0096ff;
  width: 100%;
  padding: 30px;
  color: #fff;
}
.category-accordion .category-apps ol {
  list-style-type: circle;
  padding-left: 30px;
}
.category-accordion .accordion-item {
  overflow: hidden;
  margin-bottom: 10px;
}
.category-accordion button {
  background: #fff;
  border: 1px solid #d6d6d6 !important;
  border-top-left-radius: 12px !important;
  border-top-right-radius: 12px !important;
  border-bottom-left-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
  font-weight: bold;
}
.category-accordion .accordion-collapse {
  background: transparent !important;
  border: transparent;
}
.category-accordion .accordion-button:not(.collapsed) {
  color: black;
  background: #fff;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-bottom: transparent !important;
}
.category-accordion .accordion-button:focus {
  box-shadow: none;
}
.category-accordion .accordion-body {
  background-color: #fff !important;
  border-top: transparent;
  border: 1px solid #d6d6d6;
  border-top: 1px solid transparent;
  border-bottom-left-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
}

.prizes {
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  padding: 20px 30px;
  border: 1px solid #19aaf8;
  border-radius: 16px;
  background-color: #ffffff;
  box-shadow: 0 1px 10px 0 rgba(0, 122, 208, 0.5);
}
.prizes h2 {
  text-align: center;
  margin: 5px 0 15px 0;
}
.prizes .prizes-cards {
  display: flex;
}
@media (max-width: 768px) {
  .prizes .prizes-cards {
    flex-direction: column;
    align-items: center;
  }
}
.prizes .prize-card {
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  text-align: center;
}
@media (max-width: 768px) {
  .prizes .prize-card {
    margin: 10px 0;
  }
}
.prizes .prize-card:not(:last-child) {
  margin-right: 80px;
}
@media (max-width: 768px) {
  .prizes .prize-card:not(:last-child) {
    margin-right: 0;
  }
}
.prizes .prize-card img {
  width: auto;
  height: 96px;
}

.gne-white-tac li {
  line-height: 34px;
}

.gne-letsplay__box:not(:last-child) {
  margin-bottom: 70px;
  border-bottom: 2px solid #162450;
  padding-bottom: 36px;
}
.gne-letsplay__box__quadrilateral {
  height: 75px;
  transform: skewX(-30deg);
  background: linear-gradient(45deg, rgb(148, 24, 232) 23%, rgb(0, 154, 163) 100%);
}
.gne-letsplay__box__quadrilateral img {
  max-width: 97px;
  height: 75px;
  transform: skewX(30deg);
  left: -22px;
  position: relative;
}
.gne-letsplay__box__quadrilateral h1 {
  position: absolute;
  top: 0px;
  left: 90px;
  height: 0px;
  transform: skewX(15deg);
  font-size: 31px;
  margin-top: 19px;
  color: #fff;
}
@media (max-width: 767px) {
  .gne-letsplay__box__quadrilateral h1 {
    font-size: 18px;
    line-height: 1;
  }
}

.carrier-billing-feature {
  background-color: #eaf3f5;
  padding: 40px 0 32px 0;
}
.carrier-billing-feature h2 {
  line-height: 35px;
}
.carrier-billing-feature ul li {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 28px;
}
.carrier-billing-feature ul li a {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 28px;
  text-decoration: underline;
}
.carrier-billing-feature__img {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .carrier-billing-feature__img {
    flex-direction: column;
  }
}
.carrier-billing-feature__img img {
  width: calc(50% - 15px);
}
@media (max-width: 768px) {
  .carrier-billing-feature__img img {
    width: 100%;
  }
  .carrier-billing-feature__img img:first-child {
    margin-bottom: 24px;
  }
}

a.arrow-right {
  position: relative;
}
a.arrow-right::before {
  content: "\e90a";
  font-family: "TelenorIcon" !important;
  position: absolute;
  right: -20px;
  font-size: 14px;
}

.gne .owl-stage {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.gne .owl-dots {
  margin-top: 1.5rem;
}

.gne .owl-dots .owl-dot span {
  width: 10px !important;
  height: 10px !important;
  background: #d6d6d6 !important;
}

.gne .owl-dots .owl-dot:hover span {
  background: #d6d6d6 !important;
}

.gne .owl-dots .owl-dot.active span {
  width: 10px !important;
  height: 10px !important;
  background: #070952 !important;
}

.tel-app-store {
  padding: 29px 0 0 0;
}
.tel-app-store__text-block {
  padding: 14px 0;
  border: 1px solid #eeeeee;
  border-radius: 6px;
  background-color: #ffffff;
}

.gne-SateKyite {
  padding: 29px 0 64px 0;
}
@media (max-width: 768px) {
  .gne-SateKyite {
    padding: 29px 15px 64px 15px;
  }
  .gne-SateKyite h1 {
    font-size: 24px;
  }
  .gne-SateKyite.w-570 {
    width: 100%;
  }
}
.gne-SateKyite__details {
  display: flex;
  flex-direction: row;
}
@media (max-width: 768px) {
  .gne-SateKyite__details {
    flex-direction: column;
  }
}
.gne-SateKyite__detail {
  flex-basis: 0;
  flex-grow: 1;
}
@media (max-width: 768px) {
  .gne-SateKyite__detail {
    margin-bottom: 30px;
  }
}
.gne-SateKyite__detail:not(:last-child) {
  margin-right: 30px;
}
@media (max-width: 768px) {
  .gne-SateKyite__detail:not(:last-child) {
    margin-right: 0px;
  }
}
.gne-SateKyite__detail img {
  height: 80px;
  width: 80px;
}
.gne-SateKyite__detail p {
  line-height: 24px;
}
.gne-SateKyite__detail .image-with-title img {
  height: 48px;
  width: 48px;
}
.gne-SateKyite__text-block {
  padding: 24px 0;
  border: 1px solid #eeeeee;
  border-radius: 6px;
  background-color: #ffffff;
}

.gne-howToSlider {
  background-color: #f5f5f5;
  padding: 32px 0;
}
.gne-howToSlider ul {
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #d6d6d6;
}
.gne-howToSlider ul li {
  height: 48px;
  color: #767676;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
  padding: 11px 17px;
  cursor: pointer;
}
.gne-howToSlider ul li.active {
  color: #070952;
  border-bottom: 2px solid #070952;
}
.gne-howToSlider__sliders {
  width: 370px;
}
.gne-howToSlider__slider {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.gne-howToSlider__slider__screen {
  height: 368px;
  width: 170px;
  border-radius: 12px;
  background-color: #d8d8d8;
}
.gne-howToSlider__slider__screen img {
  height: 100%;
  width: 100%;
}

.balance-container {
  background-color: #FFFFFF;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid #EEEEEE;
  border-radius: 6px;
  padding: 28px;
}
.balance-container .balance-info-text {
  color: #767676;
  font-size: 14px;
  font-weight: 500;
  line-height: 23px;
}
.balance-container .balance-info-desc {
  color: #191919;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 16px;
}
.balance-container .main-balance-info-desc {
  font-size: 28px;
  line-height: 40px;
  color: #1A1A1A;
}
.balance-container .main-balance-info-desc sub {
  color: #767676;
  bottom: 0;
}
.balance-container .balance-info-border-right {
  border-right: 1px solid #D6D6D6;
}
@media (max-width: 767px) {
  .balance-container .balance-info-border-right {
    border-right: 0 solid;
  }
}
.balance-container .balance-info-border-left {
  border-left: 1px solid #D6D6D6;
}
@media (max-width: 767px) {
  .balance-container .balance-info-border-left {
    border-left: 0 solid;
  }
}
.balance-container .balance-info-url {
  color: #070952;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 32px;
}
.balance-container .link_btn {
  font-size: 13px;
}
.balance-container .mt-2 .link_btn {
  font-size: 16px;
}

.blance-wrapper {
  position: relative;
}
.blance-wrapper .blance {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 70px;
  width: 142px;
  border-radius: 35.5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 1049;
}
@media (max-width: 767px) {
  .blance-wrapper .blance {
    top: 2px;
    width: 95px;
  }
}
.blance-wrapper svg {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.blance-wrapper .blance-amount {
  color: #0B1936;
  font-size: 20px;
  line-height: 1;
}
@media (max-width: 767px) {
  .blance-wrapper .blance-amount {
    font-size: 18px;
  }
}
.blance-wrapper .blance-type {
  color: #0B1936;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}

.buy-packs {
  min-height: 130px;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  border: 1px solid #EEEEEE;
  background-color: #FBFBFB;
}
@media (max-width: 767px) {
  .buy-packs {
    padding: 1rem 0;
  }
}
.buy-packs .buy-packs-icon {
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.buy-packs span {
  color: #070952;
  font-size: 14px;
  font-weight: bold;
}

.sim-card-order {
  background-color: #FFFFFF;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  padding: 1.5rem 2rem 2rem;
  border-radius: 6px;
  border: 1px solid #EEEEEE;
}
.sim-card-order table {
  table-layout: fixed;
}
.sim-card-order caption {
  caption-side: top;
  color: #1A1A1A;
  font-size: 20px;
  font-weight: bold;
  line-height: 28px;
  padding: 0;
}
.sim-card-order th {
  color: #767676;
  font-size: 16px;
  line-height: 24px;
  border-bottom-width: 0;
}
.sim-card-order td {
  color: #1A1A1A;
  font-size: 16px;
  line-height: 24px;
}
.sim-card-order td:first-child {
  font-weight: bold;
}
.sim-card-order td .completed {
  color: #070952;
}
.sim-card-order td .rejected {
  color: #FB5B5B;
}
.sim-card-order td a {
  text-decoration: underline;
}
.sim-card-order td button {
  padding: 0;
}
.sim-card-order .pagination-btn {
  margin-bottom: 0;
}

.sim-card-order .table > :not(caption) > * > * {
  padding: 0.625rem 0.5rem !important;
}

.oss-order .pagination-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 24px 0;
}
.oss-order .pagination-btn button {
  height: 24px;
  width: 24px;
  background-color: #2449FB;
  color: #ffffff;
  font-family: Avenir;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 18px;
  text-align: center;
  padding: 0;
  border-radius: 0;
  margin: 0 8px;
}
.oss-order .pagination-btn button:hover {
  background: #070952;
}
.oss-order .pagination-btn button.active {
  border: 1px solid #070952 !important;
  background: #ffffff !important;
  color: #070952 !important;
}

.subscribed-vas .pagination-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 24px 0;
}
.subscribed-vas .pagination-btn button {
  height: 24px;
  width: 24px;
  background-color: #070952;
  color: #ffffff;
  font-family: Avenir;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 18px;
  text-align: center;
  padding: 0;
  border-radius: 0;
  margin: 0 8px;
}
.subscribed-vas .pagination-btn button.active {
  border: 1px solid #070952;
  background: #ffffff;
  color: #070952;
}

.astrology-vas {
  background: #F5F5F5;
  padding: 40px 0;
}

.astrology-vas-tab {
  justify-content: center;
  border-bottom: 0 solid;
}

.astrology-vas-tab .nav-link {
  background-color: #F5F5F5;
  color: #000000;
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  border-bottom: 1px solid #D6D6D6;
  margin: 0 5px;
}
.astrology-vas-tab .nav-link:hover {
  color: #2449FB;
}

.astrology-vas-tab .nav-item button:focus {
  outline: 0;
}

.astrology-vas-tab .nav-item.show .nav-link,
.astrology-vas-tab .nav-link.active {
  color: #2449FB;
  border-bottom-width: 2px;
  font-weight: 600;
  background-color: #F5F5F5;
  border-color: #F5F5F5 #F5F5F5 #2449FB;
}

.astrology-vas-tab .nav-link:focus, .astrology-vas-tab .nav-link:hover {
  border-bottom-width: 2px;
  border-color: #F5F5F5 #F5F5F5 #2449FB;
}

.horoscrope-card {
  width: 100% !important;
  max-width: 570px;
  margin: auto;
  background: #FFF;
  padding: 30px;
  width: 571px;
  border: 1px solid #EEEEEE;
  background-color: #FFFFFF;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
}
@media (max-width: 320px) {
  .horoscrope-card {
    font-size: 14px;
  }
}

.horoscrope-card h2 {
  color: #1A1A1A;
  /*   font-family: Telenor; */
  font-size: 24px;
  font-weight: bold;
  /*   letter-spacing: 0; */
  line-height: 32px;
}

.horoscrope-card p {
  color: #1A1A1A;
  /*   font-family: Telenor; */
  font-size: 18px;
  letter-spacing: 0;
  line-height: 26px;
}

.astrology-vas-services-card {
  border: 1px solid #EEEEEE;
  border-radius: 6px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  padding: 30px;
  text-align: center;
  margin: 1rem 0;
}
.astrology-vas-services-card p {
  color: #1A1A1A;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
  padding: 0 5rem;
  margin-bottom: 1rem;
  font-weight: 600;
}
@media (max-width: 767px) {
  .astrology-vas-services-card p {
    padding: 0;
  }
}
.astrology-vas-services-card a {
  font-size: 18px;
  font-weight: 600;
}

.subscribed-vas-table {
  border-radius: 6px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 0;
}
.subscribed-vas-table .unsubscribe-button {
  text-decoration: none;
  color: #070952;
  font-weight: 400;
  padding: 0;
  outline: 0;
}
.subscribed-vas-table .unsubscribe-button:focus {
  box-shadow: none;
}

.subscribed-vas-table table {
  margin-bottom: 0;
  background: #FFF;
}

.subscribed-vas-table .table > :not(caption) > * > * {
  padding: 0.75rem 1.5rem !important;
}

.subscribed-vas-table thead {
  background: #070952;
}

.subscribed-vas-table thead tr {
  color: #FFFFFF;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 23px;
  border-bottom-width: 0 !important;
}

.owl-car-my-account img {
  width: 100%;
  max-width: 770px;
  margin: auto;
}

.balance-detail {
  display: flex;
}
.balance-detail .balance-detail-data {
  margin-right: 0.5rem;
  margin-bottom: 0.25rem;
  display: flex;
  flex-direction: column;
  width: 90px;
  text-align: center;
}
.balance-detail .balance-detail-data .balance-detail-data-amount {
  color: #191919;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 24px;
}
.balance-detail .balance-detail-data .balance-detail-data-pack {
  color: #191919;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 24px;
}
.balance-detail .balance-detail-info .balance-detail-info-title {
  color: #191919;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}
.balance-detail .balance-detail-info .balance-detail-info-validity {
  color: #767676;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 24px;
}

.offer-modal .modal-dialog {
  max-width: 400px;
  margin: 0 auto;
}

@media (min-width: 576px) {
  .modal-myaccount .modal-dialog {
    width: 430px;
  }
}
.modal-myaccount .modal-content {
  background-color: #070952;
}
.modal-myaccount .modal-myaccount-header {
  border-bottom: 0 solid;
}

.balance-box {
  background-color: #FBFBFB;
  border-left: 5px solid #070952;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.balance-box h1 {
  font-size: 2rem;
}
.balance-box .balance-box-data h3 {
  width: 120px;
  font-size: 26px;
  font-weight: 600;
}
.balance-box .balance-box-data p {
  font-size: 16px;
}
.balance-box .balance-box-info h6 {
  font-size: 18px;
  padding-top: 0 !important;
}
.balance-box .balance-box-info p {
  font-size: 14px;
  color: #767676;
  line-height: 24px;
  padding-top: 0.25rem;
}

.balance-box.balance-box-data-border {
  -o-border-image: radial-gradient(#82EBF4, #070952) 1;
     border-image: radial-gradient(#82EBF4, #070952) 1;
}

.balance-box.balance-box-voice-border {
  -o-border-image: radial-gradient(#FFB4B4, #ec6f6f) 1;
     border-image: radial-gradient(#FFB4B4, #ec6f6f) 1;
}

.balance-box.balance-box-lowest-border {
  -o-border-image: radial-gradient(#C4EE02, #65D581) 1;
     border-image: radial-gradient(#C4EE02, #65D581) 1;
}

.balance-box.balance-box-sms-border {
  -o-border-image: radial-gradient(#FFE900, #1DA600) 1;
     border-image: radial-gradient(#FFE900, #1DA600) 1;
}

@media (max-width: 992px) {
  .owl-car-my-account {
    padding: 0 1rem;
  }
}

.owl-car-my-account .owl-prev {
  position: absolute;
  top: 38%;
  left: 10%;
}
@media (max-width: 767px) {
  .owl-car-my-account .owl-prev {
    top: 30%;
    left: 5%;
  }
}

.owl-car-my-account .owl-next {
  position: absolute;
  top: 38%;
  right: 10%;
}
@media (max-width: 767px) {
  .owl-car-my-account .owl-next {
    top: 30%;
    right: 5%;
  }
}

.owl-car-my-account .owl-dots .owl-dot span {
  background: #D6D6D6 !important;
}

.owl-car-my-account .owl-dots .owl-dot.active span,
.owl-car-my-account .owl-dots .owl-dot:hover span {
  background: #070952 !important;
}

.owl-car-my-account .owl-nav [class*=owl-]:hover {
  background-color: transparent;
}

.owl-car-my-account button:focus {
  box-shadow: 0;
}

.mytelenor-account-carousel .owl-dots .owl-dot span {
  background: #D6D6D6 !important;
}

.mytelenor-account-carousel .owl-dots .owl-dot.active span,
.mytelenor-account-carousel .owl-dots .owl-dot:hover span {
  background: #070952 !important;
}

.business-thum {
  box-sizing: border-box;
  height: 201px;
  width: 100%;
  border: 1px solid #979797;
  background-color: #D8D8D8;
}

.benefit-card img {
  width: 100px;
}

.business-contact-card {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  padding: 1rem 0 1.5rem;
  min-height: 150px;
}
@media (max-width: 1400px) {
  .business-contact-card {
    min-height: 170px;
  }
}
.business-contact-card__image {
  height: 64px;
  width: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.business-contact-form {
  padding: 1.25rem;
  border-radius: 6px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}
.business-contact-form h1 {
  margin-top: -40px;
}
.business-contact-form .form-label {
  font-size: 14px;
  margin-bottom: 0;
}
.business-contact-form .form-label span {
  color: #CD201F;
}
.business-contact-form input, .business-contact-form textarea, .business-contact-form select {
  border: 1px solid rgba(26, 26, 26, 0.1);
  border-radius: 4px;
  background-color: #F5F5F5;
}
.business-contact-form input:focus, .business-contact-form textarea:focus, .business-contact-form select:focus {
  background-color: #F5F5F5;
  box-shadow: none;
  border: 1px solid rgba(26, 26, 26, 0.1);
}
.business-contact-form .form-check {
  padding-left: 0;
}
@media (min-width: 1200px) {
  .business-contact-form .form-check-inline {
    margin-right: 9rem;
  }
}
.business-contact-form .captcha-fill-input {
  width: 270px;
  max-width: 100%;
}
.business-contact-form hr {
  margin-top: 1.5rem;
  margin-bottom: 2rem;
  border: 0;
  border-top: 0 solid;
}
.business-contact-form button[type=submit] {
  width: 370px;
}
@media (max-width: 575px) {
  .business-contact-form button[type=submit] {
    width: 100%;
  }
}

.mobile-service-card-body {
  min-height: 16rem;
}

.business-tab .nav-tabs {
  border-bottom: 0 solid #dee2e6;
  margin-bottom: 1rem;
}

.business-tab .nav-tabs .nav-item .nav-link,
.business-tab .nav-tabs .nav-link,
.business-tab .nav-tabs .nav-item.show .nav-link,
.business-tab .nav-tabs .nav-link.active {
  font-size: 18px;
  font-weight: 600;
  color: #495057;
  background-color: transparent;
  border-color: transparent transparent transparent;
  margin: 0 5px;
}
@media (min-width: 768px) and (max-width: 992px) {
  .business-tab .nav-tabs .nav-item .nav-link,
  .business-tab .nav-tabs .nav-link,
  .business-tab .nav-tabs .nav-item.show .nav-link,
  .business-tab .nav-tabs .nav-link.active {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .business-tab .nav-tabs .nav-item .nav-link,
  .business-tab .nav-tabs .nav-link,
  .business-tab .nav-tabs .nav-item.show .nav-link,
  .business-tab .nav-tabs .nav-link.active {
    font-size: 12px;
  }
}
.business-tab .nav-tabs .nav-item .nav-link:hover,
.business-tab .nav-tabs .nav-link:hover,
.business-tab .nav-tabs .nav-item.show .nav-link:hover,
.business-tab .nav-tabs .nav-link.active:hover {
  color: #2449FB;
  border-bottom-width: 2px;
  border-bottom-color: #2449FB;
}

.business-tab .nav-tabs .nav-item.show .nav-link,
.business-tab .nav-tabs .nav-link.active {
  color: #2449FB;
  border-color: transparent transparent #2449FB;
  border-bottom-width: 2px;
}

.business-benefit-box {
  border: 1px solid #eeeeee;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  padding: 1rem;
}
.business-benefit-box .bbbc-left {
  border-left: 1px solid #eee;
}

.inquire {
  background-color: #00aaf8;
}

.fs-10 {
  font-size: 10px;
}

.search-pagination {
  justify-content: center;
}
@media (max-width: 767px) {
  .search-pagination {
    justify-content: flex-start;
    overflow-x: auto;
    padding-bottom: 10px;
  }
}
.search-pagination .page-item {
  margin-right: 1rem;
  vertical-align: center;
}
.search-pagination .page-item:last-child {
  margin-right: 0;
}

.search-pagination .active .current,
.search-pagination .active .page-link {
  border: 1px solid #070952;
  color: #070952;
  background: #FFF;
  width: 43px;
  height: 43px;
  text-align: center;
  display: block;
}

.search-pagination .page-link {
  width: 43px;
  height: 43px;
  text-align: center;
  background: #2449FB;
  color: #FFF;
  border: 1px solid #2449FB;
  line-height: 29px;
  font-size: 13px;
}
.search-pagination .page-link:hover {
  background: #070952;
  border-color: #070952;
}

.search-pagination .page-item:first-child .page-link {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.search-pagination .page-item:last-child .page-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.custom-file-input {
  width: 100%;
  max-width: 370px;
  background: #F5F5F5;
  border-radius: 4px;
  padding: 7px 5px;
}

#custom-button {
  cursor: pointer;
  width: 106px;
  border: 1px solid #1A1A1A;
  border-radius: 3px;
  background-color: #F5F5F5;
  font-size: 14px;
  letter-spacing: 0;
  height: 24px;
}

#custom-text {
  margin-left: 10px;
  font-size: 14px;
  line-height: 24px;
}

@media (max-width: 767px) {
  #custom-text {
    margin-left: 5px;
    font-size: 12px;
  }
}
label.error {
  color: red;
  font-size: 1rem;
  display: block;
  margin-top: 5px;
}

.telenor-business-card {
  background: url(/assets/images/business/telenor-business.png);
  background-size: 40%;
  background-repeat: no-repeat;
  background-position: right 99%;
}

.data-pool-slider .owl-item img {
  width: 90%;
  margin: auto;
}

.owl-prev, .owl-next {
  background: transparent !important;
  font-size: 2rem;
}

.owl-prev span, .owl-next span {
  font-size: 2rem;
}

.media-type-tabs {
  overflow-x: auto;
}
.media-type-tabs::-webkit-scrollbar {
  display: none;
}

.four-g-network,
.three-g-network,
.two-g-network {
  margin-right: 16px;
}
.four-g-network input,
.three-g-network input,
.two-g-network input {
  margin-right: 4px;
}

.media_type {
  font-weight: 600 !important;
  margin: 0 5px;
  cursor: pointer;
  white-space: nowrap;
}
.media_type:hover {
  color: #2449FB;
  border-bottom: 2px solid #2449FB !important;
}

.media-active {
  color: #2449FB;
  border-bottom: 2px solid #2449FB !important;
}

.flexslider {
  margin: 0;
}

.flex-direction-nav a:before {
  color: rgba(255, 255, 255, 0.8);
}

.flex-direction-nav a {
  height: 60px;
}

@media (min-width: 576px) {
  .modal .sustainable-modal-video {
    max-width: 562px;
  }
}
.facts-in-brief-bullet {
  list-style: none;
}
.facts-in-brief-bullet li::before {
  content: "•";
  color: #1a1a1a;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.aboutus .pagination-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 24px 0;
}
.aboutus .pagination-btn button {
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  background: #2449FB;
  border: 1px solid #2449FB;
  margin: 0 8px;
  color: white;
}
.aboutus .pagination-btn button:hover {
  background: #070952;
  border-color: #070952;
}
.aboutus .pagination-btn button.active {
  background: transparent;
  color: #2449FB;
}

@media (max-width: 767px) {
  .bg-light-aboutus-navs {
    background-color: #ffffff !important;
  }
}

@media (max-width: 767px) {
  .aboutus-navs {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}
@media (max-width: 767px) {
  .aboutus-navs > div {
    border: 1px solid #EEE;
    box-sizing: border-box;
    background-color: #fbfbfb;
  }
}

.bod-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.bod-cards__card {
  width: 48%;
  padding: 24px;
  border: 1px solid #eeeeee;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  margin-bottom: 4%;
}
@media (max-width: 768px) {
  .bod-cards__card {
    width: 100%;
    margin: 10px 0;
  }
}
.bod-cards__card__btn {
  margin-top: 19px !important;
  font-size: 18px;
  display: inline-block;
  position: relative;
}
.bod-cards__card__btn:after {
  font-family: "TelenorIcon" !important;
  content: "\e90a";
  position: absolute;
  font-size: 16px;
  margin-top: 2px;
  margin-left: 8px;
}

.modal {
  z-index: 99999;
}

.management-team__cards {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.management-team__cards__card {
  width: 270px;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .management-team__cards__card {
    width: 100%;
    padding: 0 15px;
  }
}
.management-team__cards__card__info {
  margin-top: 12px;
}
.management-team__cards__card__btn {
  color: #070952;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 26px;
  text-align: center;
  margin-top: 8px;
  display: inline-block;
}
.management-team__cards__card__btn:after {
  font-family: "TelenorIcon" !important;
  content: "\e90a";
  font-size: 14px;
  margin-top: 1px;
  margin-left: 8px;
}
.management-team__cards__card img {
  width: 100%;
}
.management-team .modal {
  text-align: left;
}
.management-team .modal .modal-content .modal-body {
  padding: 24px 30px;
}
.management-team .modal .modal-content .btn-close {
  right: 5px;
  top: 5px;
  position: absolute;
}

.bod-slug h1 {
  color: #1a1a1a;
  border-bottom: 1px solid #070952;
}
.bod-slug__designation {
  color: #767676;
}

.code-of-conduct-blocks {
  display: flex;
}
@media (max-width: 768px) {
  .code-of-conduct-blocks {
    flex-direction: column;
  }
}
.code-of-conduct-blocks img {
  width: 50%;
}
@media (max-width: 768px) {
  .code-of-conduct-blocks img {
    width: 100%;
  }
}
.code-of-conduct-blocks__details {
  padding: 33px;
  background: #e6eef4;
}

.anti-corruption-images {
  display: flex;
  flex-direction: row;
}
@media (max-width: 768px) {
  .anti-corruption-images {
    flex-direction: column;
  }
}
.anti-corruption-images img {
  width: 50%;
}
@media (max-width: 768px) {
  .anti-corruption-images img {
    width: 100% !important;
  }
  .anti-corruption-images img:first-child {
    margin-bottom: 30px;
  }
}

.career__block {
  position: relative;
}
.career__block:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 12px;
  bottom: 0px;
  right: 12px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 5px;
}
.career__block img {
  width: 100%;
}
.career__block__caption {
  width: 90%;
  height: 91%;
  color: #ffffff;
  border: 2px solid #ccc;
  bottom: 0.7rem;
  margin-left: 3%;
  margin-bottom: 1%;
  position: absolute;
  line-height: 17px;
}
.career__block__caption h2 {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 18%;
}
@media (max-width: 768px) {
  .career__block__caption {
    bottom: 6px;
    margin-left: 2%;
  }
}

.internship-form {
  background: #f0f8fe;
  padding: 48px;
}
.internship-form__download {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
}
.internship-form__download img {
  margin: 0 5px;
}

.vacant-positions {
  background: #f0f8fe;
  padding: 48px;
}
@media (max-width: 768px) {
  .vacant-positions {
    padding: 15px;
  }
}
.vacant-positions__download {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
}
.vacant-positions__download img {
  margin: 0 5px;
}

.meet-people__cards {
  display: flex;
  border-bottom: 1px solid #d3d3d3;
}
@media (max-width: 768px) {
  .meet-people__cards {
    flex-direction: column;
    border-bottom: none;
  }
}
.meet-people__card {
  flex-basis: 0;
  flex-grow: 1;
  padding: 24px;
}
.meet-people__card:first-child {
  border-right: 1px solid #d3d3d3;
}
@media (max-width: 768px) {
  .meet-people__card:first-child {
    border-right: none;
  }
}
.meet-people__card__info {
  display: flex;
  align-items: center;
}
.meet-people__card__info__profile {
  height: 165px;
  width: 235px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 15px;
}
.meet-people__card__info__profile.pyait {
  background-image: url("/assets/images/aboutus/career/career_pyait.jpg");
}
.meet-people__card__info__profile.pyait:hover {
  background-image: url("/assets/images/aboutus/career/career_pyait_hover.jpg");
}
.meet-people__card__info__profile.win {
  background-image: url("/assets/images/aboutus/career/career_win.jpg");
}
.meet-people__card__info__profile.win:hover {
  background-image: url("/assets/images/aboutus/career/career_win_hover.jpg");
}
.meet-people__card__info__profile.ye {
  background-image: url("/assets/images/aboutus/career/career_ye.jpg");
}
.meet-people__card__info__profile.ye:hover {
  background-image: url("/assets/images/aboutus/career/career_ye_hover.jpg");
}
.meet-people__card__info__profile.tun {
  background-image: url("/assets/images/aboutus/career/career_tun.jpg");
}
.meet-people__card__info__profile.tun:hover {
  background-image: url("/assets/images/aboutus/career/career_tun_hover.jpg");
}
.meet-people__card__info__profile.soe {
  background-image: url("/assets/images/aboutus/career/career_soe.jpg");
}
.meet-people__card__info__profile.soe:hover {
  background-image: url("/assets/images/aboutus/career/career_soe_hover.jpg");
}

.vas-tab {
  border-bottom: 1px solid #eee;
  overflow: auto;
}
.vas-tab::-webkit-scrollbar {
  display: none;
}
.vas-tab li {
  font-weight: 600;
  white-space: nowrap;
}
.vas-tab li:hover, .vas-tab li:active {
  color: #2449FB;
  font-weight: 600;
  border-bottom: 2px solid #2449FB;
  cursor: pointer;
}
.vas-tab .active {
  color: #2449FB;
  border-bottom: 2px solid #2449FB;
}

.vas-card {
  border: 1px solid #EEEEEE;
  border-radius: 6px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  padding: 0 0 1rem;
}
.vas-card > div,
.vas-card picture,
.vas-card img {
  width: 100%;
}
.vas-card .tm-btn-primary {
  padding: 6px 0;
}
.vas-card .vas-card-thumb {
  height: 120px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background: linear-gradient(90deg, #3023AE 0%, #53A0FD 47.52%, #B4EC51 100%);
}

.vas-border {
  border-bottom: 1px solid #EEE;
}

.crbt-border {
  border-right: 1px solid #EEEEEE;
}
@media (max-width: 767px) {
  .crbt-border {
    border-right: 0 solid;
  }
}

.my-tune-daily-pack {
  border: 1px solid #EEEEEE;
  padding: 1.5rem 2.5rem;
}

.game-key-features-card {
  padding: 1.5rem 1rem;
}

@media (max-width: 992px) {
  .secure-with-my-tel {
    padding: 0 1rem;
  }
}

.secure-with-my-tel .owl-prev {
  position: absolute;
  background: transparent !important;
  top: 50%;
  left: -100px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .secure-with-my-tel .owl-prev {
    left: -35px;
  }
}
@media (max-width: 767px) {
  .secure-with-my-tel .owl-prev {
    top: 40%;
    left: -15px;
  }
}

.secure-with-my-tel .owl-next {
  position: absolute;
  background: transparent !important;
  top: 50%;
  right: -100px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .secure-with-my-tel .owl-next {
    right: -35px;
  }
}
@media (max-width: 767px) {
  .secure-with-my-tel .owl-next {
    top: 40%;
    right: -15px;
  }
}

.secure-with-my-tel .owl-dots .owl-dot span {
  background: #D6D6D6 !important;
}

.secure-with-my-tel .owl-dots .owl-dot.active span,
.secure-with-my-tel .owl-dots .owl-dot:hover span {
  background: #070952 !important;
}

.secure-with-my-tel .owl-nav [class*=owl-]:hover {
  background-color: transparent;
}

.secure-with-my-tel button:focus {
  box-shadow: 0;
}

.khaing-content {
  padding: 0.5rem 0.75rem;
  background: #FFF;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.khaing-content .khaing-info {
  display: flex;
  margin-bottom: 0.75rem;
}
.khaing-content .khaing-img {
  width: 40px;
  min-width: 40px;
  align-items: flex-start;
  justify-content: center;
  display: flex;
  margin-top: 1px;
}

.zodiac-content-section {
  max-width: 70%;
}

@media (max-width: 767px) {
  .zodiac-content-section {
    max-width: 100%;
  }
}
.zone {
  position: relative;
}

.zone.active:after {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #21adfb;
  bottom: -19px;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  content: "";
}
@media (max-width: 767px) {
  .zone.active:after {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #21adfb;
  }
}

.zodiac-zone-wrapper {
  display: flex;
}

@media (max-width: 767px) {
  .zodiac-zone-wrapper {
    display: -webkit-inline-box;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
  }
  .zodiac-zone-wrapper .zodiac-zone img {
    max-height: 56px;
    max-width: 56px;
  }
  .zodiac-zone-wrapper::-webkit-scrollbar {
    display: none;
  }
  .zodiac-zone-wrapper {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .zodiac-zone {
    margin-bottom: 20px;
  }
}
.zodiac-zone {
  position: relative;
}

.zodiac-zone.active:after {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #ffed1c;
  bottom: -19px;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  content: "";
}
@media (max-width: 767px) {
  .zodiac-zone.active:after {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #ffed1c;
  }
}

.zone-box {
  display: flex;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
}

.service-card {
  background-color: #FFFFFF;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}
.service-card .service-card-info {
  padding: 1.5rem;
}

.vas-details-terms li {
  font-size: 18px;
  line-height: 36px;
  font-weight: 500;
}

.available-services {
  border: 1px solid #EEEEEE;
  border-radius: 6px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  padding: 1rem;
}

.how-to-watch .nav-link {
  color: #767676;
  background-color: #fff;
  border-color: #fff white #dee2e6;
  color: #767676;
}

.how-to-watch .nav-link:focus,
.how-to-watch .nav-link:hover {
  border-color: transparent;
  border-bottom: 2px solid #2449FB;
  color: #2449FB;
}

.how-to-watch .nav-item.show .nav-link,
.how-to-watch .nav-link.active {
  border-color: #fff white #dee2e6;
  color: #2449FB;
  border-bottom: 2px solid #2449FB;
}

.how-to-subscribe .accordion-button {
  border-bottom: 1px solid #eee;
}

.how-to-subscribe .accordion-button:not(.collapsed) {
  background-color: #FFF;
  color: #1A1A1A;
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  border-bottom: 1px solid #fff;
}

.how-to-subscribe .accordion-item {
  margin-bottom: 0.5rem;
}

.how-to-subscribe .accordion-collapse.show {
  border-bottom-left-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.how-to-subscribe .accordion-item .accordion-button.collapsed {
  border-radius: 0.25rem;
}

.how-to-subscribe .accordion-button:focus {
  box-shadow: none;
  border-color: rgba(0, 0, 0, 0.125);
  border-bottom: 1px solid #fff;
}

.my-tel-app-tel-yatha {
  border: 1px solid #EEEEEE;
  border-radius: 24px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}

.astrology-spinner {
  background: url(/assets/images/vas/astro-background.jpg) no-repeat center center/cover;
  padding: 3rem 0;
  min-height: 100vh;
}
.astrology-spinner .spinner {
  position: relative;
  padding: 5rem 0;
}
.astrology-spinner .spinner .spin-container {
  position: relative;
  height: 584px;
  top: 8%;
  left: 50%;
  transform: translate(-50%, 0);
  width: 60%;
}
.astrology-spinner .spinner .spin-container .pointer {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -55%) matrix(1, 0, 0, 1, 0, 0);
  z-index: 1999;
}
.astrology-spinner .spinner .spin-container .wheelborder {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%) matrix(1, 0, 0, 1, 0, 0);
  width: 88%;
}
.astrology-spinner .spinner .spin-container .wheelSVG {
  position: absolute;
  width: 100%;
  visibility: hidden;
  overflow: visible !important;
  height: 521px !important;
  transform: translate(-50%, -48%) matrix(1, 0, 0, 1, 0, 0) !important;
}
.astrology-spinner .spinner .spin-container .centerCircle {
  font-size: 35px;
}

.astrology-pick-a-card {
  background: url(/assets/images/vas/astro-3.png) no-repeat center center/cover;
  padding: 3rem 0;
  min-height: 250px;
}
.astrology-pick-a-card .tarot-container {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}
@media (max-width: 767px) {
  .astrology-pick-a-card .tarot-container {
    overflow: auto;
    max-width: 100%;
  }
}
.astrology-pick-a-card .tarot-container .tarot-card {
  position: absolute;
  width: 80px;
  border-radius: 4px;
  border: 1px solid #000;
}
.astrology-pick-a-card .tarot-container .tarot-card:hover {
  transform: translateY(-4px);
  z-index: 22;
}
@media (max-width: 767px) {
  .astrology-pick-a-card .tarot-container .tarot-card {
    width: 65px;
  }
}

.toast {
  width: auto;
}

.toast:not(.showing):not(.show) {
  opacity: 1;
}

.astro-7 {
  background: url(/assets/images/vas/astro-background.jpg) no-repeat center center/cover;
  padding: 3rem 0;
  min-height: 100vh;
}

.tooltip {
  opacity: 1 !important;
  cursor: pointer;
  fill: #7cb5ec;
  stroke: #fff;
  stroke-width: 2;
  transition: all 0.5s;
}

.tooltip:hover {
  stroke-width: 15;
  stroke-opacity: 0.5;
  transition: all 0.5s;
}

.spinner {
  padding: 5rem 0;
}

.spin-container {
  position: relative;
  height: 584px;
  top: 2%;
  left: 50%;
  transform: translate(-50%, 0);
  width: 60%;
}

.wheelborder {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%) matrix(1, 0, 0, 1, 0, 0);
  width: 88%;
}

.pointer {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -55%) matrix(1, 0, 0, 1, 0, 0);
  z-index: 1;
}

.wheelSVG {
  position: absolute;
  width: 100%;
  visibility: hidden;
  overflow: visible !important;
  height: 521px !important;
  transform: translate(-50%, -48%) matrix(1, 0, 0, 1, 0, 0) !important;
}

.peg {
  visibility: hidden;
}

.centerCircle, .valueContainer, .wheelOutline {
  pointer-events: none;
}

.toast-close {
  cursor: pointer;
  background-color: #fff;
  border-radius: 5px;
  padding: 0 5px;
  position: absolute;
  top: 10px;
  right: 10px;
}

.module {
  border-image-source: url(/sites/all/themes/telenor/media/baung.png);
}

.wheelText {
  pointer-events: none;
  text-anchor: middle;
  font-family: "Fjalla One", Arial, sans-serif;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.toast {
  position: relative;
  background-color: #392214 !important;
  border-radius: 12px;
  display: none;
  text-align: center;
  z-index: 2;
}

.toast p {
  clear: both;
  font-family: "Fjalla One", Arial, sand-serif;
  margin: 23px;
  font-size: 15px;
  color: #ededed;
  letter-spacing: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  line-height: 25px;
  transition: font-size 0.2s ease;
  transition: line-height 0.2s ease;
}

@media only screen and (max-width: 480px) {
  .toast p, .toast span {
    font-size: 18px;
  }
  .spin-container {
    position: relative;
    height: 145px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 12%);
    width: 98%;
  }
  .pointer {
    height: 92%;
    top: -58% !important;
  }
}
@media only screen and (max-width: 320px) {
  .spin-container {
    position: relative;
    height: 145px;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 12%);
    width: 98%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 800px) {
  .pointer {
    top: 14% !important;
  }
}
@media screen and (max-width: 1280px) and (min-width: 1024px) {
  .pointer {
    top: 8%;
  }
}
.tarot-container {
  min-height: 107px;
}

@media only screen and (min-width: 768px) {
  .tarot-container {
    min-height: 132px;
  }
}
.telenor-star-box {
  padding: 18px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

.star-previlige-card {
  padding: 14px 12px;
}

.find-out-more-star-offers {
  padding: 10px 16px;
  border-radius: 8px;
  background-color: #E6E9F4;
}

.star-bg {
  background-color: #f9f0f4;
}

.telenor-star-postpaid {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  min-height: 265px;
  max-height: 265px;
  text-align: center;
  background-color: #ebe0e5;
  border-radius: 3px;
}
.telenor-star-postpaid p {
  color: #5a3572 !important;
  margin: 0.75rem 0;
}

.continuous-celebration .scrollToSection {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .continuous-celebration .scrollToSection {
    flex-wrap: wrap;
  }
}
.continuous-celebration .scrollToSection__item {
  width: 23%;
}
@media (max-width: 768px) {
  .continuous-celebration .scrollToSection__item {
    width: 46%;
    margin-bottom: 15px;
  }
}
.continuous-celebration .scrollToSection__item img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.continuous-celebration .scrollToSection__item div {
  border: 1px solid #eeeeee;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 8px;
}
.continuous-celebration__howtodo {
  background: #e6eef4;
}
.continuous-celebration__circular-products {
  display: flex;
  justify-content: space-between;
}
.continuous-celebration__circular-products img {
  width: 23%;
}
.continuous-celebration__pack .promotion-cart {
  margin: 0 auto;
}
.continuous-celebration__pack__mini-card {
  box-sizing: border-box;
  width: 370px;
  border: 1px solid #eeeeee;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  padding: 10px;
}
.continuous-celebration__pack__mini-card h4 {
  color: #767676;
  font-size: 20px !important;
  letter-spacing: 0;
  line-height: 25px !important;
}
.continuous-celebration__pack__mini-card button.buy-pack {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
}
.continuous-celebration__pack__mini-card .card-content {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
}
.continuous-celebration__pack__mini-card .card-content .left {
  display: flex;
  justify-content: center;
  border-right: 1px solid #d6d6d6;
  flex-direction: column;
  padding: 0 15px 0 8px;
}
.continuous-celebration__pack__mini-card .card-content .left h1 {
  font-size: 20px !important;
  letter-spacing: 0;
  line-height: 17px !important;
  color: #070952;
}
.continuous-celebration__pack__mini-card .card-content .left h1 span {
  font-size: 11px !important;
  color: #767676;
}
.continuous-celebration__pack__mini-card .card-content .left p {
  font-size: 11px !important;
  letter-spacing: 0;
  line-height: 17px !important;
  opacity: 0.6;
  color: #767676;
}
.continuous-celebration__pack__mini-card .card-content .right {
  padding-left: 15px;
}
.continuous-celebration__pack__mini-card .card-content .right h5 {
  font-size: 11px !important;
  letter-spacing: 0;
  line-height: 20px !important;
  color: #070952 !important;
  font-weight: 400;
}
.continuous-celebration__pack__mini-card .card-content .right .benefit h6 {
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 24px;
  color: #0c1026;
}
.continuous-celebration__pack__mini-card .card-content .right .benefit ul li {
  font-weight: bold;
  letter-spacing: 0;
  line-height: 24px !important;
  color: #0c1026;
  font-size: 13px;
}
.continuous-celebration__pack__mini-card .card-content .right .benefit__small {
  font-weight: bold;
  letter-spacing: 0;
  line-height: 20px;
  color: #767676;
  font-size: 11px;
}
.continuous-celebration__pack__mini-card .card-content .right .benefit p {
  display: block;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 20px;
  color: #0c1026;
}
.continuous-celebration__pack__mini-card .card-content .right .validity p {
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 20px;
  color: #0c1026;
}

.celebration {
  padding: 32px 0;
}
.celebration ul {
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #d6d6d6;
}
.celebration ul li {
  height: 48px;
  color: #767676;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
  padding: 11px 17px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .celebration ul li {
    height: 38px;
    font-size: 14px;
    padding: 11px 14px;
  }
}
.celebration ul li.active {
  color: #070952;
  border-bottom: 2px solid #070952;
}
.celebration__sliders {
  width: 370px;
}
.celebration__slider {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.celebration__slider__screen {
  height: 368px;
  width: 170px;
  border-radius: 12px;
  background-color: #d8d8d8;
}
.celebration__slider__screen img {
  height: 100%;
  width: 100%;
}

.joox-bg {
  background: url(/assets/images/joox-bg.png) no-repeat center center/cover;
}
.joox-box {
  background: rgba(216, 216, 216, 0.1);
  padding: 1rem;
  border-radius: 10px;
  color: #fff;
  box-shadow: inset 0 0 2px #7c7c7c;
}

.under-line {
  width: 80px;
  height: 3px;
  background: rgba(224, 224, 224, 0.4);
  margin: 0 auto 1.2rem;
}

.whiteplus {
  display: flex;
  position: absolute;
  right: -1.5%;
  width: 20px;
}
@media (max-width: 765px) {
  .whiteplus {
    display: none;
  }
}

.basic-search .form-control {
  padding: 0.68rem 0.75rem;
  border-left: 0;
  border-right: 0 solid;
}

.basic-search .form-control:focus {
  color: #1a1a1a;
  border-color: #d6d6d6;
  box-shadow: none;
}

.basic-search .input-group-text {
  padding-right: 0;
  background-color: #ffffff;
  padding: 0.68rem 0.75rem;
}

.search-divider {
  border-top: 0 solid;
}

.volte-serise {
  font-size: 13px;
  color: #070952;
}

.volte-model {
  list-style: none;
  padding: 0;
}

.volte-model li {
  font-size: 18px;
  line-height: 26px;
}

.mb-35 {
  margin-bottom: 35px;
}

.handset-brand {
  border: 1px solid #EEEEEE;
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 1px 1px 3px 0 rgba(34, 34, 34, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  margin-bottom: 1rem;
  min-height: 80px;
}

.flexiplan-accor .accordion-button,
.flexiplan-accor .accordion-collapse {
  background: #FFF !important;
}

.flexiplan-accor .accordion-item {
  margin-bottom: 1rem;
}

.flexiplan-accor .accordion-item .accordion-button {
  border-top-left-radius: 1.5rem !important;
  border-top-right-radius: 1.5rem !important;
  border: 0 solid #D6D6D6;
}

.flexiplan-accor .accordion-item .accordion-button.collapsed {
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
  border: 1px solid #D6D6D6;
}

.flexiplan-accor .accordion-collapse.show {
  border-bottom-left-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
}

.flexiplan-accor .accordion-button {
  border: 1px solid #D6D6D6;
  font-size: 20px;
  font-weight: 600;
}

.flexiplan-accor .accordion-collapse {
  border: 0 solid;
}

.flexiplan-accor .accordion-button:focus {
  box-shadow: none;
}

.flexiplan-accor .accordion-item:last-of-type .accordion-button.collapsed {
  border: 1px solid #D6D6D6;
}

.flexiplan-accor .accordion-item:last-of-type .accordion-collapse {
  border: 0 solid;
  border-bottom-left-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
}

.flexiplan-accor .accordion-body {
  padding-top: 0;
}

.flexiplan-carousel .owl-item img {
  width: 170px !important;
  height: 368px;
  border-radius: 12px;
}

.flexiplan-accor .accordion-button:not(.collapsed) {
  color: #1A1A1A;
}

.flexiplan-accor-span span-type-2 {
  font-size: 24px;
  font-weight: 600;
}

.flexiplan-carousel .owl-carousel .owl-item img {
  width: 190px;
}

.flexiplan-carousel .owl-prev,
.flexiplan-carousel .owl-next {
  background: none;
  border: 0;
  width: 25px !important;
  background: transparent !important;
}

.flexiplan-carousel .owl-prev img,
.flexiplan-carousel .owl-next img {
  background: none;
  border: 0;
}

.flexiplan-carousel .owl-item div {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.flexiplan-carousel .owl-item p {
  margin-top: 0.5rem;
  text-align: center;
}

.package-card {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 22px;
  background: white;
}

.package-preview-box img {
  width: 100%;
}

.package-info-box {
  padding: 25px;
  display: flex;
  flex-direction: column;
  min-height: 176px;
}
.package-info-box h4 {
  color: #1A1A1A;
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
}
.package-info-box p {
  color: #000000;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  margin-bottom: 0.5rem;
}
.package-info-box button {
  margin-top: auto;
}

.package-table {
  overflow: auto;
}
.package-table table tr:last-child td:last-child {
  border-bottom-right-radius: 6px !important;
}
.package-table thead {
  background: #070952 !important;
  border-radius: 6px 6px 0 0;
}
.package-table thead tr th {
  font-size: 16px;
  color: #FFF !important;
}
.package-table tbody {
  background: #FFF !important;
  border-radius: 0 0 6px 6px;
}
.package-table td {
  font-size: 1rem;
  color: #1a1a1a !important;
}
.package-table .table > :not(caption) > * > * {
  padding: 0.65rem 1rem 0.65rem 1rem !important;
}
.package-table .table-bordered > :not(caption) > * > * {
  border-width: 0;
}

.package-tab.nav-tabs .nav-item.show .nav-link,
.package-tab.nav-tabs .nav-link.active {
  color: #070952 !important;
  font-size: 20px;
  background: transparent !important;
  border: 0;
  border-bottom: 2px solid;
}

.package-tab.nav-tabs .nav-link {
  color: #1a1a1a !important;
  font-size: 20px;
  background: transparent !important;
}

.package-tab.nav-tabs .nav-link:focus,
.package-tab.nav-tabs .nav-link:hover {
  border: 0 !important;
  border-bottom: 2px solid #070952 !important;
  color: #070952 !important;
}

.package-box-circle {
  width: 170px;
  height: 100px;
  border-radius: 50%;
}

.package-plan-tabs button {
  background: transparent;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  font-size: 24px;
  font-weight: 600;
  padding: 0.25rem 2rem;
  color: #070952;
  margin: 0 5px;
}
.package-plan-tabs button:hover {
  color: #2449FB;
  border-bottom-color: #2449FB !important;
}

.package-plan-tabs button.active {
  background: transparent !important;
  border-bottom-color: #2449FB !important;
  color: #2449FB !important;
}

.packages-tab li.is-active a {
  color: #070952 !important;
}

#postpaidPlans .nav-item {
  padding: 0;
}

#postpaidPlans .nav-link {
  padding: 0.5rem 3.5rem;
}

#postpaidPlans .nav-link.active {
  color: #070952;
  border-bottom: 2px solid #070952 !important;
}

.tm-faq-item p {
  word-break: break-word;
}

.pack-details .d-flex {
  flex-wrap: wrap !important;
}

@media (max-width: 390px) {
  .payment_btn {
    height: 50px !important;
    line-height: 21px;
  }
}
.popular .countries {
  flex-wrap: wrap !important;
}

.ecaf-tnorbg {
  background: url(https://ecaf.telenor.com.mm/public/assets/images/tnor-big-logo.png);
  height: auto;
  background-size: 40% auto;
  background-position: top 0 right;
  background-repeat: no-repeat;
}

@media (max-width: 500px) {
  .ecaf-tnorbg {
    background-size: 90% auto !important;
  }
  .eacf-footer p, .eacf-footer a {
    font-size: 10px;
  }
  .change-sim-own a {
    font-size: 12px;
  }
}
.innerbox {
  border-radius: 30px;
  box-shadow: 3px 2px 19px -1px #cacaca;
  padding: 40px;
}

.star-blue-bg {
  background: #0d6efd;
}

.eacf-tab.nav-tabs .nav-link {
  background-color: transparent;
  margin: 0 5px;
  color: #070952;
}

.eacf-tab.nav-tabs .nav-link:focus, .eacf-tab.nav-tabs .nav-link:hover {
  color: #2449FB;
  border: 1px solid transparent;
  border-bottom: 1px solid #2449FB;
}

.eacf-tab.nav-tabs .nav-item.show .nav-link, .eacf-tab.nav-tabs .nav-link.active {
  color: #2449FB;
  background: transparent;
  border: 1px solid transparent;
  border-bottom: 1px solid #2449FB;
}

.eacf-form .image-upload {
  display: inline-block;
}

.eacf-form .image-upload * {
  cursor: pointer;
}

.eacf-form .uploadimages {
  width: 300px;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}

.eacf-form .image-upload > label {
  position: relative;
}

.eacf-form .image-upload > input {
  display: none;
}

.eacf-form #front-img-change,
.eacf-form #back-img-change {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: auto;
  margin: 0 auto;
  color: white;
  text-align: center;
  transform: translateY(89px);
}

.eacf-form .form-label, .eacf-form .form-check-label {
  font-size: 14px;
}

.eacf-form .form-select, .eacf-form .form-control {
  border: none;
  background-color: #F5F5F5;
  font-size: 14px;
}

.eacf-form .req {
  color: red !important;
}

.eacf-form .form-select:focus,
.eacf-form .form-control:focus,
.eacf-form .btn-check:focus + .btn, .btn:focus,
.eacf-form .form-check-input:focus {
  box-shadow: 0 0 0 0 rgba(13, 110, 253, 0.25);
}

.btn-check:focus + .btn, .btn:focus {
  box-shadow: 0 0 0 0 rgba(13, 110, 253, 0.25);
}

.btn-check:active + .btn-primary:focus,
.btn-check:checked + .btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(49, 132, 253, 0.5);
}

#loaderoverlay {
  position: fixed;
  background: #efefef;
  height: 100%;
  width: 100%;
  z-index: 5000;
  top: 0;
  left: 0;
  float: left;
  text-align: center;
  padding-top: 25%;
  opacity: 0.5;
}

#loader img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50px;
  width: 50px;
  margin: auto;
}

@media (min-width: 992px) {
  .ecaf-modal .modal-lg, .ecaf-modal .modal-xl {
    max-width: 50%;
  }
  .ecaf-modal .modal-content {
    padding: 40px;
    border-radius: 30px;
  }
}
.nearest_shop h3 {
  font-size: 18px;
  font-weight: bold;
}

.blue {
  color: #0d6efd;
}

.sim_info li {
  line-height: 30px;
}

.shop_info, .shop_single {
  margin-bottom: 10px;
}
.shop_info h3, .shop_single h3 {
  font-size: 17px;
  font-weight: bold;
}
.shop_info .bg-light-blue, .shop_single .bg-light-blue {
  border-radius: 20px;
  padding: 10px;
}
.shop_info ul, .shop_single ul {
  padding-left: 0rem;
  margin-bottom: 0rem;
  list-style: none;
}
.shop_info li, .shop_single li {
  line-height: 30px;
}
.shop_info .open_at, .shop_single .open_at {
  margin-left: 22px;
}

.mr-1 {
  margin-right: 7px;
}

.reservation_detail {
  display: none;
}
.reservation_detail .bg-light-blue {
  border-radius: 20px;
}

.reservation_confirmation {
  display: none;
}

@media (max-width: 575px) {
  .reservation button {
    width: 100%;
  }
}

body {
  background: url("/assets/images/watermark.png") no-repeat left calc(30vw + 160px)/40%;
}
@media (max-width: 575px) {
  body {
    background: url("/assets/images/watermark_mobile.png") no-repeat left calc(100vw + 150px)/55%;
  }
}

.package-plan-tabs {
  flex-wrap: nowrap;
  overflow: auto;
}
.package-plan-tabs::-webkit-scrollbar {
  display: none;
}

.new_package_page ul.nav.packages-tab {
  display: flex;
  justify-content: flex-start;
  margin: 0.5rem 0;
  border-bottom: 1px solid #eee;
  overflow: auto;
  flex-wrap: nowrap;
}
.new_package_page ul.nav.packages-tab::-webkit-scrollbar {
  display: none;
}
.new_package_page ul.nav.packages-tab li {
  font-size: 18px;
  margin-right: 10px;
}
.new_package_page ul.nav.packages-tab li:hover {
  border-bottom: 2px solid #2449FB;
}
.new_package_page ul.nav.packages-tab li:hover a {
  color: #2449FB !important;
}
.new_package_page ul.nav.packages-tab li a {
  padding: 0.5rem 1rem;
  color: #a39e9e;
  white-space: nowrap;
}
.new_package_page ul.nav.packages-tab li.is-active {
  border-bottom: 2px solid #2449FB;
}
.new_package_page ul.nav.packages-tab li.is-active a {
  color: #2449FB !important;
}
.new_package_page .h-180 {
  height: 210px !important;
}
.new_package_page .row {
  margin-top: -22px;
}
.new_package_page .row .col-xl-3 {
  margin-top: 22px;
}

.h-320 {
  min-height: 320px;
}

.verify-otp button {
  width: 65%;
  min-width: 40%;
  margin-bottom: 8px;
}

#back {
  line-height: 40px;
}

.user-msg.msg-topoff {
  background: rgba(53, 100, 250, 0.1);
  border-left: 3px solid #3564fa;
}

.atom-radio-options {
  display: flex;
}
.atom-radio-options label {
  margin-bottom: 1px;
}

.my_lang .atom-radio-options label {
  margin-bottom: 5px;
}

.aboutus_icons a {
  width: 64px;
  height: 64px;
  display: flex;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
}
.aboutus_icons img {
  max-width: 75%;
}

.tarot-detail-text {
  margin-left: 1.5rem;
}
@media (max-width: 575px) {
  .tarot-detail-text {
    margin-left: 0;
    margin-top: 20px;
  }
}

/*notificatio*/
.notify-alert-box {
  width: 400px;
  position: fixed;
  left: 50%;
  margin-left: -200px;
  top: -100%;
  padding: 20px;
  z-index: 1000000;
  background: #fff;
  color: #333;
  transition: all 0.3s ease-in-out;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.notify-alert-box img {
  width: 70px;
  float: left;
  margin-right: 10px;
}

.notify-alert-box .buttons {
  text-align: right;
}

.notify-alert-box .buttons button {
  color: #fff;
  border: 0;
  padding: 8px 15px;
  font-size: 16px;
}

#notify-cancel-btn {
  background: #fff;
  color: #000;
}

#notify-allow-btn {
  background: #0d6efd;
}

#top_bar {
  background: #F3F6F5;
  padding: 0 25px;
}
@media (max-width: 1199px) {
  #top_bar {
    padding: 0;
  }
}

.top_bar__menu {
  color: #070952;
  font-size: 13px;
  font-weight: 500;
  line-height: 19px;
  white-space: nowrap;
  border-bottom: 1px solid transparent;
  height: 40px;
  min-width: 70px;
  margin-right: 30px;
}
.top_bar__menu:last-child {
  margin-right: 0;
}
.top_bar__menu:hover {
  color: rgba(7, 9, 82, 0.7);
  border-color: rgba(7, 9, 82, 0.7);
}
@media (max-width: 991px) {
  .top_bar__menu {
    font-size: 10px;
    min-width: initial;
  }
}
.top_bar__menu.active {
  color: #2449FB;
  font-weight: 900;
  border-color: #2449FB;
}
.top_bar__menu.active.top_bar__menu__no_hover:hover {
  color: #2449FB;
  border-color: #2449FB;
}
.top_bar__menu:not(.justify-content-end) span {
  position: relative;
  top: -2px;
}
@media (max-width: 991px) {
  .top_bar__menu:not(.justify-content-end) span {
    font-size: 12px;
  }
}
.top_bar__menu img {
  position: relative;
  top: -1px;
}
@media (max-width: 991px) {
  .top_bar__menu img {
    width: 16px;
  }
}
.top_bar__menu.justify-content-end {
  padding-left: 30px;
}
@media (max-width: 991px) {
  .top_bar__menu.justify-content-end {
    padding-left: 0;
  }
}
.top_bar__menu.justify-content-end span {
  font-size: 13px;
  font-weight: 500;
}
@media (max-width: 991px) {
  .top_bar__menu.justify-content-end span {
    font-size: 10px;
  }
}
.top_bar__menu__no_hover:hover {
  color: #070952;
  border-color: transparent;
}

.js-marquee {
  font-size: 14px;
  color: #070952;
}
.js-marquee a {
  color: #2449FB;
}

.menu-search + .top_bar__menu {
  margin-right: 0;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.tm_main_menu {
  display: flex;
  justify-content: space-between;
  position: relative;
  background: white;
  transition: 0.5s;
  border-bottom: 1px solid #f0f0f0;
  padding: 0 25px;
}
@media (max-width: 1199px) {
  .tm_main_menu {
    position: fixed;
    top: 0;
    left: -110%;
    width: 320px;
    height: 100vh;
    overflow: auto;
    flex-direction: column;
    justify-content: flex-start;
    z-index: 9999;
    padding: 0 0 150px;
  }
}
@media (max-width: 499px) {
  .tm_main_menu {
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .tm_main_menu.tm_open_mobile_nav {
    left: 0;
  }
}
@media (max-width: 1199px) {
  .tm_main_menu.tm_open_mobile_nav .container {
    padding: 0 8px;
  }
}
.tm_main_menu ul {
  list-style: none;
  margin: 0;
}
.tm_main_menu__header {
  justify-content: flex-end;
  background: white;
  position: relative;
  display: none;
  border-bottom: 1px solid #f0f0f0;
}
@media (max-width: 1199px) {
  .tm_main_menu__header {
    display: flex;
  }
}
.tm_main_menu__header__logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tm_main_menu__header__logo img {
  max-height: 48px;
}
@media (max-width: 1199px) {
  .tm_main_menu__header__logo img {
    max-height: 40px;
  }
}
.tm_main_menu__logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1199px) {
  .tm_main_menu__logo {
    display: none;
  }
}
.tm_main_menu__logo img {
  max-width: 128px;
}
@media (max-width: 1199px) {
  .tm_main_menu__logo img {
    max-width: 100px;
  }
}
.tm_main_menu__menus > ul {
  display: flex;
  padding: 0;
  margin: 0 -16px;
}
@media (max-width: 1199px) {
  .tm_main_menu__menus > ul {
    flex-direction: column;
    margin: 0;
  }
}
.tm_main_menu__menus > ul > li {
  border-bottom: 3px solid transparent;
  transition: 0.3s;
  margin: 0 16px;
}
@media (max-width: 1199px) {
  .tm_main_menu__menus > ul > li {
    margin: 0;
  }
}
.tm_main_menu__menus > ul > li:hover {
  border-color: rgba(7, 9, 82, 0.7);
}
@media (max-width: 1199px) {
  .tm_main_menu__menus > ul > li:hover {
    border-color: transparent;
  }
}
@media (min-width: 1200px) {
  .tm_main_menu__menus > ul > li:hover > div {
    display: block;
    z-index: 1;
    animation: fadeIn 200ms;
  }
}
.tm_main_menu__menus > ul > li:hover > p a {
  color: rgba(7, 9, 82, 0.7);
}
.tm_main_menu__menus > ul > li:hover .submenu-indicator::after {
  content: "";
  border-color: rgba(7, 9, 82, 0.7);
}
.tm_main_menu__menus > ul > li > p {
  display: flex;
  align-items: center;
  position: relative;
  border-bottom: 1px solid transparent;
}
.tm_main_menu__menus > ul > li > p > a {
  transition: color 0.3s, border 0.3s;
  height: 54px;
  padding: 0;
  display: flex;
  align-items: center;
  color: #070952;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  max-width: 190px;
}
@media (max-width: 1199px) {
  .tm_main_menu__menus > ul > li > p > a {
    font-size: 20px;
    padding: 13px 1.5rem;
    border-bottom: solid 1px #e9ecef;
    height: initial;
    width: 100%;
    max-width: initial;
  }
}
@media (max-width: 1199px) {
  .tm_main_menu__menus > ul > li.tm_main_menu__has_submenu.tm_active_mobile_nav .submenu-indicator {
    transform: rotate(180deg);
  }
  .tm_main_menu__menus > ul > li.tm_main_menu__has_submenu.tm_active_mobile_nav .tm_main_menu__submenu {
    max-height: initial;
    overflow: initial;
    padding: 16px;
    border-bottom: 1px solid #e9ecef;
  }
  .tm_main_menu__menus > ul > li.tm_main_menu__has_submenu.tm_active_mobile_nav > p {
    border-color: rgba(7, 9, 82, 0.7);
  }
  .tm_main_menu__menus > ul > li.tm_main_menu__has_submenu.tm_active_mobile_nav > p > a {
    color: #2449FB;
    border-color: #2449FB;
  }
}
.tm_main_menu__menus__right ul {
  justify-content: flex-end;
}
.tm_main_menu__menus__right .tm_main_menu__submenu {
  justify-content: flex-end;
}
.tm_main_menu__menus .submenu-indicator {
  transition: 0.3s;
  margin: -5px 0px 0 10px;
  cursor: pointer;
}
@media (max-width: 1199px) {
  .tm_main_menu__menus .submenu-indicator {
    margin-top: 0;
  }
}
.tm_main_menu__submenu {
  border-top: 1px solid rgba(209, 210, 213, 0.4);
  box-shadow: inset 0 10px 10px -10px rgba(48, 53, 71, 0.1);
  background: white;
  position: absolute;
  width: 100%;
  left: 0;
  top: 99%;
  padding: 16px;
  display: none;
  transition: 0.5s;
  border-bottom: 1px solid #eeeff0;
}
@media (max-width: 1199px) {
  .tm_main_menu__submenu {
    position: relative;
    flex-direction: column;
    max-height: 0px;
    overflow: hidden;
    padding: 0 16px;
    box-shadow: none;
    border-top-color: transparent;
    display: block;
    border-bottom: 0;
  }
}
.tm_main_menu__submenu ul {
  display: flex;
  margin: 0 auto;
  padding: 0 10px;
}
@media (max-width: 1199px) {
  .tm_main_menu__submenu ul {
    display: block;
  }
}
.tm_main_menu__submenu li {
  max-width: 18%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1199px) {
  .tm_main_menu__submenu li {
    max-width: 100%;
  }
}
.tm_main_menu__submenu li a {
  font-size: 13px;
  font-weight: 500;
  padding: 8px 16px;
  color: #070952;
  transition: 0.3s;
}
@media (max-width: 1199px) {
  .tm_main_menu__submenu li a {
    font-size: 14px;
    font-weight: 400;
  }
}
.tm_main_menu__submenu li a:first-child {
  font-size: 14px;
  font-weight: 600;
  color: #0c1026;
  text-transform: capitalize;
  padding: 0 16px 8px;
}
@media (max-width: 1199px) {
  .tm_main_menu__submenu li a:first-child {
    font-size: 20px;
    color: #767676;
    font-weight: 400;
    text-transform: capitalize;
    padding: 8px 16px;
  }
}
.tm_main_menu__submenu li a:hover {
  color: rgba(7, 9, 82, 0.7);
}
.tm_main_menu__overlay {
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  display: none;
}
@media (min-width: 1200px) {
  .tm_main_menu__overlay {
    z-index: -999;
    display: none !important;
  }
}
.tm_main_menu .account {
  display: none;
  align-items: center;
  background: #f5f5f5;
  min-height: 40px;
  justify-content: space-between;
  padding-left: 15px;
  padding-right: 10px;
}
@media (max-width: 1199px) {
  .tm_main_menu .account {
    display: flex;
  }
}
.tm_main_menu .top-menu-mob {
  display: none;
}
@media (max-width: 1199px) {
  .tm_main_menu .top-menu-mob {
    display: block;
  }
}
.tm_main_menu .header-search {
  margin-right: 0;
}
.tm_main_menu .header-search .input-group {
  width: 140px;
}
.tm_main_menu .top_bar__menu {
  min-width: initial;
}
@media (max-width: 1199px) {
  .tm_main_menu .container-fluid,
  .tm_main_menu .row,
  .tm_main_menu .col-12 {
    margin: 0;
    padding: 0;
  }
}

#need_help {
  margin-top: 32px;
}
#need_help .need_help_card {
  margin-top: 16px;
}

@media (max-width: 767px) {
  .need_help {
    max-width: 276px;
    margin: 0 auto;
  }
}

#social_share {
  margin-top: 60px;
}
@media (max-width: 991px) {
  #social_share {
    margin-top: 32px;
  }
}
#social_share + .back-to-top {
  margin-top: 60px;
}

.social_share__icons {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
}
.social_share__icons li {
  width: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 24px 15px 0;
}
@media (max-width: 991px) {
  .social_share__icons li {
    margin: 16px 12px 0;
    width: initial;
    height: initial;
  }
}
.social_share__icons img {
  width: 48px;
}
@media (max-width: 767px) {
  .social_share__icons img {
    width: 32px;
  }
}

#features {
  margin-top: 24px;
}
@media (max-width: 991px) {
  #features {
    margin-top: 3px;
  }
}

@media (max-width: 991px) {
  .features {
    margin-top: -16px;
  }
}
@media (max-width: 991px) {
  .features .feature_card {
    margin-top: 16px;
  }
}

#popular_packages {
  margin-top: 60px;
}
@media (max-width: 991px) {
  #popular_packages {
    margin-top: 32px;
  }
}

.popular_packages .row:not(form) {
  margin-top: -30px;
}
@media (max-width: 991px) {
  .popular_packages .row:not(form) {
    margin-top: -24px;
  }
}
.popular_packages .col-12 {
  margin-top: 30px;
}
@media (max-width: 991px) {
  .popular_packages .col-12 {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .popular_packages .link_btn {
    font-size: 14px;
  }
}

#ceo_message {
  margin-top: 60px;
}
@media (max-width: 991px) {
  #ceo_message {
    margin-top: 32px;
  }
}

#ceoMessageIframe {
  background-color: #000;
  margin-bottom: 30px;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
  cursor: pointer;
}

#ceoMessageIframe img {
  width: 100%;
  top: -16.82%;
  left: 0;
  opacity: 0.7;
}

#ceoMessageIframe .play-button {
  max-width: 68px;
  z-index: 1;
}

#ceoMessageIframe img,
#ceoMessageIframe .play-button {
  cursor: pointer;
}

#ceoMessageIframe img,
#ceoMessageIframe iframe,
#ceoMessageIframe .play-button,
#ceoMessageIframe .play-button:before {
  position: absolute;
}

#ceoMessageIframe .play-button,
#ceoMessageIframe .play-button:before {
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

#ceoMessageIframe iframe {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

#app_preview {
  background: #E4F9FD;
  margin-top: 60px;
  padding: 24px 0 60px;
}
@media (max-width: 991px) {
  #app_preview {
    margin-top: 32px;
    padding: 24px 0 32px;
  }
}
#app_preview p {
  color: #070952;
  font-size: 16px;
  font-weight: 500;
  line-height: 34px;
}
@media (max-width: 767px) {
  #app_preview p {
    margin-top: 16px;
    color: #070952;
    font-size: 13px;
    line-height: 20px;
  }
}
#app_preview h4 {
  color: #070952;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  margin: 11px;
  margin-top: 40px;
}
@media (max-width: 767px) {
  #app_preview h4 {
    font-size: 15px;
    margin: 16px 0 0 0;
    text-align: center;
  }
}

.app_preview .row .row {
  margin-top: 24px;
}
@media (max-width: 767px) {
  .app_preview .row .row {
    margin-top: 16px;
  }
}
.app_preview .link_btn {
  margin-top: 16px;
}
@media (max-width: 767px) {
  .app_preview .link_btn {
    margin-top: 8px;
  }
}
@media (max-width: 767px) {
  .app_preview .section_title, .app_preview .section_title__large_for_mobile {
    max-width: 320px;
    margin: 0 auto;
  }
}
.app_preview__app_links {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 767px) {
  .app_preview__app_links {
    justify-content: center;
  }
}
.app_preview__app_links li {
  margin: 11px;
}
@media (max-width: 767px) {
  .app_preview__app_links li {
    margin: 8px;
  }
}
.app_preview__app_links li img {
  max-height: 44px;
}
@media (max-width: 767px) {
  .app_preview__app_links li img {
    max-height: 31px;
  }
}
@media (max-width: 767px) {
  .app_preview__app_image {
    display: table;
    max-width: 170px !important;
    margin: 0 auto;
  }
}

.dhamma-heading {
  margin-top: 24px;
}
.dhamma-heading h1 {
  color: #1A1A1A;
  font-size: 28px;
  font-weight: 900;
  line-height: 48px;
  text-align: center;
}
@media (max-width: 767px) {
  .dhamma-heading h1 {
    font-size: 24px;
  }
}
.dhamma-heading p {
  box-sizing: border-box;
  border: 1px solid #EEEEEE;
  border-radius: 6px;
  background-color: #EEEEEE;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  color: #070952;
  font-family: "Noto Sans Myanmar";
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  margin-top: 16px;
  padding: 16px;
}
.dhamma-heading p span {
  font-weight: bold;
}

.dhamma-main-tab .pill_btn {
  margin-right: 40px;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .dhamma-main-tab .pill_btn {
    margin: 0 10px;
  }
}
.dhamma-main-tab .nav-tabs {
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .dhamma-main-tab .nav-tabs {
    margin: 12px 0 16px;
  }
}
.dhamma-main-tab .nav-tabs .nav-item {
  flex-basis: calc(33.33% - 16px);
}
@media (max-width: 767px) {
  .dhamma-main-tab .nav-tabs .nav-item {
    margin-right: 20px;
  }
}
.dhamma-main-tab .nav-tabs .nav-link {
  color: #000000;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  height: 48px;
  width: 100%;
  padding: 0;
  border: none;
  border-bottom: 2px solid transparent;
  background: transparent;
  white-space: nowrap;
}
.dhamma-main-tab .nav-tabs .nav-link.active {
  color: #2449FB;
  font-weight: bold;
  border-color: #2449FB;
}
@media (max-width: 767px) {
  .dhamma-main-tab .nav-tabs .nav-link {
    font-size: 14px;
  }
}

.dhamma-bottom-description h2 {
  color: #070952;
  font-size: 20px;
  font-weight: 600;
  line-height: 43px;
}
@media (max-width: 767px) {
  .dhamma-bottom-description h2 {
    font-size: 16px;
    line-height: 32px;
  }
}
.dhamma-bottom-description p {
  color: #070952;
  font-size: 16px;
  font-weight: 600;
  line-height: 35px;
  margin-top: 8px;
}
@media (max-width: 767px) {
  .dhamma-bottom-description p {
    font-size: 14px;
    line-height: 28px;
  }
}
.dhamma-bottom-description p span,
.dhamma-bottom-description p a {
  color: #070952;
}

.reward-main-tab .pill_btn, .point-history-tab .pill_btn {
  margin-right: 40px;
  white-space: nowrap;
  font-family: "atom-sans" !important;
}
@media (max-width: 767px) {
  .reward-main-tab .pill_btn, .point-history-tab .pill_btn {
    margin: 0 10px;
  }
}
.reward-main-tab .nav-tabs, .point-history-tab .nav-tabs {
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .reward-main-tab .nav-tabs, .point-history-tab .nav-tabs {
    margin: 12px 0 16px;
  }
}
.reward-main-tab .nav-tabs .nav-item, .point-history-tab .nav-tabs .nav-item {
  flex-basis: calc(33.33% - 16px);
}
@media (max-width: 767px) {
  .reward-main-tab .nav-tabs .nav-item, .point-history-tab .nav-tabs .nav-item {
    margin-right: 20px;
  }
}
.reward-main-tab .nav-tabs .nav-link, .point-history-tab .nav-tabs .nav-link {
  color: #000000;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  height: 39px;
  width: 100%;
  padding: 0;
  border: none;
  border-bottom: 2px solid transparent;
  background: transparent;
  white-space: nowrap;
}
.reward-main-tab .nav-tabs .nav-link.active, .point-history-tab .nav-tabs .nav-link.active {
  color: #2449FB;
  font-weight: bold;
  border-color: #2449FB;
}
@media (max-width: 767px) {
  .reward-main-tab .nav-tabs .nav-link, .point-history-tab .nav-tabs .nav-link {
    font-size: 14px;
  }
}

.offers {
  display: flex;
  gap: 20px;
}

.offer {
  display: flex;
  position: relative;
  height: 124px;
  width: 370px;
  border-radius: 3px;
  background-color: #F3F6F5;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.27);
}

.offer .content {
  padding: 20px;
  position: relative;
  width: 100%;
}
.offer .content h3 {
  font-size: 18px;
  font-weight: 600;
  color: #0C1026;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inherit;
  width: 183px;
}
.offer .content .days_reward {
  font-size: 13px;
  letter-spacing: 0.5px;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inherit;
  width: 193px;
}
.offer .content .point_reedem {
  cursor: pointer;
  font-size: 13px;
  padding-top: 19px;
  font-weight: 600;
  line-height: 20px;
  position: absolute;
  bottom: 10px;
}
.offer .content .point_reedem .point_icon {
  position: relative;
  left: -2px;
  top: -2px;
  width: 18px;
  height: 18px;
}
.offer .content .heart_icon {
  position: absolute;
  right: 16.49px;
  cursor: pointer;
  width: 20px;
}

#reward-main-tab .row > * {
  padding-left: 0px;
  padding-right: 0px;
}

.atom-arrow-img {
  height: 124px;
  width: 124px;
}

.reward-main-tab .pill_btn {
  font-family: "atom-sans" !important;
}

.reward-main-tab .nav-tabs {
  gap: 35px;
}

.reward-main-tab .tab-content {
  margin-top: 2rem;
}

#redeemModal, #notEligibleModal, #travelTicketModal, #flightBookingModal {
  width: 100%;
}
#redeemModal .modal-dialog, #notEligibleModal .modal-dialog, #travelTicketModal .modal-dialog, #flightBookingModal .modal-dialog {
  border-radius: 3px;
}
@media (min-width: 767px) {
  #redeemModal .modal-dialog, #notEligibleModal .modal-dialog, #travelTicketModal .modal-dialog, #flightBookingModal .modal-dialog {
    width: 370px;
  }
}
#redeemModal .modal-dialog .modal-content, #notEligibleModal .modal-dialog .modal-content, #travelTicketModal .modal-dialog .modal-content, #flightBookingModal .modal-dialog .modal-content {
  border: none;
  background-color: #E4F9FD;
}
#redeemModal h3, #notEligibleModal h3, #travelTicketModal h3, #flightBookingModal h3 {
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 23px;
  padding-top: 23px;
}
#redeemModal .eligble_for, #notEligibleModal .eligble_for, #travelTicketModal .eligble_for, #flightBookingModal .eligble_for {
  color: #070952;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 27px;
  text-align: center;
}
#redeemModal .data, #notEligibleModal .data, #travelTicketModal .data, #flightBookingModal .data {
  color: #00AAFF;
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 56px;
  text-align: center;
}
#redeemModal .days_reward, #notEligibleModal .days_reward, #travelTicketModal .days_reward, #flightBookingModal .days_reward {
  color: #070952;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 22px;
  text-align: center;
}
#redeemModal .point_reedem, #notEligibleModal .point_reedem, #travelTicketModal .point_reedem, #flightBookingModal .point_reedem {
  font-size: 13px;
  padding-top: 14px;
  padding-bottom: 6px;
  font-weight: 600;
  line-height: 20px;
}
#redeemModal .point_reedem .point_icon, #notEligibleModal .point_reedem .point_icon, #travelTicketModal .point_reedem .point_icon, #flightBookingModal .point_reedem .point_icon {
  position: relative;
  left: -2px;
  top: -1px;
  width: 18px;
  height: 18px;
}

#redeemModal .modal-body, #notEligibleModal .modal-body, #travelTicketModal .modal-body, #flightBookingModal .modal-body {
  padding-top: 20px;
  padding-bottom: 48px;
}

.redeem_btn {
  height: 36px;
  width: 160px;
  border-radius: 3px;
  background-color: #070952;
}
.redeem_btn span {
  height: 26px;
  width: 310.69px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 26px;
  text-align: center;
  text-transform: uppercase;
}

#successModal .modal-dialog, #errorModal .modal-dialog {
  border-radius: 6px;
}
@media (min-width: 767px) {
  #successModal .modal-dialog, #errorModal .modal-dialog {
    width: 370px;
  }
}
#successModal h3, #errorModal h3 {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -0.23px;
  line-height: 28px;
}
#successModal .modal-wrapper, #errorModal .modal-wrapper {
  margin: 20px 72px;
}
#successModal .message, #errorModal .message {
  margin: 20px 0px;
  font-size: 13px;
}
#successModal .err_message, #errorModal .err_message {
  margin: 20px 0px;
  font-size: 15px;
}
#successModal .confirm_btn, #errorModal .confirm_btn {
  height: 36px;
  width: 160px;
  border-radius: 3px;
  background-color: #070952;
}

.disabled {
  background-color: #CFDBD5;
}

#notEligibleModal .not_enough_point {
  color: #FF4D6D;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
}
#notEligibleModal .get_more {
  color: #FF4D6D;
  text-decoration: underline;
}

#confirmModal .modal-dialog {
  border-radius: 6px;
}
@media (min-width: 767px) {
  #confirmModal .modal-dialog {
    width: 370px;
  }
}
#confirmModal h3 {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -0.23px;
  line-height: 28px;
}
#confirmModal .message {
  margin: 20px 0px;
  font-size: 13px;
}
#confirmModal .modal-wrapper {
  margin: 20px 72px;
}
#confirmModal .point_reedem {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px;
  font-weight: 600;
}
#confirmModal .point_reedem span {
  padding-top: 4px;
}
#confirmModal .point_reedem .point_icon {
  width: 24px;
  height: 24px;
  margin-right: 4px;
}
#confirmModal .confirm_btn {
  height: 36px;
  width: 160px;
  border-radius: 3px;
  background-color: #070952;
}

#cuponCodeModal .modal-dialog {
  border-radius: 3px;
}
@media (min-width: 767px) {
  #cuponCodeModal .modal-dialog {
    width: 370px;
  }
}
#cuponCodeModal .modal-dialog .modal-content {
  border: none;
  background-color: #E4F9FD;
}
#cuponCodeModal .modal-dialog .modal-content .modal-body {
  padding-top: 20px;
}
#cuponCodeModal .modal-dialog .modal-content .modal-body .valid_until {
  font-size: 13px;
  text-align: center;
  letter-spacing: 0;
  line-height: 20px;
  color: #070952;
}
#cuponCodeModal .modal-dialog .modal-content .modal-body .copy_code {
  margin-top: 20px;
  display: flex;
  height: 48px;
  width: 300px;
}
#cuponCodeModal .modal-dialog .modal-content .modal-body .copy_code input[type=text] {
  box-sizing: border-box;
  height: 48px;
  border: 1px solid #D0CECE;
  border-radius: 3px;
  background-color: #FFFFFF;
  line-height: 25px;
  text-align: center;
  width: 60%;
}
#cuponCodeModal .modal-dialog .modal-content .modal-body .copy_code button {
  height: 48px;
  border-radius: 0 3px 3px 0;
  background-color: #070952;
  width: 40%;
  color: #fff;
}
#cuponCodeModal .modal-dialog .modal-content .modal-body .copy_code button img {
  margin-right: 2px;
}
#cuponCodeModal .modal-dialog .modal-content .modal-body .copy_code span {
  font-size: 14px;
}
#cuponCodeModal .modal-dialog .modal-content h2 {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 23px;
  padding-top: 23px;
}
#cuponCodeModal .modal-dialog .modal-content h3 {
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 23px;
  padding-top: 23px;
}
#cuponCodeModal .modal-dialog .modal-content .eligble_for {
  color: #070952;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 27px;
  text-align: center;
}
#cuponCodeModal .modal-dialog .modal-content .data {
  color: #00AAFF;
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 56px;
  text-align: center;
}
#cuponCodeModal .modal-dialog .modal-content .days_reward {
  color: #070952;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 22px;
  text-align: center;
}
#cuponCodeModal .modal-dialog .modal-content .point_reedem {
  font-size: 13px;
  padding-top: 14px;
  padding-bottom: 6px;
  font-weight: 600;
  line-height: 20px;
}
#cuponCodeModal hr {
  height: 2px;
  width: 370px;
  background-color: #D0CECE;
}

.modal-footer {
  border: none;
  justify-content: flex-start;
}
.modal-footer b {
  font-size: 16px;
  color: #070952;
}
.modal-footer ul li {
  font-size: 14px;
  color: #9B9B9B;
}
.modal-footer ul li span {
  font-size: 14px;
  color: #070952;
  font-weight: 400;
}

.btn-sm {
  width: 100px;
}

.point_history .nav-tabs {
  border: none;
}
.point_history .nav-tabs .active .nav-link {
  color: #fff;
}
.point_history .nav-tabs .nav-link.active {
  border: none;
}
.point_history .tab-content {
  margin-top: 2rem;
}
@media (min-width: 767px) {
  .point_history .tab-content .history_items {
    margin: 0 auto;
    width: 370px;
  }
}
.point_history .tab-content .history_items .expire_soon .point {
  color: #070952;
}
.point_history .tab-content .history_items .expired .point {
  color: #070952;
}
.point_history .tab-content .history_items .item .date_time {
  font-size: 13px;
  color: #1A1A1A;
  letter-spacing: 0;
  line-height: 22px;
}
.point_history .tab-content .history_items .item .content {
  display: flex;
  gap: 20px;
  background-color: #F3F6F5;
  padding: 15px;
  margin-bottom: 15px;
}
.point_history .tab-content .history_items .item .content .earn_number {
  color: #97D700;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 28px;
}
.point_history .tab-content .history_items .item .content .used_number {
  color: #FF4D6D;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 28px;
}
.point_history .tab-content .history_items .item .content .expired_number {
  color: #070952;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 28px;
}
.point_history .tab-content .history_items .item .content .danger {
  font-weight: 400;
}
.point_history .tab-content .history_items .item .content .point {
  font-size: 12px;
  font-weight: 500;
  line-height: 19px;
}
.point_history .tab-content .history_items .item .content .right b {
  font-size: 14px;
}
.point_history .tab-content .history_items .item .content .right p {
  font-size: 13px;
}

.expired_soon_msg {
  border-radius: 10px;
  background-color: #E4F9FD;
  padding: 10px;
  display: flex;
  gap: 10px;
  font-weight: 500;
  letter-spacing: 0;
  margin: 0 auto;
  justify-content: space-between;
  margin-bottom: 20px;
}
@media (min-width: 767px) {
  .expired_soon_msg {
    width: 370px;
  }
}
.expired_soon_msg .redeem_now {
  line-height: 27px;
  text-align: center;
  height: 25px;
  width: 100px;
  font-size: 11px;
  font-weight: 600;
  border-radius: 13px;
  background-color: #FF4D6D;
  color: #fff;
  text-transform: uppercase;
  word-spacing: 2px;
}
.expired_soon_msg p {
  font-size: 13px;
}

.danger {
  color: #FF4D6D;
  line-height: 22px;
}

.point_history .tab-content .history_items .item .content .right p {
  font-size: 13px;
}

.mask {
  margin: 0 auto;
  padding-bottom: 10px;
  width: 100%;
  height: 100%;
  border-radius: 14px;
  background: linear-gradient(270deg, #D9E460 0%, #007AD0 100%);
}
@media (min-width: 767px) {
  .mask {
    height: 220px;
    width: 630px;
  }
}
.mask .star_group {
  display: flex;
  justify-content: space-around;
  padding-top: 21px;
}
.mask .star_group .single_star {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.mask .star_group .single_star p {
  color: #FFFFFF;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 22px;
  text-align: center;
}
@media (min-width: 767px) {
  .mask .star_group .single_star p {
    font-size: 14px;
  }
}
.mask .star_group .single_star .bold {
  font-weight: 700;
}
.mask .star_group .single_star img {
  width: 24px;
  height: 24px;
}
@media (min-width: 767px) {
  .mask .star_group .single_star img {
    height: 32px;
    width: 32px;
  }
}
.mask .star_group .single_star .oval {
  background: #070952;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px;
}
.mask .star_group .single_star .oval.active {
  border: 2px solid #fff;
}
.mask .content {
  margin: 0 auto;
  width: 314px;
  margin-top: 16px;
}
@media (min-width: 767px) {
  .mask .content {
    width: 370px;
  }
}
.mask .content .star_status {
  color: #FFFFFF;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 25px;
}
@media (min-width: 767px) {
  .mask .content .star_status {
    font-size: 16px;
  }
}
.mask .content p {
  color: #fff;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 21px;
  margin-top: 10px;
}
@media (min-width: 767px) {
  .mask .content p {
    font-size: 14px;
  }
}

.earn_points .wrapper {
  margin: 0 auto;
  width: 100%;
  border-radius: 14px;
  background: linear-gradient(270deg, #D9E460 0%, #007AD0 100%);
}
@media (min-width: 767px) {
  .earn_points .wrapper {
    width: 570px;
  }
}
.earn_points .wrapper .group {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 14px;
}
.earn_points .wrapper .group img {
  width: 56px;
  height: 56px;
}
.earn_points .wrapper .content {
  font-size: 16px;
  text-align: center;
}
.earn_points .wrapper .content .my_point {
  font-size: 16px;
}
.earn_points .wrapper .content p {
  color: #fff;
  margin: 10px 0px;
  line-height: 18px;
}
.earn_points .wrapper .content a {
  color: #fff;
  text-decoration: underline;
  font-weight: 700;
  font-size: 16px;
}
.earn_points .buy_pack {
  height: 50px;
  width: 100%;
  border-radius: 10px;
  background-color: #E4F9FD;
  display: flex;
  gap: 10px;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
}
@media (min-width: 767px) {
  .earn_points .buy_pack {
    width: 570px;
  }
}
.earn_points .buy_pack p {
  font-size: 13px;
  text-transform: capitalize;
}
@media (min-width: 767px) {
  .earn_points .buy_pack p {
    font-size: 14px;
  }
}
.earn_points .buy_pack .buy_btn {
  height: 29px;
  width: 93px;
  border-radius: 13px;
  background-color: #FF4D6D;
  text-align: center;
  line-height: 28px;
}
@media (min-width: 767px) {
  .earn_points .buy_pack .buy_btn {
    width: 112px;
  }
}
.earn_points .buy_pack .buy_btn span {
  height: 19px;
  width: 82.13px;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.spacing {
  margin: 20px 0px;
}

.ml-4 {
  margin-left: 0.5rem;
}

.redeem_bar {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  padding: 10px;
}
.redeem_bar .section {
  color: #070952;
  font-size: 14px;
  font-weight: 800;
  line-height: 16px;
  word-wrap: break-word;
}
.redeem_bar .section .oval {
  background: #070952;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px;
}
.redeem_bar .section .oval img {
  width: 34.29px;
  height: 34.29px;
}
.redeem_bar .section .buy_btn {
  height: 29px;
  width: 93px;
  border-radius: 16px;
  background-color: #FF4D6D;
  text-align: center;
  line-height: 28px;
  padding: 10px;
}
@media (min-width: 767px) {
  .redeem_bar .section .buy_btn {
    width: 112px;
  }
}
.redeem_bar .section .buy_btn span {
  height: 19px;
  width: 82.13px;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.redeem_bar.welcome {
  background: #FFC0C0;
}

.redeem_bar.bronze {
  background: #F29567;
}

.redeem_bar.silver {
  background: #C3C8E3;
}

.redeem_bar.gold {
  background: #EDBF52;
}

.redeem_bar.platinum {
  background: #A5EBFF;
}

.redeem_bar.titanium {
  background: #94CEFF;
}

.redeem_points_info {
  padding: 20px 70px;
  border-radius: 16px;
  text-align: center;
  line-height: 25px;
}
.redeem_points_info .expired_info {
  color: #070952;
  font-size: 16px;
  font-weight: 500;
  word-wrap: break-word;
}
.redeem_points_info .expired_info b {
  font-weight: 700;
}
.redeem_points_info .redeem_now {
  color: #070952;
  font-size: 16px;
  font-weight: 700;
  text-decoration: underline;
  line-height: 18px;
  word-wrap: break-word;
}
.redeem_points_info .user_tier {
  margin: 10px 0px;
  display: flex;
  justify-content: center;
}
.redeem_points_info .user_tier .oval {
  background: #070952;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px;
}
.redeem_points_info .user_tier .oval img {
  width: 42px;
  height: 42px;
}
.redeem_points_info .tier_status {
  color: #070952;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  word-wrap: break-word;
}
.redeem_points_info .recharge_upgrade {
  color: #070952;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  word-wrap: break-word;
  line-height: 20px;
}
.redeem_points_info .benefits-btn {
  border-radius: 8px;
  border: 1px #070952 solid;
  padding: 8px;
}
.redeem_points_info .benefits-btn span {
  color: #070952;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  word-wrap: break-word;
}
.redeem_points_info .progress_bar {
  height: 3px;
  margin: 20px;
  background: rgba(255, 255, 255, 0.4901960784);
  border-radius: 3px;
  overflow: hidden;
}
.redeem_points_info .progress_bar .bar {
  position: relative;
  float: left;
  min-width: 1%;
  height: 100%;
  background: white;
}
.redeem_points_info .point_icon {
  width: 56px;
  height: 56px;
}

.redeem_points_info.Welcome {
  background: #FFC0C0;
}

.redeem_points_info.Bronze {
  background: #F29567;
}

.redeem_points_info.Silver {
  background: #C3C8E3;
}

.redeem_points_info.Gold {
  background: #EDBF52;
}

.redeem_points_info.Platinum {
  background: #A5EBFF;
}

.redeem_points_info.Titanium {
  background: #94CEFF;
}

.cta {
  flex: 0 0 calc(23% - 11.25px);
}
.cta p {
  font-size: 12px;
  color: #070952;
  font-weight: 700;
  word-wrap: break-word;
  margin-top: 3px;
  text-align: center;
}

.cta_btn .image {
  padding: 10px;
  background: white;
  box-shadow: 1px 1px 4px #979797;
  border-radius: 8px;
  text-decoration: none;
}
.cta_btn .image img {
  width: 44px;
  height: 44px;
}

.special_rewards p {
  font-weight: 700;
  color: #070952;
  font-size: 16px;
}
.special_rewards a {
  font-weight: 700;
}
.special_rewards .reward {
  position: relative;
  width: 100%;
  height: 100%;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
  background: #070952;
  border-radius: 5px;
}
.special_rewards .reward img {
  width: 100%;
}
.special_rewards .reward .reward_info {
  left: 93px;
  top: 67px;
  position: absolute;
  text-align: right;
  color: #070952;
  font-size: 14px;
  font-weight: 800;
  line-height: 16px;
  word-wrap: break-word;
}
.special_rewards .reward .point_info {
  padding: 6px 12px;
  gap: 10px;
}
.special_rewards .reward .point_info img {
  width: 20px;
  height: 20px;
}
.special_rewards .reward .point_info .off {
  color: white;
  font-size: 12px;
  font-weight: 700;
  word-wrap: break-word;
}
@media (min-width: 767px) {
  .special_rewards .reward .point_info .off {
    font-size: 16px;
  }
}
.special_rewards .reward .point_info .location {
  color: white;
  font-size: 12px;
  font-weight: 500;
  word-wrap: break-word;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inherit;
  width: 110px;
}
@media (min-width: 767px) {
  .special_rewards .reward .point_info .location {
    font-size: 13px;
  }
}
@media (min-width: 1024px) {
  .special_rewards .reward .point_info .location {
    font-size: 12px;
    width: 130px;
  }
}
.special_rewards .reward .point_info .point {
  display: flex;
  gap: 5px;
  align-items: center;
}
.special_rewards .reward .point_info .point p {
  color: #00AAFF;
  font-size: 13px;
  font-weight: 700;
  word-wrap: break-word;
  padding-top: 2px;
}

.atom_rewards p {
  font-weight: 700;
  color: #070952;
  font-size: 16px;
}
@media (max-width: 767px) {
  .atom_rewards p {
    font-size: 14px;
  }
}
.atom_rewards a {
  font-weight: 700;
}
.atom_rewards .reward {
  position: relative;
  width: 100%;
  height: 100%;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
  background: white;
  border-radius: 5px;
  overflow: hidden;
}
.atom_rewards .reward img {
  width: 100%;
}
.atom_rewards .reward .reward_info {
  right: 3px;
  top: 68px;
  width: 75px;
  position: absolute;
  color: #070952;
  font-size: 14px;
  font-weight: 800;
  line-height: 16px;
  word-wrap: break-word;
}
@media (min-width: 767px) and (max-width: 1023px) {
  .atom_rewards .reward .reward_info {
    left: 102px;
    top: 67px;
  }
}
@media (min-width: 1024px) and (max-width: 1440px) {
  .atom_rewards .reward .reward_info {
    left: 78px;
    top: 48px;
  }
}
@media (max-width: 767px) {
  .atom_rewards .reward .reward_info {
    right: 0px;
    top: 56px;
  }
}
.atom_rewards .reward .point_info {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
  gap: 10px;
}
.atom_rewards .reward .point_info img {
  width: 32px;
  height: 32px;
}

.pack_card__details p {
  font-size: 14px;
}

.pack_card__details__right b {
  margin-left: 4px;
  font-weight: 800;
}

.point-icon {
  position: relative;
  top: -2px;
  left: -1px;
  margin-right: 4px;
}

.special_promotion_l_screen {
  display: block !important;
}
@media (max-width: 420px) {
  .special_promotion_l_screen {
    display: none !important;
  }
}

.special_promotion_s_screen {
  display: none !important;
}
@media (max-width: 420px) {
  .special_promotion_s_screen {
    display: block !important;
  }
}

.reward-main-tab .pagination-btn, .point-history-tab .pagination-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 24px 0;
}
.reward-main-tab .pagination-btn button, .point-history-tab .pagination-btn button {
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  background: #2449FB;
  border: 1px solid #2449FB;
  margin: 0 8px;
  color: white;
}
.reward-main-tab .pagination-btn button:hover, .point-history-tab .pagination-btn button:hover {
  background: #070952;
  border-color: #070952;
}
.reward-main-tab .pagination-btn button.active, .point-history-tab .pagination-btn button.active {
  background: transparent;
  color: #2449FB;
}

.rewardCategories {
  position: relative;
}
.rewardCategories #left-button,
.rewardCategories #right-button {
  text-align: center;
  line-height: 24px;
  background: transparent;
  border: 1px solid transparent;
}
.rewardCategories .left {
  position: absolute;
  top: 12px;
  left: -52px;
}
@media (max-width: 767px) {
  .rewardCategories .left {
    left: -26px;
  }
}
.rewardCategories .left span {
  cursor: pointer;
  padding-left: 10px;
  display: grid;
  align-items: center;
  color: #070952;
  font-size: 17px;
}
.rewardCategories .right {
  position: absolute;
  top: 12px;
  right: -52px;
}
@media (max-width: 767px) {
  .rewardCategories .right {
    right: -26px;
  }
}
.rewardCategories .right span {
  cursor: pointer;
  padding-left: 10px;
  display: grid;
  align-items: center;
  color: #070952;
  font-size: 17px;
}

.game-body.my_text .game-gradient-btn {
  font-size: 15px;
  font-family: Noto Sans Myanmar;
}

.game-gradient-btn {
  color: #070952;
  font-size: 20px;
  font-weight: 900;
  line-height: 34px;
  text-align: center;
  width: 170px;
  height: 32px;
  border: none;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  clip-path: polygon(0 0, 85% 0, 100% 100%, 0 100%);
  background: linear-gradient(270deg, #acff35 0%, #88e308 100%);
  box-shadow: inset 1px 1px 1px 0 rgba(255, 255, 255, 0.2), 8px 10px 18px 0 rgba(0, 0, 0, 0.25);
}
.game-gradient-btn:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: 0.4s;
  background: linear-gradient(270deg, #03fcba 0%, #acff35 100%);
  opacity: 0;
  z-index: -1;
}
.game-gradient-btn:hover {
  color: #070952;
}
.game-gradient-btn:hover:before {
  opacity: 1;
}
.game-gradient-btn:disabled {
  background: #CFD8D5;
  color: #767676;
  font-weight: 500;
  line-height: 31px;
}
.game-gradient-btn:disabled::before {
  background: #CFD8D5;
}
@media (max-width: 991px) {
  .game-gradient-btn {
    margin-left: auto;
    margin-right: auto;
  }
}

.see-all-btn {
  width: 170px;
  height: 32px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 32px auto 0;
  color: #acff35;
  font-size: 20px;
  font-weight: bold;
  line-height: 31px;
  transition: 0.4s;
  background: url(/assets/images/game_see_all_btn_shape.png) no-repeat center/cover;
}
.see-all-btn:hover {
  color: #acff35;
  opacity: 1;
}
@media (max-width: 575px) {
  .see-all-btn {
    margin-top: 0;
  }
}

.game-body {
  background: #070952;
  line-height: 1.5;
  padding-top: 72px;
}
@media (max-width: 991px) {
  .game-body {
    padding-top: 64px;
  }
}
.game-body.my_text {
  line-height: 2;
}
.game-body.my_text h2.section-heading {
  line-height: 2;
}
.game-body .container {
  max-width: 1200px;
  padding: 0 15px;
}
@media (max-width: 575px) {
  .game-body .container {
    max-width: 100%;
    padding: 0 16px;
  }
}
.game-body h2.section-heading {
  color: #ffffff;
  font-size: 32px;
  font-weight: 900;
  line-height: 1.5;
  text-align: center;
}
@media (max-width: 575px) {
  .game-body h2.section-heading {
    font-size: 24px;
  }
}
.game-body hr.section-border {
  opacity: 0.4;
  background-color: #2449FB;
  border: none;
}
.game-body.my_text h2,
.game-body.my_text h3,
.game-body.my_text h4,
.game-body.my_text h5,
.game-body.my_text h6,
.game-body.my_text li,
.game-body.my_text p,
.game-body.my_text .game-menu__item,
.game-body.my_text span {
  font-family: "Noto Sans Myanmar";
}

.countdown p {
  color: #fff;
  margin-right: 3px;
}

.countdown span {
  color: #8de70e;
}

.tournament-section,
.gameshop-section,
.datapack-section {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  margin-bottom: 15px;
}
.tournament-section .left-area,
.gameshop-section .left-area,
.datapack-section .left-area {
  height: 56px;
  width: 370px;
  background: linear-gradient(147.43deg, #8900f2 0%, #2449fb 100%);
  clip-path: polygon(0 0, 100% 0, 87% 100%, 0 100%);
}
@media (max-width: 575px) {
  .tournament-section .left-area,
  .gameshop-section .left-area,
  .datapack-section .left-area {
    height: 32px;
    width: 155px;
  }
}
.tournament-section .left-area h2,
.gameshop-section .left-area h2,
.datapack-section .left-area h2 {
  padding: 8px;
  color: #fff;
  font-weight: 900;
  letter-spacing: 0;
  font-size: 32px;
  margin-top: 0px;
  line-height: 43px;
}
@media (max-width: 575px) {
  .tournament-section .left-area h2,
  .gameshop-section .left-area h2,
  .datapack-section .left-area h2 {
    font-size: 21px;
    padding: 2px;
    line-height: 32px;
  }
}
.tournament-section .right-area p,
.gameshop-section .right-area p,
.datapack-section .right-area p {
  color: #ACFF35;
}

.casual-section {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
.casual-section .header-area {
  height: 56px;
  width: 370px;
  text-align: center;
  background: linear-gradient(147.43deg, #8900f2 0%, #2449fb 100%);
  clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 10% 100%);
}
@media (max-width: 575px) {
  .casual-section .header-area {
    height: 32px;
    width: 179px;
  }
}
.casual-section .header-area h2 {
  padding: 8px;
  color: #fff;
  font-weight: 900;
  letter-spacing: 0;
  font-size: 32px;
  margin-top: 0px;
}
@media (max-width: 575px) {
  .casual-section .header-area h2 {
    font-size: 21px;
    padding: 2px;
    line-height: 32px;
  }
}

.back_to_top {
  position: fixed;
  bottom: 22px;
  right: 32px;
  height: 48px;
  width: 48px;
  background-color: #00c8ff;
  cursor: pointer;
  display: none;
  z-index: 99;
}
.back_to_top .inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 3px 0px;
}
.back_to_top .inner img {
  height: 12px;
  width: 18px;
}
.back_to_top .inner p {
  font-size: 12px;
  line-height: 13px;
  text-align: center;
  font-weight: 600;
  color: #070952;
}

.font-bolder {
  font-weight: 900;
}

.lpa_sidebar .modal-backdrop.fade {
  opacity: 0 !important;
}

.game-body.my_text .game-header__content a, .game-body.my_text .game-header__content button {
  font-family: "atom-sans" !important;
}

#game-header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
}

.game-header__section {
  background: #060d5a;
}
@media (max-width: 575px) {
  .game-header__section .container {
    padding: 0 16px;
  }
}
.game-header__content h1 {
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}
@media (max-width: 575px) {
  .game-header__content h1 {
    font-size: 14px;
    font-weight: 900;
  }
}
.game-header__content h1 br {
  display: none;
}
@media (max-width: 767px) {
  .game-header__content h1 br {
    display: block;
  }
}
.game-header__content__logo {
  margin: 5px 0;
  cursor: pointer;
}
.game-header__content__logo img {
  height: 62px;
}
@media (max-width: 991px) {
  .game-header__content__logo img {
    height: 54px;
  }
}

.game-hero .owl-dots, .game-shop-slider .owl-dots, .game-shop-slider-mob .owl-dots {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 23px;
  display: flex;
}
@media (max-width: 991px) {
  .game-hero .owl-dots, .game-shop-slider .owl-dots, .game-shop-slider-mob .owl-dots {
    bottom: 24px;
  }
}
.game-hero .owl-dots .owl-dot.active span, .game-shop-slider .owl-dots .owl-dot.active span, .game-shop-slider-mob .owl-dots .owl-dot.active span {
  width: 32px !important;
  background-color: #03FCBA !important;
  border-radius: 30px !important;
}
@media (max-width: 991px) {
  .game-hero .owl-dots .owl-dot.active span, .game-shop-slider .owl-dots .owl-dot.active span, .game-shop-slider-mob .owl-dots .owl-dot.active span {
    width: 24px !important;
  }
}
.game-hero .owl-dots .owl-dot span, .game-shop-slider .owl-dots .owl-dot span, .game-shop-slider-mob .owl-dots .owl-dot span {
  width: 12px !important;
  height: 12px !important;
  background-color: #ACFF35 !important;
  border-radius: 50%;
  margin: 0 4px !important;
}
@media (max-width: 991px) {
  .game-hero .owl-dots .owl-dot span, .game-shop-slider .owl-dots .owl-dot span, .game-shop-slider-mob .owl-dots .owl-dot span {
    width: 8px !important;
    height: 8px !important;
  }
}
.game-hero .owl-dots .owl-dot:hover.active span:hover, .game-shop-slider .owl-dots .owl-dot:hover.active span:hover, .game-shop-slider-mob .owl-dots .owl-dot:hover.active span:hover {
  width: 32px !important;
  background-color: #03FCBA !important;
}
.game-hero .owl-dots .owl-dot:hover span, .game-shop-slider .owl-dots .owl-dot:hover span, .game-shop-slider-mob .owl-dots .owl-dot:hover span {
  background-color: #ACFF35 !important;
  border-radius: 50%;
  margin: 0 4px !important;
}

.game-shop-carousel .owl-dots {
  bottom: -36px;
}
@media (max-width: 991px) {
  .game-shop-carousel .owl-dots {
    bottom: -24px;
  }
}

@media (max-width: 575px) {
  .game-menu__content .row {
    flex-wrap: nowrap;
    margin: 0;
    overflow-x: auto;
    justify-content: space-between;
  }
}
.game-menu__content .row::-webkit-scrollbar {
  display: none;
}
@media (max-width: 575px) {
  .game-menu__content .col-3 {
    width: initial;
    padding: 0;
  }
}
.game-menu__item {
  padding: 40px 16px 15px;
  color: white;
  font-size: 20px;
  font-weight: 900;
  display: flex;
  align-items: center;
  cursor: pointer;
  flex-wrap: wrap;
  white-space: nowrap;
}
.game-menu__item.active, .game-menu__item:hover {
  color: #acff35;
}
@media (max-width: 991px) {
  .game-menu__item {
    display: flex;
    flex-direction: column;
    font-size: 10px;
    font-weight: bold;
    padding: 16px 16px 10px;
  }
}
.game-menu__item span {
  min-width: 32px;
  min-height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}
@media (max-width: 991px) {
  .game-menu__item span {
    margin-right: 0;
    margin-bottom: 4px;
  }
}

.game-tournament__section .row > div {
  position: relative;
}
.game-tournament__status {
  position: absolute;
  height: 39px;
  width: 166px;
  background: linear-gradient(147.43deg, #8900F2 0%, #2449FB 100%);
  text-align: center;
  margin: 0 auto;
  bottom: -13px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.game-tournament__status span {
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 0px;
  text-align: center;
  padding: 11px;
}
@media (max-width: 575px) {
  .game-tournament__status {
    bottom: -11px;
  }
}
@media (max-width: 575px) {
  .game-tournament__content {
    bottom: -11px;
  }
}
.game-tournament__content h2 {
  margin-top: 40px;
}
@media (max-width: 575px) {
  .game-tournament__content h2 {
    margin-top: 15px;
  }
}
.game-tournament__card {
  margin-top: 12px;
  position: relative;
  text-align: center;
  width: 370px;
  height: 370px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  margin-bottom: 12px;
}
@media (max-width: 575px) {
  .game-tournament__card {
    box-sizing: border-box;
    height: 343px;
    width: 343px;
    margin: 0 auto;
    margin-top: 8px;
    margin-bottom: 24px;
  }
}
.game-tournament__card:hover:after {
  opacity: 0;
}
.game-tournament__card * {
  position: relative;
  z-index: 1;
}
.game-tournament__card h3 {
  color: #ffffff;
  font-size: 24px;
  font-weight: 900;
  text-align: center;
  margin-bottom: 0px;
  margin-top: 10px;
  padding: 0 10px;
  padding-bottom: 10px;
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.5);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (min-width: 575px) {
  .game-tournament__card h3 {
    width: 350px;
  }
}
.game-tournament__card h3:nth-child(2) {
  margin-top: -2px;
  padding-bottom: 12px;
}
@media (max-width: 575px) {
  .game-tournament__card h3:nth-child(2) {
    margin-bottom: 0px;
    padding-bottom: 14px;
    margin-top: -15px;
  }
}
@media (max-width: 575px) {
  .game-tournament__card h3:nth-child(1) {
    padding-bottom: 25px;
  }
}
.game-tournament__card h4:not(.game-tournament__card__prize) {
  color: #11085b;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-top: 8px;
}
.game-tournament__card h4:not(.game-tournament__card__prize) br {
  display: none;
}
@media (max-width: 575px) {
  .game-tournament__card h4:not(.game-tournament__card__prize) br {
    display: block;
  }
}
.game-tournament__card p {
  color: #91e5f6;
  font-size: 18px;
  font-weight: 600;
  padding-top: 3px;
  text-align: center;
}
.game-tournament__card__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding: 0 1px;
}
.game-tournament__card__logo .live {
  position: absolute;
  left: 0px;
  height: 19px;
  width: 56px;
  background-color: #FF4D6D;
  z-index: 99;
  top: 25px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 3px;
}
.game-tournament__card__logo .live span {
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
}
.game-tournament__card__info {
  display: flex;
  padding: 0 1px;
  margin-top: 5px;
}
.game-tournament__card__info .user {
  width: 30%;
  color: #91e5f6;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  text-align: center;
  background: linear-gradient(270deg, #8900F2 0%, #2449FB 100%);
  clip-path: polygon(0 0, 100% 0, 87% 100%, 0 100%);
}
.game-tournament__card__info .user img {
  margin-right: 4.5px;
}
.game-tournament__card__info .date_time {
  color: #91E5F6;
  font-size: 16px;
  font-weight: 500;
  width: 70%;
  text-align: center;
  background: linear-gradient(270deg, #2449FB 0%, #8900F2 100%);
  clip-path: polygon(14px 0px, 100% 0px, 100% 100%, 0px 100%);
}
.game-tournament__card__user {
  color: #91e5f6;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  text-align: center;
  display: flex;
  align-items: center;
  margin: 0 auto 15px;
}
.game-tournament__card__user img {
  margin-right: 4.5px;
}
.game-tournament__card__prize {
  text-align: center;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-top: 16px;
}
.game-tournament__card__prize > * {
  position: relative;
  z-index: 2;
}
.game-tournament__card__prize span.white {
  color: white;
  font-size: 16px;
  letter-spacing: 0;
}
.game-tournament__card__prize span:not(.white) {
  font-size: 18px;
  color: #03FCBA;
  font-weight: 900;
}

@media (min-width: 1240px) and (max-width: 1400px) {
  .game-tournament-count:nth-child(even) {
    margin-left: 10%;
  }
}
@media (min-width: 993px) and (max-width: 1239px) {
  .game-tournament-count:nth-child(even) {
    margin-left: 20%;
  }
}

@media (max-width: 575px) {
  .game-body.my_text .game-casual__content p {
    font-size: 16px;
  }
}

.header-title {
  text-align: center;
  margin: 20px;
}
.header-title h1 {
  font-size: 32px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 35px;
  color: #fff;
}

.game-shop-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: #767676;
}

.game-shop-breadcrumb .breadcrumb-item.active {
  color: #FFFFFF;
}

.game-shop-divider {
  height: 1px;
  width: 100%;
  opacity: 0.4;
  background-color: #2449FB;
}

.breadcrumb {
  margin-bottom: 17px !important;
}

.casual_highlight {
  display: flex;
  gap: 30px;
  justify-content: center;
}
@media (max-width: 575px) {
  .casual_highlight {
    flex-direction: column;
    align-items: center;
  }
}
.casual_highlight .highlighted_game {
  position: relative;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  height: 384px;
  width: 675px;
  border: 1px solid #2449FB;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
@media (max-width: 575px) {
  .casual_highlight .highlighted_game {
    height: 195px;
    width: 343px;
  }
}
.casual_highlight .header {
  height: 40px;
  width: 370px;
  text-align: center;
  clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 10% 100%);
  background: linear-gradient(147.43deg, #8900F2 0%, #2449FB 100%);
}
@media (max-width: 575px) {
  .casual_highlight .header {
    height: 29px;
    width: 188px;
  }
}
.casual_highlight .header h2 {
  color: #fff;
  letter-spacing: -0.52px;
  line-height: 38px;
  text-align: center;
  font-size: 24px;
}
@media (max-width: 575px) {
  .casual_highlight .header h2 {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.39px;
    line-height: 28px;
  }
}
.casual_highlight .footer {
  position: absolute;
  bottom: 10px;
}
.casual_highlight .footer .game-gradient-btn {
  height: 40px;
}
@media (max-width: 575px) {
  .casual_highlight .footer .game-gradient-btn {
    height: 32px;
    width: 120px;
    font-size: 18px;
  }
}

.categorize_game {
  margin-top: 40px;
}
@media (max-width: 575px) {
  .categorize_game {
    margin-top: 55px;
  }
}
@media (min-width: 575px) {
  .categorize_game {
    padding-left: 135px;
    padding-right: 135px;
  }
}
.categorize_game .game_category:not(:first-child) {
  margin-top: 20px;
}
.categorize_game .game_count {
  text-align: right;
  color: #ACFF35;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 26px;
}
.categorize_game h3 {
  color: #FFFFFF;
  font-size: 21px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 23px;
}
.categorize_game .game_catalogue {
  display: flex;
  gap: 30px;
  margin-top: 108px;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .categorize_game .game_catalogue {
    justify-content: center;
  }
}
.categorize_game .game_catalogue h3 {
  color: #FFFFFF;
  font-size: 21px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 23px;
}
.categorize_game .game_catalogue .wrapper {
  width: 170px;
  height: 259px;
}
@media (max-width: 390px) {
  .categorize_game .game_catalogue .wrapper {
    width: 152px;
  }
}
.categorize_game .game_catalogue .wrapper .single_game {
  position: relative;
  box-sizing: border-box;
  height: 190px;
  width: 100%;
  border: 1px solid #2449FB;
  border-radius: 6px;
  background-color: #070952;
}
.categorize_game .game_catalogue .wrapper .single_game .game_content .game_info {
  margin-top: 58px;
  padding: 0px 18px;
}
.categorize_game .game_catalogue .wrapper .single_game .game_content .game_info .game_name {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 25px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 132px;
}
.categorize_game .game_catalogue .wrapper .single_game .game_content .game_info .game_type {
  color: #00C8FF;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 132px;
}
.categorize_game .game_catalogue .wrapper .single_game .game_content .game_info .game-gradient-btn {
  position: absolute;
  bottom: 15px;
  height: 32px;
  width: 142px;
  background: linear-gradient(270deg, #ACFF35 0%, #88E308 100%);
}
@media (max-width: 390px) {
  .categorize_game .game_catalogue .wrapper .single_game .game_content .game_info .game-gradient-btn {
    width: 122px;
  }
}
.categorize_game .game_catalogue .wrapper .single_game .game_content .game_img {
  height: 138px;
  width: 138px;
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 430px) {
  .categorize_game .game_catalogue .wrapper .single_game .game_content .game_img {
    left: 52%;
  }
}
.categorize_game .game_catalogue .wrapper .single_game .game_content .game_prize {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2px;
  border-radius: 0 0 8px 8px;
  background-color: #1229B3;
  height: 28px;
  width: 138px;
  border-radius: 0 0 8px 8px;
  margin: 0 auto;
  position: relative;
  top: 47px;
}
@media (max-width: 430px) {
  .categorize_game .game_catalogue .wrapper .single_game .game_content .game_prize {
    width: 132px;
  }
}
.categorize_game .game_catalogue .wrapper .single_game .game_content .game_prize p {
  color: #fff;
  font-size: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.categorize_game .see_all_btn, .categorize_game .see_less_btn {
  height: 32px;
  width: 101px;
  display: flex;
  margin: 32px auto 0;
  color: #ACFF35;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 31px;
  text-align: center;
  text-decoration: underline;
  margin-top: -40px;
}

.game-casual__content {
  overflow: hidden;
}
.game-casual__content hr {
  margin-top: 0;
  margin-left: 135px;
  margin-right: 135px;
}
.game-casual__content h2 {
  margin-top: 54px;
}
@media (max-width: 575px) {
  .game-casual__content h2 {
    margin-top: 32px;
  }
}
.game-casual__content .banner {
  margin: 32px 0px;
}
.game-casual__content .game_wrapper .selected_game {
  background-color: #1229B3;
  box-sizing: border-box;
  background-clip: padding-box;
  padding: 40px;
  text-align: center;
  flex-direction: column;
}
@media (max-width: 575px) {
  .game-casual__content .game_wrapper .selected_game {
    margin: 10px 20px;
  }
}
.game-casual__content .game_wrapper .selected_game h3 {
  color: #fff;
  font-weight: 900;
}
.game-casual__content .game_wrapper .selected_game p {
  line-height: 25px;
  font-size: 16px;
  font-weight: 600;
  color: #FFFFFF;
}
.game-casual__content .game_wrapper .selected_game img {
  border-radius: 15px;
}
.game-casual__content .game_wrapper .selected_game .play-btn {
  width: 170px;
  height: 32px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  color: #acff35;
  font-size: 20px;
  font-weight: bold;
  line-height: 31px;
  transition: 0.4s;
  background: url(/assets/images/game_see_all_btn_shape.png) no-repeat center/cover;
}
@media (min-width: 575px) {
  .game-casual__content .game_wrapper .col-md-6:first-child {
    border-right: 5px solid transparent;
  }
  .game-casual__content .game_wrapper .col-md-6:nth-child(2) {
    border-left: 5px solid transparent;
  }
}
.game-casual__content__img {
  position: relative;
}
.game-casual__content p {
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
}
@media (max-width: 991px) {
  .game-casual__content p {
    margin-top: 16px;
  }
}
.game-casual__content .game-gradient-btn {
  margin-left: auto;
  margin-right: auto;
  margin-top: 32px;
}
.game-casual__content .row {
  margin-top: 24px;
}
@media (max-width: 575px) {
  .game-casual__content .row {
    margin-top: 8px;
  }
}

@media (max-width: 991px) {
  .home-carousel.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 3px;
  }
}
.home-carousel.owl-theme .owl-dots .owl-dot.active span {
  width: 24px !important;
  border-radius: 30px !important;
  background-color: #00CAFF !important;
}
.home-carousel.owl-theme .owl-dots .owl-dot span {
  margin: 5px 4px;
  background: #070952 !important;
}

.home-carousel .owl-dots,
.eof-carousel .owl-dots {
  width: 100%;
  position: absolute;
  bottom: 15px;
}
@media (max-width: 991px) {
  .home-carousel .owl-dots,
  .eof-carousel .owl-dots {
    position: initial;
  }
}

.Marquee {
  position: relative;
  height: 592px;
  width: 4592px;
  overflow: hidden;
}
@media (max-width: 575px) {
  .Marquee {
    height: 154px;
    width: 1200px;
  }
}

.Marquee__inner {
  display: block;
  width: 200%;
  margin: 0 auto;
  white-space: nowrap;
  position: absolute;
  animation: marquee 120s linear infinite;
}
@media (max-width: 575px) {
  .Marquee__inner {
    animation: marqueem 120s linear infinite;
  }
}
.Marquee__inner .desktop_mode {
  display: block;
}
@media (max-width: 575px) {
  .Marquee__inner .desktop_mode {
    display: none;
  }
}
.Marquee__inner .mobile_mode {
  display: block;
}
@media (min-width: 575px) {
  .Marquee__inner .mobile_mode {
    display: none;
  }
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes marqueem {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-48%);
  }
}
.poster {
  height: 630px;
  background: #fff;
  display: inline-block;
  margin: 0;
  float: left;
  transition: all 0.92s ease-out;
}
@media (max-width: 575px) {
  .poster {
    height: 154px;
  }
}

.game-shop__section {
  padding-top: 40px;
}
@media (max-width: 575px) {
  .game-shop__section {
    padding-top: 32px;
  }
}
.game-shop__section .row {
  position: relative;
}
.game-shop__content hr {
  margin-top: 0;
}
.game-shop__content h2 {
  margin-top: 40px;
}
@media (max-width: 575px) {
  .game-shop__content h2 {
    margin-top: 32px;
  }
}
.game-shop__content .game-see-all-btn {
  color: #88E308;
  font-size: 20px;
  font-weight: bold;
  line-height: 22px;
  text-decoration: underline;
}
.game-shop__card {
  margin-top: 16px;
}
@media (max-width: 575px) {
  .game-shop__card {
    margin-top: 16px;
    margin-bottom: 32px;
  }
}
.game-shop__card > div {
  height: 170px;
  margin-bottom: 16px;
}
@media (max-width: 575px) {
  .game-shop__card > div {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .game-shop__card > div {
    height: 250px;
  }
}
@media (max-width: 575px) {
  .game-shop__card > div {
    height: calc(50vw - 24px);
  }
}

@media (max-width: 575px) {
  .game-body.my_text .game-data-packs__content p {
    font-size: 12px;
  }
}

.game-data-packs__section {
  padding-top: 40px;
}
@media (max-width: 575px) {
  .game-data-packs__section {
    padding-top: 32px;
  }
}
.game-data-packs__content hr {
  margin-top: 0;
}
.game-data-packs__content h2 {
  margin-top: 40px;
}
@media (max-width: 575px) {
  .game-data-packs__content h2 {
    margin-top: 32px;
  }
}
.game-data-packs__content .row {
  margin-top: 16px;
}
@media (max-width: 575px) {
  .game-data-packs__content .row {
    margin-top: 10px;
  }
}
@media (max-width: 575px) {
  .game-data-packs__content .row .col-12 {
    margin-bottom: 25px;
  }
}
.game-data-packs__content p {
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
}
@media (max-width: 991px) {
  .game-data-packs__content p:first-child {
    margin-top: 16px;
  }
}
.game-data-packs__content a {
  margin-top: 40px;
}
@media (max-width: 575px) {
  .game-data-packs__content a {
    margin-top: 16px;
  }
}
.game-data-packs__content .owl-carousel {
  border: 1px solid #0a34ff;
}
.game-data-packs__content__card {
  box-sizing: border-box;
  height: 246px;
  width: 370px;
  border: 1px solid #2449FB;
  flex-direction: column;
  margin: 10px 0px;
}
@media (max-width: 575px) {
  .game-data-packs__content__card {
    height: 228px;
    width: 343px;
    margin: 0 auto;
  }
}
.game-data-packs__content__card .image_section {
  height: 170px;
  width: 370px;
}
.game-data-packs__content__card__details {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 31px;
  position: relative;
}
@media (max-width: 575px) {
  .game-data-packs__content__card__details {
    margin-top: 24px;
  }
}
.game-data-packs__content__card__details .pricebox {
  text-align: center;
}
.game-data-packs__content__card__details .pricebox p {
  line-height: 0px;
}
.game-data-packs__content__card__details .pricebox .price {
  color: #ACFF35;
}
.game-data-packs__content__card__details .pricebox span {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  margin-left: -2px;
}
.game-data-packs__content__card__details .pricebox small {
  opacity: 0.5;
  color: #FFFFFF;
  font-size: 9px;
  font-weight: 500;
}
.game-data-packs__content__card__details .vertical {
  height: 44px;
  width: 1px;
  background: #2449FB;
  position: absolute;
  top: -17px;
  opacity: 0.5;
}
@media (max-width: 575px) {
  .game-data-packs__content__card__details .vertical {
    top: -6px;
  }
}
.game-data-packs__content__card__details .buynow {
  width: 104px;
  height: 32px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #acff35;
  font-weight: bold;
  line-height: 31px;
  transition: 0.4s;
  background: url(/assets/images/buy_now.png) no-repeat center/cover;
  margin-top: -10px;
}
.game-data-packs__content__card__details .buynow a {
  color: #acff35;
  font-size: 14px;
  margin-top: 2px;
}
.game-data-packs__content__carousel {
  position: relative;
}

.data-packs .owl-dots {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 10px;
}
@media (max-width: 575px) {
  .data-packs .owl-dots {
    bottom: 1px;
  }
}
.data-packs .owl-dots .owl-dot.active span {
  width: 24px !important;
  background-color: #03fcba !important;
  border-radius: 30px !important;
}
.data-packs .owl-dots .owl-dot span {
  background-color: #acff35 !important;
  border-radius: 50%;
  margin: 0 4px !important;
}
.data-packs .owl-dots .owl-dot:hover.active span:hover {
  width: 24px !important;
  background-color: #03fcba !important;
}
.data-packs .owl-dots .owl-dot:hover span {
  background-color: #acff35 !important;
  border-radius: 50%;
  margin: 0 4px !important;
}

.game-faq__section {
  padding-top: 40px;
}
@media (max-width: 575px) {
  .game-faq__section {
    padding-top: 32px;
  }
}
.game-faq__content hr {
  margin-top: 0;
}
.game-faq__content h2 {
  margin-top: 40px;
}
@media (max-width: 575px) {
  .game-faq__content h2 {
    margin-top: 32px;
  }
}
.game-faq__content a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #acff35;
  margin: 16px auto 0;
}
.game-faq__content a span {
  font-size: 24px;
  font-weight: bold;
}
.game-faq__content a:hover {
  opacity: 0.7;
}
.game-faq__content a svg {
  margin-left: 4px;
}

.game-share__section {
  padding-top: 40px;
}
@media (max-width: 575px) {
  .game-share__section {
    padding-top: 32px;
  }
}
.game-share__content hr {
  margin-top: 0;
}
.game-share__content h2 {
  margin-top: 40px;
}
@media (max-width: 575px) {
  .game-share__content h2 {
    margin-top: 32px;
  }
}
.game-share__content a {
  color: #acff35;
  display: table;
  margin: 16px auto 0;
}
.game-share__content a:hover {
  opacity: 0.7;
}

@media (max-width: 575px) {
  .game-body.my_text .game-about__content p {
    font-size: 12px;
  }
}

.game-about__section {
  padding-top: 45px;
}
@media (max-width: 575px) {
  .game-about__section {
    padding-top: 32px;
  }
}
.game-about__content hr {
  margin-top: 0;
}
.game-about__content h2 {
  margin-top: 40px;
}
@media (max-width: 575px) {
  .game-about__content h2 {
    margin-top: 32px;
  }
}
.game-about__content p {
  color: white;
  max-width: 770px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin: 16px auto 0;
}
.game-about__content iframe {
  display: table;
  margin: 16px auto 0;
}
@media (max-width: 575px) {
  .game-about__content iframe {
    height: calc((100vw - 32px) * 0.75);
  }
}

.game-power-by__section {
  padding-top: 40px;
}
@media (max-width: 575px) {
  .game-power-by__section {
    padding-top: 32px;
  }
}
.game-power-by__content hr {
  margin-top: 0;
}
.game-power-by__content h2 {
  margin-top: 40px;
}
@media (max-width: 575px) {
  .game-power-by__content h2 {
    margin-top: 32px;
  }
}
.game-power-by__item {
  display: table;
  margin: 16px auto 0;
}
.game-power-by__item img {
  max-width: 100%;
}
@media (max-width: 575px) {
  .game-power-by__item img {
    max-height: 52px;
  }
}

.footer {
  position: absolute;
  bottom: 0px;
  width: 100%;
}

.game-footer__section {
  padding-top: 60px;
}
@media (max-width: 575px) {
  .game-footer__section {
    padding-top: 32px;
  }
}
.game-footer__content hr {
  margin-top: 0;
}
.game-footer__content > div {
  margin-top: 16px;
  margin-bottom: 24px;
}
.game-footer__content > div > div a {
  color: white;
  font-size: 13px;
  font-weight: bold;
  margin-left: 10px;
}
@media (max-width: 991px) {
  .game-footer__content > div > div a {
    margin-left: 0;
    margin-right: 32px;
  }
}
@media (max-width: 575px) {
  .game-footer__content > div > div a {
    font-size: 12px;
  }
}
.game-footer__content h4,
.game-footer__content h4 a {
  color: white;
  font-size: 16px;
  font-weight: bold;
}
@media (max-width: 575px) {
  .game-footer__content h4,
  .game-footer__content h4 a {
    font-size: 12px;
  }
}

.game-shop {
  max-width: 602px;
  margin: auto;
}

.game-id {
  border: 1px solid #2449FB;
  border-radius: 12px;
  padding: 13px 16px 15px;
}

.game-shop-text-10,
.game-shop-text-13,
.game-shop-text-14,
.game-shop-text-16,
.game-shop-text-18,
.game-shop-text-20,
.game-shop-form-input label,
.game-shop-form-input input {
  font-family: "atom-sans";
}

.game-shop-text-10 {
  font-size: 10px;
  line-height: 16px;
}

.game-shop-text-13 {
  font-size: 13px;
  line-height: 20px;
}

.game-shop-text-14 {
  font-size: 14px;
  line-height: 22px;
}

.game-shop-text-12 {
  font-size: 12px;
  line-height: 22px;
  font-weight: 600;
}

.game-shop-text-16 {
  font-size: 16px;
  line-height: 25px;
}

.game-shop-text-18 {
  font-size: 18px;
  line-height: 28px;
}

.game-shop-text-20 {
  font-size: 20px;
  line-height: 31px;
}

.game-shop-text-21 {
  font-size: 21px;
  line-height: 35px;
}

.game-shop-text-32 {
  font-size: 32px;
  font-weight: 900;
  line-height: 55px;
}

.rounded-16 {
  border-radius: 16px;
}

.rounded-24 {
  border-radius: 24px;
}

.text-2449FB {
  color: #2449FB;
}

.text-ACFF35 {
  color: #ACFF35;
}

.fs-bold {
  font-weight: bold;
}

.fs-medium {
  font-weight: 500;
}

.fs-800 {
  font-weight: 800;
}

.h-36 {
  height: 36px;
}

.bb-1 {
  border-bottom: 1px solid rgba(214, 214, 214, 0.3);
}

.text-white-op-80 {
  color: rgba(255, 255, 255, 0.8);
}

.cut-price {
  font-size: 12px;
  text-decoration: line-through;
  color: #f84771;
  font-weight: 500;
}

.percentage {
  color: #ACFF35;
  font-size: 12px;
  padding-top: 3px;
}

.text-2EE0CD {
  color: #2EE0CD;
}

.discount_percentage {
  background: #8900F2;
  width: 38px;
  height: 18px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.game-shop__card_spacing {
  margin-top: 0;
  margin-bottom: 39px;
}

.game-shop-card {
  border: 1px solid #2449FB;
  border-radius: 12px;
  padding: 0px 40px;
}
@media (max-width: 320px) {
  .game-shop-card .otp-wrapper > div {
    flex-flow: row wrap;
    margin-left: 10px;
  }
}

.game-shop-id-information {
  padding: 13px 16px 15px;
}

.favsection {
  position: absolute;
  top: 10px;
  right: 22px;
  background-color: rgba(6, 9, 83, 0.32);
  border-radius: 8px;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.game-shop-form-input input {
  height: 38px;
  border: 1px solid #2449FB;
  background-color: #070952;
  border-radius: 3px;
  color: #03FCBA;
  font-size: 16px;
  font-weight: 600;
  line-height: 25px;
}

.game-shop-form-input input:focus {
  background: transparent;
  box-shadow: none;
  border: 1px solid #2449FB;
  color: #03FCBA;
}

/* Checkbox */
.game-shop-form-checkbox {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: #FFFFFF;
  font-family: "atom-sans";
  font-size: 12px;
  font-weight: 500;
  line-height: 19px;
}

/* Hide the browser's default checkbox */
.game-shop-form-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.7);
}

/* On mouse-over, add a grey background color */
.game-shop-form-checkbox:hover input ~ .checkmark {
  background-color: rgba(255, 255, 255, 0.9);
}

/* When the checkbox is checked, add a blue background */
.game-shop-form-checkbox input:checked ~ .checkmark {
  background-color: rgba(255, 255, 255, 0.7);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.game-shop-form-checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.game-shop-form-checkbox .checkmark:after {
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid rgb(81, 80, 80);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.diamond {
  border: 1px solid #2449FB;
  border-radius: 4px;
  background: linear-gradient(180deg, #8900F2 0%, #070952 100%);
  padding: 8px 12px;
}

.diamond:hover {
  border: 1px solid #ACFF35;
}

.diamond-line {
  height: 1px;
  width: 111px;
  background: linear-gradient(90deg, rgba(194, 237, 255, 0.15) 0%, #A5E0FF 50.17%, rgba(129, 207, 255, 0.15) 100%);
}
@media (max-width: 365px) {
  .diamond-line {
    width: 100%;
  }
}

.game-shop-card-confirm {
  padding: 0px 20px;
  margin: auto;
}
@media (min-width: 575px) {
  .game-shop-card-confirm {
    padding: 0px 100px;
  }
}

.phone-number {
  width: 100%;
  max-width: 311px;
  margin: auto;
}

.enter-otp {
  padding: 8px 0 26px;
}

.w-40 {
  width: 40px;
}

.h-40 {
  height: 40px;
}

/* need to change */
.success .price {
  max-width: 280px;
  width: 100%;
}

.your-voucher-code {
  height: 65px;
  width: 304px;
  border: 1px solid rgba(172, 255, 53, 0.5);
  border-radius: 4px;
  background-color: #070952;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.voucher-code {
  color: #767676;
  font-family: "atom-sans";
  font-size: 15px;
  font-weight: medium;
  line-height: 24px;
  text-align: center;
}

.number {
  color: #03FCBA;
  font-family: "atom-sans";
  font-size: 15px;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
}

.error-message {
  height: 318px;
  width: 359px;
  border: 1px solid #2449FB;
  border-radius: 12px;
  background-color: #070952;
  box-shadow: 1px 1px 10px 0 #8900F2;
  position: relative;
}

.close-popup {
  position: absolute;
  top: 8px;
  right: 16px;
}

@media (max-width: 365px) {
  .error-wrapper .error-card {
    width: 100%;
    margin: 10px;
  }
}

.game-free-play__section .row > div {
  position: relative;
}
.game-free-play__section .more_games {
  margin-top: 1.5rem;
  text-align: center;
}
.game-free-play__section .more_games a {
  color: #88E308;
  font-size: 20px;
  font-weight: bold;
  line-height: 22px;
  text-decoration: underline;
}
.game-free-play__header h2 {
  margin: 30px 0px 10px 0px;
  height: 40px;
  color: #88E308;
  font-size: 28px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 30px;
  text-align: center;
}
.game-free-play__body {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  gap: 30px;
}
@media (max-width: 575px) {
  .game-free-play__body {
    gap: 20px;
  }
}
.game-free-play__body .free_play_item {
  position: relative;
  width: 170px;
}
@media (max-width: 575px) {
  .game-free-play__body .free_play_item {
    width: 163px;
  }
}
.game-free-play__body .play_now {
  position: absolute;
  bottom: 0px;
  height: 32px;
  width: 100%;
  text-align: center;
  border-radius: 0 0 12px 12px;
  background: linear-gradient(175.91deg, #22A901 0%, #0017BF 100%);
}
.game-free-play__body .play_now a {
  color: #FFFFFF;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 32px;
  text-align: center;
}
.game-free-play__body .mr-1 {
  margin-right: 8px;
}
.game-free-play__body .item {
  margin: 10px 0px;
}
.game-free-play__body a img {
  height: 254px;
  width: 170px;
  border-radius: 12px;
  background-color: #B7F1FD;
}
.game-free-play__footer {
  text-align: center;
  margin: 30px 0px 10px 0px;
}
.game-free-play__footer a {
  height: 32px;
  width: 170px;
  color: #ACFF35;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 22px;
  text-align: center;
  text-decoration: underline;
}

.casualgame-hero .owl-dots {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0px;
  position: relative;
}
@media (max-width: 991px) {
  .casualgame-hero .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
  }
}
.casualgame-hero .owl-dots .owl-dot.active span {
  width: 32px !important;
  background-color: #03FCBA !important;
  border-radius: 30px !important;
}
@media (max-width: 991px) {
  .casualgame-hero .owl-dots .owl-dot.active span {
    width: 24px !important;
  }
}
.casualgame-hero .owl-dots .owl-dot span {
  width: 12px !important;
  height: 12px !important;
  background-color: #ACFF35 !important;
  border-radius: 50%;
  margin: 0 4px !important;
}
@media (max-width: 991px) {
  .casualgame-hero .owl-dots .owl-dot span {
    width: 8px !important;
    height: 8px !important;
  }
}
.casualgame-hero .owl-dots .owl-dot:hover.active span:hover {
  width: 32px !important;
  background-color: #03FCBA !important;
}
.casualgame-hero .owl-dots .owl-dot:hover span {
  background-color: #ACFF35 !important;
  border-radius: 50%;
  margin: 0 4px !important;
}

.game-shop-carousel .owl-dots {
  bottom: -36px;
}
@media (max-width: 991px) {
  .game-shop-carousel .owl-dots {
    bottom: -24px;
  }
}

@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1170px;
  }
}
@media (max-width: 768px) {
  iframe {
    width: calc(100vw - 30px);
  }
}
@media (max-width: 768px) {
  .VueCarousel-navigation-next,
  .VueCarousel-navigation-prev {
    display: none;
  }
}
.mt-12 {
  margin-top: 12px;
}
.mt-20 {
  margin-top: 20px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-32 {
  margin-top: 32px;
}
.mt-40 {
  margin-top: 40px;
}
.mt-48 {
  margin-top: 48px;
}
.mt-55 {
  margin-top: 55px;
}
.mt-60 {
  margin-top: 60px;
}
.mt-64 {
  margin-top: 64px;
}
.mt-70 {
  margin-top: 70px;
}
.mt-90 {
  margin-top: 90px;
}

.mb-12 {
  margin-bottom: 12px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-28 {
  margin-bottom: 28px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-32 {
  margin-bottom: 32px;
}
.mb-36 {
  margin-bottom: 36px;
}
.mb-40 {
  margin-bottom: 40px;
}
.mb-48 {
  margin-bottom: 48px;
}
.mb-55 {
  margin-bottom: 55px;
}
.mb-60 {
  margin-bottom: 60px;
}
.mb-64 {
  margin-bottom: 64px;
}
.mb-70 {
  margin-bottom: 70px;
}
.mb-90 {
  margin-bottom: 90px;
}

.ptb-30 {
  padding: 30px 0;
}

.tm-h1 {
  color: #1a1a1a;
}
@media (max-width: 767px) {
  .tm-h1 {
    font-size: 24px;
  }
}

.tm-h2 {
  color: #1a1a1a;
}

.highlight {
  color: #1a1a1a;
}

.bg-light-blue {
  background-color: #e6eef5;
}

.search .form-control {
  padding: 0.68rem 0.75rem;
  border-left: 0;
}
.search .form-control:focus {
  color: #1a1a1a;
  border-color: #d6d6d6;
  box-shadow: none;
}
.search .input-group-text {
  padding-right: 0;
  background-color: #ffffff;
}

.img-100 {
  width: 100%;
}

.w-970 {
  max-width: 970px;
}
.w-890 {
  max-width: 890px;
}
.w-870 {
  max-width: 870px;
}
.w-770 {
  max-width: 770px;
}
.w-680 {
  max-width: 680px;
}
.w-370 {
  max-width: 370px;
}
.w-570 {
  width: 570px;
  max-width: 570px;
}

.breadcrumb {
  margin-bottom: 29px;
}

.bg-box-1 {
  background: #e6eef4 !important;
}
.bg-box-2 {
  background: #e7e9f4 !important;
}
.bg-box-3 {
  background: #edf4ef !important;
}
.bg-box-4 {
  background: #f8f0f4 !important;
}

.bg-lightpink {
  background: #f8f0f4 !important;
}
.bg-lightblue {
  background: #e6eef4 !important;
}
.bg-deep-blue {
  background: #082A63 !important;
}

.pt-30 {
  padding-top: 30px;
}

.pt-35 {
  padding-top: 35px;
}

.font-light {
  font-weight: 500 !important;
}
.font-regular {
  font-weight: 400;
}
.font-medium {
  font-weight: 500;
}
.font-bold {
  font-weight: 600;
}

.fs-10,
.font-size-10 {
  font-size: 10px;
}
.fs-11,
.font-size-11 {
  font-size: 11px !important;
}
.fs-12,
.font-size-12 {
  font-size: 12px !important;
}
.fs-13,
.font-size-13 {
  font-size: 13px !important;
}
.fs-14,
.font-size-14 {
  font-size: 14px !important;
}
.fs-16,
.font-size-16 {
  font-size: 16px !important;
}
.fs-18,
.font-size-18 {
  font-size: 18px !important;
}
.fs-20,
.font-size-20 {
  font-size: 20px !important;
}
.fs-22,
.font-size-22 {
  font-size: 22px !important;
}
.fs-24,
.font-size-24 {
  font-size: 24px !important;
}
.fs-25,
.font-size-25 {
  font-size: 25px !important;
}
.fs-26,
.font-size-26 {
  font-size: 26px !important;
}
.fs-28,
.font-size-28 {
  font-size: 28px !important;
}
.fs-32,
.font-size-32 {
  font-size: 32px !important;
}
.fs-42,
.font-size-42 {
  font-size: 42px !important;
}

.text-white {
  color: #fff;
}

.text-light-gray {
  color: #f5f5f5;
}

.text-gray {
  color: #767676;
}

.text-blue {
  color: #2449FB;
}

.text-gray-secondary {
  color: #d6d6d6;
}

.text-dark-gray {
  color: #767676;
}

.text-black {
  color: #1a1a1a !important;
}

.text-light-blue {
  color: #4a90e2;
}

.text-red {
  color: #f00;
}

.bg-light {
  background-color: #fbfbfb;
}

.bg-light-50 {
  background-color: #d8d8dd;
}

.bg-light-100 {
  background-color: #f5f5f5;
}

.bg-light-purple {
  background-color: #e6e9f4;
}

.bg-light-blue {
  background-color: #e6eef4;
}

.bg-light-turquoise {
  background-color: #eaf3f5;
}

.bg-light-green {
  background-color: #edf4ef;
}

.bg-light-yellow {
  background-color: #f7f5ed;
}

.bg-light-orange {
  background-color: #f7f2ed;
}

.bg-light-red {
  background-color: #f7eded;
}

.bg-light-pink {
  background-color: #f8f0f4;
}

.bg-white {
  background-color: #ffffff;
}

.bg-dark-blue {
  background-color: #0c1026;
}

.border-radius-3 {
  border-radius: 3px;
}

.border-radius-6 {
  border-radius: 6px;
}

.border-radius-12 {
  border-radius: 12px;
}

.border-radius-24 {
  border-radius: 24px;
}

.tm-border-1 {
  border: 1px solid #eeeeee;
}

.border-gray {
  border-color: #eeeeee !important;
}

.list-style-type-disc {
  list-style-type: disc;
}

.lh-26 {
  line-height: 26px;
}

.lh-28 {
  line-height: 28px;
}

.lh-32 {
  line-height: 32px;
}

.lh-34 {
  line-height: 34px;
}

.lh-36 {
  line-height: 36px;
}

.lh-40 {
  line-height: 40px;
}

.lh-50 {
  line-height: 50px;
}

.ps-12 {
  padding-left: 12px;
}

.btn-check:focus + .btn, .btn:focus {
  box-shadow: 0 0 0 0 rgba(13, 110, 253, 0.25);
}

.btn-check:active + .btn-primary:focus,
.btn-check:checked + .btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(49, 132, 253, 0.5);
}

.accordion__footer .accordion-item {
  background: transparent;
  border: none;
}
.accordion__footer .accordion-item:first-of-type, .accordion__footer .accordion-item:last-of-type {
  border-radius: 0;
}
.accordion__footer .accordion-button {
  background: transparent;
}

.navigation-item:not(.navigation-brand-text).is-active:hover .navigation-link {
  border-bottom-color: #070952 !important;
  color: #070952 !important;
}
.navigation-item:not(.navigation-brand-text).is-active:hover .navigation-megamenu.is-visible {
  opacity: 1 !important;
}
.navigation-item:not(.navigation-brand-text).is-active .navigation-link {
  border-bottom-color: transparent !important;
  color: #1a1a1a !important;
}

.navigation-megamenu.is-visible {
  opacity: 0 !important;
  transition: opacity 0.3s linear, max-height 0s linear 0s !important;
  transform: none !important;
}

.accordion-button:focus {
  box-shadow: none;
}

.progressBarValue {
  background: #2449FB !important;
}