html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: rgba(0, 0, 0, 0);
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
min-height: 100%;
color: #333;
background-color: #fff;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
max-width: 100%;
vertical-align: middle;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
color: rgba(0, 0, 0, 0) !important;
}
.w-code-block {
margin: unset;
}
.w-webflow-badge, .w-webflow-badge * {
z-index: auto;
visibility: visible;
box-sizing: border-box;
width: auto;
height: auto;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
float: none;
clear: none;
box-shadow: none;
opacity: 1;
direction: ltr;
font-family: inherit;
font-weight: inherit;
color: inherit;
font-size: inherit;
line-height: inherit;
font-style: inherit;
font-variant: inherit;
text-align: inherit;
letter-spacing: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
text-indent: 0;
text-transform: inherit;
text-shadow: none;
font-smoothing: auto;
vertical-align: baseline;
cursor: inherit;
white-space: inherit;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
background: none;
border: 0 rgba(0, 0, 0, 0);
border-radius: 0;
margin: 0;
padding: 0;
list-style-type: disc;
transition: none;
display: block;
position: static;
top: auto;
bottom: auto;
left: auto;
right: auto;
overflow: visible;
transform: none;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .1);
visibility: visible !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
opacity: 1 !important;
width: auto !important;
height: auto !important;
background-color: #fff !important;
border-radius: 3px !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
top: auto !important;
bottom: 12px !important;
left: auto !important;
right: 12px !important;
overflow: visible !important;
transform: none !important;
}
.w-webflow-badge > img {
visibility: visible !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
width: 100%;
height: 100%;
border: none;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input, .w-select {
width: 100%;
height: 38px;
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input:-moz-placeholder, .w-select:-moz-placeholder {
color: #999;
}
.w-input::-moz-placeholder, .w-select::-moz-placeholder {
color: #999;
opacity: 1;
}
.w-input::-webkit-input-placeholder, .w-select::-webkit-input-placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
width: .1px;
height: .1px;
opacity: 0;
z-index: -100;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
width: auto;
height: auto;
cursor: pointer;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
width: 28px;
height: 20px;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
height: 0;
width: 0;
pointer-events: none;
border: solid rgba(0, 0, 0, 0);
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: rgba(117, 134, 150, 0) #5d6c7b rgba(117, 134, 150, 0) rgba(117, 134, 150, 0);
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: rgba(255, 255, 255, 0) #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
content: " ";
height: 0;
width: 0;
pointer-events: none;
border: solid rgba(0, 0, 0, 0);
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b rgba(117, 134, 150, 0) rgba(117, 134, 150, 0);
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
height: 500px;
color: #fff;
position: relative;
overflow: hidden;
}
.w-background-video > video {
width: 100%;
height: 100%;
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
margin: auto;
position: absolute;
top: -100%;
bottom: -100%;
left: -100%;
right: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: rgba(0, 0, 0, 0);
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
height: 300px;
text-align: center;
clear: both;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);
background: #ddd;
position: relative;
}
.w-slider-mask {
z-index: 1;
height: 100%;
white-space: nowrap;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
width: 100%;
height: 100%;
white-space: normal;
text-align: left;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
height: 40px;
text-align: center;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);
margin: auto;
padding-top: 10px;
position: absolute;
top: auto;
bottom: 0;
left: 0;
right: 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
width: auto;
height: auto;
font-size: inherit;
line-height: inherit;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px rgba(51, 51, 51, .4);
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: rgba(34, 34, 34, .4);
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
width: 1em;
height: 1em;
cursor: pointer;
background-color: rgba(255, 255, 255, .4);
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
width: 80px;
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
margin: auto;
font-size: 40px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
border: 0;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
min-width: 100%;
background: #ddd;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
@media screen and (max-width: 767px) {
.w-nav-brand {
padding-left: 10px;
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: rgba(0, 0, 0, .9);
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
height: 100%;
-webkit-overflow-scrolling: touch;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
width: 100vw;
height: 100vh;
opacity: 0;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
height: auto;
max-width: none;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: rgba(0, 0, 0, .4);
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.w-lightbox-control {
width: 4em;
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
height: 2.6em;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow-x: auto;
overflow-y: hidden;
}
.w-lightbox-item {
width: 10vh;
box-sizing: content-box;
cursor: pointer;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
height: 10vh;
background: #222;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
width: 40px;
height: 40px;
border: 5px solid rgba(0, 0, 0, .4);
border-radius: 50%;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid rgba(0, 0, 0, 0);
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
top: -4px;
bottom: -4px;
left: -4px;
right: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view, .w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left, .w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before, .w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: rgba(0, 0, 0, 0);
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
width: 100%;
max-width: 100%;
text-align: center;
clear: both;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
min-width: 200px;
background: #c8c8c8;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
:root {
--black: #272727;
--link-blue: #039be5;
--white: white;
--ultra-light-grey: whitesmoke;
--digi-yellow: #ffe600;
--grey-text: #979797;
--line: #c7c9cc;
--dark-grey: #6e6e6e;
--price-red: #ff3939;
--shadow: rgba(56, 68, 77, .16);
--ultra-light-yellow: #fffbdb;
--digi-dark-blue: #003b5c;
--digi-mid-blue: #005eb8;
--mid-yellow: #fdf5ae;
--bottom-nav: #dde2e5;
--green: #4caf50;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.w-embed-youtubevideo {
width: 100%;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg");
background-position: 50%;
background-size: cover;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
position: relative;
}
.w-embed-youtubevideo:empty {
min-height: 75px;
padding-bottom: 56.25%;
}
.w-checkbox {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-checkbox:before {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox:after {
content: " ";
clear: both;
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox-input {
float: left;
margin: 4px 0 0 -20px;
line-height: normal;
}
.w-checkbox-input--inputType-custom {
width: 12px;
height: 12px;
border: 1px solid #ccc;
border-radius: 2px;
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
background-color: #3898ec;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-color: #3898ec;
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-form-formradioinput--inputType-custom {
width: 12px;
height: 12px;
border: 1px solid #ccc;
border-radius: 50%;
}
.w-form-formradioinput--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-form-formradioinput--inputType-custom.w--redirected-checked {
border-width: 4px;
border-color: #3898ec;
}
.w-form-formrecaptcha {
margin-bottom: 8px;
}
body {
color: var(--black);
font-family: Barlow, sans-serif;
font-size: 16px;
line-height: 24px;
}
h1 {
margin-top: 0;
margin-bottom: 24px;
font-size: 48px;
font-weight: 700;
line-height: 56px;
}
h2 {
margin-top: 0;
margin-bottom: 8px;
font-size: 1.8em;
font-weight: 700;
line-height: 150%;
}
h3 {
margin-top: 0;
margin-bottom: 16px;
font-size: 1.5em;
font-weight: 700;
line-height: 1.5em;
}
h4 {
margin-top: 0;
margin-bottom: 8px;
font-size: 18px;
font-weight: 700;
line-height: 24px;
}
h5 {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 700;
}
h6 {
margin-top: 0;
margin-bottom: 8px;
font-size: 16px;
}
p {
margin-bottom: 24px;
}
a {
color: var(--link-blue);
font-weight: 500;
text-decoration: none;
}
ul {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
}
ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 20px;
list-style-type: decimal;
}
img {
display: inline-block;
}
figure {
margin-bottom: 0;
}
.x-nav {
z-index: 9200;
position: fixed;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.x-top-nav {
z-index: 10;
background-color: var(--white);
padding-top: 8px;
position: relative;
}
.x-prime-nav {
z-index: 8;
background-color: var(--ultra-light-grey);
position: relative;
}
.x-limit {
max-width: 1600px;
margin-left: auto;
margin-right: auto;
padding-left: 64px;
padding-right: 64px;
display: block;
position: relative;
}
.x-limit.for-hero.is-legal {
background-color: var(--black);
color: var(--digi-yellow);
}
.x-limit.for-hero.for-hide {
display: none;
}
.x-limit.for-btl {
max-width: 1100px;
}
.x-limit.for-bod {
max-width: 900px;
margin-top: 24px;
}
.x-limit.for-index {
z-index: 8998;
}
.x-limit.for-index.for-higher-index {
z-index: 8999;
}
.x-limit.for-navbar, .x-limit.for-subnav {
margin-right: auto;
}
.x-limit.for-broadcast {
background-color: #fcc;
}
.x-limit.x-add-margin {
padding-top: 20px;
padding-bottom: 30px;
}
.x-limit.x-add-margin.more-margin {
background-color: #fff;
padding-top: 0;
padding-left: 100px;
padding-right: 100px;
}
.x-limit.for-countdown {
justify-content: space-between;
align-items: center;
display: flex;
}
.x-limit.for-no-padding, .x-limit.full-banner {
padding-left: 0;
padding-right: 0;
}
.x-limit.reskin {
display: flex;
}
.x-limit.for-bigger-width {
padding-left: 40px;
padding-right: 40px;
}
.x-limit.for-full-width {
padding-left: 0;
padding-right: 0;
}
.x-limit.for-more-padding {
padding-left: 140px;
padding-right: 140px;
}
.x-top-nav-wrapper {
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.x-area-group {
align-items: center;
display: flex;
}
.x-area-group-link {
color: var(--grey-text);
text-transform: uppercase;
flex: 0 auto;
padding: 8px 12px;
font-size: 12px;
font-weight: 600;
line-height: 16px;
display: block;
}
.x-area-group-link:hover {
color: var(--link-blue);
}
.x-area-group-link.w--current {
background-color: var(--ultra-light-grey);
color: var(--black);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.x-prime-nav-wrapper {
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
padding-top: 8px;
padding-bottom: 8px;
display: flex;
}
.x-prime-nav-group, .x-acc-nav-group {
align-items: center;
display: flex;
}
.x-prime-nav-menu {
margin-left: 15px;
transition: all .35s cubic-bezier(.86, 0, .07, 1);
}
.x-prime-nav-menu.for-m-hide {
display: block;
}
.x-brand-logo {
height: 64px;
display: block;
}
.x-prime-nav-menu-list {
align-items: center;
margin-left: -12px;
margin-right: -12px;
display: flex;
}
.x-prime-nav-menu-item {
padding-left: 12px;
padding-right: 5px;
position: relative;
}
.x-prime-nav-menu-link {
color: var(--dark-grey);
padding: 4px;
font-weight: 500;
display: block;
}
.x-prime-nav-menu-link:hover {
color: var(--black);
}
.x-prime-nav-menu-link:focus {
color: var(--black);
font-weight: 500;
}
.x-acc-nav-mydigi {
margin-left: 8px;
}
.x-acc-nav-list {
align-items: center;
display: flex;
}
.x-acc-nav-item {
width: auto;
margin-left: 8px;
margin-right: 8px;
}
.x-search-button {
border-radius: 40px;
justify-content: center;
align-items: center;
padding: 12px;
display: flex;
}
.x-search-button.for-bg {
width: 48px;
height: 48px;
background-color: var(--link-blue);
border-radius: 50%;
}
.x-search-button.for-bg:hover {
background-color: #0486c5;
}
.x-search-button.for-bg.for-white {
background-color: var(--white);
position: absolute;
top: auto;
bottom: 0%;
left: auto;
right: 0%;
}
.x-search-button.for-bg.for-white:hover {
background-color: var(--digi-yellow);
}
.x-search-button.for-bg.for-white.for-position {
position: static;
}
.x-search-button.for-white {
width: 48px;
height: 48px;
background-color: var(--white);
border-radius: 50px;
}
.x-search-button.for-white:hover {
background-color: var(--digi-yellow);
}
.x-icon {
font-family: Remix, sans-serif;
font-size: 24px;
font-weight: 400;
transition: all .2s;
}
.x-icon.for-opt-btn {
height: auto;
background-color: var(--white);
color: var(--dark-grey);
border-radius: 40px;
flex-direction: column;
padding: 12px;
display: flex;
}
.x-icon.for-opt-btn:hover {
background-color: var(--digi-yellow);
color: var(--black);
}
.x-icon.for-opt-btn.for-fix {
height: auto;
cursor: pointer;
display: none;
}
.x-icon.for-inline-left {
margin-right: 16px;
}
.x-icon.for-inline-left.is-list {
color: var(--grey-text);
color: #979797;
margin-right: 8px;
font-size: 20px;
}
.x-icon.for-prime-nav, .x-icon.for-prime-nav.is-idle {
display: none;
}
.x-icon.for-more-toggle {
margin-right: 8px;
font-size: 20px;
transition: all .25s cubic-bezier(.86, 0, .07, 1);
transform: rotate(180deg);
}
.x-icon.for-more-toggle.is-hide {
transform: rotate(0);
}
.x-icon.for-more-toggle-right {
font-size: 20px;
transition: all .25s cubic-bezier(.86, 0, .07, 1);
transform: rotate(180deg);
}
.x-icon.for-more-toggle-right.is-hide {
display: none;
transform: rotate(0);
}
.x-icon.for-plan-table.is-green {
color: #4caf50;
text-align: left;
}
.x-icon.for-plan-table.is-green.darker {
color: #4caf50;
}
.x-icon.for-plan-table.is-red {
color: #e57373;
}
.x-icon.for-plan-table.is-red-2 {
color: #e57373;
font-size: 30px;
}
.x-icon.for-plan-table.is-green-2 {
width: auto;
color: #4caf50;
text-align: left;
font-size: 30px;
}
.x-icon.for-plan-table.is-red {
color: #e57373;
color: #e57373;
}
.x-icon.for-modal-close {
color: var(--price-red);
padding: 6px;
}
.x-icon.for-modal-close:hover {
color: var(--black);
}
.x-icon.for-mydigi {
width: 48px;
height: 48px;
background-color: var(--white);
color: var(--dark-grey);
border-radius: 40px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 4px;
display: flex;
}
.x-icon.for-mydigi:hover {
background-color: var(--digi-yellow);
color: var(--black);
}
.x-icon.for-mydigi {
width: 48px;
height: 48px;
color: #6e6e6e;
background-color: #fff;
border-radius: 40px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 4px;
display: flex;
}
.x-icon.for-mydigi:hover {
color: #272727;
background-color: #ffe600;
}
.x-icon.for-opt-btn {
height: 48px;
color: #6e6e6e;
background-color: #fff;
border-radius: 40px;
flex-direction: column;
padding: 12px;
display: flex;
}
.x-icon.for-opt-btn:hover {
color: #272727;
background-color: #ffe600;
}
.x-icon.for-business {
width: 48px;
height: 48px;
background-color: var(--white);
color: var(--dark-grey);
border-radius: 40px;
flex-direction: column;
justify-content: center;
align-items: center;
margin-right: 4px;
padding: 4px;
display: flex;
}
.x-icon.for-business:hover {
background-color: var(--digi-yellow);
color: var(--black);
}
.x-icon.for-modal-close {
color: #ff3939;
padding: 6px;
}
.x-icon.for-modal-close:hover {
color: #272727;
}
.x-icon.for-mydigi {
width: 48px;
height: 48px;
color: #6e6e6e;
background-color: #fff;
border-radius: 40px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 4px;
display: flex;
}
.x-icon.for-mydigi:hover {
color: #272727;
background-color: #ffe600;
}
.x-acc-mydigi-btn {
width: 108px;
height: auto;
background-color: var(--white);
color: var(--dark-grey);
border-radius: 40px;
justify-content: space-between;
align-items: center;
padding-right: 16px;
font-weight: 500;
transition: all .35s cubic-bezier(.86, 0, .07, 1);
display: flex;
}
.x-acc-mydigi-btn:hover {
width: 128px;
background-color: var(--digi-yellow);
color: var(--black);
}
.x-acc-mydigi-btn.business {
width: auto;
}
.x-area-mini-nav {
display: flex;
position: relative;
}
.x-area-toggle-btn {
color: var(--grey-text);
text-transform: uppercase;
border-radius: 8px 8px 0 0;
padding: 8px;
font-family: Remix, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 16px;
display: none;
}
.x-area-toggle-btn:hover {
color: var(--link-blue);
}
.x-area-toggle-btn.w--current {
background-color: var(--ultra-light-grey);
color: var(--black);
}
.x-area-mini-menu {
align-items: center;
display: flex;
}
.x-prime-dd-menu {
z-index: 9001;
background-color: var(--ultra-light-grey);
transition: top .5s cubic-bezier(.455, .03, .515, .955);
position: fixed;
top: 120px;
bottom: auto;
left: 0%;
right: 0%;
}
.x-prime-dd-menu.for-hide {
z-index: 9001;
display: none;
}
.x-prime-dd-wrapper {
justify-content: space-between;
padding: 16px;
display: flex;
}
.x-prime-dd-col {
min-width: 264px;
flex: none;
}
.x-emp-text {
color: var(--black);
font-weight: 700;
}
.x-emp-text.for-title {
color: var(--black);
margin-bottom: 0;
font-size: 22px;
line-height: 25px;
}
.x-emp-text.for-title.for-padding {
margin-bottom: 5px;
}
.x-emp-text.for-val-large {
margin-bottom: 8px;
font-size: 36px;
line-height: 40px;
}
.x-emp-text.for-val-mid {
font-size: 28px;
line-height: 36px;
}
.x-emp-text.highlight-text {
width: 100%;
padding-left: 11px;
}
.x-emp-text.for-exclusive {
margin-left: 20px;
}
.x-emp-text.for-familiku {
margin-right: 35px;
line-height: 20px;
}
.x-emp-text.for-fibre {
margin-left: 20px;
font-weight: 400;
line-height: 18px;
}
.x-emp-text.for-fibre.for-small {
font-size: 14px;
line-height: 16px;
}
.x-emp-text.for-fibre.forbold {
margin-right: 0;
font-weight: 700;
}
.x-emp-text.for-fibre.forbold.for-right-padding {
margin-right: 20px;
}
.x-emp-text.for-exclusive {
margin-left: 20px;
}
.x-emp-text.for-exclusive.for-header {
color: #fff;
}
.x-emp-text.for-raja-kombo {
margin-left: 20px;
margin-right: 20px;
font-size: 14px;
font-weight: 400;
line-height: 18px;
}
.x-emp-text.for-abadi {
margin-bottom: 0;
font-size: 22px;
line-height: 25px;
}
.x-prime-dd-group {
margin-bottom: 24px;
}
.x-prime-dd-sep {
width: 1px;
background-color: var(--line);
flex: none;
margin-bottom: 24px;
margin-left: 48px;
margin-right: 48px;
}
.x-prime-dd-list {
margin-bottom: 0;
}
.x-prime-dd-item {
margin-top: 4px;
display: block;
}
.x-prime-dd-link {
color: var(--dark-grey);
align-items: center;
padding-top: 2px;
padding-bottom: 2px;
font-weight: 500;
display: flex;
}
.x-prime-dd-link:hover {
color: var(--link-blue);
}
.x-prime-dd-link.for-padding {
padding-top: 4px;
}
.x-prime-dd-header {
justify-content: space-between;
align-items: center;
margin-bottom: 16px;
display: flex;
}
.x-flex {
z-index: 10;
align-items: center;
display: flex;
position: relative;
}
.x-flex.for-top {
flex-flow: row;
align-items: flex-start;
}
.x-flex.for-top.for-center {
justify-content: center;
}
.x-flex.for-top {
align-items: flex-start;
}
.x-prime-dd-header-link {
color: var(--grey-text);
margin-left: 12px;
font-size: 14px;
font-weight: 500;
}
.x-prime-dd-header-link:hover {
color: var(--link-blue);
}
.x-prime-dd-toggle-btn {
background-color: var(--link-blue);
color: var(--white);
border-radius: 24px;
padding: 4px 12px;
font-size: 14px;
font-weight: 500;
display: none;
}
.x-prime-dd-container {
flex: 1;
display: flex;
}
.x-mobile-nav-toggle-btn, .x-mobile-nav-toggle-btn.for-idle {
display: none;
}
.x-search-bar {
z-index: 100;
background-color: var(--ultra-light-grey);
align-items: center;
margin-bottom: 0;
padding-left: 80px;
padding-right: 80px;
transition: all .25s cubic-bezier(.86, 0, .07, 1);
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
transform: translate(0);
}
.x-search-bar.for-hide {
display: none;
transform: translate(0, -100%);
}
.utility-page-wrap {
width: 100vw;
height: 100vh;
max-height: 100%;
max-width: 100%;
justify-content: center;
align-items: center;
display: flex;
}
.utility-page-content {
width: 260px;
text-align: center;
flex-direction: column;
display: flex;
}
.utility-page-form {
flex-direction: column;
align-items: stretch;
display: flex;
}
.x-search-input {
height: 56px;
text-align: center;
border-radius: 40px;
margin-bottom: 0;
padding-left: 24px;
padding-right: 56px;
font-size: 20px;
}
.x-search-btn {
width: auto;
height: auto;
background-color: var(--black);
color: var(--white);
border-radius: 50px;
padding: 12px;
font-family: Remix, sans-serif;
font-size: 24px;
position: absolute;
top: 3px;
right: 7px;
}
.x-search-wrapper {
flex: 1;
align-items: center;
display: flex;
position: relative;
}
.x-master {
padding-top: 120px;
position: relative;
}
.x-wrapper-2 {
padding-top: 40px;
padding-bottom: 40px;
position: relative;
}
.x-wrapper-2.for-hero {
padding-top: 40px;
padding-bottom: 40px;
}
.x-wrapper-2.for-hero.full-banner, .x-wrapper-2.for-hero.for-raja-kombo {
padding-top: 0;
padding-bottom: 0;
}
.x-wrapper-2.for-prime-hero {
padding-top: 48px;
padding-bottom: 48px;
}
.x-wrapper-2.pb-0 {
padding-bottom: 0;
}
.x-wrapper-2.pt-0 {
padding-top: 0;
}
.x-wrapper-2.header {
width: auto;
height: auto;
text-align: center;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
position: static;
}
.x-wrapper-2.header.no-margin {
margin-bottom: 0;
padding-bottom: 40px;
}
.x-wrapper-2.x-testimonial {
display: none;
}
.x-wrapper-2.x-adjust-padding {
padding-bottom: 0;
}
.x-wrapper-2.x-add-padding {
padding-left: 25px;
padding-right: 25px;
}
.x-wrapper-2.for-free-device {
flex-direction: row;
justify-content: center;
align-items: center;
padding-bottom: 0;
display: flex;
}
.x-wrapper-2.for-no-padding {
padding-top: 20px;
padding-bottom: 0;
}
.x-wrapper-2.for-raja-kombo-table {
z-index: 5000;
z-index: 5000;
padding-top: 30px;
padding-bottom: 30px;
}
.x-section {
z-index: auto;
display: block;
position: relative;
overflow: visible;
}
.x-section.for-ultra-yellow {
z-index: 1;
background-color: #fff7af;
overflow: hidden;
}
.x-section.for-hide {
display: none;
overflow: hidden;
}
.x-section.for-hide.for-s22-desktop {
display: block;
}
.x-section.for-yellow {
background-color: rgba(255, 217, 0, .12);
}
.x-section.for-yellow.for-only-mobile {
background-color: rgba(0, 0, 0, 0);
}
.x-section.for-subpage {
flex: 1;
}
.x-section.accolades {
background-color: var(--ultra-light-grey);
margin-top: 0;
}
.x-section.asia-idd-pass {
background-color: rgba(255, 230, 0, .15);
}
.x-section.add-margin {
margin-top: 20px;
margin-bottom: 20px;
}
.x-section.add-background-color-2 {
z-index: 1000;
}
.x-section.add-background-color-2.for-nsc {
background-color: #f9f9f9;
}
.x-section.for-yellow-bg {
background-color: rgba(255, 230, 0, .15);
}
.x-section.for-grey-background {
background-color: var(--ultra-light-grey);
}
.x-section.for-ultra-light-grey {
z-index: auto;
background-color: var(--ultra-light-grey);
}
.x-section.for-hide-desktop, .x-section.for-hide-desktop.for-ultra-light-grey {
display: none;
}
.x-section.for-grey-background {
background-color: #f5f5f5;
}
.x-section.add-background-color {
z-index: 1000;
background-color: #f5f5f5;
}
.x-section.for-smbdg {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/62d77efb8606fe29034e35ca_BG2.jpg");
background-position: 0 0;
background-size: cover;
}
.x-section.for-anthem {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/62d57f52f8e5f8f778d8c5f1_bg.jpg");
background-position: 0 0;
background-size: cover;
}
.x-section.for-anthem.add-gradient {
background-image: linear-gradient(rgba(250, 215, 85, .44), rgba(0, 0, 0, 0) 60%), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/62d57f52f8e5f8f778d8c5f1_bg.jpg");
background-position: 0 0, 0 0;
background-size: auto, cover;
}
.x-section.for-skorbsdg {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/62d7c3dcbed0b70706066300_BG6.jpg");
background-position: 40% 100%;
background-size: cover;
display: none;
}
.x-section.for-ultra-light-grey {
background-color: #f5f5f5;
}
.x-section.for-pg-bg-yellow {
-webkit-text-fill-color: inherit;
background-color: #ffe600;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6304efc6459035440fa8cbd0_Digi_Pokemon-GO_Bg-yellow.png");
background-position: 0 0;
background-size: cover;
background-clip: border-box;
border-top-left-radius: 100px;
border-top-right-radius: 100px;
margin-top: -120px;
display: block;
}
.x-section.for-pg-bg-yellow.for-pg-new-copy {
margin-top: -99px;
padding-bottom: 0;
}
.x-section.for-pg-dark-blue {
background-color: #08224c;
border-top-left-radius: 100px;
border-top-right-radius: 100px;
margin-top: -100px;
}
.x-section.for-pg-dark-blue.new {
margin-top: -96px;
}
.x-section.for-pg-bg-blue {
background-color: #3a73de;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6304efc64590350ae6a8cbd6_Digi_Pokemon-GO_Bg-blue.png");
background-position: 50% 0;
background-size: cover;
border-top-left-radius: 100px;
border-top-right-radius: 100px;
}
.x-section.for-cm-green {
background-color: #003030;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6320546b1a83dd9abfd26d26_corak-bg2.png");
background-position: 50%;
background-repeat: repeat-x;
background-size: 400px;
}
.x-section.for-flip4all-bg {
background-color: #013b5b;
background-image: linear-gradient(to bottom, var(--digi-dark-blue) 45%, var(--digi-mid-blue));
border-top-left-radius: 70px;
border-top-right-radius: 70px;
}
.x-section.flip4all-bg2 {
background-color: var(--ultra-light-grey);
border-bottom-right-radius: 100px;
border-bottom-left-radius: 100px;
margin-bottom: 60px;
}
.x-section.for-pg-bg-blue {
background-color: #3a73de;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6304efc64590350ae6a8cbd6_Digi_Pokemon-GO_Bg-blue.png");
background-position: 50% 0;
background-size: cover;
border-top-left-radius: 100px;
border-top-right-radius: 100px;
}
.x-section.for-digi-smart-uc-video {
padding-top: 40px;
}
.x-section.for-sfc-footer {
margin-top: -382px;
}
.x-section.for-ultra-light-grey {
background-color: #f5f5f5;
display: block;
}
.x-section.cd-fibre-postpaid {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63fc15aac1ef8e4c2a68cd2e_Digi_JuaraInternet23_Free_5G_Phones_Postpaid_Bg.png"), linear-gradient(323deg, #ffe600, #e8df15 49%, #039be5), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63692866d433866209ae346a_Artboard%2081.jpg");
background-position: 0 100%, 0 0, 50%;
background-size: cover, auto, cover;
}
.x-section.for-bg {
background-color: var(--ultra-light-yellow);
}
.x-section.for-bottom-padding {
padding-bottom: 40px;
}
.x-section.add-background-color-3 {
z-index: 1000;
background-color: #fffce5;
}
.x-section.for-pg-bg-green {
background-color: #00938d;
background-image: linear-gradient(#a6d5a0, #2fba96);
border-top-left-radius: 100px;
border-top-right-radius: 100px;
margin-top: -87px;
}
.x-subnav {
z-index: 9000;
background-color: var(--black);
transition: all .5s cubic-bezier(.455, .03, .515, .955);
position: -webkit-sticky;
position: sticky;
top: 120px;
overflow: auto;
}
.x-subnav-menu {
display: flex;
}
.x-subnav-menu-list {
align-items: center;
margin-bottom: 0;
display: flex;
position: relative;
}
.x-subnav-menu-link {
border-bottom: 2px solid var(--black);
color: var(--white);
white-space: nowrap;
padding: 12px 16px 10px;
font-size: 14px;
font-weight: 600;
transition: all .55s cubic-bezier(.86, 0, .07, 1);
display: block;
}
.x-subnav-menu-link:hover {
color: var(--digi-yellow);
}
.x-subnav-menu-link.w--current {
border-bottom-color: var(--digi-yellow);
color: var(--digi-yellow);
}
.x-vr-sep {
width: 1px;
background-color: var(--shadow);
flex: none;
}
.x-vr-sep.for-padded-12 {
background-color: var(--dark-grey);
color: var(--dark-grey);
margin: 8px 12px;
}
.x-vr-sep.for-onboard {
background-color: var(--line);
color: var(--dark-grey);
margin: 0 32px;
}
.x-hero {
background-color: var(--ultra-light-grey);
}
.x-hero.for-slider {
overflow: hidden;
}
.x-hero.for-subpage {
background-color: rgba(0, 0, 0, 0);
flex: 1;
margin-bottom: 40px;
}
.x-hero.for-legal {
border-top: 1px solid var(--dark-grey);
background-color: var(--black);
}
.x-hero-wrapper {
width: 100%;
min-height: 320px;
background-color: var(--digi-yellow);
border-radius: 16px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 40px 64px;
display: flex;
position: relative;
overflow: hidden;
}
.x-hero-wrapper.for-slider {
height: 100%;
border-radius: 0;
padding-top: 32px;
padding-bottom: 32px;
overflow: visible;
}
.x-hero-wrapper.for-slider.for-blue {
background-color: #449dd8;
}
.x-hero-wrapper.for-slider.for-orange {
background-color: #fdda02;
}
.x-hero-wrapper.for-slider.for-new-yellow {
background-color: #fddb00;
}
.x-hero-wrapper.for-simple {
min-height: 0;
background-color: rgba(0, 0, 0, 0);
border-radius: 0;
padding: 0;
}
.x-lead-text {
margin-bottom: 24px;
font-size: 24px;
font-weight: 500;
line-height: 32px;
}
.x-lead-text.for-nopad {
color: var(--black);
margin-bottom: 0;
font-size: 1.3em;
font-weight: 600;
line-height: 1.4em;
}
.x-lead-text.for-nopad.for-mobile-hide {
display: none;
}
.x-lead-text.for-nopad.for-desktop {
color: var(--black);
}
.x-lead-text.for-limit-60 {
max-width: 100%;
text-align: left;
display: block;
}
.x-lead-text.for-limit-60.for-smaller-text {
text-align: left;
font-size: 18px;
}
.x-lead-text.for-limit-60.for-smaller-text.for-center {
margin-top: -9px;
margin-bottom: 30px;
display: block;
}
.x-lead-text.for-limit-60.centre {
color: var(--dark-grey);
text-align: center;
margin-top: 0;
margin-bottom: 15px;
font-size: 20px;
}
.x-lead-text.for-limit-60.for-center {
text-align: center;
}
.x-lead-text.for-limit-60.centre {
color: #6e6e6e;
text-align: center;
margin-top: 0;
margin-bottom: 15px;
font-size: 20px;
}
.x-lead-text.for-limit-60.for-smaller-text-footnote {
font-size: 16px;
}
.x-lead-text.for-limit-60.for-smaller-text-footnote.for-postpaid {
text-align: left;
margin-bottom: 0;
}
.x-lead-text.for-slider {
color: var(--black);
text-shadow: none;
font-weight: 500;
}
.x-lead-text.for-small {
font-size: 20px;
line-height: 28px;
}
.x-lead-text.for-small.for-partnership {
font-size: 15px;
line-height: 20px;
}
.x-lead-text.for-center {
text-align: center;
margin-bottom: 0;
font-size: 24px;
}
.x-lead-text.for-nopad {
margin-bottom: 0;
font-size: 1.3em;
font-weight: 600;
line-height: 1.4em;
}
.x-lead-text.for-limit-60 {
max-width: 100%;
text-align: left;
}
.x-lead-text.for-nopad {
color: #272727;
margin-bottom: 0;
font-size: 1.3em;
font-weight: 600;
line-height: 1.4em;
}
.x-lead-text.for-ppkm-tab-lead {
text-align: center;
justify-content: center;
align-items: center;
margin-top: 10px;
margin-bottom: 20px;
font-size: 24px;
display: block;
}
.x-lead-text.for-center {
text-align: center;
font-size: 24px;
}
.x-lead-text.for-limit-60 {
max-width: 100%;
text-align: center;
display: block;
}
.x-section-header.for-center {
text-align: center;
}
.x-section-header.for-shop {
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.x-section-header.for-shop.for-align {
align-items: center;
}
.x-section-header.centre {
text-align: center;
margin-bottom: 25px;
}
.x-section-header.centre.for-side-padding {
padding-left: 60px;
padding-right: 60px;
}
.x-section-header.centre.for-nsc {
margin-bottom: 0;
}
.x-section-header.x-add-margin {
margin-top: 10px;
}
.x-rate-plan-block {
flex: 1;
}
.x-content-plan-linebar {
border-bottom: 2px solid var(--black);
justify-content: flex-end;
margin-bottom: 24px;
display: flex;
}
.x-content-plan-linebar.for-titled {
margin-top: -32px;
}
.x-rate-plan-linebar-title {
background-color: var(--black);
color: var(--digi-yellow);
margin-bottom: -1px;
padding: 4px 12px;
font-size: 14px;
font-weight: 700;
}
.x-rate-plan-container {
margin-bottom: 40px;
}
.x-rate-plan-list {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 0;
display: grid;
}
.x-rate-plan-list.for-1 {
display: block;
}
.x-rate-plan-item {
position: relative;
}
.x-rate-plan-card {
height: 100%;
box-shadow: 0 4px 8px -4px var(--shadow), 0 12px 32px -4px var(--shadow);
border-radius: 12px;
flex-direction: column;
justify-content: space-between;
display: flex;
overflow: hidden;
}
.x-rate-plan-card.for-focus {
box-shadow: inset 0 0 0 2px var(--link-blue), 0 4px 8px -4px rgba(3, 155, 229, .4), 0 12px 32px -4px rgba(3, 155, 229, .4);
transform: none;
}
.x-rate-plan-card-wrapper {
padding: 18px;
position: relative;
}
.x-rate-plan-card-wrapper.for-althr {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.x-rate-plan-card-btn {
background-color: var(--link-blue);
color: var(--white);
text-align: center;
padding: 12px;
font-weight: 600;
display: block;
}
.x-rate-plan-card-btn:hover {
background-color: var(--digi-yellow);
color: var(--black);
}
.x-rate-plan-card-feat {
font-size: 14px;
}
.x-rate-plan-card-feat.for-line {
height: 100%;
border-left: 1px solid var(--line);
align-items: center;
padding-left: 16px;
display: flex;
}
.x-show-list {
margin-bottom: 0;
display: block;
}
.x-show-list.x-prepaid-list {
margin-top: 0;
margin-bottom: 0;
}
.x-show-item {
align-items: flex-start;
margin-bottom: 6px;
display: flex;
}
.x-rate-plan-name {
margin-bottom: 16px;
font-size: 18px;
line-height: 28px;
}
.x-more-toggle-btn {
align-items: center;
font-weight: 600;
display: flex;
}
.x-accordion-block, .x-more-toggle-label {
display: block;
}
.x-tab.for-margin {
margin-top: 30px;
}
.x-tab-menu {
border-bottom: 2px solid var(--black);
align-items: flex-end;
display: flex;
}
.x-tab-menu.for-section-header {
border-bottom-style: none;
justify-content: center;
}
.x-tab-menu.centre {
justify-content: center;
}
.x-tab-menu.centre.buttons-style {
border-bottom-style: none;
margin-bottom: 3px;
}
.x-tab-menu.centre.buttons-style.for-ads-4-tabs {
margin-bottom: 10px;
}
.tab-postpaid150 {
color: var(--grey-text);
background-color: rgba(0, 0, 0, 0);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
margin-bottom: -1px;
padding: 12px 16px;
font-weight: 700;
transition: all .25s cubic-bezier(.86, 0, .07, 1);
}
.tab-postpaid150:hover {
color: var(--link-blue);
}
.tab-postpaid150.w--current {
background-color: var(--black);
color: var(--white);
}
.tab-postpaid150.for-section-header {
border-radius: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
.tab-postpaid150.for-section-header.w--current {
color: var(--black);
background-color: rgba(0, 0, 0, 0);
}
.tab-postpaid150.for-section-header.is-left {
margin-right: 24px;
padding-left: 0;
padding-right: 0;
}
.tab-postpaid150.left-button {
border: 1px solid var(--line);
background-color: var(--white);
color: var(--grey-text);
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
margin-right: 0;
}
.tab-postpaid150.left-button:hover {
color: var(--link-blue);
}
.tab-postpaid150.left-button.w--current {
border-color: var(--black);
background-color: var(--black);
color: var(--white);
}
.tab-postpaid150.right-button {
border: 1px solid var(--line);
background-color: var(--white);
color: var(--grey-text);
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
margin-left: 15px;
}
.tab-postpaid150.right-button:hover {
border-color: var(--line);
color: var(--link-blue);
}
.tab-postpaid150.right-button.w--current {
border-color: var(--black);
background-color: var(--black);
color: var(--white);
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
margin-left: 15px;
}
.tab-postpaid150.right-button.w--current:hover {
border-color: rgba(0, 0, 0, 0);
}
.x-tab-content.for-overflow {
overflow: visible;
}
.x-tab-content.for-ekyc {
margin-top: 20px;
}
.x-tab-pane {
padding-top: 24px;
padding-bottom: 24px;
}
.x-tab-pane.remove-padding, .x-tab-pane.for-margin {
padding-top: 0;
}
.x-tab-pane.for-margin.for-lr-padding {
padding-left: 20px;
padding-right: 20px;
}
.x-tab-pane.add-padding {
padding-bottom: 24px;
padding-left: 10px;
padding-right: 10px;
}
.x-tab-pane.for-5g {
padding-top: 0;
}
.x-tab-pane.fao {
padding-bottom: 0;
}
.x-rate-table-row {
align-items: stretch;
display: flex;
}
.x-rate-table-row.for-header {
color: var(--grey-text);
color: #979797;
margin-top: -24px;
font-size: 12px;
font-weight: 500;
}
.x-rate-table-item {
border: 1px solid var(--line);
background-color: var(--ultra-light-grey);
border-radius: 8px;
margin-bottom: 8px;
overflow: hidden;
}
.x-rate-table-item:hover {
border-color: var(--black);
background-color: var(--white);
}
.x-rate-table-col {
flex: 1;
padding: 12px;
}
.x-rate-table-col.for-first {
width: 240px;
flex: none;
font-weight: 700;
}
.x-rate-table-col.for-last {
width: 180px;
flex: none;
align-items: center;
font-weight: 700;
display: flex;
}
.x-rate-table-col.for-last:hover {
color: var(--black);
}
.x-rate-table-col.for-last {
width: 180px;
flex: none;
align-items: center;
font-weight: 700;
display: flex;
}
.x-rate-table-col.for-last:hover {
color: #272727;
}
.x-rate-plan-card-focus {
background-color: var(--digi-yellow);
color: var(--black);
border-bottom-left-radius: 8px;
padding: 2px 12px;
font-size: 12px;
font-weight: 700;
position: absolute;
top: 0%;
bottom: auto;
left: auto;
right: 0%;
}
.x-rate-plan-card-focus.for-red {
background-color: var(--price-red);
color: #fff;
}
.x-rate-plan-card-focus.for-large {
padding-top: 8px;
padding-bottom: 8px;
font-size: 18px;
font-weight: 700;
}
.x-footer {
z-index: 1;
border-top: 2px solid var(--digi-yellow);
background-color: var(--ultra-light-grey);
font-size: 14px;
position: relative;
}
.x-footer-wrapper {
grid-column-gap: 24px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.x-social-link-block {
align-items: center;
margin-bottom: 0;
display: flex;
}
.x-social-link-block.vertical {
flex-direction: column;
align-items: flex-start;
}
.x-social-link-block.vertical.for-padding {
margin-bottom: 10px;
}
.x-social-link-btn {
color: var(--dark-grey);
align-items: center;
margin-bottom: 12px;
margin-right: 12px;
font-family: Remix, sans-serif;
font-size: 32px;
font-weight: 400;
line-height: 32px;
display: flex;
}
.x-btn-container {
align-items: center;
margin-left: -8px;
margin-right: -8px;
display: flex;
}
.x-btn-container.for-card-block {
z-index: 10;
position: relative;
}
.x-btn-container.for-card-block.for-digizen-stories {
align-items: flex-end;
margin-bottom: 23px;
margin-left: 13px;
}
.x-btn-container.for-cta {
justify-content: flex-start;
margin-top: 24px;
display: flex;
}
.x-btn-container.for-cta.for-idd-pass {
justify-content: center;
margin-bottom: 20px;
}
.x-btn-container.for-cta.for-center-2 {
justify-content: center;
}
.x-btn-container.for-cta.for-center-2.for-top-padding {
margin-top: 39px;
}
.x-btn-container.for-cta.for-center-2.for-remove-padding {
margin-top: 0;
}
.x-btn-container.for-cta.for-center-2.for-remove-padding.show-for-mobile {
display: none;
}
.x-btn-container.for-cta.for-top-bottom-align {
flex-direction: column;
display: flex;
}
.x-btn-container.for-cta.for-raja-kombo {
justify-content: center;
}
.x-btn-container.mt-0 {
margin-top: 24px;
}
.x-btn-container.for-promo-list.ramadan-raya-2023 {
margin-left: 0;
margin-right: 0;
display: block;
}
.x-btn-container.for-appdownload {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 16px;
display: grid;
}
.x-btn-container.for-appdownload.for-static {
grid-template-columns: 1fr 1fr 1fr;
justify-content: center;
justify-items: start;
margin: 40px auto 20px;
display: flex;
}
.x-btn-container.for-mt-1 {
margin-top: 12px;
}
.x-btn-container.for-center {
justify-content: center;
margin-top: 24px;
}
.x-btn-container.for-center.add-margin {
padding-bottom: 40px;
}
.x-btn-container.for-center.add-margin.for-mobile-hide {
margin-top: 30px;
}
.x-btn-container.for-center.add-margin.for-desktop-hide {
display: none;
}
.x-btn-container.for-center.add-margin.remove-margin {
margin-left: 0;
margin-right: 0;
}
.x-btn-container.for-center.add-top-margin {
margin-top: 101px;
}
.x-btn-container.for-center.for-remove-lr-margin {
margin-left: 0;
margin-right: 0;
}
.x-btn-container.for-center.for-roaming {
z-index: 1000;
position: relative;
}
.x-btn-container.for-middle, .x-btn-container.justify-middle {
justify-content: center;
}
.x-btn-container.for-iphone14 {
flex-direction: column;
margin-top: 30px;
}
.x-btn-container.for-cta {
justify-content: flex-start;
margin-top: 24px;
}
.x-btn-container.for-cta.for-loyalty-bonus {
justify-content: center;
margin-bottom: 20px;
}
.x-btn-container.for-cta.for-center-2 {
justify-content: center;
}
.x-btn-container.for-cta.for-center-2.for-remove-padding {
margin-top: 0;
}
.x-btn-container.mt-0 {
margin-top: 24px;
}
.x-btn-container.for-top-padding {
margin-top: 10px;
}
.x-btn-container.for-center {
justify-content: center;
margin-top: 24px;
}
.x-btn-container.for-samsung-s23-contest {
justify-content: flex-start;
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding-left: 0;
display: inline-block;
}
.x-btn {
min-width: 96px;
border: 1px solid var(--link-blue);
background-color: var(--link-blue);
color: var(--white);
text-align: center;
border-radius: 8px;
justify-content: center;
align-items: center;
margin-left: 10px;
margin-right: 10px;
padding: 10px 24px;
font-weight: 600;
transition: all .35s cubic-bezier(.86, 0, .07, 1);
display: flex;
}
.x-btn:hover {
border-color: var(--black);
background-color: var(--black);
}
.x-btn.for-secondary {
background-color: var(--white);
color: var(--link-blue);
}
.x-btn.for-secondary:hover {
border-color: var(--black);
color: var(--black);
}
.x-btn.for-small {
border-color: var(--black);
background-color: var(--black);
cursor: pointer;
padding: 4px 16px;
font-size: 14px;
}
.x-btn.for-small.for-our-people {
background-color: var(--link-blue);
border-style: none;
}
.x-btn.for-help {
border-color: var(--line);
background-color: var(--white);
color: var(--black);
font-size: 1em;
line-height: 1.4em;
}
.x-btn.for-help:hover {
background-color: var(--ultra-light-grey);
}
.x-btn.toggle-popup.for-full.x-table-flip-btn {
z-index: 1000;
border-radius: 0 0 20px 20px;
padding-top: 12px;
padding-bottom: 12px;
transition: all .35s cubic-bezier(.86, 0, .07, 1);
position: relative;
}
.x-btn.toggle-popup.banner-data-layer.for-smaller {
width: 90%;
min-width: 90px;
margin-left: 8px;
margin-right: 8px;
padding-left: 10px;
padding-right: 10px;
}
.x-btn.for-full {
width: 100%;
}
.x-btn.for-full.for-gray {
background-color: var(--dark-grey);
border-radius: 0 0 20px 20px;
}
.x-btn.for-top-padding {
margin-top: 10px;
}
.x-btn.no-margin-center {
margin-top: 0;
margin-left: auto;
margin-right: auto;
}
.x-btn.no-margin-center.for-larger {
margin-bottom: 20px;
}
.x-btn.for-larger {
padding: 15px 30px;
font-size: 18px;
}
.x-btn.banner-data-layer {
margin-left: 10px;
margin-right: 10px;
}
.x-btn.banner-data-layer.match-roaming-two.for-mobile {
display: none;
}
.x-btn.for-colouringmalaysiaku {
padding: 20px 80px;
font-size: 23px;
}
.x-btn.for-iphone {
max-width: 350px;
min-width: auto;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
display: block;
}
.x-btn.for-samsung-s23-contest {
background-color: var(--white);
color: var(--link-blue);
}
.x-btn.for-samsung-s23-contest:hover {
border-color: var(--black);
color: var(--black);
}
.x-btn.for-samsung-s23-contest.banner-data-layer {
flex-direction: row;
justify-content: center;
align-self: auto;
align-items: center;
display: flex;
}
.x-btn.remove-margin {
margin-left: 0;
margin-right: 0;
}
.x-btn.for-padding, .x-btn.for-padding-2 {
margin-bottom: 20px;
}
.x-btn.for-mobile {
display: none;
}
.x-mydigi-block {
margin-top: 0;
}
.x-footer-toggle {
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.x-footer-list {
margin-bottom: 12px;
}
.x-footer-item {
margin-bottom: 8px;
}
.x-footer-link {
color: var(--dark-grey);
font-weight: 500;
display: inline-block;
}
.x-footer-note {
border-top: 1px solid var(--black);
margin-top: 24px;
padding-top: 24px;
}
.x-footer-copy {
margin-bottom: 16px;
font-weight: 700;
}
.x-rate-copy-block {
grid-column-gap: 20px;
grid-row-gap: 20px;
align-items: flex-start;
margin-bottom: 48px;
font-weight: 500;
display: flex;
}
.x-rate-copy-block.for-right {
flex-wrap: nowrap;
justify-content: flex-start;
}
.x-rate-copy-block.for-right.for-esim {
justify-content: center;
align-items: center;
margin-bottom: 10px;
}
.x-rate-copy-block.for-right.for-5g {
align-items: center;
}
.x-rate-copy-block.for-btl {
grid-column-gap: 41px;
grid-row-gap: 16px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
margin-bottom: 0;
display: grid;
}
.x-rate-copy-block.for-center {
align-items: center;
}
.x-content-wrapper {
flex: 0 auto;
}
.x-content-wrapper.for-margin {
margin-left: 140px;
margin-right: 140px;
}
.x-content-copy-img {
z-index: 1;
width: 40%;
height: auto;
border: 2px solid var(--black);
border-radius: 0;
flex: none;
margin-top: -26px;
margin-right: 24px;
display: block;
position: -webkit-sticky;
position: sticky;
top: 166px;
overflow: hidden;
}
.x-content-copy-img.for-right {
width: 36%;
height: 100%;
margin-left: 24px;
margin-right: 0;
}
.x-content-copy-img.for-right.for-vowifi {
border-style: none;
margin-top: 0;
}
.x-content-copy-img.for-right.for-airsim {
width: 30%;
border-style: none;
margin-top: 0;
}
.x-content-copy-img.for-left32 {
width: 36%;
height: 100%;
margin-top: -25px;
}
.x-content-block.for-slide {
margin-left: -64px;
margin-right: -64px;
padding-left: 64px;
padding-right: 64px;
overflow: hidden;
}
.x-content-block.no-margin {
margin-top: -42px;
}
.x-content-block.x-add-padding {
margin-top: 40px;
padding-left: 140px;
padding-right: 140px;
}
.x-content-block.for-top-padding {
margin-top: 20px;
}
.x-content-block.for-bottom-margin {
margin-bottom: 10px;
}
.x-content-block.for-slide {
margin-left: -64px;
margin-right: -64px;
padding-left: 64px;
padding-right: 64px;
overflow: hidden;
}
.x-content-block.x-add-padding-iphone {
margin-top: 40px;
margin-bottom: 40px;
padding-left: 140px;
padding-right: 140px;
}
.x-content-block.for-no-top-padding {
margin-top: 0;
}
.x-content-block.add-padding, .x-content-block.add-padding.padding {
margin-top: 20px;
}
.x-content-block.add-padding {
margin-top: 0;
position: relative;
top: 0;
}
.x-content-block.for-prepaid-next, .x-content-block.for-raja-kombo {
padding-bottom: 20px;
}
.x-content-block.for-padding {
padding-left: 100px;
padding-right: 100px;
}
.x-content-block.for-padding.for-homepage-video {
padding-left: 150px;
padding-right: 150px;
}
.x-content-block.remove-padding {
padding-left: 100px;
padding-right: 100px;
}
.x-content-block.remove-padding.for-homepage-video {
padding-left: 150px;
padding-right: 150px;
}
.x-content-block.for-add-padding {
margin-top: 20px;
}
.x-img-block {
width: 100%;
object-fit: cover;
display: block;
}
.x-img-block.for-square {
width: 60%;
height: 60%;
margin-left: auto;
margin-right: auto;
}
.x-card-block {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 24px;
display: grid;
}
.x-card-block.for-4 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.x-card-block.for-4.for-top-padding {
grid-auto-flow: row;
margin-top: 33px;
}
.x-card-block.for-4.add-margin {
margin-left: 5px;
margin-right: 5px;
}
.x-card-block.for-4.for-esim {
grid-template-rows: auto;
}
.x-card-block.for-4.for-airsim {
grid-column-gap: 15px;
grid-row-gap: 15px;
}
.x-card-block.for-4 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.x-card-block.for-5 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.x-card-block.for-3 {
grid-template-columns: 1fr 1fr 1fr;
}
.x-card-block.for-3._2-columns-mobile {
grid-auto-rows: 1fr;
grid-auto-flow: row;
display: none;
}
.x-card-block.for-3.hide-for-desktop {
display: none;
}
.x-card-block.for-2 {
grid-template-columns: 1fr 1fr;
}
.x-card-block.for-2.add-padding-left-right {
margin-left: 100px;
margin-right: 100px;
}
.x-card-block.for-testimonial {
grid-row-gap: 56px;
grid-template-columns: 1fr;
}
.x-card-block.for-8 {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.x-card-block.for-digizen {
grid-template-rows: auto auto;
}
.x-card-block.for-2-rows {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.x-card-block.for-3-5g {
grid-template-columns: 1fr 1fr 1fr;
}
.x-card-block.for-3-5g.for-top-padding {
grid-template-rows: auto;
margin-top: 24px;
}
.x-card-block.for-3-5g.for-top-padding.for-2-column.remove-btm-padding {
margin-bottom: 0;
}
.x-card-block.for-next {
grid-template-columns: 1fr 1fr 1fr;
}
.x-card-block.for-next.for-top-padding {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-top: 24px;
display: flex;
}
.x-card-block.for-next.for-top-padding.for-4 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
padding-top: 20px;
}
.x-card-block.for-next.for-top-padding.for-4.desktop {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
justify-items: center;
display: grid;
}
.x-card-block.for-next.for-top-padding.for-mobile {
display: none;
}
.x-card-block.for-5 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.x-card-block.for-3 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 0;
}
.x-card-block.for-2-rows {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.x-card-block.for-testimonial {
grid-column-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
margin-top: 30px;
}
.x-card-block.for-4 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.x-card {
border: 1px solid var(--line);
background-color: var(--white);
border-radius: 8px;
padding: 16px;
position: relative;
}
.x-card.borderless {
text-align: center;
background-color: rgba(0, 0, 0, 0);
border-style: none;
flex-direction: column;
align-items: center;
padding: 16px;
display: flex;
}
.x-card.borderless.for-airsim {
flex-direction: row;
align-items: flex-start;
padding-bottom: 16px;
padding-left: 0;
padding-right: 0;
}
.x-card.for-testimonial {
grid-column-gap: 35px;
grid-row-gap: 16px;
border-style: none;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
padding: 0;
display: grid;
}
.x-card.digizen {
height: 100%;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 0;
display: flex;
}
.x-card-img {
height: 72px;
margin-bottom: 8px;
display: block;
}
.x-card-img.ppj-onboard {
margin-bottom: 15px;
}
.x-card-img.for-airsim {
height: 60px;
margin-bottom: 0;
padding-right: 10px;
position: relative;
top: auto;
}
.x-card-img.fo-round {
border-radius: 200px;
}
.x-card-label {
font-weight: 600;
}
.x-guide-card-block {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 24px;
display: grid;
}
.x-guide-card-block.for-3 {
grid-template-columns: 1fr 1fr 1fr;
}
.x-guide-card-block.centre {
grid-template-columns: 1fr 1fr 1fr 1fr;
justify-content: center;
justify-items: stretch;
}
.x-guide-card-block.centre.for-3, .x-guide-card-block.for-3-snapshot {
grid-template-columns: 1fr 1fr 1fr;
}
.x-guide-card-block.for-airsim {
margin-bottom: 0;
}
.x-guide-card-item {
height: 100%;
border: 1px solid var(--line);
background-color: var(--ultra-light-grey);
border-radius: 8px;
flex-direction: column;
justify-content: space-between;
display: flex;
position: relative;
overflow: hidden;
}
.x-guide-card-item.for-white {
background-color: var(--white);
}
.x-guide-card-item.for-idd {
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 10px 10px 10px 20px;
}
.x-guide-card-item-info {
z-index: 1;
margin-bottom: 24px;
padding: 24px 16px 16px 32px;
font-size: 14px;
font-weight: 500;
line-height: 20px;
position: relative;
}
.x-guide-card-item-img {
width: 72%;
object-fit: fill;
flex: 0 auto;
margin-left: auto;
margin-right: auto;
display: block;
}
.x-hero-side-banner {
height: 100%;
object-fit: cover;
position: absolute;
top: auto;
bottom: 0%;
left: auto;
right: 0%;
}
.x-hero-side-banner.for-slider.for-mobile {
display: none;
}
.x-onboard-plan-block {
margin-top: 40px;
}
.x-onboard-plan-flex {
margin-bottom: 24px;
display: flex;
}
.x-onboard-plan-col {
flex: 1;
display: flex;
}
.x-onboard-plan-col.for-link {
border: 1px solid var(--line);
color: var(--black);
border-radius: 8px;
align-items: center;
padding: 16px;
font-size: 1.2em;
position: relative;
overflow: hidden;
}
.x-onboard-plan-col.for-link:hover {
border-color: var(--link-blue);
color: var(--link-blue);
}
.x-onboard-plan-col.for-link.for-hide {
display: none;
}
.x-onboard-plan-col.for-link {
color: #272727;
border: 1px solid #c7c9cc;
border-radius: 8px;
align-items: center;
padding: 16px;
font-size: 1.2em;
position: relative;
overflow: hidden;
}
.x-onboard-plan-col.for-link:hover {
color: #039be5;
border-color: #039be5;
}
.x-onboard-plan-col.for-link.for-hide, .x-onboard-plan-col.for-mobile {
display: none;
}
.x-onboard-plan-img {
height: 72px;
}
.x-onboard-plan-info {
z-index: 10;
margin-left: 16px;
font-size: 16px;
font-weight: 500;
position: relative;
}
.x-hero-container {
z-index: 10;
max-width: 60%;
position: relative;
}
.x-hero-container.for-slider {
width: 45%;
max-width: 720px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.x-hero-container.for-banner {
width: 100%;
max-width: none;
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.x-hero-container.for-banner.for-white-text {
color: #fff;
}
.x-rate-table-label {
color: var(--dark-grey);
font-size: 12px;
font-weight: 700;
line-height: 16px;
display: none;
}
.x-card-title {
margin-bottom: 8px;
}
.x-card-title.for-airsim {
text-align: left;
flex-direction: row;
display: flex;
}
.x-plan-table-block {
height: 100%;
flex-wrap: nowrap;
align-items: stretch;
margin-top: 40px;
margin-bottom: 40px;
display: flex;
position: relative;
overflow: visible;
}
.x-plan-table-block.for-one-col.remove-margin {
margin-top: 0;
}
.x-plan-table-block.add-right-border-2 {
border-right: 1px #c7c9cc;
position: static;
}
.x-plan-table-block.add-right-border {
border-top: 1px #c7c9cc;
border-right: 1px #c7c9cc;
border-top-left-radius: 0;
border-top-right-radius: 12px;
border-bottom-right-radius: 0;
margin-top: 20px;
margin-bottom: 0;
}
.x-plan-table-sidebar {
z-index: 10;
width: 248px;
border-right: 2px none var(--black);
position: relative;
}
.x-plan-table-content {
border-top: 1px none var(--line);
border-right: 1px solid var(--line);
flex: 1;
display: flex;
}
.x-plan-table-header {
z-index: 1;
height: 88px;
border-bottom: 2px solid var(--black);
text-align: center;
background-color: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 16px;
display: flex;
position: relative;
}
.x-plan-table-header.for-sidebar {
text-align: left;
align-items: flex-start;
margin-top: 1px;
padding-top: 0;
padding-left: 0;
}
.x-plan-table-header.for-sidebar.for-merge {
width: 240px;
border-bottom-style: none;
margin-top: 0;
}
.x-plan-table-header.for-sidebar.for-merge.mb-bd {
width: auto;
border-top: 1px solid var(--line);
}
.x-plan-table-header.for-sidebar.for-higher.for-sticky {
background-color: var(--white);
}
.x-plan-table-header.for-sidebar.for-higher.for-pf365 {
background-color: #dde2e5;
border-bottom-width: 1px;
border-bottom-color: #c7c9cc;
border-left: 1px solid #c7c9cc;
}
.x-plan-table-header.for-sidebar.for-higher.for-mobile-broadband {
background-color: #dde2e5;
border-bottom-width: 1px;
border-bottom-color: #c7c9cc;
border-left: 1px solid #c7c9cc;
border-right: 1px #000;
}
.x-plan-table-header.for-sidebar.for-higher.for-trade-in {
background-color: #dde2e5;
border-top: 1px solid #c7c9cc;
border-bottom: 1px #c7c9cc;
border-left: 1px solid #c7c9cc;
border-right: 1px #000;
border-top-left-radius: 12px;
padding-left: 20px;
}
.x-plan-table-header.for-sidebar.for-higher.for-prepaid-bundle {
height: 120px;
border-top: 1px solid var(--line);
border-left: 1px solid var(--line);
background-color: var(--digi-yellow);
border-bottom-style: none;
margin-top: 0;
padding: 10px 13px;
}
.x-plan-table-header.for-sidebar.for-higher.for-prepaid-bundle.for-left-border-radius {
border-top-left-radius: 12px;
}
.x-plan-table-header.for-sidebar.for-higher.for-prepaid-bundle.for-center {
align-items: center;
}
.x-plan-table-header.for-sidebar.for-higher.for-prepaid-bundle.for-center.for-right-border-radius {
border-right: 1px solid var(--line);
border-top-right-radius: 12px;
}
.x-plan-table-header.for-sidebar.for-higher.for-prepaid-bundle.for-light-yellow {
height: 100px;
border-right: 1px solid var(--line);
background-color: var(--mid-yellow);
}
.x-plan-table-header.for-sidebar.for-higher.for-prepaid-bundle.for-light-yellow.for-border-radius {
border-bottom: 1px solid var(--line);
border-bottom-left-radius: 12px;
}
.x-plan-table-header.for-sidebar.for-higher.for-prepaid-next {
height: 100px;
border-top: 1px solid var(--line);
border-left: 1px solid var(--line);
background-color: var(--digi-yellow);
border-bottom-style: none;
margin-top: 0;
padding: 10px 13px;
}
.x-plan-table-header.for-sidebar.for-higher.for-prepaid-next.for-left-border-radius {
border-right: 1px solid var(--line);
border-top-left-radius: 12px;
}
.x-plan-table-header.for-sidebar.for-higher.for-prepaid-next.for-light-yellow {
width: 200px;
}
.x-plan-table-header.for-sidebar.for-higher.for-prepaid-next.for-light-yellow.add-bottom-border {
border-bottom: 1px solid var(--line);
border-bottom-left-radius: 12px;
}
.x-plan-table-header.for-sidebar.for-higher.for-prepaid-next.for-light-yellow.with-label {
padding-top: 20px;
}
.x-plan-table-header.for-sidebar.for-higher.for-prepaid-next {
height: 120px;
border-top: 1px solid var(--line);
border-left: 1px solid var(--line);
background-color: var(--digi-yellow);
border-bottom-style: none;
margin-top: 0;
padding: 10px 13px;
}
.x-plan-table-header.for-sidebar.for-higher.for-prepaid-next.for-left-border-radius {
border-top-left-radius: 12px;
}
.x-plan-table-header.for-sidebar.for-higher.for-prepaid-next.for-light-yellow {
width: 210px;
height: 100px;
border-right: 1px solid var(--line);
background-color: var(--mid-yellow);
}
.x-plan-table-header.for-sidebar.for-higher.for-khas-belia {
height: 120px;
border-top: 1px solid var(--line);
border-left: 1px solid var(--line);
background-color: var(--digi-yellow);
border-bottom-style: none;
margin-top: 0;
padding: 10px 13px;
}
.x-plan-table-header.for-sidebar.for-higher.for-khas-belia.for-left-border-radius {
border-top-left-radius: 12px;
}
.x-plan-table-header.for-sidebar.for-higher.for-khas-belia.for-center {
align-items: center;
}
.x-plan-table-header.for-sidebar.for-higher.for-khas-belia.for-center.for-right-border-radius {
border-right: 1px solid var(--line);
border-top-right-radius: 12px;
}
.x-plan-table-header.for-sidebar.for-higher.for-khas-belia.for-light-yellow {
height: 100px;
border-right: 1px solid var(--line);
background-color: var(--mid-yellow);
}
.x-plan-table-header.for-sidebar.for-higher.for-khas-belia.for-light-yellow.for-border-radius {
border-bottom: 1px solid var(--line);
border-bottom-left-radius: 12px;
}
.x-plan-table-header.for-sidebar.for-higher.for-khas-belia {
height: 120px;
border-top: 1px solid var(--line);
border-left: 1px solid var(--line);
background-color: var(--digi-yellow);
border-bottom-style: none;
margin-top: 0;
padding: 10px 13px;
}
.x-plan-table-header.for-sidebar.for-higher.for-khas-belia.for-left-border-radius {
border-top-left-radius: 12px;
}
.x-plan-table-header.for-sidebar.for-higher.for-khas-belia.for-center {
align-items: center;
}
.x-plan-table-header.for-sidebar.for-higher.for-khas-belia.for-center.for-right-border-radius {
border-right: 1px solid var(--line);
border-top-right-radius: 12px;
}
.x-plan-table-header.for-sidebar.for-higher.for-khas-belia.for-light-yellow {
height: 100px;
border-right: 1px solid var(--line);
background-color: var(--mid-yellow);
}
.x-plan-table-header.for-sidebar.for-higher.for-khas-belia.for-light-yellow.for-border-radius {
border-bottom: 1px solid var(--line);
border-bottom-left-radius: 12px;
}
.x-plan-table-header.for-sidebar.for-higher.for-raja-kombo {
width: 260px;
height: 120px;
border-top: 1px solid var(--line);
border-left: 1px solid var(--line);
background-color: var(--digi-yellow);
border-bottom-style: none;
margin-top: 0;
padding: 10px 13px;
}
.x-plan-table-header.for-sidebar.for-higher.for-raja-kombo.for-left-border-radius {
width: auto;
border-top-left-radius: 12px;
}
.x-plan-table-header.for-sidebar.for-higher.for-raja-kombo.for-left-border-radius.for-size {
width: 330px;
}
.x-plan-table-header.for-sidebar.for-higher.for-raja-kombo.for-center {
align-items: center;
}
.x-plan-table-header.for-sidebar.for-higher.for-raja-kombo.for-center.for-right-border-radius {
border-right: 1px solid var(--line);
border-top-right-radius: 12px;
}
.x-plan-table-header.for-sidebar.for-higher.for-raja-kombo.for-light-yellow {
height: 100px;
border-right: 1px solid var(--line);
background-color: var(--mid-yellow);
}
.x-plan-table-header.for-sidebar.for-higher.for-raja-kombo.for-light-yellow.for-border-radius {
border-bottom: 1px solid var(--line);
border-bottom-left-radius: 12px;
}
.x-plan-table-header.for-sidebar.for-higher.for-raja-kombo.for-light-yellow.for-size {
width: 330px;
}
.x-plan-table-header.for-sidebar.for-higher.for-raja-kombo {
width: auto;
height: 120px;
border-top: 1px solid var(--line);
border-left: 1px solid var(--line);
background-color: var(--digi-yellow);
border-bottom-style: none;
margin-top: 0;
padding: 10px 13px;
}
.x-plan-table-header.for-sidebar.for-higher.for-raja-kombo.for-left-border-radius {
border-top-left-radius: 12px;
}
.x-plan-table-header.for-sidebar.for-higher.for-raja-kombo.for-center {
align-items: center;
}
.x-plan-table-header.for-sidebar.for-higher.for-raja-kombo.for-center.for-right-border-radius {
border-right: 1px solid var(--line);
border-top-right-radius: 12px;
}
.x-plan-table-header.for-sidebar.for-higher.for-raja-kombo.for-light-yellow {
height: 100px;
border-right: 1px solid var(--line);
background-color: var(--mid-yellow);
}
.x-plan-table-header.for-sidebar.for-higher.for-raja-kombo.for-light-yellow.for-border-radius {
border-bottom: 1px solid var(--line);
border-bottom-left-radius: 12px;
}
.x-plan-table-header.for-sidebar.for-sticky {
z-index: 10;
position: -webkit-sticky;
position: sticky;
top: 115px;
}
.x-plan-table-header.for-higher {
height: 110px;
background-color: rgba(0, 0, 0, 0);
padding-bottom: 8px;
position: relative;
top: 0;
}
.x-plan-table-header.for-higher.for-juara {
height: 119px;
}
.x-plan-table-header.for-higher.for-sticky {
background-color: var(--white);
}
.x-plan-table-header.for-higher.for-pf365.yellow {
background-color: #ffe600;
border-bottom-width: 1px;
border-bottom-color: #c7c9cc;
border-left: 1px solid #c7c9cc;
flex-direction: column;
margin-top: 0;
}
.x-plan-table-header.for-higher.for-mobile-broadband.yellow {
background-color: #ffe600;
border-bottom-width: 1px;
border-bottom-color: #c7c9cc;
border-left: 1px solid #c7c9cc;
flex-direction: column;
}
.x-plan-table-header.for-higher.for-trade-in.yellow {
height: 110px;
background-color: #ffe600;
border: 1px solid #c7c9cc;
border-bottom-style: none;
border-top-right-radius: 12px;
flex-direction: column;
}
.x-plan-table-header.for-sticky {
position: -webkit-sticky;
position: sticky;
top: 115px;
}
.x-plan-table-col {
flex: 1;
transition: all .35s cubic-bezier(.86, 0, .07, 1);
}
.x-plan-table-col:hover {
background-color: var(--ultra-light-grey);
}
.x-plan-table-h3 {
margin-bottom: 12px;
}
.x-plan-table-h3.for-no-margin {
margin-bottom: 0;
}
.x-plan-table-h3.for-ppkm-header, .x-plan-table-h3.for-new-ppkm-header {
margin-bottom: 0;
line-height: 1.2em;
}
.x-plan-table-h3.for-new-ppkm-header.x-adjust-margin {
margin-top: 20px;
margin-left: 20px;
}
.x-plan-table-h3.add-padding {
margin-left: 20px;
}
.x-plan-table-h3.add-padding.mobile.remove-padding {
margin-left: 0;
}
.x-plan-table-h3.add-padding.mobile {
align-self: center;
margin-bottom: 0;
}
.x-plan-table-h3.add-padding.remove-padding {
margin-bottom: 0;
}
.x-plan-table-h3.add-padding.mobile {
align-self: center;
margin-bottom: 0;
}
.x-plan-table-h3.for-prepaid-next {
margin-top: 0;
margin-bottom: 10px;
font-size: 18px;
font-weight: 700;
line-height: 24px;
}
.x-plan-table-h3.for-prepaid-next.for-bold {
font-size: 18px;
font-weight: 700;
line-height: 20px;
}
.x-plan-table-h3.for-prepaid-next.for-bold.remove-padding {
margin-bottom: 0;
}
.x-plan-table-row {
height: 78px;
border-bottom: 1px solid var(--line);
background-color: var(--white);
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-right: 24px;
display: flex;
position: relative;
}
.x-plan-table-row.for-center {
border-style: none none solid;
border-width: 1px;
border-color: black black var(--line);
text-align: center;
align-items: center;
padding-right: 0;
font-size: 1.1em;
}
.x-plan-table-row.for-center.for-last {
height: 100%;
border-right-style: solid;
border-right-color: var(--line);
}
.x-plan-table-row.for-center.for-last.mobile-broadband-borders {
border-top-style: solid;
}
.x-plan-table-row.for-center.for-img {
height: 190px;
}
.x-plan-table-row.for-center.for-higher {
height: 110px;
}
.x-plan-table-row.for-center.highlight-2 {
height: 110px;
border-top: 2px solid var(--link-blue);
border-bottom-width: 2px;
border-bottom-color: var(--link-blue);
}
.x-plan-table-row.for-center.highlight-3 {
height: 110px;
border-top: 2px solid var(--link-blue);
border-right: 2px solid var(--link-blue);
border-bottom-width: 2px;
border-bottom-color: var(--link-blue);
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
}
.x-plan-table-row.for-center.for-huawei {
font-size: 1.2em;
}
.x-plan-table-row.for-center.for-mobile-broadband {
height: 80px;
}
.x-plan-table-row.for-center.x-for-table-flip {
height: auto;
border-bottom-style: none;
margin-top: 0;
}
.x-plan-table-row.for-center.for-horizontal {
flex-direction: row;
}
.x-plan-table-row.for-center.for-raja-kombo {
border-bottom-style: none;
}
.x-plan-table-row.for-center.pf365-borders, .x-plan-table-row.for-center.mobile-broadband-borders {
border-top-color: #c7c9cc;
border-left-style: solid;
border-left-color: #c7c9cc;
border-right-color: #c7c9cc;
}
.x-plan-table-row.for-center.trade-in-borders {
border-top-style: none;
border-top-color: #c7c9cc;
border-left-style: solid;
border-left-color: #c7c9cc;
border-right-style: solid;
border-right-color: #c7c9cc;
}
.x-plan-table-row.for-center.trade-in-borders.add-top-border {
border-top-style: solid;
}
.x-plan-table-row.for-logo {
flex-direction: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
display: flex;
}
.x-plan-table-row._100.for-img {
height: 170px;
}
.x-plan-table-row.for-higher {
height: 110px;
}
.x-plan-table-row.for-higher.for-mobile-broadband {
height: 80px;
}
.x-plan-table-row.for-higher.for-internet-addon {
margin-top: 33px;
top: 0;
}
.x-plan-table-row.highlight {
height: 110px;
border-style: solid none solid solid;
border-width: 2px 0 2px 2px;
border-color: var(--link-blue) black var(--link-blue) var(--link-blue);
border-radius: 12px 0 0 12px;
}
.x-plan-table-row.for-huawei {
height: 220px;
}
.x-plan-table-row.for-huawei.adjust-device-addon {
background-color: rgba(0, 0, 0, 0);
top: auto;
}
.x-plan-table-row.for-promo {
padding-right: 42px;
}
.x-plan-table-row.for-img {
height: 190px;
}
.x-plan-table-row.padding-20 {
border-left: 1px solid #c7c9cc;
padding-left: 20px;
padding-right: 0;
}
.x-plan-table-row.padding-20.add-top-border {
border-top: 1px solid #c7c9cc;
}
.x-small-text {
font-size: 12px;
font-weight: 400;
line-height: 18px;
}
.x-small-text.for-plan-table {
font-size: 13px;
font-weight: 400;
line-height: 18px;
}
.x-small-text.for-plan-table.highlight-text {
padding-left: 12px;
font-size: 13px;
font-weight: 500;
line-height: 18px;
}
.x-small-text.for-plan-table {
line-height: 16px;
}
.x-focus-span {
background-color: var(--link-blue);
color: var(--white);
border-radius: 4px;
margin-right: 6px;
padding-left: 4px;
padding-right: 4px;
font-size: 12px;
}
.x-focus-span.for-red {
background-color: #f44336;
}
.x-focus-span.for-yellow {
background-color: var(--digi-yellow);
color: var(--black);
}
.x-focus-span.for-absolute {
margin-right: 0;
padding-left: 6px;
padding-right: 6px;
position: absolute;
top: 0%;
bottom: auto;
left: auto;
right: 0%;
}
.x-focus-span.for-absolute.for-red {
background-color: var(--price-red);
padding: 2px 8px;
font-size: 12px;
font-weight: 700;
line-height: 18px;
position: absolute;
top: 0%;
bottom: auto;
left: auto;
right: 0%;
}
.x-focus-span.for-absolute.for-yellow {
z-index: 1;
color: var(--black);
font-size: 12px;
font-weight: 700;
top: 0%;
}
.x-center-action {
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 40px;
padding-bottom: 40px;
display: flex;
}
.x-center-action.no-space {
padding-top: 0;
padding-bottom: 0;
}
.x-endnote-h2 {
width: 60%;
min-width: 50px;
text-align: center;
margin-bottom: 8px;
padding-left: 64px;
padding-right: 64px;
}
.x-plan-table-text {
font-size: 14px;
line-height: 17px;
}
.x-plan-table-text.add-padding {
margin-left: 20px;
}
.x-hero-slider {
height: auto;
background-color: rgba(0, 0, 0, 0);
}
.x-hero-slider-mask {
overflow: visible;
}
.x-hero-slider-pane {
height: 380px;
background-color: var(--digi-yellow);
box-shadow: 0 4px 24px -8px var(--shadow), 0 8px 16px -4px var(--shadow);
border-radius: 16px;
margin-right: 40px;
transition: opacity .5s cubic-bezier(.77, 0, .175, 1);
overflow: hidden;
}
.x-hero-slider-pane.for-postpaid-family {
background-image: linear-gradient(45deg, #22649e, var(--link-blue));
color: var(--white);
}
.x-hero-slider-pane.for-prepaid {
background-color: #fff;
}
.x-hero-slider-pane.for-fibre, .x-hero-slider-pane.for-device {
background-color: var(--white);
}
.x-hero-slider-nav {
margin-bottom: -44px;
}
.x-hero-slider-arrow {
width: 48px;
height: 48px;
background-color: var(--black);
box-shadow: 0 1px 3px 0 var(--shadow), 0 4px 8px 0 var(--shadow);
border-radius: 8px;
justify-content: center;
align-items: center;
font-size: 16px;
display: flex;
}
.x-hero-slider-arrow.for-left {
margin-left: -24px;
}
.x-hero-slider-arrow.for-right {
margin-right: -24px;
}
.x-mini-plan-block {
margin-bottom: 24px;
}
.x-mini-plan-block.for-slider {
align-self: stretch;
}
.x-mini-plan-list {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 0;
display: grid;
}
.x-mini-plan-list.for-span-full.super-long-life {
position: relative;
}
.x-mini-plan-link {
min-width: 160px;
border: 1px solid var(--link-blue);
background-color: var(--white);
box-shadow: 0 3px 3px -2px var(--shadow), 0 6px 8px 0 var(--shadow);
color: var(--black);
cursor: pointer;
border-radius: 8px;
padding: 16px;
transition: all .2s ease-in-out;
display: block;
position: relative;
overflow: hidden;
}
.x-mini-plan-link:hover {
background-color: var(--bottom-nav);
}
.x-mini-plan-price {
background-color: var(--link-blue);
color: var(--white);
text-align: right;
border-bottom-left-radius: 8px;
padding: 6px 12px;
font-size: 14px;
font-weight: 600;
position: absolute;
top: 0%;
bottom: auto;
left: auto;
right: 0;
}
.x-duration-span {
color: var(--grey-text);
font-size: 50%;
line-height: 100%;
display: inline-block;
}
.x-menu-grid-img {
height: 96px;
margin-left: auto;
display: block;
}
.x-menu-grid-img.for-help {
margin-top: -16px;
margin-bottom: -16px;
margin-right: -24px;
}
.x-menu-grid-title {
font-size: 20px;
font-weight: 700;
}
.x-content-card-block {
margin-bottom: 24px;
}
.x-content-card-list {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-items: center;
margin-bottom: 0;
display: grid;
}
.x-content-card-link {
height: 100%;
min-height: 160px;
border: 1px solid var(--line);
background-color: var(--white);
color: var(--white);
border-radius: 8px;
display: block;
position: relative;
}
.x-content-card-link:hover {
background-image: linear-gradient(rgba(56, 68, 77, .8), rgba(56, 68, 77, .8)), url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.x-content-card-data {
z-index: 1;
background-color: rgba(56, 68, 77, .32);
flex-direction: column;
align-items: flex-start;
padding: 32px;
display: flex;
position: relative;
}
.x-promo-card-block {
margin-bottom: 24px;
}
.x-promo-card-list {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 0;
display: grid;
}
.x-promo-card-link {
height: 100%;
border: 1px solid var(--line);
color: var(--black);
border-radius: 8px;
display: block;
overflow: hidden;
}
.x-promo-card-link:hover {
background-color: var(--ultra-light-grey);
}
.x-promo-card-img {
width: 100%;
height: 160px;
object-fit: cover;
font-size: 1px;
display: block;
}
.x-promo-card-data {
padding: 16px;
}
.x-promo-card-data.for-digital-solutions {
height: auto;
flex-direction: column;
justify-content: flex-start;
padding-bottom: 26px;
display: flex;
}
.x-promo-card-data.for-5g {
height: auto;
flex-direction: column;
justify-content: flex-start;
padding-bottom: 16px;
display: flex;
}
.x-promo-card-data.for-digital-solutions {
height: auto;
flex-direction: column;
justify-content: flex-start;
padding-bottom: 26px;
display: flex;
}
.x-menu-grid-data {
z-index: 10;
position: relative;
}
.x-simple-card-block {
margin-bottom: 24px;
}
.x-simple-card-list {
grid-column-gap: 24px;
grid-row-gap: 24px;
border-radius: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 0;
display: grid;
}
.x-simple-card-item {
overflow: hidden;
}
.x-simple-card-link {
height: 100%;
border: 1px solid var(--line);
background-color: var(--white);
color: var(--dark-grey);
border-radius: 8px;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 16px 24px;
display: flex;
position: relative;
overflow: hidden;
}
.x-simple-card-link:hover {
border-color: var(--black);
color: var(--black);
}
.x-pulse {
width: 80px;
height: 80px;
border: 1px solid var(--digi-yellow);
opacity: 0;
border-radius: 100px;
}
.x-pulse-container {
position: absolute;
bottom: -32px;
left: 50%;
transform: translate(-50%);
}
.x-slider-h1 {
color: #000;
text-transform: none;
margin-bottom: 12px;
}
.x-float-helper {
z-index: 6000;
display: none;
position: fixed;
bottom: 32px;
left: 50%;
transform: translate(-50%);
}
.x-float-helper-btn {
z-index: 10;
background-color: var(--link-blue);
box-shadow: 0 6px 12px -4px var(--shadow);
color: var(--white);
text-align: center;
border-radius: 24px;
padding: 6px 24px;
font-weight: 500;
display: block;
position: relative;
}
.x-float-helper-menu {
border: 1px solid var(--line);
background-color: var(--white);
box-shadow: 0 3px 8px -4px var(--shadow);
white-space: nowrap;
transform-style: preserve-3d;
border-radius: 16px;
padding: 24px 24px 64px;
position: absolute;
bottom: -12px;
left: 50%;
overflow: hidden;
transform: translate(-50%);
}
.x-deck-container {
height: 100%;
box-shadow: 0 1px 3px 0 var(--shadow);
border-radius: 8px;
flex-direction: column;
transition: all .2s ease-in-out;
display: flex;
overflow: hidden;
}
.x-deck-container:hover {
background-color: var(--ultra-light-grey);
}
.x-deck-link {
display: block;
}
.x-deck-data {
flex-direction: column;
flex: 1;
justify-content: space-between;
padding: 24px;
display: flex;
position: relative;
}
.x-deck-thumb {
display: block;
}
.x-link-btn {
text-transform: uppercase;
margin-left: 8px;
margin-right: 8px;
font-size: 16px;
font-weight: 600;
}
.x-deck-title {
color: var(--black);
margin-bottom: 12px;
font-size: 20px;
font-weight: 600;
display: block;
}
.x-deck-text {
text-align: left;
margin-bottom: 16px;
}
.x-promo-wrapper {
max-width: 880px;
margin-left: auto;
margin-right: auto;
}
.x-promo-container {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1.5fr;
grid-auto-columns: 1fr;
padding-top: 24px;
padding-bottom: 20px;
}
.x-page-banner {
border-radius: 12px;
margin-bottom: 16px;
display: block;
}
.x-promo-h1 {
font-size: 32px;
line-height: 40px;
}
.x-cart-main {
margin-left: 0;
padding-top: 64px;
padding-bottom: 64px;
}
.x-cart-wrapper {
max-width: 720px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
}
.x-step-list {
margin-bottom: 0;
padding-left: 48px;
}
.x-step-item {
border: 1px solid var(--line);
border-radius: 8px;
margin-bottom: 40px;
padding: 24px;
position: relative;
}
.x-form-block {
margin-bottom: 24px;
}
.x-form-block.for-modal {
margin-bottom: 0;
}
.x-form-block.for-business {
width: 100%;
border: 1px solid var(--line);
background-color: var(--white);
border-radius: 16px;
margin-top: 12px;
padding: 24px;
}
.x-form-block.for-lead-form {
width: 100%;
max-width: 1100px;
border: 1px solid var(--line);
background-color: var(--white);
border-radius: 16px;
margin-top: 12px;
padding: 24px;
}
.x-form-block.for-business {
width: 100%;
background-color: #fff;
border: 1px solid #c7c9cc;
border-radius: 16px;
margin-top: 12px;
padding: 24px;
}
.x-form-block.for-btl {
width: 100%;
max-width: 1100px;
border: 1px solid var(--line);
background-color: var(--white);
border-radius: 16px;
margin-top: 12px;
margin-left: 60px;
margin-right: 60px;
padding: 24px;
}
.x-form-block.for-lead-form {
width: 100%;
max-width: 1100px;
background-color: #fff;
border: 1px solid #c7c9cc;
border-radius: 16px;
margin-top: 12px;
padding: 24px;
}
.x-cart-close-btn {
background-color: var(--white);
color: var(--price-red);
border-radius: 4px;
margin-bottom: 40px;
padding: 8px;
font-family: Remix, sans-serif;
font-size: 24px;
display: block;
}
.x-cart-close-btn:hover {
background-color: var(--black);
color: var(--white);
}
.x-cart-close-btn.for-form {
margin-bottom: 0;
margin-right: 16px;
}
.x-input-row {
align-items: flex-start;
margin-bottom: 32px;
margin-left: -8px;
margin-right: -8px;
display: flex;
}
.x-input-row.static {
display: block;
}
.x-input-row.idd-rates {
flex-direction: row;
align-items: flex-start;
}
.x-input-row.idd-rates.centre {
justify-content: center;
}
.x-input-row.idd-rates.flex-child {
justify-content: center;
margin-bottom: 50px;
}
.x-input-row.idd-rates.flex-child.for-1-column {
margin-bottom: 30px;
}
.x-input-row.idd-rates.add-margin {
margin-left: 40px;
margin-right: 40px;
}
.x-input-container {
flex-direction: row-reverse;
flex: 1;
align-items: flex-start;
display: flex;
position: relative;
}
.x-input-container.for-nob {
margin-top: 24px;
}
.x-input-container.for-nob.for-hide {
display: none;
}
.x-input-container.for-main-selling {
margin-top: 24px;
}
.x-input-container.for-main-selling.for-hide {
display: none;
}
.x-input-container.for-vertical {
flex-direction: column;
align-items: flex-start;
}
.x-input-container.custom-padding {
border: 1px solid var(--line);
background-color: var(--ultra-light-grey);
background-color: #f5f5f5;
border: 1px solid #c7c9cc;
border-radius: 8px;
align-items: center;
padding-left: 0;
padding-right: 0;
}
.x-input-block {
margin-bottom: 32px;
}
.x-input-block.for-hide {
display: none;
}
.x-input-block.for-padding {
padding-left: 0;
}
.x-input-label {
color: var(--grey-text);
margin-bottom: 0;
font-size: 12px;
line-height: 12px;
transition: all .35s cubic-bezier(.77, 0, .175, 1);
position: absolute;
top: 8px;
left: 16px;
}
.x-input-label.for-idle {
cursor: text;
font-size: 16px;
font-weight: 600;
line-height: 24px;
position: absolute;
top: 16px;
}
.x-input-label.for-idle.more-padding {
left: 84px;
}
.x-input-label.for-static {
margin-bottom: 12px;
font-size: 16px;
line-height: 24px;
position: static;
}
.x-input-label.for-static.centre {
text-align: center;
}
.x-input-label.for-text-kit {
margin-bottom: 8px;
font-size: 14px;
font-weight: 600;
line-height: 16px;
position: static;
}
.x-input-label.for-idle-2 {
cursor: text;
font-size: 16px;
font-weight: 600;
line-height: 24px;
position: absolute;
top: 16px;
left: 84px;
}
.x-input-label.for-idle-2.more-padding {
left: 84px;
}
.x-input-label.mobile, .x-input-label.mobile.for-idle {
left: 80px;
}
.x-input-text {
height: 56px;
border: 1px solid var(--line);
background-color: rgba(245, 245, 245, .5);
border-radius: 8px;
margin-bottom: 0;
padding: 24px 16px 8px;
font-size: 20px;
}
.x-input-text:hover {
border-color: var(--black);
background-color: var(--white);
}
.x-input-text:focus {
border-color: var(--link-blue);
background-color: var(--white);
}
.x-input-text.for-prefix {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.x-input-text.for-tac {
text-align: center;
padding-top: 8px;
font-size: 24px;
font-weight: 700;
}
.x-input-text.for-test-kit, .x-input-text.for-date {
padding-top: 8px;
font-size: 18px;
}
.x-input-text.more-padding {
margin-right: 10px;
}
.x-input-col {
flex: 1;
margin-left: 8px;
margin-right: 8px;
}
.x-input-col.for-toggle {
flex: none;
}
.x-input-col.dont-expand {
width: 350px;
flex: 0 auto;
}
.x-input-col.dont-expand.right-padding {
margin-right: 20px;
}
.x-input-col.dont-expand.left-padding {
margin-left: 20px;
}
.x-input-col.dont-expand {
width: 350px;
flex: 0 auto;
}
.x-input-col.dont-expand.left-padding {
margin-left: 20px;
}
.x-input-col.dont-expand.right-padding {
margin-right: 20px;
}
.x-input-helper {
border-left: 2px solid var(--link-blue);
margin-top: 8px;
padding-left: 8px;
font-size: 12px;
line-height: 14px;
}
.x-toggle-group {
flex-wrap: wrap;
flex: 1;
margin-bottom: -12px;
margin-left: -6px;
margin-right: -6px;
display: flex;
}
.x-input-toggle {
min-width: 80px;
cursor: pointer;
flex-direction: column;
flex: 1;
justify-content: center;
align-items: center;
margin-bottom: 12px;
margin-left: 6px;
margin-right: 6px;
padding-left: 0;
display: flex;
position: relative;
}
.x-input-toggle.for-lead-form {
min-width: 128px;
}
.x-input-toggle.for-product-card {
padding: 20px;
}
.x-input-toggle-label {
width: 100%;
color: var(--grey-text);
text-align: center;
border-radius: 8px;
justify-content: center;
align-items: center;
margin-bottom: 0;
padding: 16px;
font-weight: 700;
display: flex;
position: static;
}
.x-input-toggle-radio {
width: 100%;
height: 100%;
border: 1px solid var(--line);
box-shadow: 0 4px 4px -2px var(--shadow);
color: var(--grey-text);
border-radius: 8px;
justify-content: center;
align-items: center;
margin-top: 0;
margin-left: 0;
padding: 0;
font-weight: 700;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.x-input-toggle-radio:hover {
border-color: var(--link-blue);
}
.x-input-toggle-radio.w--redirected-checked {
box-shadow: inset 0 0 0 2px var(--link-blue), 0 6px 12px -3px rgba(3, 155, 229, .64);
background-color: rgba(0, 0, 0, 0);
background-image: none;
border-width: 1px;
border-radius: 8px;
}
.x-input-link-line {
width: 16px;
height: 2px;
background-color: var(--link-blue);
flex: none;
margin-top: 28px;
margin-left: 4px;
margin-right: 4px;
}
.x-input-group {
flex: 1;
position: relative;
}
.x-input-prefix {
border-style: solid none solid solid;
border-width: 1px;
border-color: var(--grey-text);
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6152b2d34ca06b0c6b5dd6bd_stripe.png");
background-position: 0 0;
background-size: auto;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
padding: 22px 16px 8px;
font-size: 20px;
font-weight: 600;
transition: all .35s cubic-bezier(.77, 0, .175, 1);
}
.x-input-prefix.for-idle {
border-style: solid;
border-color: var(--line);
padding-top: 15px;
padding-bottom: 15px;
}
.x-input-check {
align-items: flex-start;
margin-bottom: 12px;
padding-left: 0;
display: flex;
}
.x-input-check.for-cart-toggle {
z-index: 0;
margin-bottom: 0;
position: relative;
}
.x-input-check-btn {
width: 32px;
height: 32px;
border: 1px solid var(--grey-text);
background-color: var(--ultra-light-grey);
box-shadow: 0 3px 3px 0 var(--shadow);
cursor: pointer;
border-radius: 8px;
flex: none;
margin-top: 0;
margin-left: 0;
margin-right: 16px;
}
.x-input-check-btn.w--redirected-checked {
border-color: var(--link-blue);
background-color: var(--link-blue);
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6152b2d34ca06b7cda5dd72e_check-fill.svg");
border-radius: 8px;
box-shadow: 0 6px 12px -3px rgba(3, 155, 229, .64);
}
.x-input-check-label {
margin-bottom: 0;
font-weight: 400;
}
.x-input-check-label.for-hide {
display: none;
}
.x-input-select {
height: 56px;
border: 1px solid var(--line);
background-color: var(--ultra-light-grey);
border-radius: 8px;
margin-bottom: 0;
padding-left: 16px;
padding-right: 16px;
font-size: 16px;
font-weight: 600;
}
.x-input-select:hover {
border-color: var(--grey-text);
}
.x-input-select:focus {
border-color: var(--link-blue);
}
.x-input-select.x-input-select-adjust {
width: 100%;
border-style: none;
border-radius: 8px;
padding-left: 16px;
padding-right: 16px;
}
.x-hr-sep {
height: 1px;
background-color: var(--line);
margin-top: 32px;
margin-bottom: 32px;
}
.x-input-tac {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.x-input-textarea {
min-height: 128px;
border: 1px solid var(--line);
background-color: rgba(245, 245, 245, .5);
border-radius: 8px;
margin-bottom: 0;
padding: 24px 16px 8px;
font-size: 20px;
}
.x-input-textarea:hover {
border-color: var(--black);
background-color: var(--white);
}
.x-input-textarea:focus {
border-color: var(--link-blue);
background-color: var(--white);
}
.x-input-counter-block {
grid-column-gap: 24px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 80px;
grid-auto-columns: 1fr;
display: grid;
}
.x-input-counter {
color: var(--grey-text);
text-align: right;
margin-top: 8px;
font-size: 12px;
font-weight: 600;
line-height: 14px;
}
.x-tile-plan-block {
position: relative;
}
.x-tile-plan-list {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 32px;
display: grid;
}
.x-tile-plan-card {
height: 100%;
border: 1px solid var(--line);
box-shadow: 0 4px 8px -4px var(--shadow);
border-radius: 12px;
flex-direction: column;
justify-content: space-between;
font-style: normal;
transition: all .2s ease-in-out;
display: flex;
overflow: hidden;
}
.x-tile-plan-card:hover {
border-color: var(--line);
}
.x-tile-plan-card-wrapper {
padding: 0;
}
.x-device-list-block {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 32px;
display: grid;
}
.x-device-list-item {
border: 1px solid var(--line);
box-shadow: 0 8px 16px -8px var(--shadow);
text-align: center;
border-radius: 12px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 24px;
display: flex;
}
.x-device-list-thumb {
height: 240px;
margin-bottom: 16px;
}
.x-legal-h1 {
margin-bottom: 0;
font-size: 64px;
line-height: 64px;
}
.x-tile-plan-title {
color: var(--link-blue);
font-size: 24px;
}
.x-incident-marker {
width: 12px;
height: 12px;
background-color: var(--link-blue);
border-radius: 4px;
margin-top: 6px;
}
.x-legal-list-block {
margin-bottom: 32px;
}
.x-legal-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-left: 24px;
display: grid;
}
.x-legal-item {
align-items: flex-start;
display: flex;
}
.x-legal-item-link {
margin-left: 16px;
margin-right: 16px;
font-weight: 500;
text-decoration: underline;
}
.x-legal-item-stats {
align-items: center;
display: flex;
}
.x-dot-sep {
margin-left: 6px;
margin-right: 6px;
}
.x-breadcrumb-block {
background-color: var(--black);
color: var(--line);
}
.x-breadcrumb-wrapper {
display: flex;
}
.x-breadcrumb-link {
padding: 8px 8px 8px 0;
font-size: 14px;
font-weight: 500;
}
.x-breadcrumb-sep {
color: var(--dark-grey);
justify-content: center;
align-items: center;
margin-right: 8px;
font-family: Remix, sans-serif;
display: flex;
}
.x-empty-placeholder {
min-height: 128px;
border: 1px solid var(--line);
color: var(--grey-text);
background-color: rgba(0, 0, 0, 0);
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6152b2d34ca06b0c6b5dd6bd_stripe.png");
background-position: 0 0;
background-size: auto;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 40px;
font-weight: 500;
display: flex;
}
.x-empty-placeholder-img {
height: 80px;
margin-bottom: 16px;
}
.x-data-row {
margin-bottom: 16px;
}
.x-section-bg {
z-index: -10;
width: 100%;
max-width: none;
display: block;
position: absolute;
top: 50%;
left: 0%;
right: 0%;
transform: translate(0, -50%);
}
.x-device-list-spec {
grid-column-gap: 12px;
grid-row-gap: 8px;
text-align: left;
grid-template-rows: auto auto;
grid-template-columns: 80px 1fr;
grid-auto-columns: 1fr;
align-self: stretch;
margin-top: 16px;
margin-bottom: 16px;
font-size: 14px;
line-height: 20px;
display: grid;
}
.x-step-h3 {
margin-bottom: 12px;
}
.x-link-block {
height: 100%;
color: var(--dark-grey);
}
.x-link-block:hover {
background-color: var(--ultra-light-grey);
color: var(--black);
}
.x-link-block.terms {
padding: 16px;
}
.x-black-overlay {
z-index: 8000;
background-color: rgba(56, 68, 77, .64);
display: none;
position: fixed;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.x-buy-opt-modal {
z-index: 999999;
max-width: 560px;
min-width: 480px;
border: 1px solid var(--line);
background-color: var(--white);
box-shadow: 0 4px 8px 0 var(--shadow), 0 12px 24px 0 var(--shadow);
text-align: left;
border-radius: 17px;
position: fixed;
top: 50%;
left: 50%;
overflow: hidden;
transform: translate(-50%, -50%);
}
.x-buy-opt-modal.for-hide-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: none;
}
.x-buy-opt-modal.for-hide {
display: none;
}
.x-buy-opt-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-bottom: 24px;
padding-left: 24px;
padding-right: 24px;
display: grid;
}
.x-modal-header {
justify-content: space-between;
align-items: center;
padding: 18px 24px;
display: flex;
}
.x-buy-opt-btn {
border: 2px solid var(--line);
color: var(--dark-grey);
border-radius: 8px;
align-items: center;
padding: 16px;
font-weight: 500;
display: flex;
}
.x-buy-opt-btn:hover {
border-color: var(--link-blue);
color: var(--link-blue);
}
.x-input-cart-toggle-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-bottom: 0;
display: grid;
}
.x-input-cart-toggle-item {
border: 1px solid var(--line);
box-shadow: 0 4px 4px -2px var(--shadow);
cursor: pointer;
border-radius: 8px;
justify-content: space-between;
align-items: center;
padding: 16px 24px;
display: flex;
position: relative;
}
.x-input-cart-toggle-data {
text-align: right;
}
.x-input-cart-toggle-cover {
z-index: 1;
width: 72px;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: auto;
}
.x-form-nav-header {
z-index: 100;
background-color: var(--digi-yellow);
margin-bottom: 28px;
padding: 24px 64px;
position: fixed;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.x-form-h1 {
margin-bottom: 0;
font-size: 1.8em;
line-height: 1.4em;
}
.x-form-wrapper {
max-width: 720px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
}
.x-ekyc-form {
width: 100%;
}
.x-form-nav-wrapper {
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.x-form-flex {
align-items: center;
display: flex;
}
.x-m-quick-nav {
display: none;
}
.x-hero-slider-link {
width: 100%;
height: 100%;
color: var(--black);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
position: absolute;
overflow: visible;
}
.x-hero-slider-link.for-white {
color: var(--white);
}
.x-hero-slider-action {
color: var(--link-blue);
text-transform: uppercase;
border-radius: 4px;
align-items: center;
font-size: 18px;
font-weight: 700;
display: flex;
}
.x-hero-slider-action.for-yellow {
color: var(--digi-yellow);
}
.x-hero-slider-action.for-postpaid-fam {
color: var(--white);
}
.x-hero-slider-action-span {
margin-left: 8px;
font-family: Remix, sans-serif;
font-size: 24px;
font-weight: 400;
}
.x-prime-nav-menu-link-alt {
color: var(--dark-grey);
padding: 4px;
font-weight: 500;
display: block;
}
.x-prime-nav-menu-link-alt:hover {
color: var(--black);
}
.x-prime-dd-badge {
height: 16px;
margin-left: 8px;
display: block;
}
.x-shop-list {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 24px;
display: grid;
}
.x-shop-list.for-3 {
max-width: 760px;
grid-template-columns: 1fr 1fr 1fr;
}
.x-shop-list.for-5 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.x-shop-list.for-4 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.x-shop-list.for-4.for-device {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.x-shop-item {
position: relative;
}
.x-shop-item-link {
display: block;
overflow: hidden;
}
.x-shop-item-thumb {
width: 100%;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65688a36bbeeaf30f6368265_Digi_PPJ_Web_DeviceCards_EN_543x747_HONOR%20X6a.webp");
background-size: auto;
border-radius: 8px;
display: block;
}
.x-lang-toggle {
color: var(--grey-text);
text-transform: uppercase;
padding: 8px 12px;
font-size: 16px;
font-weight: 700;
line-height: 16px;
}
.x-lang-toggle.w--current {
background-color: var(--link-blue);
color: var(--white);
font-size: 16px;
display: inline-block;
}
.x-shop-item-data {
color: var(--black);
margin-top: 4px;
font-size: 12px;
line-height: 16px;
}
.x-shop-item-data.for-between {
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.x-shop-group {
flex-direction: column;
justify-content: center;
display: flex;
}
.x-shop-group.for-jaringan {
align-items: center;
}
.x-shop-more-btn {
align-items: center;
margin-top: 8px;
font-size: 20px;
font-weight: 600;
display: flex;
}
.x-shop-more-btn:hover {
color: var(--black);
}
.x-shop-more-btn.for-align {
margin-top: 30px;
}
.x-shop-more-btn.for-align:hover {
color: var(--link-blue);
}
.x-lang-picker-block {
z-index: 100;
background-color: var(--white);
border-radius: 8px;
position: absolute;
top: 32px;
bottom: auto;
left: auto;
right: 0%;
overflow: hidden;
}
.x-lang-picker-block.for-raja-kombo {
top: 200px;
bottom: auto;
left: auto;
right: 20px;
}
.x-search-close-btn {
background-color: var(--bottom-nav);
color: var(--price-red);
border-radius: 24px;
margin-left: 12px;
padding: 12px;
font-family: Remix, sans-serif;
font-size: 24px;
}
.x-search-close-btn:hover {
background-color: var(--price-red);
color: var(--white);
}
.x-video-gallery-block {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 20px;
display: grid;
}
.x-video-gallery-block.for-5g {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.x-video-item {
box-shadow: 0 8px 16px -4px var(--shadow);
border-radius: 8px;
overflow: hidden;
}
.x-video-item.for-full.no-rounded-corners {
border-radius: 0;
}
.x-lead-form-modal {
z-index: 1000;
min-width: 480px;
border: 1px solid var(--line);
background-color: var(--white);
box-shadow: 0 8px 16px -4px var(--shadow);
border-radius: 12px;
position: fixed;
top: 50%;
left: 50%;
overflow: hidden;
transform: translate(-50%, -50%);
}
.x-lead-form-modal.for-hide {
display: none;
}
.x-lead-form-container {
border-top: 1px solid var(--line);
padding: 24px;
}
.x-banner-list {
height: 210px;
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 24px;
display: grid;
}
.x-banner-list.for-2 {
height: auto;
grid-column-gap: 26px;
grid-template-rows: auto auto;
grid-template-columns: 1.5fr .75fr;
}
.x-banner-list.for-1-4 {
height: 360px;
grid-template-rows: auto auto;
grid-template-columns: 1.25fr 1fr;
}
.x-banner-list.for-4 {
height: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.x-banner-list.for-4.for-hide {
display: none;
}
.x-banner-list.for-jaringan {
height: auto;
max-width: 1000px;
grid-template-columns: 1fr 1fr;
justify-items: stretch;
margin-bottom: 0;
}
.x-banner-list.for-two {
height: 100%;
grid-row-gap: 0px;
grid-template-columns: 1fr 1fr;
grid-auto-rows: 0;
grid-auto-flow: row;
}
.x-banner-list.for-2 {
grid-column-gap: 26px;
grid-column-gap: 15px;
grid-row-gap: 15px;
height: auto;
grid-column-gap: 26px;
height: auto;
grid-column-gap: 26px;
grid-template-rows: auto auto;
grid-template-columns: 1.5fr .75fr;
grid-auto-columns: .5fr;
}
.x-banner-list.for-2.for-height {
height: 362px;
}
.x-banner-item {
width: auto;
height: auto;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 24px -8px rgba(0, 0, 0, .25);
}
.x-banner-item-link {
width: 100%;
height: 100%;
object-fit: contain;
border-radius: 12px;
display: block;
overflow: hidden;
}
.x-banner-item-img {
width: 100%;
height: 100%;
background-color: var(--white);
object-fit: fill;
border-radius: 0;
}
.x-banner-item-img.for-border {
border: 0 solid #c5c5c5;
border-radius: 0;
}
.x-banner-1-4-right {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.x-plan-table-merged {
grid-column-gap: 0px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(248px, 248px) 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
margin-top: -40px;
display: grid;
}
.x-broadcast-list {
background-color: #fcc;
padding-top: 15px;
padding-bottom: 15px;
}
.x-broadcast-list.for-mcmc {
background-color: #fffbdb;
}
.x-broadcast-container {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 80px 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.x-broadcast-container.for-mcmc {
grid-template-columns: 80px 1fr 30px;
}
.x-broadcast-badge {
background-color: var(--price-red);
color: var(--white);
text-align: center;
border-radius: 4px;
padding: 8px;
font-size: 18px;
font-weight: 600;
line-height: 16px;
}
.x-broadcast-teaser {
color: var(--black);
font-size: 16px;
font-weight: 600;
line-height: 20px;
}
.x-emp-rrp {
color: var(--black);
font-size: 12px;
font-weight: 500;
line-height: 18px;
}
.x-icon-logo {
width: 32px;
height: 32px;
object-fit: fill;
border-radius: 20px;
}
.x-icon-logo.for-business {
width: 24px;
height: 24px;
}
.x-promo-date {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--digi-yellow);
border-radius: 8px;
grid-template-rows: auto;
grid-template-columns: 160px 1fr;
grid-auto-columns: 1fr;
margin-top: 24px;
padding: 12px 24px;
display: grid;
}
.x-bod-popup-wrapper {
grid-column-gap: 16px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-bottom: 24px;
padding-left: 0;
padding-right: 0;
display: grid;
overflow: auto;
}
.x-bod-info-row {
display: flex;
}
.x-bod-info-img {
width: 150px;
height: 150px;
border: 4px solid var(--link-blue);
object-fit: cover;
border-radius: 36px;
margin-right: 16px;
}
.x-bod-info-heading {
font-size: 1.2em;
font-weight: 700;
line-height: 130%;
}
.x-bod-popup-info {
grid-column-gap: 16px;
grid-row-gap: 4px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.x-onboard-plan-text-block {
font-size: 20px;
}
.x-onboard-plan-text-block.for-blue {
background-color: var(--link-blue);
color: #fff;
color: #fff;
background-color: #039be5;
border-radius: 4px;
margin-top: 4px;
margin-bottom: 4px;
padding: 8px;
display: inline-block;
}
.x-onboard-header {
font-size: 24px;
font-weight: 700;
line-height: 28px;
}
.x-jaringan-banner-item-link {
width: 100%;
height: 260px;
object-fit: contain;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6152b2d34ca06b92f25ddb52_JR-BG.png");
background-position: 0 0;
background-size: cover;
border-radius: 12px;
flex-direction: column;
justify-content: space-between;
padding: 16px;
display: block;
overflow: hidden;
}
.x-jaringan-title {
color: var(--black);
margin-bottom: 16px;
font-size: 28px;
font-weight: 700;
line-height: 38px;
}
.x-jaringan-value {
font-weight: 600;
display: flex;
}
.x-jaringan-content {
color: var(--black);
background-color: rgba(255, 255, 255, .7);
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
margin-top: 12px;
margin-left: -16px;
padding: 8px 12px;
font-size: 16px;
}
.x-jaringan-value-span {
margin-left: 6px;
}
.image {
width: 240px;
position: absolute;
top: -3%;
bottom: 0%;
left: auto;
right: 0%;
}
.x-onboard-jaringan-sticker {
max-width: 400px;
border-radius: 16px;
overflow: hidden;
}
.x-bod-rich-text {
margin-bottom: 24px;
}
.x-bod-rich-text h5 {
margin-bottom: 12px;
font-size: 18px;
font-weight: 700;
}
.x-redirect-block {
grid-column-gap: 25px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-left: 0;
padding-right: 0;
display: grid;
}
.x-redirect-block.for-4 {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.x-redirect-block.for-2 {
grid-template-columns: 1fr 1fr;
}
.x-redirect-block.for-smaller.for-4 {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.x-redirect-block.for-store {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.x-redirect-block.for-pf365 {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: auto auto auto;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
justify-items: center;
margin-top: 0;
display: grid;
}
.x-redirect-block.for-android {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-columns: auto auto auto;
justify-content: center;
align-items: center;
justify-items: center;
}
.x-redirect-block.for-android.for-2-colimns {
grid-template-columns: auto auto;
}
.x-redirect-block.for-prepaid-all {
width: auto;
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: auto auto auto;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
justify-items: center;
padding-left: 0;
padding-right: 0;
display: grid;
}
.x-redirect-link {
border: 1px solid var(--line);
color: var(--black);
background-color: #fff;
border-radius: 8px;
align-items: center;
padding: 16px 24px;
transition: all .2s ease-in-out;
display: flex;
overflow: hidden;
}
.x-redirect-link:hover {
background-color: var(--digi-yellow);
}
.x-redirect-link.for-smaller {
padding-left: 16px;
padding-right: 16px;
}
.x-redirect-link.for-store {
text-align: center;
cursor: pointer;
flex-direction: column;
justify-content: center;
padding-left: 16px;
padding-right: 16px;
}
.x-redirect-link.for-store:hover {
border-color: var(--black);
background-color: var(--ultra-light-grey);
}
.x-redirect-link.for-iphones {
height: 120px;
padding-top: 5px;
padding-bottom: 5px;
}
.x-redirect-link.for-iphones.for-mobile {
height: auto;
}
.x-redirect-link.for-pf365 {
width: 240px;
height: auto;
flex-direction: column-reverse;
}
.x-redirect-link.for-iphones {
width: 240px;
height: 160px;
flex-direction: column-reverse;
padding: 16px 10px;
}
.x-redirect-link.for-prepaid-all {
width: 180px;
height: 140px;
flex-direction: column-reverse;
justify-content: center;
padding-top: 16px;
display: flex;
}
.x-redirect-cta-subheading {
align-items: center;
display: flex;
}
.x-redirect-cta-subheading.for-pf365 {
font-size: 14px;
font-weight: 400;
}
.x-redirect-cta-subheading.for-pf365.reduce-padding {
margin-top: 0;
}
.x-redirect-cta-subheading.for-pf365 {
font-size: 14px;
font-weight: 400;
}
.x-redirect-cta-subheading.for-prepaid-all {
width: auto;
padding-left: 0;
padding-right: 0;
}
.x-redirect-cta-subheading.reduce-padding, .x-tc-content.for-4g-bm {
text-align: center;
}
.x-redirect-text.for-full {
font-size: 15px;
}
.x-redirect-text.for-pf365, .x-redirect-text.for-iphones {
text-align: center;
flex-direction: column;
align-self: center;
align-items: center;
margin-top: 10px;
display: flex;
}
.x-redirect-text.for-prepaid-all {
width: auto;
flex-direction: column;
align-self: auto;
align-items: center;
margin-top: 0;
padding-left: 0;
padding-right: 0;
display: flex;
}
.x-redirect-text.for-prepaid-all.for-padding {
margin-top: 10px;
}
.x-redirect-image {
width: 140px;
margin-right: 10px;
position: relative;
bottom: -31px;
left: -11px;
}
.x-redirect-image.for-smaller {
width: 30%;
margin-top: 0;
margin-right: 10px;
bottom: 0;
left: 0;
}
.x-redirect-image.for-pf365 {
align-self: center;
margin-right: 0;
padding-left: 45px;
padding-right: 45px;
display: block;
position: static;
}
.x-redirect-image.for-pf365.remove-padding {
margin-bottom: 0;
padding: 10px;
}
.x-redirect-image.for-pf365 {
align-self: center;
margin-right: 0;
padding-left: 45px;
padding-right: 45px;
display: block;
position: static;
}
.x-redirect-image.for-pf365.for-5g {
padding-left: 40px;
padding-right: 40px;
}
.x-redirect-image.for-android {
align-self: center;
margin-right: 0;
padding-left: 45px;
padding-right: 45px;
display: block;
position: static;
}
.x-redirect-image.for-android.remove-padding {
margin-bottom: 0;
padding: 10px;
}
.x-redirect-image.for-android {
align-self: center;
margin-right: 0;
padding-left: 45px;
padding-right: 45px;
display: block;
position: static;
}
.x-redirect-image.for-prepaid-all {
width: 90px;
margin-right: 0;
padding-left: 5px;
padding-right: 5px;
position: static;
}
.x-redirect-image.for-belia {
width: 90px;
margin-top: 0;
padding: 0;
}
.x-redirect-icon {
margin-left: 5px;
font-family: Remix, sans-serif;
font-size: 20px;
font-weight: 400;
position: relative;
}
.x-btl-img-banner {
width: 100%;
max-width: 1100px;
border-radius: 12px;
margin: 0 auto 24px;
padding-left: 0;
padding-right: 0;
display: block;
}
.x-btl-img-banner.collab {
max-width: none;
margin-bottom: 0;
}
.x-hero-grid-banner {
width: 100%;
height: 320px;
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--digi-yellow);
border-radius: 16px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: .7fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
padding: 34px;
display: grid;
position: relative;
overflow: hidden;
}
.x-hero-grid-banner.for-catalogue {
height: 200px;
}
.x-hero-side-banner-img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 16px;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.x-limit.for-banner {
padding-left: 64px;
padding-right: 64px;
}
.x-hero-heading {
color: var(--black);
margin-bottom: 11px;
font-size: 2.5em;
line-height: 1em;
}
.x-hero-heading.x-adjust-leading {
color: var(--white);
}
.x-hero-side-banner-mobile {
width: 100%;
object-fit: fill;
border-radius: 16px;
display: none;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.x-btl-banner-contianer {
flex-direction: column;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex;
}
.x-solution-intro-container {
grid-column-gap: 57px;
grid-row-gap: 16px;
border-top: 2px none var(--black);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.x-solution-intro-img {
width: 100%;
object-fit: contain;
}
.x-solution-p {
font-size: 1.1em;
line-height: 1.6em;
}
.x-how-container {
max-width: 800px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.x-solution-feature-card {
border: 1px solid var(--line);
border-radius: 16px;
padding: 16px 16px 0;
}
.x-solution-feature-container {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.x-solution-feature-rich-text h5 {
font-size: 1.3em;
line-height: 1.6em;
}
.x-solution-feature-rich-text p {
font-size: 1.1em;
line-height: 1.5em;
}
.x-solution-feature-rich-text img {
width: 100%;
object-fit: cover;
border-radius: 8px;
margin-bottom: 16px;
}
.x-solution-feature-rich-text figure {
width: 100%;
height: auto;
margin-left: 0;
margin-right: 0;
}
.x-limit-solution {
max-width: 1240px;
margin-left: auto;
margin-right: auto;
}
.x-solution-benefit-rt h5 {
font-size: 18px;
}
.x-solution-benefit-rt img {
width: 72px;
height: 72px;
margin-bottom: 16px;
}
.x-solution-right-img {
height: 72px;
margin-bottom: 12px;
}
.collection-item {
font-size: 14px;
}
.x-solution-banner-image {
width: 100%;
border-radius: 16px;
box-shadow: 0 3px 12px rgba(0, 0, 0, .15);
}
.x-solution-prop-rt h5 {
font-size: 18px;
}
.x-solution-prop-rt img {
height: 36px;
margin-bottom: 16px;
}
.x-card-icon {
height: 36px;
margin-bottom: 12px;
}
.x-card-heading {
margin-bottom: 12px;
font-size: 20px;
line-height: 28px;
}
.x-card-heading.small {
font-size: 18px;
line-height: 24px;
}
.x-card-testimonial-img {
border-radius: 8px;
margin-right: 0;
}
.x-solution-testimonial-rt h5 {
font-size: 1.2em;
font-weight: 600;
line-height: 1.6em;
}
.x-solution-testimonial-rt p {
font-size: 1.1em;
line-height: 1.5em;
}
.x-solution-testimonial-rt img {
border-radius: 8px;
margin-bottom: 16px;
}
.x-solution-testimonial-rt figure {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.x-store-sub-heading {
margin-top: -24px;
}
.x-long-banner {
background-color: #fff7af;
border-radius: 8px;
justify-content: center;
padding: 0;
display: block;
position: relative;
overflow: hidden;
}
.x-long-banner.add-space {
background-color: rgba(0, 0, 0, 0);
margin-top: 32px;
}
.x-long-banner.for-bottom-margin {
margin-bottom: 20px;
}
.text-span-3 {
color: var(--link-blue);
font-size: 12px;
font-weight: 700;
}
.text-span-4 {
font-size: 14px;
}
.italic-text {
font-weight: 700;
}
.x-long-banner-image {
object-fit: cover;
display: block;
}
.x-long-banner-image-mobile {
display: none;
}
.x-testimonial-slide {
width: auto;
background-color: #fff;
margin-right: 25px;
padding: 16px 0;
overflow: visible;
}
.x-testimonial-slide.for-one, .x-testimonial-slide.for-fibre {
width: 32%;
height: 100%;
margin-right: 24px;
}
.x-testimonial-slide.for-one {
width: 32%;
height: 100%;
margin-top: 10px;
margin-right: 20px;
}
.slider {
height: 100%;
background-color: rgba(255, 255, 255, 0);
margin-left: -72px;
margin-right: -72px;
padding-left: 72px;
padding-right: 72px;
position: relative;
overflow: hidden;
}
.x-testimonial-arrow {
width: 48px;
height: 48px;
background-color: var(--link-blue);
border-radius: 50%;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 16px;
font-size: 24px;
display: flex;
top: 0%;
bottom: 0%;
left: 0%;
right: auto;
}
.left-arrow {
left: -26px;
overflow: visible;
}
.left-arrow.for-fibre {
left: 47px;
}
.x-testimonial-mask {
overflow: hidden;
}
.x-testimonial-mask.for-3 {
overflow: visible;
}
.right-arrow {
top: 0%;
bottom: 0%;
left: auto;
right: -4%;
}
.right-arrow.fibre {
right: 1%;
}
.x-testimonial-slide-nav {
background-color: #fff;
display: block;
position: static;
}
.x-promo-step-block {
border: 1px solid var(--line);
border-radius: 8px;
flex-direction: column;
align-items: stretch;
margin-bottom: 48px;
padding: 21px;
display: block;
position: relative;
}
.x-promo-step-counter {
width: 42px;
height: 42px;
background-color: var(--digi-yellow);
border-radius: 100px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 5px;
font-size: 24px;
font-weight: 700;
display: flex;
position: absolute;
top: -3%;
bottom: auto;
left: -2%;
right: auto;
}
.x-promo-step-heading {
border-bottom: 1px solid var(--line);
margin-bottom: 16px;
padding-bottom: 16px;
font-size: 1.8em;
line-height: 140%;
}
.x-promo-stepper {
width: 42px;
height: 42px;
border: 1px solid var(--line);
background-color: #fff;
border-radius: 100px;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: -16px;
margin-left: auto;
margin-right: auto;
font-family: Remix, sans-serif;
font-size: 2em;
line-height: 100%;
display: flex;
position: relative;
top: 39px;
}
.x-promo-step-field-rt {
width: 100%;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 16px;
margin-left: 0;
padding-left: 0;
display: flex;
}
.x-promo-step-field-rt h6 {
margin-bottom: 0;
margin-left: 0;
font-size: 1.3em;
font-weight: 400;
line-height: 140%;
}
.x-promo-step-field-rt h5 {
margin-bottom: 16px;
font-size: 2em;
font-weight: 700;
line-height: 140%;
}
.text-span-8, .text-span-9, .text-span-10 {
font-weight: 700;
}
.x-image-card-container {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.x-image-card-container.for-promo {
grid-column-gap: 21px;
grid-row-gap: 20px;
grid-template-columns: 1fr 1fr;
}
.x-image-card-container.for-promo.version-2 {
grid-template-columns: 1fr 1fr 1fr;
}
.x-image-card-container.for-promo.for-3 {
grid-template-rows: auto auto;
}
.x-image-card-container.for-2 {
grid-template-columns: 1fr 1fr;
}
.x-image-card-container.for-bottom-margin {
margin-bottom: 23px;
}
.x-image-card-img {
width: 100%;
border: 2px none var(--black);
object-fit: cover;
border-radius: 8px;
margin-bottom: 16px;
}
.x-image-card-img.for-promo {
height: auto;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.x-image-card-img.for-smaller {
height: 50%;
}
.x-image-card-img.remove-padding {
margin-bottom: 0;
}
.x-image-card-p {
color: var(--black);
margin-top: -16px;
font-weight: 400;
}
.text-span-13, .text-span-14, .text-span-16 {
color: var(--link-blue);
font-weight: 700;
}
.x-social-link-span {
color: var(--dark-grey);
margin-left: 12px;
font-family: Barlow, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 24px;
}
.x-input-heading {
margin-bottom: 0;
}
.x-input-text-date {
height: 56px;
border: 1px solid var(--line);
color: var(--black);
background-color: rgba(245, 245, 245, .5);
border-radius: 8px;
margin-bottom: 0;
padding: 8px 16px;
font-size: 16px;
font-weight: 600;
}
.x-input-text-date:hover {
border-color: var(--black);
background-color: var(--white);
}
.x-input-text-date:focus {
border-color: var(--link-blue);
background-color: var(--white);
}
.x-input-icon {
font-family: Remix, sans-serif;
font-size: 24px;
position: absolute;
top: auto;
bottom: 25%;
left: auto;
right: 2%;
}
.x-promotion-rt {
border: 1px solid var(--line);
border-radius: 8px;
margin-bottom: 32px;
padding: 24px;
}
.x-promotion-rt ul {
padding-left: 21px;
list-style-type: disc;
}
.x-promotion-rt img {
margin-bottom: 24px;
}
.x-promotion-rt figure {
width: auto;
height: auto;
}
.x-form-tab-link {
min-width: 120px;
border: 1px solid var(--line);
color: var(--grey-text);
text-align: center;
background-color: rgba(0, 0, 0, 0);
border-radius: 100px;
margin-bottom: -1px;
padding: 12px 16px;
font-weight: 700;
transition: all .25s cubic-bezier(.86, 0, .07, 1);
}
.x-form-tab-link:hover {
color: var(--link-blue);
}
.x-form-tab-link.w--current {
background-color: var(--black);
color: var(--white);
}
.tabs-menu {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 24px;
display: grid;
}
.x-plan-logo-img {
width: 80px;
margin-left: 16px;
}
.x-plan-logo-img.for-hgs {
margin-top: -10px;
padding-top: 0;
}
.text-span-35, .text-span-36, .text-span-37 {
color: var(--white);
}
.x-wrapper {
padding-top: 40px;
padding-bottom: 40px;
}
.x-wrapper.for-less-padding.for-pf365 {
padding-bottom: 0;
}
.x-wrapper.for-remove-top-padding {
padding-top: 0;
}
.x-wrapper.x-sitemap-wrapper {
padding-top: 0;
padding-bottom: 40px;
}
.x-wrapper.x-sitemap-header {
padding-top: 40px;
padding-bottom: 0;
}
.x-wrapper.decrease-padding {
padding-top: 20px;
}
.x-wrapper.for-button {
padding-top: 0;
}
.x-wrapper.for-airsim {
padding-bottom: 10px;
}
.x-wrapper.for-home-fibre {
margin-top: 0;
padding-top: 50px;
padding-bottom: 60px;
}
.x-wrapper.for-cd-fibre {
padding-top: 80px;
padding-bottom: 80px;
}
.x-wrapper.for-promotions {
margin-top: 35px;
padding-bottom: 0;
}
.x-wrapper.for-btl-page {
padding-top: 0;
}
.x-wrapper.z-index {
z-index: 29;
position: relative;
}
.x-wrapper.for-iphone-slider {
padding-top: 60px;
}
.x-wrapper.for-android {
padding-top: 0;
padding-bottom: 0;
}
.x-home-promo-card {
width: 100%;
height: 100%;
border: 1px solid var(--line);
cursor: pointer;
border-radius: 12px;
transition: all .2s ease-in-out;
overflow: hidden;
}
.x-home-promo-card:hover {
background-color: var(--ultra-light-grey);
}
.x-home-promo-card.banner-data-layer {
background-color: var(--white);
}
.x-home-promo-content {
padding: 16px;
}
.x-home-promo-content.no-padding {
padding-top: 0;
}
.x-home-promo-heading {
color: var(--black);
margin-bottom: 0;
font-size: 20px;
font-weight: 700;
line-height: 28px;
}
.text-span-41, .bold-text-4 {
color: var(--link-blue);
}
.heading-15 {
width: 100%;
align-items: center;
margin-bottom: 0;
font-size: 16px;
line-height: 20px;
display: flex;
}
.x-promo-img-banner {
width: 100%;
object-fit: cover;
margin: 0 auto 24px;
padding-left: 0;
padding-right: 0;
display: block;
}
.x-promo-img-banner.mobile {
display: none;
}
.x-promo-img-banner.for-raja-kombo {
width: auto;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.x-promo-list-heading {
flex-direction: column;
align-items: center;
font-size: 20px;
display: flex;
position: relative;
}
.x-promo-list-h {
text-align: center;
margin-bottom: 16px;
font-size: 35px;
line-height: 40px;
}
.x-promo-list-tab {
z-index: 1;
width: 100%;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 27px;
display: grid;
position: static;
top: 154px;
}
.x-promo-list-tab.ramadan-raya-2023 {
display: block;
}
.x-promo-list-tab-a {
width: 100%;
border: 1px none var(--line);
color: #6e6e6e;
text-align: left;
background-color: rgba(0, 0, 0, 0);
border-radius: 0;
padding: 0 0 8px;
font-size: 14px;
font-weight: 500;
line-height: 18px;
transition: all .2s ease-in-out;
display: inline-block;
}
.x-promo-list-tab-a:hover {
color: var(--black);
background-color: rgba(0, 0, 0, 0);
}
.x-promo-list-tab-a.ramadan-raya-2023 {
color: #6e6e6e;
text-align: left;
background-color: rgba(0, 0, 0, 0);
border-style: none;
border-radius: 0;
padding: 0 0 8px;
font-size: 14px;
line-height: 18px;
}
.x-promo-list-tab-a.ramadan-raya-2023:hover {
color: #000;
}
.x-promo-list-rt {
font-size: 14px;
}
.x-promo-list-rt li {
margin-left: 20px;
list-style-type: disc;
}
.x-promo-list-block {
flex: 1;
}
.x-promo-list-container {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1.5fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
margin-bottom: 100px;
display: grid;
}
.heading-16 {
text-align: left;
}
.x-promo-list-img-block {
width: 100%;
object-fit: fill;
border-radius: 12px;
display: block;
}
.text-block-9 {
font-size: 20px;
font-weight: 700;
line-height: 20px;
}
.x-error-wrapper {
max-width: 1080px;
grid-column-gap: 114px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
justify-items: stretch;
margin-left: auto;
margin-right: auto;
padding-top: 96px;
padding-bottom: 144px;
display: grid;
}
.x-error-left-block {
grid-column-gap: 16px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.x-error-heading {
margin-bottom: 0;
}
.x-error-heading2 {
margin-bottom: 0;
font-size: 20px;
line-height: 28px;
}
.x-error-heading2.add-bottom-space {
color: var(--black);
}
.x-error-link-container {
grid-column-gap: 16px;
grid-row-gap: 8px;
border-radius: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding: 0;
display: grid;
}
.x-error-img {
width: 240px;
}
.x-link-id {
display: block;
}
.for-hide {
display: none;
}
.x-app-download-img {
width: 200px;
}
.x-app-download-img.for-small {
width: 150px;
}
.x-error-link {
font-family: Barlow, sans-serif;
font-size: 1em;
font-weight: 600;
line-height: 140%;
text-decoration: underline;
}
.x-error-link:hover {
color: #097ab1;
}
.x-redirect-img {
width: 48px;
height: 48px;
margin-bottom: 4px;
margin-right: 0;
}
.x-tab-link-2 {
color: #979797;
background-color: rgba(0, 0, 0, 0);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
margin-bottom: -1px;
padding: 12px 16px;
font-weight: 700;
transition: all .25s cubic-bezier(.86, 0, .07, 1);
}
.x-tab-link-2:hover {
color: #039be5;
}
.x-tab-link-2.w--current {
color: #fff;
background-color: #272727;
}
.x-btn-3 {
min-width: 96px;
color: #fff;
text-align: center;
background-color: #039be5;
border: 1px solid #039be5;
border-radius: 8px;
justify-content: center;
align-items: center;
margin-left: 8px;
margin-right: 8px;
padding: 8px 24px;
font-weight: 600;
transition: all .35s cubic-bezier(.86, 0, .07, 1);
display: flex;
}
.x-btn-3:hover {
background-color: #272727;
border-color: #272727;
}
.x-btn-3.for-full {
width: 100%;
}
.x-btn-3.toggle-popup.for-full.x-table-flip-btn {
z-index: 1000;
z-index: 1000;
border-radius: 0 0 30px 30px;
padding-top: 12px;
padding-bottom: 12px;
transition: all .35s cubic-bezier(.86, 0, .07, 1);
position: relative;
}
.x-btn-3.for-top-padding {
margin-top: 5px;
}
.x-tab-menu-2 {
border-bottom: 2px solid #272727;
align-items: flex-end;
display: flex;
}
.x-alt-feature-container {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.x-alt-feature-img {
border-radius: 8px;
}
.x-alt-feature-list {
margin-left: 24px;
font-size: 18px;
font-weight: 400;
line-height: 26px;
list-style-type: disc;
}
.x-rate-plan-pricing {
flex-direction: column;
align-items: flex-start;
margin-bottom: 18px;
font-weight: 500;
display: flex;
}
.x-rate-plan-span {
color: var(--link-blue);
margin-bottom: 6px;
font-size: 30px;
font-weight: 700;
}
.x-social-link-btn-wrapper {
align-items: center;
display: flex;
}
.x-social-link-btn-wrapper.for-padding {
margin-bottom: 15px;
}
.x-social-link-btn-img {
width: 32px;
height: 32px;
}
.x-social-link-btn-img.for-bigger {
width: 36px;
height: 36px;
}
.x-social-link-btn-img.for-social-media {
margin-right: 10px;
}
.text-block-10 {
margin-top: 15px;
}
.x-press-release-container {
max-width: 980px;
margin-left: auto;
margin-right: auto;
}
.x-press-h1 {
margin-bottom: 16px;
font-size: 36px;
font-weight: 700;
line-height: 44px;
}
.x-press-date {
margin-bottom: 0;
font-weight: 500;
}
.x-press-rt {
border: 1px solid var(--line);
border-radius: 8px;
margin-bottom: 32px;
padding: 24px;
}
.x-press-rt ul {
margin-bottom: 24px;
padding-left: 21px;
font-size: 1.2em;
line-height: 150%;
list-style-type: disc;
}
.x-press-rt img {
margin-bottom: 24px;
}
.x-press-rt figure {
width: auto;
height: auto;
}
.x-press-rt p {
font-size: 1.2em;
line-height: 150%;
}
.x-press-calendar-flex {
align-items: center;
margin-bottom: 24px;
display: flex;
}
.x-press-date-icon {
margin-right: 8px;
font-family: Remix, sans-serif;
font-size: 16px;
line-height: 16px;
}
.x-plan-table-img {
height: 90px;
margin-top: 6px;
}
.heading-17.for-centre {
text-align: center;
}
.x-dso-icon {
width: 32px;
height: 32px;
padding: 0;
}
.x-p {
margin-bottom: 16px;
font-size: 1.2em;
font-weight: 500;
line-height: 150%;
}
.x-p.for-center {
text-align: center;
}
.x-back-top-link {
display: none;
}
.x-press-img {
border-radius: 16px;
margin-bottom: 16px;
}
.x-btl-rt img {
margin-bottom: 24px;
}
.x-btl-rt ul {
padding-left: 24px;
list-style-type: disc;
}
.text-span-43, .text-span-44, .text-span-45, .text-span-46 {
color: var(--white);
}
.x-plan-table-ctn {
position: relative;
}
.js-clock {
background-color: var(--link-blue);
color: var(--white);
border-radius: 12px;
justify-content: center;
align-items: center;
padding: 20px;
display: flex;
}
.box {
width: 120px;
height: 120px;
flex-direction: column;
justify-content: center;
align-items: center;
margin-left: 10px;
margin-right: 10px;
padding: 10px;
font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
font-size: 12px;
line-height: 20px;
display: flex;
}
.clock-number {
font-family: Barlow, sans-serif;
font-size: 80px;
font-weight: 600;
line-height: 70px;
}
.clock-label {
letter-spacing: 5px;
text-transform: uppercase;
margin-top: 10px;
margin-right: -5px;
font-family: Barlow, sans-serif;
font-size: 14px;
font-weight: 500;
}
.heading-19 {
color: var(--black);
}
.text-span-49 {
text-decoration: line-through;
}
.x-raja-kombo-disclaimer {
text-align: center;
margin-top: 16px;
}
.bold-text-8 {
color: var(--price-red);
}
.x-btl-image {
width: 100%;
border-radius: 12px;
}
.x-file-upload {
margin-top: 8px;
}
.x-btl-main-headline {
text-align: center;
margin-bottom: 12px;
font-size: 35px;
line-height: 140%;
}
.x-raja-kombo-cta-container {
width: 80%;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-left: auto;
margin-right: auto;
display: grid;
}
.x-raja-kombo-cta-text {
margin-bottom: 16px;
font-size: 1.2em;
font-weight: 500;
}
.x-kombo-tab-bar {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
justify-items: center;
margin-left: auto;
margin-right: auto;
display: grid;
}
.tabs {
flex-direction: column;
align-items: center;
display: flex;
}
.x-kombo-tab-content {
width: 100%;
overflow: visible;
}
.tab-pane-tab-1 {
margin-top: 24px;
}
.text-block-14 {
text-decoration: none;
}
.x-plan-name {
background-color: var(--ultra-light-grey);
color: var(--link-blue);
text-align: center;
border-radius: 10px;
padding-top: 0;
padding-bottom: 0;
font-weight: 700;
}
.x-plan-name.black {
color: var(--black);
background-color: rgba(0, 0, 0, 0);
}
.x-plan-name.black.cross {
text-decoration: line-through;
}
.x-plan-name.black.circle {
background-color: var(--digi-yellow);
border-radius: 300px;
}
.x-plan-name.black.circle.for-red {
background-color: var(--price-red);
color: var(--white);
}
.x-prepaid-bundle {
grid-template-rows: auto;
grid-template-columns: 1fr .25fr 1fr;
}
.x-prepaid-bundle-wrapper {
background-color: var(--white);
box-shadow: 0 12px 32px -4px var(--shadow), 0 4px 8px -4px var(--shadow);
border-radius: 20px;
margin-top: 0;
padding: 0;
}
.x-prepaid-bundle-wrapper.price {
margin-top: 20px;
}
.x-prepaid-bundle-wrapper.price.for-yellow {
width: 100%;
background-color: #fff7aa;
}
.x-pb-rrp-wrapper {
text-align: center;
background-color: rgba(0, 0, 0, 0);
flex-wrap: nowrap;
display: block;
position: static;
}
.x-pb-rrp-text {
color: var(--digi-yellow);
text-align: center;
background-color: #000;
flex: 1;
margin-bottom: 0;
padding-left: 14px;
padding-right: 14px;
font-weight: 600;
display: block;
position: static;
}
.x-add-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.x-plus {
position: static;
top: 142px;
bottom: 142px;
}
.x-plus-style {
text-align: center;
font-size: 40px;
font-weight: 600;
}
.x-pb-grid {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.x-device-name {
color: var(--black);
text-align: center;
}
.x-clause {
padding-left: 10px;
}
.x-clause.justified-right {
text-align: right;
}
.x-plan-name-wrapper {
background-color: var(--ultra-light-grey);
border-radius: 10px;
padding-top: 10px;
padding-bottom: 22px;
display: flex;
}
.x-plan-name-wrapper.extra {
width: 100%;
padding-left: 0;
padding-right: 0;
display: inline-block;
position: static;
}
.x-plan-limit {
text-align: center;
margin-top: 5px;
margin-bottom: 5px;
font-size: 45px;
font-weight: 700;
display: block;
}
.x-pb-price-grid {
grid-template-rows: auto;
grid-template-columns: 1fr .25fr .25fr .25fr .25fr;
align-items: center;
}
.x-pb-price-grid.total {
padding: 18px;
}
.column {
padding-left: 0;
padding-right: 0;
}
.x-plan-table-heading-bar {
z-index: 2;
background-color: var(--digi-yellow);
color: var(--black);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
flex-direction: column;
align-items: center;
margin-bottom: -40px;
padding: 12px 24px;
font-weight: 700;
display: flex;
position: relative;
}
.x-plan-table-heading-bar.no-curve {
z-index: 15;
border-top-left-radius: 0;
border-top-right-radius: 0;
top: 611px;
}
.x-plan-table-heading-bar.no-curve.for-mobile-bd-mbb-5-5 {
background-color: #000;
margin-bottom: 75px;
position: relative;
top: 575px;
}
.x-plan-table-heading-bar.adjust-base-plan-tablet-copy {
z-index: 20;
background-color: var(--black);
color: #000;
margin-bottom: -125px;
}
.x-huawei-img {
width: 140px;
margin-top: 12px;
}
.x-plan-text-slashed {
font-size: 14px;
font-style: italic;
text-decoration: line-through;
}
.x-content-plan-linebar-2 {
border-bottom: 2px solid #272727;
justify-content: flex-end;
margin-bottom: 24px;
display: flex;
}
.x-plan-table-row-2 {
height: 72px;
border-bottom: 1px solid #c7c9cc;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-right: 24px;
display: flex;
position: relative;
}
.x-plan-table-row-2.for-center {
text-align: center;
text-align: center;
border: 1px #000;
border-bottom: 1px solid #c7c9cc;
align-items: center;
padding-right: 0;
font-size: 1.1em;
}
.x-shop-item-data-2 {
color: #272727;
margin-top: 4px;
font-size: 12px;
line-height: 16px;
}
.x-shop-item-data-2.for-between {
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.x-test-kit-nav {
width: 100%;
background-color: var(--digi-yellow);
padding: 16px 32px;
position: absolute;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.x-test-kit-img {
width: 64px;
height: 64px;
}
.x-test-kit-container {
width: 100%;
max-width: 800px;
}
.x-test-kit-sample-img {
width: 420px;
margin-bottom: 16px;
}
.x-test-kit-h2 {
width: 60%;
min-width: 50px;
text-align: center;
margin-bottom: 16px;
padding-left: 64px;
padding-right: 64px;
}
.text-block-22, .text-block-23 {
margin-bottom: 16px;
}
.x-input-helper-text {
color: var(--dark-grey);
margin-top: 12px;
margin-left: 8px;
margin-right: 8px;
font-weight: 500;
}
.bold-text-11, .bold-text-12 {
color: var(--black);
}
.x-form-success-block {
border: 1px solid var(--line);
background-color: #fff;
border-radius: 10px;
font-family: Barlow, sans-serif;
font-weight: 500;
}
.x-rt-cms {
font-size: 18px;
line-height: 28px;
}
.x-tnc-p {
text-align: center;
}
.x-plan-table-col-3 {
flex: 1;
transition: all .35s cubic-bezier(.86, 0, .07, 1);
}
.x-plan-table-col-3:hover {
background-color: #f5f5f5;
}
.x-onboard-plan-img-2 {
height: 80px;
}
.x-banner-item-img-2 {
width: 100%;
height: 100%;
object-fit: cover;
background-color: #fff;
}
.x-plan-table-merged-2 {
grid-column-gap: 0px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(248px, 248px) 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
margin-top: -40px;
display: grid;
}
.x-plan-table-content-3 {
border-top: 1px solid #c7c9cc;
border-right: 1px solid #c7c9cc;
flex: 1;
display: flex;
}
.x-icon-2 {
font-family: Remix, sans-serif;
font-size: 24px;
font-weight: 400;
}
.x-icon-2.for-plan-table.is-green {
color: #4caf50;
text-align: left;
}
.x-plan-table-block-2 {
height: 100%;
flex-wrap: nowrap;
align-items: stretch;
margin-top: 40px;
margin-bottom: 40px;
display: flex;
overflow: visible;
}
.x-wrapper-2 {
padding-top: 48px;
padding-bottom: 48px;
position: relative;
}
.x-wrapper-2.for-hero {
padding-top: 40px;
padding-bottom: 40px;
}
.x-price-slash-3 {
color: #ff4c4c;
margin-right: 4px;
font-weight: 400;
text-decoration: line-through;
}
.x-hero-container-2 {
z-index: 10;
max-width: 60%;
position: relative;
}
.x-hero-container-2.for-banner {
width: 100%;
max-width: none;
width: 100%;
max-width: none;
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.x-content-copy-img-2 {
z-index: 1;
width: 40%;
height: 100%;
border: 2px solid #272727;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
flex: none;
margin-top: -26px;
margin-right: 24px;
display: block;
position: -webkit-sticky;
position: sticky;
top: 166px;
overflow: hidden;
}
.x-content-copy-img-2.for-left32 {
width: 36%;
height: 100%;
}
.x-hero-grid-banner-2 {
width: 100%;
height: 320px;
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #ffe600;
border-radius: 16px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: .7fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
padding: 34px;
display: grid;
position: relative;
overflow: hidden;
}
.x-endnote-h2-2 {
width: 100%;
min-width: 50px;
text-align: center;
margin-bottom: 8px;
padding-left: 64px;
padding-right: 64px;
}
.x-guide-card-item-2 {
height: 100%;
background-color: #f5f5f5;
border: 1px solid #c7c9cc;
border-radius: 8px;
flex-direction: column;
justify-content: space-between;
display: flex;
position: relative;
overflow: hidden;
}
.x-plan-table-sidebar-3 {
z-index: 10;
width: 248px;
background-color: #fff;
border-right: 2px solid #272727;
position: relative;
}
.x-plan-table-header-3 {
height: 88px;
text-align: center;
border-bottom: 2px solid #272727;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 16px;
display: flex;
position: relative;
}
.x-plan-table-header-3.for-sidebar {
text-align: left;
align-items: flex-start;
margin-top: 1px;
padding-top: 0;
padding-left: 0;
}
.x-plan-table-header-3.for-sidebar.for-merge {
width: 240px;
border-bottom-style: none;
margin-top: 0;
}
.x-prepaid-plan {
box-shadow: 0 4px 8px -4px var(--shadow), 0 12px 32px -4px var(--shadow);
background-color: #fff;
border-radius: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr .25fr;
margin-bottom: 18px;
padding: 18px;
}
.x-pb-plan {
border-radius: 12px;
display: flex;
}
.x-icon-text {
color: #979797;
font-family: Remix, sans-serif;
font-size: 20px;
}
.x-pb-text {
font-weight: 700;
}
.grid-4 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.text-block-24 {
margin-bottom: 11px;
}
.r-footer-container {
color: #fff;
justify-content: space-between;
align-items: center;
padding: 24px;
font-family: Barlow, sans-serif;
font-weight: 600;
display: flex;
}
.r-footer-container.for-hide {
display: none;
}
.particle-js {
z-index: 8;
width: 100%;
height: 100%;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.r-line-bar {
z-index: 7000;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
}
.r-line-bar.mobile {
display: none;
}
.r-line-bar.flip {
transform-style: preserve-3d;
transform: rotateX(-180deg)rotateY(0)rotateZ(0);
}
.r-footer {
background-color: #272727;
}
.r-section {
z-index: 40;
flex-direction: column;
justify-content: center;
align-items: stretch;
}
.r-section.for-main-banner {
object-fit: fill;
background-image: linear-gradient(rgba(14, 14, 14, 0), rgba(39, 39, 39, .27) 49%, rgba(0, 0, 0, .78)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/61b1cd716e4d29021e26e726_Digi_RDY_Background-5.jpg"), none;
background-position: 0 0, 50%, 48% 18%;
background-repeat: repeat, repeat, repeat;
background-size: auto, cover, 3500px;
position: relative;
}
.r-footer-logo {
height: 32px;
}
.r-separator.product {
background-color: rgba(0, 0, 0, 0);
position: relative;
top: 50px;
}
.r-separator.separator-optimize {
background-color: rgba(0, 0, 0, 0);
position: relative;
top: -7px;
}
.r-footer-logo-flex {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: auto auto auto;
grid-auto-columns: 1fr;
display: grid;
}
.r-master {
margin-top: 118px;
}
.image-5, .image-6 {
border-radius: 18px;
}
.x-plan-logo-link {
position: absolute;
top: 0%;
bottom: auto;
left: 120px;
right: 0%;
}
.x-plan-logo-link.for-super-long-life {
z-index: 100;
position: absolute;
top: -15%;
left: auto;
right: auto;
}
.r-price-text {
color: #ffe600;
padding-top: 0;
font-family: Barlow, sans-serif;
font-size: 54px;
font-weight: 700;
line-height: 100%;
}
.r-price-text.padding {
margin-top: -19px;
}
.r-price-text.booster {
font-size: 20px;
line-height: 25px;
}
.r-pricing-cashback {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin: 20px;
display: grid;
}
.r-text-block {
text-align: center;
margin-bottom: auto;
}
.r-text-20 {
color: #272727;
letter-spacing: 0;
margin-top: 0;
margin-bottom: 0;
font-family: Barlow, sans-serif;
font-size: 20px;
line-height: 25px;
}
.r-pricing-left-grid {
flex-direction: column;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
align-items: center;
display: flex;
}
.r-pricing-wrapper {
grid-template-rows: auto;
}
.r-pricing-row {
grid-template-rows: auto;
grid-template-columns: 50px 1fr;
grid-auto-columns: 1fr;
align-items: center;
line-height: 16px;
display: flex;
}
.r-price-yellow-box {
text-align: center;
background-color: #ffe600;
padding: 10px;
display: none;
}
.r-usp-background {
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(#000, #272525);
border-top-left-radius: 140px;
border-top-right-radius: 140px;
padding-bottom: 27px;
padding-left: 26px;
padding-right: 26px;
}
.r-rdy-character {
object-fit: fill;
position: relative;
top: -144px;
}
.r-rdy-character.small {
width: 420px;
position: absolute;
top: 32%;
bottom: 0%;
left: 7%;
right: auto;
}
.r-video-grid {
grid-row-gap: 16px;
grid-template: "."
"."
/ 1fr 1fr;
}
.r-video-grid.for-mobile {
grid-template-rows: auto;
margin-bottom: 64px;
}
.r-new-sim-box {
cursor: pointer;
background-color: #ffe600;
border: 1px #ffe600;
}
.r-new-sim-box.outline {
background-color: rgba(0, 0, 0, 0);
border-style: solid;
border-width: 1px;
}
.r-new-sim-box.outline.existing-cust {
cursor: auto;
}
.r-section-optimize {
background-image: linear-gradient(rgba(33, 30, 30, .9), rgba(33, 30, 30, .9)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/61b1cd716e4d299f2126e6df_Digi_RDY_Background-2.png");
background-position: 0 0, 50%;
background-size: auto, auto;
margin-top: -43px;
}
.r-section-pricing {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/61b1cd716e4d29d6e326e6fa_Digi_RDY_Background-4.png");
background-position: 50% 0;
background-size: cover;
margin-top: -100px;
padding-bottom: 73px;
}
.r-pricing-add-on {
background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
border: 1px solid #636363;
}
.r-pricing-add-on.for-hide-rdy {
display: none;
}
.r-supported-games-wrapper {
border: 1px solid #ffe600;
padding: 32px;
}
.r-pricing-usps {
margin-top: 0;
}
.r-pricing-usps.padding {
margin-top: -24px;
}
.r-video-showreel {
max-width: none;
-webkit-text-fill-color: inherit;
background-color: #fff;
background-clip: border-box;
border: 1px #ffe600;
display: block;
}
.r-join-us-grid {
grid-template-rows: auto;
}
.r-pricing-box-grid {
grid-template-rows: auto auto auto auto auto;
grid-template-columns: auto;
padding: 37px;
}
.text-span-65 {
color: #ffe600;
}
.r-partners-grid {
grid-column-gap: 62px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
align-items: center;
margin-top: 15px;
}
.r-supported-games-grid-2 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1.25fr;
align-items: center;
justify-items: center;
margin-top: 14px;
}
.r-bg-video-wrapper {
width: 100%;
border: 1px solid #ffe600;
position: relative;
}
.r-bg-video-wrapper.bad-ping {
width: 100%;
border-width: 1px;
border-color: #000;
}
.r-help-centre {
color: #ffe600;
cursor: pointer;
font-weight: 700;
text-decoration: underline;
}
.text-span-67 {
color: #fff;
font-size: 30px;
font-weight: 500;
text-decoration: line-through;
}
.text-span-67.for-hide-rdy {
display: none;
}
.r-join-us-section {
background-color: #000;
margin-top: -7px;
}
.r-nav-bar {
z-index: 9999;
flex-direction: column;
align-items: flex-start;
padding: 16px 32px;
display: flex;
position: fixed;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.r-nav-bar.for-product {
background-color: rgba(33, 30, 30, .41);
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: stretch;
padding-top: 6px;
padding-bottom: 6px;
display: none;
}
.r-nav-bar.for-product.exist {
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(rgba(0, 0, 0, .63), rgba(0, 0, 0, 0));
justify-content: flex-end;
align-items: flex-start;
padding: 32px 23px;
display: flex;
position: fixed;
top: 8%;
bottom: auto;
left: 0%;
right: 0%;
}
.r-section-body {
background-image: linear-gradient(rgba(33, 30, 30, .9), rgba(33, 30, 30, .9)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/61b1cd716e4d29658c26e6be_Digi_RDY_Background-1.png");
background-position: 0 0, 50%;
background-size: auto, cover;
background-attachment: scroll, scroll;
padding-top: 100px;
padding-bottom: 100px;
}
.image-7 {
width: 15px;
height: 15px;
display: block;
position: relative;
top: 3px;
left: -12px;
}
.r-usp-rows {
grid-template-rows: 53px auto auto;
grid-template-columns: 1fr;
}
.r-cashback-list {
margin-left: 18px;
list-style-type: disc;
}
.r-pricing-right-grid {
grid-template-rows: auto auto;
grid-template-columns: auto;
}
.r-container-2 {
width: 100%;
max-width: 1100px;
-webkit-text-fill-color: inherit;
background-clip: border-box;
margin-left: auto;
margin-right: auto;
padding-top: 137px;
padding-bottom: 137px;
position: relative;
}
.r-container-2.for-pricing {
padding-bottom: 0;
}
.r-container-2.for-main-banner {
z-index: 16;
padding-top: 216px;
padding-bottom: 216px;
}
.r-container-2.for-section-body {
max-width: 1100px;
padding-top: 0;
padding-bottom: 0;
}
.r-container-2.for-join-us {
padding-top: 65px;
padding-bottom: 65px;
}
.r-container-2.for-optimize {
padding-top: 100px;
padding-bottom: 136px;
}
.r-container-2.for-cashback {
padding-top: 83px;
padding-bottom: 106px;
}
.r-container-2.always-on {
padding-top: 82px;
padding-bottom: 130px;
}
.r-text-title {
color: #fff;
margin-top: 26px;
font-family: Barlow, sans-serif;
font-size: 20px;
font-weight: 700;
}
.r-video-container {
border: 2px solid #ffe600;
}
.r-new-sim-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .25fr 1fr .25fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.r-new-sim-grid:hover {
border: 5px #000;
}
.r-new-sim-grid.for-tablet {
display: none;
}
.r-monthly-boost-list {
margin-bottom: 0;
margin-left: 18px;
list-style-type: disc;
}
.r-heading-2 {
color: #fff;
letter-spacing: 0;
font-family: Barlow, sans-serif;
}
.r-text-14 {
color: #272727;
margin-bottom: 0;
font-family: Barlow, sans-serif;
font-weight: 400;
}
.r-headline-grid {
grid-row-gap: 16px;
grid-template: "."
"."
/ 1fr;
align-items: start;
justify-items: center;
margin-top: 22px;
margin-bottom: 40px;
padding-bottom: 0;
}
.r-headline-grid.for-cashback {
grid-template-rows: auto auto auto auto auto auto;
}
.r-headline-grid.for-optimize {
grid-template-rows: auto auto auto;
}
.r-text-wrapper.optimize {
text-align: center;
margin-top: 36px;
}
.image-8 {
display: block;
}
.r-pricing-check {
position: relative;
top: 0;
}
.r-text-yellow-16 {
color: #ffe600;
letter-spacing: 0;
margin-top: 0;
margin-bottom: 0;
font-family: Barlow, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 32px;
}
.r-text-grid-2 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.r-rdy-video-ratio {
width: 100%;
height: 100%;
}
.r-pricing-box {
background-image: linear-gradient(#000, rgba(0, 0, 0, 0));
padding: 0;
}
.r-section-always-on {
background-image: linear-gradient(rgba(33, 30, 30, .9), rgba(33, 30, 30, .9)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/61b1cd716e4d290a4426e6ad_Digi_RDY_Showreel_Background.jpg");
background-position: 0 0, 0 0;
background-size: auto, cover;
margin-bottom: 43px;
padding-top: 0;
}
.r-usp-grid {
grid-column-gap: 23px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 155px;
}
.r-section-cashback {
background-image: linear-gradient(rgba(33, 30, 30, .9), rgba(33, 30, 30, .9)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/61b1cd716e4d294cbf26e6e6_Digi_RDY_Background-3.png");
background-position: 0 0, 50%;
background-size: auto, cover;
padding-bottom: 34px;
}
.r-body-text {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Barlow, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 24px;
}
.r-body-text.align-left {
text-align: left;
margin-bottom: 0;
}
.r-body-text.align-left.bold {
color: #fff;
margin-top: 15px;
margin-bottom: 12px;
margin-left: 20px;
padding-bottom: 0;
font-weight: 700;
}
.r-body-text.align-left.for-hide-rdy {
display: none;
}
.r-body-text.small {
font-size: 14px;
}
.r-body-text.small.join-us {
margin-top: 30px;
}
.r-body-text.left-align {
text-align: left;
margin-top: 5px;
margin-bottom: 5px;
font-size: 16px;
line-height: 20px;
}
.r-body-text.left-align.join-us {
color: #272727;
padding-top: 13px;
padding-bottom: 13px;
padding-right: 33px;
line-height: 20px;
}
.r-body-text.left-align.join-us.white {
color: #fff;
color: #fff;
padding-right: 0;
}
.r-body-text.left-align.black {
color: #272727;
margin-top: 0;
margin-bottom: 0;
}
.r-header-description {
color: #fff;
text-align: center;
font-family: Barlow, sans-serif;
font-size: 24px;
}
.r-header-description.bold {
font-weight: 700;
}
.r-header-description.black {
color: #000;
}
.r-header-description.join-us {
margin-top: 40px;
margin-bottom: 15px;
}
.r-usp-icon {
width: 145px;
position: relative;
top: -28px;
}
.r-arrow {
width: 30px;
height: 30px;
}
.r-text-plus {
color: #fff;
text-align: center;
font-family: Barlow, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 24px;
}
.r-nav-text-container {
display: flex;
}
.link-block-2 {
color: rgba(0, 0, 0, 0);
}
.r-always-on-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-items: center;
display: grid;
}
.r-join-us-wrap {
margin-top: 10px;
margin-bottom: 10px;
display: block;
}
.r-supported-games-grid-1 {
grid-column-gap: 54px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1.25fr;
align-items: center;
justify-items: center;
}
.r-text-grid {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
.r-rdy-pricing {
position: static;
}
.r-nav-text {
color: #fff;
font-family: Barlow, sans-serif;
font-size: 16px;
font-weight: 700;
}
.r-nav-text.black {
color: #272727;
margin-top: 0;
margin-bottom: 0;
}
.r-ping-box {
z-index: 5000;
color: #000;
text-align: center;
background-color: #000;
padding: 10px;
position: relative;
}
.r-ping-box.bad-ping {
background-color: #ffe600;
position: static;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
}
.r-ping-box.for-mobile {
position: static;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
}
.r-header-white-text-2 {
color: #fff;
text-align: center;
letter-spacing: 2.2px;
margin-top: 4px;
margin-bottom: 0;
font-family: Tech headlines, sans-serif;
font-size: 36px;
line-height: 130%;
}
.r-text-style-21 {
color: #ffe600;
text-align: center;
letter-spacing: 1.2px;
margin-top: 26px;
margin-bottom: 2px;
font-family: Tech headlines, sans-serif;
font-size: 20px;
line-height: 25px;
}
.x-footer-gaming {
width: 100%;
background-color: #272727;
justify-content: space-between;
padding: 16px 64px;
display: flex;
position: static;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
}
.r-icon {
width: 150px;
}
.r-help-centre-wrapper {
justify-content: center;
display: flex;
}
.x-main-banner {
height: 500px;
text-align: center;
background-image: linear-gradient(rgba(39, 39, 39, .26), rgba(0, 0, 0, .58)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/640fdc561f1bfe7ff467dec2_Digi_Prepaid_SubpageMainBanner_Desktop_EN.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
flex-wrap: wrap;
align-content: center;
justify-content: center;
margin-left: auto;
margin-right: auto;
display: block;
}
.x-main-banner.for-5g-trial.banner-auto-spacing {
background-image: linear-gradient(rgba(39, 39, 39, .26), rgba(0, 0, 0, .58)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/61efbd52bd40384ecc37ff62_Digi_5G_Trial_Desktop_Banner_1440x500.jpeg");
padding-top: 107px;
}
.x-main-banner.for-postpaid {
height: 400px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/633b83c13c01cb013c6537b9_Digi_Postpaid_SubpageMainBanner_Desktop.jpg");
background-position: 0 0, 50% 0;
background-size: auto, cover;
}
.x-main-banner.for-add-ons {
height: 400px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6336651af798ee83a8cfb5da_Digi_Postpaid_FreedomAddOns_SubpageMainBanner_Desktop.jpg");
}
.x-main-banner.for-family {
height: 400px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6336651deffc6a5449fff96f_Digi_Postpaid_PostpaidFamily_SubpageMainBanner_Desktop.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.x-main-banner.for-family.for-roi {
height: 370px;
}
.x-main-banner.for-switch-to-digi {
height: 400px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6267703c306351ee60e5961b_Switch_to_Digi_Main_Banner_Desktop.jpeg");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.x-main-banner.for-signature {
height: 400px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/625f7947037c34009eb08e9c_Digi_Signature_MainBanner_Desktop_3000x1043.jpeg");
background-position: 0 0, 50% 0;
background-size: auto, cover;
}
.x-main-banner.for-ekyc {
height: 400px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63608be126a735162d2c2188_Digi_eKYC-registration-Main-Banner(Desktop).jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.x-main-banner.for-get-help {
height: 400px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 37%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6260c2ea90f2246892b3c203_Digi_GetHelp_Main_Banner_Desktop.jpeg");
background-position: 0 0, 50% 0;
background-size: auto, cover;
}
.x-main-banner.for-idd {
height: 400px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/62554491717fd6622333124c_Digi_IDD_Main%20Banner_Desktop_3000x1042.png");
background-position: 0 0, 50% 0;
background-size: auto, cover;
}
.x-main-banner.for-exclusive-pack {
height: 400px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65add377a78ed7f6ff11f4ec_Digi_5G%20Internet_Web_HeaderBanner_EN_1920x668.webp");
background-position: 50%;
background-size: cover;
}
.x-main-banner.for-business-solutions {
height: 400px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/62678dd11c0eec0a8fa1bf2f_Digi_Digi%20Business_LE%20Webpage_build%20in%20vertical%20mention_Opt%20A_3000%20x%201043px_R1_FA_72dpi-01.jpg");
background-position: 0 0, 50% 0;
background-size: auto, cover;
}
.x-main-banner.for-digital-solutions {
height: 400px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/626649ad45767b4e745c0acf_Digi_Digi%20Business_Digital%20Solution_Desktop_3000%20x%201043px_R4_FA_72dpi-01-compressed.jpg");
background-position: 0 0, 50% 0;
background-size: auto, cover;
}
.x-main-banner.for-roaming {
height: 400px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/628f0cbcf853c0184815ba79_Digi_Roaming(Desktop).jpg");
background-position: 0 0, 50% 0;
background-size: auto, cover;
}
.x-main-banner.for-belia {
height: 400px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/639fc36fde93943ee63d9ff8_Digi_Prepaid_SubpageMainBanner_PakejKhasDataBelia_Desktop_EN.jpg");
background-position: 50% 0;
background-size: cover;
}
.x-main-banner.for-belia.for-bm {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/639fc36f1dc0873d30f667eb_Digi_Prepaid_SubpageMainBanner_PakejKhasDataBelia_Desktop_BM.jpg");
}
.x-main-banner.for-prepaid-en-desktop-copy {
height: 400px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6568604939d3aa075bb6f75e_Digi_Campaign%206_NEXT25_Web_HeaderBannerDesktop_EN_1920x668.webp");
background-position: 50%;
background-size: cover;
}
.x-main-banner.for-prepaid-bm-desktop-copy {
height: 400px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65686049c0ec7713fdaf8481_Digi_Campaign%206_NEXT25_Web_HeaderBannerDesktop_BM_1920x668.webp");
background-position: 50%;
background-size: cover;
}
.x-main-banner.for-mydigi {
height: 400px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6298c18a57c18a1731be87e5_Digi_Apps%26Services_MyDigi_Desktop.jpg");
background-position: 0 0, 50% 60%;
background-size: auto, cover;
}
.x-main-banner.for-exclusive-pack-bm {
height: 400px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65add3761e1f22cd35ecb4a5_Digi_5G%20Internet_Web_HeaderBanner_BM_1920x668.webp");
background-position: 50%;
background-size: cover;
}
.x-main-banner.for-snapshot {
height: 450px;
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(39, 39, 39, .3)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/62bab9d3c532353fa872a14e_Digi_Snapshot_HeaderImage4.jpg");
background-position: 0 0, 50%;
position: relative;
}
.x-main-banner.for-digital-subs {
height: 400px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 44%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6507f0733c3c6d169c7d8775_Digi_Pay_Via_Digi_MainBanner_Desktop.jpg");
}
.x-main-banner.for-snapshot {
height: 450px;
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(39, 39, 39, .3)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/643614cb52b79f19d28eb83f_Digi_Promotion_DigiSnapshot_SubpageMainBanner.jpg");
background-position: 0 0, 50%;
position: relative;
}
.x-main-banner.for-promotions {
height: 400px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), none;
background-position: 0 0, 50% 0;
background-size: auto, cover;
}
.x-main-banner.for-gadget {
height: 400px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6348cb85fa53670cefd4e307_Digi_Devices_GadgetSIM_SubpageMainBanner_Desktop.jpg");
background-position: 0 0, 50% 0;
background-size: auto, cover;
}
.x-main-banner.for-promotions {
height: 400px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6232df12a44d4f8476402748_Digi_Postpaid_Desktop_3000x1043.png");
background-position: 0 0, 50% 0;
background-size: auto, cover;
}
.x-main-banner.for-nsc {
height: 400px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/62e8ba13d00c74770a0a6ff3_Digi_NetworkStatusChecker-Desktop.jpg");
background-position: 0 0, 50% 0;
background-size: auto, cover;
}
.x-main-banner.for-pf365 {
height: 400px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/651a6d7bf07166282c3a0da7_Digi_Jom5GFamiliku_PF365_SubpgMainBannerDesktop_1921x668.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
margin-top: 0;
}
.x-main-banner.for-ppj {
height: 400px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63042c395279de5a1458646f_Digi_Devices_PPJ_SubpageMainBanner_Desktop.jpg");
background-position: 0 0, 50% 100%;
background-size: auto, cover;
}
.x-main-banner.for-iphone {
height: 400px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65124c4ecd2cff4a7679fe34_DIgi__iPhone-15-Pro_Subpage-Main-Banner_Desktop_1920x668.png");
background-position: 50%;
background-size: cover;
}
.x-main-banner.for-iphone.for-iphone-15 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65124c4ecd2cff4a7679fe34_DIgi__iPhone-15-Pro_Subpage-Main-Banner_Desktop_1920x668.png");
}
.x-main-banner.for-android {
height: 400px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/64c093eb60dc48172099ed73_Digi_Galaxy_Fold-Flip5_Andriod%20SubPageMainBanner_Desktop_PF365_1921%20x%20668.png");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.x-main-banner.for-ppj-copy {
height: 400px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63042c395279de5a1458646f_Digi_Devices_PPJ_SubpageMainBanner_Desktop.jpg");
background-position: 0 0, 50% 100%;
background-size: auto, cover;
}
.x-main-banner.for-gf-plus {
height: 400px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6386be6273f5f3752ebcb5da_Digi_Devices_GadgetFreedomPlus_SubpageMainBanner_Desktop.jpg");
background-position: 0 0, 50% 100%;
background-size: auto, cover;
}
.x-main-banner.for-promotions {
height: 400px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6319b5fad10df6a8b66493c4_Digi_Promotions_MainBanner_Desktop.jpg");
background-position: 0 0, 50% 100%;
background-size: auto, cover;
}
.x-main-banner.for-roaming {
height: 400px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 53%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6351f16420ec73eda84a2e05_Digi_Roaming_Header-Banner_Desktop.jpg");
background-position: 0 0, 50% 0;
background-size: auto, cover;
}
.x-main-banner.for-home-fibre {
height: 400px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/656534040d874a22d61a1f9e_CD-Fibre-KV_AssetDevelopment_Fibre-page-Product-Banner-(Digi)_Desktop_1920x668_ENG.webp");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.x-main-banner.for-home-fibre.for-bm {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65653402774e2e030e381b65_CD-Fibre-KV_AssetDevelopment_Fibre-page-Product-Banner-(Digi)_Desktop_1920x668_BM.webp");
}
.x-main-banner.for-trade-in {
height: 400px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/634e5fb9d0a40485ab486dbd_Digi_Devices_SubpageMainBanner_TradeIn_Desktop.jpg");
background-position: 0 0, 50% 100%;
background-size: auto, cover;
}
.x-main-banner.for-esim {
height: 400px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/634e5fbac1fe781edf777497_Digi_Devices_SubpageMainBanner_eSIM_Desktop.jpg");
background-position: 0 0, 50% 100%;
background-size: auto, cover;
}
.x-main-banner.for-airsim {
height: 400px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/634e5fbcbd97be77af8fc253_Digi_Devices_SubpageMainBanner_AirSIM_Desktop.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.x-main-banner.for-digi-5g {
height: 400px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/636b0d1192726724fd04852f_Digi_5G_Activate5GNow_MainBanner_Desktop.jpg");
background-position: 0 0, 50% 100%;
background-size: auto, cover;
}
.x-main-banner.for-digi-5g.consumer {
background-image: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/64e6ff7d588b7012d706ae43_Digi_Jom5G_HeaderBanner_1920x668.jpg");
background-position: 0 0, 50%;
}
.x-main-banner.for-loyalty-desktop {
height: 400px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/639fc4d16949fbe558c44429_Digi_Prepaid_PrepaidLoyaltyBonus_SubpageMainBanner_Desktop.jpg");
background-position: 100%;
background-size: cover;
}
.x-main-banner.for-pkrm {
height: 400px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/639fc451de939482103db0b7_Digi_Prepaid_PakejRemaja_SubpageMainBanner_Desktop.jpg");
background-position: 0 0, 50% 40%;
background-size: auto, cover;
}
.x-main-banner.for-raja-kombo {
height: 400px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/64c67a984253687c94051f72_Celcom_Raja%20Combo_Header%20Banner_1920x668.jpg");
background-position: 100%;
background-size: cover;
}
.x-main-banner.for-mobile-broadband {
height: 400px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63855db452dae6e31fb6d116_Digi_MobileBroadband_SubpageMainBanner_Desktop.jpg");
background-position: 0 0, 50% 100%;
background-size: auto, cover;
}
.x-main-banner.for-snapshot-bm {
height: 450px;
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(39, 39, 39, .3)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/643614cb52b79f19d28eb83f_Digi_Promotion_DigiSnapshot_SubpageMainBanner.jpg");
background-position: 0 0, 50%;
position: relative;
}
.x-main-banner.for-oku {
height: 400px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6242a98a7b15306aa6e63f25_Digi_Postpaid_OKUPlan_Desktop_1400x350.png");
background-position: 0 0, 100% 0;
background-size: auto, cover;
}
.x-main-banner.for-senior-citizen {
height: 400px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6152b2d34ca06b58d35dde29_digi-seniors.png");
background-position: 0 0, 100% 0;
background-size: auto, cover;
}
.x-main-banner.for-appstore {
height: 400px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/61d2c1f102a2a8092dd4380e_Digi_Apple_AppStore_1200x630.png");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.x-main-banner.for-appstore.for-hide {
display: none;
}
.x-main-banner.for-googleplay {
height: 400px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/61d2c1ea0a037e4cce89abe5_Digi_Google_PlayStore_1200x630.png");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.x-main-banner.for-googleplay.for-hide {
display: none;
}
.x-main-banner.for-senior-citizen {
height: 400px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6152b2d34ca06b58d35dde29_digi-seniors.png");
background-position: 0 0, 100% 0;
background-size: auto, cover;
}
.x-main-banner.for-prepaid {
height: 400px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/621d9721617ca77f9bd36ee9_Digi_Prepaid_NEXT_Main_Banner_EN_Desktop_3000x1043px.png");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.x-main-banner.for-autobilling {
height: 400px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6152b2d34ca06bf9215ddddf_digi-auto-billing-mobile.png");
background-position: 0 0, 50% 0;
background-size: auto, cover;
}
.x-main-banner.for-pakej-perpaduan {
height: 400px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/64e311affa9c4928efb8760c_Digi_Pakej-Rahmah_Subpage-Main-Banner_1921x668_Desktop.jpg");
background-position: 50% 40%;
background-size: cover;
}
.x-main-banner.for-samsung-s23-contest {
height: 400px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63fc48a02619d1e7ab2fd016_Digi_Promo_Digi23forS23_SubpageMainBanner_Desktop.jpg");
background-position: 0 0, 50% 0;
background-size: auto, cover;
}
.x-main-banner.for-prepaid-main {
height: 400px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6568604939d3aa075bb6f75e_Digi_Campaign%206_NEXT25_Web_HeaderBannerDesktop_EN_1920x668.webp");
background-position: 50%;
background-size: cover;
}
.x-main-banner.for-talktime-services {
height: 400px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/642d13ace603d0ff8af724ff_Digi_Prepaid_TalktimeServices_SubpageMainBanner_Desktop.jpg");
background-position: 50%;
background-size: cover;
}
.x-main-banner.for-promotions {
height: 500px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6476df55c6c2c46461b5e303_Digi_CelcomDigiOnlineShop_iPhone14_SliderBanner_Desktop_2000x600.png");
background-position: 50%;
background-size: cover;
}
.x-main-banner.for-promotions.for-iphone {
height: 500px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/64c770854f269da887c36ade_CDOS_MerdekaSales__Promotion_sliderbanner_Desktop2000x600.jpg");
background-size: cover;
}
.x-main-banner.for-promotions.for-samsung-s23 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/64c7ca679e0c6b40b4dc2312_Digi_Jom5GMalaysiaku_SamsungS23Ultra_DD_PromotionalSliderBanner__2000x600.jpg");
}
.x-main-banner.for-promotions.for-pakej-5g-rahmah {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/651eed6b0bcc2eb5951b7c0b_Digi_Pakej%205G%20Rahmah__Promo%20Slider%20Banner_2000x600.jpg");
}
.x-main-banner.for-promotions.for-gadget-sim {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/64f581560c0549b43b88be46_Digi_GadgetSIM_PromotionsBanner.jpg");
}
.x-main-banner.for-promotions.for-postpaid-90 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/651a6dd64b039af722dd7489_Digi_Digi%20Postpaid%2090_PromoSlideBanner_EN_2000x600.jpg");
background-position: 50% 0;
}
.x-main-banner.for-promotions.for-postpaid-infinite {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/651a6dc4cac08b07e4fe379c_Digi_Campaign5_PostpaidInfinite_PromoSlideBanner_EN_2000x600.jpg");
}
.x-main-banner.for-promotions.for-program-peranti-5g {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/653096cd295eb56d6df258c6_CelcomDigi_ProgramPeranti5GUntukSemua_Promotion_sliderbanner_Desktop2000x600.jpg");
background-attachment: scroll;
}
.x-main-banner.for-promotions.for-iphone-15 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65499e39fcf5f06921a9ad06_Digi_PhoneFreedom365_iPhone15_Web_PromoSlideBanner_2000x600.jpg");
background-position: 60%;
background-attachment: scroll;
}
.x-main-banner.for-promotions.for-google-contest {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/654c418df9cebe95d6ac4dea_CelcomDigi_GoogleSpend%26Win_Desktop.jpg");
background-attachment: scroll;
}
.x-main-banner.for-promotions.for-cny-deals {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65ad20a474ea876a30978f1d_Digi_CNY_Deals_Promotion_Slider%20Banner_Desktop_EN.webp");
}
.x-main-banner.for-s23 {
height: 400px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, .58)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63f733ed0c8340b5534fd8cf_Digi_SamsungGalaxyS23_SubpageMainBanner_Desktop.jpg");
background-position: 0 0, 50%;
}
.x-main-banner.for-fold-flip-5 {
height: 400px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6542ebc6ccf00a99b60aa8a7_Digi_Galaxy_Fold-Flip5_SubPageMainBanner_Desktop_PF365_1921%20x%20668.jpg");
background-position: 50%;
background-size: cover;
}
.x-main-banner.for-digital-subs-copy {
height: 400px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 44%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63043a2daa20523b2e75809d_Digi_Digital_Subscriptions_Main_Banner_Desktop.jpeg");
}
.x-main-banner.for-iphone {
height: 400px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/650c3c1a88a961c5c373e8f0_SQ1230803_Web_SubpgMainBannerDesktop_1920x668.png");
background-position: 50%;
background-size: cover;
}
.x-banner-heading {
color: var(--white);
text-align: center;
object-fit: fill;
flex: none;
order: 0;
align-self: auto;
margin-bottom: 0;
display: block;
position: relative;
top: 57px;
bottom: auto;
left: 0%;
right: 0%;
}
.x-banner-heading.main-banner {
font-size: 1.5em;
font-weight: 500;
top: 164px;
}
.x-banner-heading.main-banner.adjust-relative-space {
margin-top: 9px;
top: auto;
}
.x-banner-heading.for-refresh, .x-banner-heading.for-postpaid {
font-size: 1.5em;
line-height: 1.5em;
top: 245px;
}
.x-banner-heading.for-postpaid.for-ekyc, .x-banner-heading.for-postpaid.for-idd, .x-banner-heading.for-postpaid.for-promotions {
font-weight: 600;
}
.x-banner-heading.for-postpaid.for-pf365 {
font-weight: 600;
top: 110px;
}
.x-banner-heading.for-postpaid.for-pf365-bm {
font-weight: 600;
top: 120px;
}
.x-banner-heading.for-postpaid.for-ppj-bm {
font-weight: 600;
}
.x-banner-heading.for-postpaid.for-iphone {
font-weight: 600;
top: 245px;
}
.x-banner-heading.for-postpaid.for-android, .x-banner-heading.for-postpaid.for-ppj-en, .x-banner-heading.for-postpaid.for-ppj-bm, .x-banner-heading.for-postpaid.for-gf-plus, .x-banner-heading.for-postpaid.for-promotions, .x-banner-heading.for-postpaid.for-tradein, .x-banner-heading.for-postpaid.for-esim, .x-banner-heading.for-postpaid.for-airsim, .x-banner-heading.for-postpaid.for-s23 {
font-weight: 600;
}
.x-banner-heading.for-postpaid.for-fold5-flip5 {
font-weight: 600;
top: -15px;
}
.x-banner-heading.for-postpaid.for-fold5-flip5.for-black {
color: var(--black);
top: -5px;
}
.x-banner-heading.for-postpaid.for-fold5-flip5-copy {
font-weight: 600;
top: -15px;
}
.x-banner-heading.for-postpaid.for-fold5-flip5-copy.for-black {
color: var(--black);
top: -5px;
}
.x-banner-heading.for-add-ons, .x-banner-heading.for-prepaid {
font-size: 1.5em;
font-weight: 600;
line-height: 1.5em;
top: 245px;
}
.x-banner-heading.for-switch-to-digi {
font-size: 1.5em;
font-weight: 700;
line-height: 1.5em;
top: 245px;
}
.x-banner-heading.for-fibre {
font-size: 1.5em;
font-weight: 600;
line-height: 1.5em;
top: 245px;
}
.x-banner-heading.for-fibre.x-mini-notes {
font-size: .9em;
font-weight: 300;
top: 238px;
}
.x-banner-heading.for-fibre.for-padding {
top: 236px;
}
.x-banner-heading.for-get-help {
font-size: 1.5em;
line-height: 1.5em;
top: 236px;
}
.x-banner-heading.for-business-solutions {
font-size: 1.5em;
font-weight: 600;
line-height: 1.5em;
top: 251px;
}
.x-banner-heading.for-mydigi {
font-size: 1.5em;
font-weight: 600;
line-height: 1.5em;
top: 245px;
}
.x-banner-heading.for-digital-solutions-copy {
font-size: 1.5em;
font-weight: 600;
line-height: 1.5em;
top: 340px;
}
.x-banner-heading.for-digital-subs {
font-size: 1.5em;
line-height: 1.5em;
top: 245px;
}
.x-banner-heading.for-gadget, .x-banner-heading.for-nsc, .x-banner-heading.for-digi-5g, .x-banner-heading.for-digi-5g, .x-banner-heading.for-mobile-broadband, .x-banner-heading.for-mobile-broadband-bm {
font-size: 1.5em;
font-weight: 600;
line-height: 1.5em;
top: 245px;
}
.x-banner-heading.for-prepaid, .x-banner-heading.for-autobilling, .x-banner-heading.for-digital-subs-copy {
font-size: 1.5em;
line-height: 1.5em;
top: 245px;
}
.x-banner-heading.for-roaming {
font-size: 1.5em;
font-weight: 600;
line-height: 1.5em;
top: 245px;
}
.x-banner-heading.for-pay-via-digi {
font-size: 1.5em;
line-height: 1.5em;
top: 245px;
}
.x-banner-heading.for-pay-via-digi.for-ekyc, .x-banner-heading.for-pay-via-digi.for-idd, .x-banner-heading.for-pay-via-digi.for-promotions {
font-weight: 600;
}
.x-banner-heading.for-pay-via-digi.for-pf365 {
font-weight: 600;
top: 110px;
}
.x-banner-heading.for-pay-via-digi.for-pf365-bm {
font-weight: 600;
top: 120px;
}
.x-banner-heading.for-pay-via-digi.for-ppj-bm {
font-weight: 600;
}
.x-banner-heading.for-pay-via-digi.for-iphone {
font-weight: 600;
top: 245px;
}
.x-banner-heading.for-pay-via-digi.for-android, .x-banner-heading.for-pay-via-digi.for-ppj-en, .x-banner-heading.for-pay-via-digi.for-ppj-bm, .x-banner-heading.for-pay-via-digi.for-gf-plus, .x-banner-heading.for-pay-via-digi.for-promotions, .x-banner-heading.for-pay-via-digi.for-tradein, .x-banner-heading.for-pay-via-digi.for-esim, .x-banner-heading.for-pay-via-digi.for-airsim, .x-banner-heading.for-pay-via-digi.for-s23 {
font-weight: 600;
}
.x-banner-heading.for-pay-via-digi.for-fold5-flip5 {
font-weight: 600;
top: -15px;
}
.x-banner-heading.for-pay-via-digi.for-fold5-flip5.for-black {
color: var(--black);
top: -5px;
}
.x-banner-heading.for-pay-via-digi.for-fold5-flip5-copy {
font-weight: 600;
top: -15px;
}
.x-banner-heading.for-pay-via-digi.for-fold5-flip5-copy.for-black {
color: var(--black);
top: -5px;
}
.x-banner-title {
color: var(--white);
font-size: 50px;
line-height: 60px;
display: block;
position: relative;
top: 165px;
bottom: auto;
left: 0%;
right: 0%;
}
.x-banner-title.adjust-relative-spacing {
top: auto;
}
.x-banner-title.for-refresh, .x-banner-title.for-postpaid {
font-size: 45px;
top: 270px;
}
.x-banner-title.for-add-ons {
font-size: 45px;
line-height: 60px;
top: 270px;
}
.x-banner-title.for-prepaid {
font-size: 45px;
top: 270px;
}
.x-banner-title.for-switch-to-digi {
font-size: 45px;
top: 313px;
}
.x-banner-title.for-signature {
font-size: 45px;
top: 296px;
}
.x-banner-title.for-ekyc, .x-banner-title.for-switch-to-digi-bm, .x-banner-title.for-fibre {
font-size: 45px;
top: 270px;
}
.x-banner-title.for-fibre.for-font-size {
top: 260px;
}
.x-banner-title.for-idd {
top: 268px;
}
.x-banner-title.for-get-help {
font-size: 45px;
top: 262px;
}
.x-banner-title.for-business-solutions {
font-size: 45px;
top: 279px;
}
.x-banner-title.for-digital-solutions {
font-size: 45px;
line-height: 48px;
top: 252px;
}
.x-banner-title.for-digital-solutions.for-ultrapos {
top: 316px;
}
.x-banner-title.for-digital-solutions.for-ifleet {
top: 250px;
}
.x-banner-title.for-mydigi {
font-size: 45px;
top: 270px;
}
.x-banner-title.for-digital-subs {
font-size: 45px;
line-height: 60px;
top: 270px;
}
.x-banner-title.for-promotions {
top: 268px;
}
.x-banner-title.for-gadget, .x-banner-title.for-promotions {
font-size: 45px;
top: 270px;
}
.x-banner-title.for-pf365 {
margin-top: 0;
margin-bottom: 0;
top: 125px;
}
.x-banner-title.for-iphone, .x-banner-title.for-android, .x-banner-title.for-ppj-en, .x-banner-title.for-ppj-bm, .x-banner-title.for-gf-plus, .x-banner-title.for-promotions {
top: 268px;
}
.x-banner-title.for-roaming {
margin-left: 20px;
margin-right: 20px;
top: 268px;
}
.x-banner-title.for-tradein, .x-banner-title.for-esim, .x-banner-title.for-airsim {
top: 268px;
}
.x-banner-title.for-digi-5g, .x-banner-title.for-mobile-broadband, .x-banner-title.for-prepaid, .x-banner-title.for-autobilling {
font-size: 45px;
top: 270px;
}
.x-banner-title.for-s23 {
top: 268px;
}
.x-banner-title.for-fold-5-flip-5 {
top: 10px;
}
.x-banner-title.for-fold-5-flip-5.for-black {
color: var(--black);
display: block;
top: 15px;
}
.x-banner-title.for-digital-subs-copy {
font-size: 45px;
line-height: 60px;
top: 270px;
}
.x-banner-title.for-pay-via-digi {
top: 10px;
}
.x-banner-title.for-pay-via-digi.for-black {
color: var(--black);
top: 15px;
}
.x-banner-title.for-pay-via-digi {
font-size: 45px;
top: 270px;
}
.x-banner-title.for-pay-via-digi-copy {
top: 10px;
}
.x-banner-title.for-pay-via-digi-copy.for-black {
color: var(--black);
display: none;
top: 15px;
}
.x-image-card, .x-image-card.banner-data-layer {
cursor: pointer;
}
.x-slider-dots {
z-index: 2000;
width: 80px;
height: 30px;
background-color: rgba(0, 0, 0, 0);
border-radius: 20px;
margin-left: auto;
margin-right: auto;
padding-top: 6.5px;
position: relative;
top: 17px;
bottom: -11%;
left: 0%;
right: 0%;
}
.x-slider-dots.for-hide.for-postpaid {
padding-top: 20px;
display: block;
top: -12px;
bottom: auto;
}
.x-slider-dots.x-hide-idd-prepaid, .x-slider-dots.for-hide-prepaid {
display: none;
}
.x-life-as-header {
text-align: center;
background-color: rgba(0, 0, 0, 0);
border-radius: 12px;
margin-top: 15px;
margin-bottom: 20px;
font-size: 2em;
}
.x-gallery-wrapper {
background-color: rgba(0, 0, 0, 0);
display: none;
}
.div-block-12 {
width: 25%;
height: 350px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/61b2d9559ce33942f02ad95c_randy-fath-ymf4_9Y9S_A-unsplash.jpg");
background-position: 0 0;
background-size: cover;
position: relative;
}
.div-block-13 {
width: 50%;
height: 350px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/61b1cd716e4d294cbf26e6e6_Digi_RDY_Background-3.png");
background-position: 0 0;
background-size: cover;
position: relative;
}
.grid-5 {
grid-row-gap: 0px;
border-radius: 0;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.slide-nav-2 {
display: none;
position: relative;
top: auto;
}
.div-block-17 {
height: 150px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/61b2d9559ce33942f02ad95c_randy-fath-ymf4_9Y9S_A-unsplash.jpg");
background-position: 50%;
background-size: cover;
border-radius: 0;
display: flex;
}
.div-block-18 {
width: 100%;
background-color: var(--white);
position: relative;
top: 149px;
}
.x-limit.accolades {
margin-top: 0;
margin-bottom: 0;
}
.x-di-header.for-header {
margin-top: 55px;
}
.x-di-header.for-header.for-bottom-padding {
margin-top: 20px;
padding-bottom: 40px;
}
.x-ads-subheader {
text-align: center;
margin-bottom: 0;
font-size: 1em;
font-weight: 600;
}
.x-ads-subheader.for-home-fibre {
font-weight: 600;
}
.x-ads-subheader.for-pakej-remaja {
font-size: 1.2em;
font-weight: 600;
}
.x-ads-subheader.for-home-fibre {
font-weight: 600;
}
.x-ads-subheader.for-postpaid {
margin-bottom: 10px;
line-height: 21px;
}
.x-title-heading {
text-align: center;
margin-bottom: 10px;
font-size: 2em;
}
.x-title-heading.x-height-adjustment {
line-height: 40px;
}
.x-title-heading.for-center {
margin-left: 220px;
margin-right: 220px;
line-height: 130%;
}
.x-title-heading.for-lesser-margin, .x-title-heading.for-postpaid {
margin-bottom: 10px;
}
.x-title-heading.for-promotions {
margin-bottom: 0;
}
.x-di-description {
text-align: center;
margin-bottom: 0;
padding-left: 112px;
padding-right: 112px;
font-weight: 500;
line-height: 22px;
}
.x-di-description.for-larger {
line-height: 23px;
}
.x-left-slider-arrow {
display: block;
top: 0%;
bottom: 0%;
left: 8%;
right: auto;
overflow: visible;
}
.x-right-slider-arrow {
top: 0%;
bottom: 0%;
left: 924px;
right: 0%;
overflow: visible;
}
.x-slider-icon {
background-color: var(--grey-text);
border-radius: 300px;
}
.grid-6 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.x-slide-1 {
border-radius: 0;
}
.div-block-22 {
display: none;
}
.x-gallery-image {
width: 100%;
height: 210px;
max-height: none;
object-fit: cover;
border-radius: 8px 8px 0 0;
}
.x-gallery-image.digizen {
width: 100%;
height: 200px;
max-width: none;
object-fit: cover;
display: block;
overflow: hidden;
}
.x-limit.x-stories {
background-color: var(--ultra-light-grey);
padding-bottom: 0;
}
.x-accolades-list {
height: 100%;
flex-direction: column;
flex: 1;
order: 1;
justify-content: flex-start;
align-self: stretch;
align-items: flex-start;
margin-top: auto;
margin-bottom: auto;
padding-left: 20px;
line-height: 22px;
list-style-type: disc;
display: flex;
}
.x-card-wrapper {
width: 100%;
border-radius: 0;
padding-left: 0;
padding-right: 0;
}
.x-quote-wrapper {
padding: 21px 19px 13px 22px;
}
.text-span-68 {
font-size: 12px;
font-style: normal;
line-height: 1.5px;
text-decoration: none;
position: relative;
top: -13px;
}
.text-span-69 {
font-size: 12px;
position: relative;
top: -11px;
}
.x-digizen-slide-wrapper {
width: 32.1%;
height: 380px;
max-height: none;
margin-left: 15px;
margin-right: 0;
padding-bottom: 0;
padding-right: 0;
left: -15px;
}
.x-digizen-slide-wrapper.for-network {
width: 32%;
height: 500px;
}
.x-slider-arrow-left {
width: 30px;
height: 30px;
transform-style: preserve-3d;
justify-content: center;
align-items: center;
margin-bottom: 184px;
display: flex;
bottom: 0;
left: -19px;
transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}
.x-slider-arrow-left.for-network {
flex-flow: row;
align-content: center;
align-items: center;
margin-top: auto;
margin-bottom: auto;
display: flex;
bottom: 43px;
left: -9px;
}
.x-slider-arrow-right {
width: 30px;
height: 30px;
justify-content: center;
align-items: center;
margin-bottom: 184px;
display: flex;
bottom: 0;
right: -14px;
}
.x-slider-arrow-right.for-network {
flex: 1;
margin-top: auto;
margin-bottom: auto;
bottom: 43px;
right: 0;
}
.x-story-title {
font-weight: 700;
line-height: 20px;
}
.x-di-award-title {
color: var(--black);
justify-content: center;
align-items: center;
font-size: 16px;
line-height: 20px;
display: flex;
}
.x-di-wrapper {
text-align: center;
}
.x-award-icon {
width: 60px;
height: 60px;
margin-bottom: 10px;
display: inline-block;
position: static;
}
.for-bottom-padding {
padding-bottom: 20px;
}
.text-block-28 {
text-decoration: none;
}
.x-collab-rich-text {
margin-top: 28px;
}
.x-collab-rich-text ul {
padding-left: 26px;
list-style-type: disc;
}
.x-collab-rich-text.for-service h2 {
text-decoration: underline;
}
.x-collaboration-headline {
text-align: left;
margin-top: 42px;
font-size: 30px;
line-height: 40px;
}
.x-footnote {
color: var(--white);
align-items: center;
padding-left: 0;
font-size: 12px;
line-height: 15px;
display: flex;
}
.x-partner-step p {
margin-bottom: 24px;
}
.o--flex {
align-items: center;
display: flex;
}
.o--blog-sharer-url {
width: 400px;
cursor: pointer;
background-color: #f5f5f5;
border-radius: 50px;
flex: 0 auto;
align-items: center;
margin-left: 16px;
margin-right: 16px;
padding: 8px 12px 8px 8px;
font-weight: 500;
transition: all .2s;
display: flex;
}
.o--blog-sharer-url:hover {
background-color: var(--line);
}
.o--blog-sharer-url:active {
background-color: #e0e0e0;
}
.o--blog-presharer {
justify-content: flex-start;
align-items: center;
margin-bottom: 16px;
display: flex;
}
.o--blog-sharer-icon {
margin-right: 12px;
font-family: Remix, sans-serif;
font-size: 24px;
}
.o--blog-sharer-val {
max-width: 320px;
padding-left: 10px;
overflow: hidden;
}
.x-idd-rates-form-block {
margin-top: 25px;
}
.x-idd-rates-form-block.dropdown {
margin-top: 0;
}
.x-toggle-country {
height: 56px;
border: 1px solid var(--line);
background-color: var(--white);
border-radius: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
margin-left: 8px;
margin-right: 8px;
padding: 8px 16px;
display: flex;
}
.x-country-text {
align-items: flex-start;
padding-right: 50px;
display: flex;
}
.x-idd-rates-grid {
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-left: 8px;
margin-right: 8px;
}
.x-idd-rates-grid.for-add-on {
grid-template-columns: 1fr;
}
.x-idd-rate-block {
height: 100%;
border: 1px none var(--line);
background-color: var(--white);
box-shadow: 0 2px 7px -1px var(--line);
border-radius: 8px;
flex-direction: column;
margin-left: 0;
padding: 0 0 16px;
display: flex;
}
.x-idd-rate-block.add-ons {
width: 400px;
}
.x-idd-rate-text-block {
justify-content: space-between;
margin-bottom: 10px;
padding-left: 16px;
padding-right: 16px;
display: flex;
}
.x-idd-rate-text-block.for-hide-idd {
display: none;
}
.x-idd-rate-title {
background-color: var(--bottom-nav);
color: var(--black);
text-align: center;
border-radius: 8px 8px 0 0;
margin-bottom: 16px;
padding: 10px;
font-size: 18px;
font-weight: 700;
}
.x-idd-rate-title.column {
justify-content: center;
align-items: center;
display: flex;
}
.x-idd-rate-title.for-yellow {
background-color: var(--digi-yellow);
}
.x-iddpass-slider-wrapper {
width: 32.1%;
margin-left: 0;
}
.x-iddpass-slider-wrapper.right-padding {
width: 33.55%;
border-radius: 8px;
padding-bottom: 0;
padding-right: 15px;
}
.x-iddpass-slider {
height: auto;
background-color: rgba(0, 0, 0, 0);
margin-bottom: 20px;
padding-left: 0;
}
.x-slider-block {
height: auto;
background-color: var(--white);
border-radius: 8px;
padding-bottom: 20px;
}
.x-slider-title {
background-color: var(--digi-yellow);
text-align: center;
border-radius: 8px 8px 0 0;
padding-top: 10px;
padding-bottom: 10px;
}
.x-slider-descrip-wrapper {
flex-direction: row;
align-items: center;
margin-top: 15px;
margin-left: 20px;
margin-right: 15px;
display: flex;
}
.x-slider-descrip-wrapper.top {
flex-flow: row;
justify-content: flex-start;
align-items: center;
margin-top: 6px;
}
.x-arrow-left-wrapper {
z-index: 10000;
width: 30px;
height: 40px;
text-align: center;
transform-style: preserve-3d;
justify-content: center;
align-items: center;
display: block;
top: 0%;
bottom: 0%;
left: -17px;
right: auto;
overflow: hidden;
transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}
.x-arrow-left-wrapper.for-hide, .x-arrow-left-wrapper.x-hide-idd-prepaid, .x-arrow-left-wrapper.for-hide-prepaid {
display: none;
}
.x-arrow-left-wrapper.for-postpaid {
z-index: 100;
display: block;
top: 0%;
left: -14px;
overflow: hidden;
}
.text-span-72 {
font-size: 24px;
font-weight: 700;
}
.x-slider-descrip {
border-bottom: 1px dashed var(--line);
flex: 0 auto;
margin-left: 10px;
padding-bottom: 0;
font-size: 14px;
line-height: 20px;
}
.x-slider-descrip.bold {
margin-left: 0;
font-weight: 700;
}
.x-slider-descrip.bold.bigger {
padding-top: 25px;
padding-bottom: 5px;
font-size: 16px;
}
.x-slider-descrip.bold.bigger.promotions {
border-bottom-style: none;
}
.x-idd-tag {
background-color: var(--price-red);
color: var(--white);
border-radius: 5px;
align-self: center;
margin-left: 10px;
padding: 0 6px;
font-size: 12px;
font-weight: 700;
line-height: 15px;
}
.x-idd-tag.yellow {
background-color: var(--digi-yellow);
color: var(--black);
flex: none;
}
.x-idd-tag.blue {
background-color: var(--link-blue);
}
.x-arrow-right-wrapper {
width: 30px;
height: 40px;
top: 0%;
bottom: 0%;
left: auto;
right: -15px;
}
.x-arrow-right-wrapper.x-hide-idd-prepaid, .x-arrow-right-wrapper.for-hide-prepaid {
display: none;
}
.x-arrow-right-wrapper.for-postpaid {
z-index: 1000;
display: block;
top: -18%;
right: -8px;
}
.x-arrow-right-wrapper.for-postpaid.for-hide-arrow {
display: block;
}
.x-arrow-right-wrapper.for-postpaid {
z-index: 1000;
display: block;
top: 0%;
right: -14px;
}
.x-idd-icon {
width: 15px;
height: 15px;
}
.x-idd-prepaid-content {
flex-direction: column;
display: flex;
}
.x-idd-add-on-grid {
grid-column-gap: 50px;
grid-template-rows: auto;
align-items: center;
}
.text-block-32 {
padding-left: 10px;
}
.x-country-code {
font-weight: 700;
}
.x-footnote-text {
color: var(--grey-text);
padding-left: 16px;
padding-right: 16px;
font-size: 12px;
line-height: 15px;
position: static;
top: 38px;
}
.x-sms-rates {
text-align: right;
}
.x-country-flag {
padding-left: 0;
padding-right: 50px;
}
.x-idd-sms-footnote {
margin-top: 40px;
position: static;
top: auto;
}
.x-guide-card-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
align-content: start;
justify-content: stretch;
align-items: start;
justify-items: start;
}
.x-guide-card-grid.for-2 {
grid-template-columns: 1fr 1fr 1fr;
}
.x-guide-card-grid.for-2.for-add-grid-space, .x-guide-card-grid.for-add-space {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.x-guide-card-grid.for-add-space.for-trade-in-steps {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.x-guide-card-grid.for-add-space {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-columns: 1fr 1fr 1fr;
}
.x-guide-card-grid.for-add-space.for-4 {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-top: 10px;
margin-bottom: 40px;
}
.x-guide-card-grid.for-two {
grid-template-columns: 1fr 1fr;
}
.x-guide-card-grid.for-4 {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.x-guide-card-grid.for-add-space {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.x-guide-card-grid.for-4 {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.x-guide-card-wrapper {
width: 100%;
height: 100%;
border: 1px solid var(--line);
background-color: var(--ultra-light-grey);
border-radius: 8px;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 15px 15px 15px 20px;
display: flex;
}
.x-guide-card-img {
width: 30%;
}
.x-guide-card-text {
z-index: 1;
text-align: left;
margin-right: 15px;
padding-bottom: 0;
padding-right: 0;
font-size: .9em;
font-weight: 500;
line-height: 18px;
position: relative;
}
.x-guide-steps-1 {
margin-bottom: 30px;
}
.x-important-note-list {
padding-left: 13px;
list-style-type: decimal;
}
.x-important-note {
margin-top: 30px;
font-size: 14px;
line-height: 20px;
}
.x-important-note.for-center {
text-align: center;
}
.x-important-note.for-center.for-top-padding {
margin-top: 45px;
}
.x-imp-note-title {
margin-bottom: 5px;
font-weight: 700;
}
.x-plan-hover-wrapper {
width: 60%;
background-color: rgba(39, 39, 39, .9);
padding: 15px;
font-size: 14px;
line-height: 20px;
position: absolute;
top: -3.5px;
left: 96px;
}
.x-plan-hover-text {
color: var(--white);
line-height: 17px;
}
.x-add-on-footnote {
text-align: center;
margin-top: 20px;
margin-bottom: 0;
font-size: 14px;
}
.x-dial-133 {
background-color: var(--bottom-nav);
border-radius: 8px;
padding-left: 8px;
padding-right: 8px;
}
.x-triangle-block {
width: 10px;
border: 16px solid rgba(0, 0, 0, 0);
border-top: 10px solid rgba(39, 39, 39, .9);
position: absolute;
top: 81px;
}
.x-sitemap-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 20px;
}
.x-sitemap-container, .x-sitemap-container.x-digi-business-sitemap {
margin-top: 30px;
}
.x-sitemap-h3 {
color: var(--black);
border-style: none;
margin-bottom: 0;
line-height: 1em;
display: flex;
}
.x-sitemap-h3.x-add-10 {
margin-bottom: 10px;
}
.x-arrow-sitemap {
width: 20px;
height: 20px;
margin-left: 10px;
}
.x-sitemap-title-arrow {
border: 1px #000;
justify-content: flex-start;
align-items: center;
margin-bottom: 10px;
display: flex;
}
.x-sitemap-title-arrow:hover {
color: var(--black);
border: 1px #000;
text-decoration: underline;
}
.heading-35 {
margin-bottom: 38px;
}
.text-block-34 {
margin-bottom: 37px;
}
.x-digi-business-sitemap-title {
align-items: center;
margin-bottom: 4px;
display: flex;
}
.x-sitemap-links {
margin-bottom: 5px;
}
.x-sitemap-links:hover {
color: var(--link-blue);
text-decoration: underline;
}
.x-digi-biz-sitemap-title {
color: var(--black);
}
.x-digi-biz-sitemap-title:hover {
color: var(--dark-grey);
}
.x-sitemap-txt {
color: var(--black);
font-weight: 500;
}
.x-sitemap-txt:hover {
color: var(--link-blue);
}
.x-mini-notice {
text-align: center;
margin-top: 5px;
padding-left: 40px;
padding-right: 40px;
font-size: 14px;
font-style: italic;
line-height: 18px;
}
.x-mini-notice.for-left-align {
text-align: left;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.x-mini-notice.for-signature {
position: relative;
top: -29px;
}
.x-mini-notice.for-larger {
font-size: 16px;
line-height: 20px;
}
.x-mini-notice.for-larger.for-infinite-2 {
color: #979797;
color: #979797;
margin-top: 20px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 15px;
}
.x-mini-notice.for-larger.for-text-height {
line-height: 25px;
}
.x-mini-notice.for-larger.for-text-height.for-red, .x-mini-notice.for-larger.for-text-height.for-red-2, .x-mini-notice.for-larger.for-text-height.for-red-2 {
color: var(--price-red);
}
.x-mini-notice.for-larger.remove-padding {
display: block;
}
.x-mini-notice.for-larger.remove-padding.for-center {
color: var(--price-red);
text-align: center;
}
.x-mini-notice.for-larger.for-red {
color: var(--price-red);
}
.x-mini-notice.for-top-padding {
margin-top: 30px;
}
.x-mini-notice.no-italic {
color: #979797;
margin-top: 10px;
margin-bottom: 0;
font-style: normal;
}
.x-mini-notice.for-dsp-tab {
margin-top: 0;
position: relative;
top: 10px;
}
.x-mini-notice.for-5g {
padding-left: 10px;
padding-right: 10px;
}
.x-mini-notice.for-5g:hover {
color: var(--black);
}
.x-mini-notice.for-5g.for-mobile {
display: none;
}
.x-mini-notice.for-5g.for-padding {
padding-left: 0;
padding-right: 0;
}
.x-mini-notice.for-5g.for-padding.reduce-padding {
margin-top: -12px;
}
.x-mini-notice.for-iphone-15 {
font-size: 17.5px;
font-style: normal;
font-weight: 500;
}
.x-mini-notice.for-larger {
font-size: 18px;
}
.x-mini-notice.for-larger.remove-padding {
text-align: left;
flex: 0 auto;
margin-bottom: -15px;
padding-left: 0;
padding-right: 0;
font-size: 12px;
font-style: normal;
font-weight: 400;
display: block;
}
.x-mini-notice.for-larger {
font-size: 18px;
}
.x-mini-notice.for-larger.remove-padding {
text-align: left;
flex: 0 auto;
margin-bottom: -18px;
padding-left: 0;
padding-right: 0;
font-size: 12px;
font-style: normal;
font-weight: 400;
display: block;
}
.x-mini-notice.for-larger {
font-size: 18px;
}
.x-mini-notice.for-larger.remove-padding {
text-align: left;
flex: 0 auto;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
font-size: 12px;
font-style: normal;
font-weight: 400;
display: block;
}
.x-mini-notice.for-larger {
font-size: 18px;
}
.x-mini-notice.for-larger.remove-padding {
text-align: left;
flex: 0 auto;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
font-size: 12px;
font-style: normal;
font-weight: 400;
display: block;
}
.x-mini-notice.for-larger {
font-size: 18px;
}
.x-mini-notice.for-larger.remove-padding {
text-align: left;
flex: 0 auto;
margin-bottom: -18px;
padding-left: 0;
padding-right: 0;
font-size: 12px;
font-style: normal;
font-weight: 400;
display: block;
}
.x-mini-notice.for-larger {
font-size: 18px;
}
.x-mini-notice.for-larger.remove-padding {
text-align: left;
flex: 0 auto;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
font-size: 12px;
font-style: normal;
font-weight: 400;
display: block;
}
.x-mini-notice.for-5g {
padding-left: 10px;
padding-right: 10px;
}
.x-mini-notice.for-5g:hover {
color: #272727;
}
.x-mini-notice.for-5g.for-padding {
padding-left: 0;
padding-right: 0;
}
.x-mini-notice.for-5g.for-padding.reduce-padding {
margin-top: -12px;
}
.x-mini-notice.for-5g.for-mobile {
display: none;
}
.list-item {
list-style-type: none;
}
.x-ads-subheadline {
text-align: center;
font-size: 20px;
font-weight: 500;
line-height: 30px;
}
.x-table-slider {
height: 100%;
background-color: rgba(0, 0, 0, 0);
margin-bottom: 80px;
display: block;
}
.x-table-slider.for-hide {
display: none;
}
.x-table-slider.x-remove-margin {
margin-bottom: 30px;
}
.x-table-slide-container {
z-index: 0;
width: 23.4%;
height: 480px;
border-radius: 30px;
margin-right: 20px;
position: relative;
transform: translate(0)perspective(1234px);
}
.x-table-slide-container.x-table-adjust-height {
height: 550px;
}
.x-table-slide-container.x-table-adjust-height.for-belia {
width: 40%;
margin-bottom: 5px;
}
.x-cta-arrow-img {
width: 18px;
}
.tabs-2 {
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
margin-top: 29px;
margin-bottom: 41px;
display: none;
}
.tabs-content {
flex: 1;
}
.tab-link-tab-1 {
width: 350px;
background-color: rgba(0, 0, 0, 0);
padding-bottom: 15px;
padding-left: 0;
display: flex;
}
.tab-link-tab-1.w--current {
width: 350px;
border-style: none;
border-width: 1px;
border-color: black black var(--line);
color: var(--link-blue);
background-color: rgba(0, 0, 0, 0);
padding-bottom: 15px;
display: flex;
}
.x-add-on-content-wrapper {
flex-direction: column;
justify-content: flex-start;
margin-top: 40px;
margin-bottom: 40px;
padding-left: 60px;
padding-right: 60px;
display: flex;
}
.x-add-on-content-text {
background-color: var(--ultra-light-grey);
border-radius: 8px;
padding: 26px 40px;
display: flex;
}
.x-plan-wrapper-front {
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, 0);
border: 2px #000;
border-radius: 0;
flex-direction: column;
justify-content: space-between;
display: flex;
position: relative;
}
.x-plan-header {
height: 60%;
background-color: var(--digi-yellow);
border: 2px #000;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
flex-flow: column;
flex: 0 auto;
order: 0;
justify-content: flex-start;
align-self: auto;
align-items: center;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.x-plan-header.x-plan-header-adjust {
height: 45%;
position: relative;
}
.x-plan-header.for-blue {
background-color: var(--link-blue);
border-top-left-radius: 25px;
border-top-right-radius: 25px;
}
.x-plan-header-quota {
text-align: center;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
font-size: 70px;
font-weight: 700;
line-height: 60px;
}
.x-plan-header-quota.for-smaller {
font-size: 50px;
line-height: 50px;
}
.x-plan-header-quota.for-smaller-next40 {
font-size: 40px;
line-height: 50px;
}
.x-plan-header-name {
width: auto;
color: var(--black);
text-align: center;
background-color: rgba(0, 0, 0, 0);
border-radius: 8px;
margin: 0 auto;
padding-left: 12px;
padding-right: 12px;
font-weight: 700;
position: static;
top: 41px;
}
.x-plan-header-label {
background-color: var(--price-red);
color: var(--white);
text-align: center;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
margin: 20px auto -45px 0;
padding-left: 12px;
padding-right: 12px;
font-size: 12px;
font-weight: 700;
display: none;
position: relative;
}
.x-plan-header-label.x-ph-label-2 {
border-radius: 500px;
margin: 10px 13px -54px auto;
padding: 14px 10px;
line-height: 15px;
display: flex;
}
.x-plan-header-label.x-ph-label-2.x-adjust-phl {
margin-bottom: -36px;
padding: 6px 9px;
}
.x-plan-bottom {
height: 100%;
background-color: var(--white);
border: 2px #000;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
flex-direction: column;
justify-content: space-between;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.x-plan-bottom-price {
margin-top: auto;
margin-bottom: auto;
padding-top: 0;
padding-bottom: 43px;
}
.x-plan-bottom-price.x-auto-renewal {
padding-bottom: 0;
}
.x-plan-bottom-price.x-auto-renewal.x-auto-renewal-price {
margin-top: 35px;
}
.x-plan-bottom-price.x-auto-renewal.x-auto-renewal-price.x-price {
margin-top: 15px;
margin-bottom: -15px;
}
.x-plan-bottom-price.x-auto-renewal.x-auto-renewal-price.x-adjust-price {
margin-top: 40px;
}
.x-plan-bottom-price.x-auto-renewal.x-auto-renewal-price.x-adjust-price.for-next {
margin-top: auto;
}
.x-plan-bottom-price.x-auto-renewal.x-auto-renewal-price.x-adjust-price {
margin-top: 40px;
}
.x-plan-bottom-price.x-auto-renewal.x-auto-renewal-price.x-adjust-price.for-next {
margin-top: auto;
}
.x-plan-bottom-price.x-pbp-new {
padding-bottom: 0;
}
.x-plan-bottom-price-text {
text-align: center;
font-size: 40px;
font-weight: 700;
line-height: 17px;
}
.x-plan-bottom-price-footnote {
text-align: center;
font-weight: 500;
}
.x-plan-see-details-wrapper {
cursor: pointer;
justify-content: center;
align-items: center;
display: flex;
}
.x-plan-see-details-wrapper.x-see-details {
padding-top: 15px;
padding-bottom: 31px;
}
.x-plan-see-details-text {
color: var(--link-blue);
text-align: center;
font-weight: 600;
}
.x-plan-see-details-text:hover {
color: var(--black);
}
.image-14 {
width: 18px;
}
.x-plan-bottom-cta-wrapper {
z-index: 1000;
width: auto;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
flex-direction: row;
justify-content: center;
margin-top: 17px;
display: block;
position: relative;
}
.x-plan-bottom-cta-wrapper.for-hide {
margin-top: 0;
display: none;
}
.x-plan-bottom-cta {
width: 100%;
text-align: center;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
padding-top: 12px;
padding-bottom: 12px;
font-weight: 700;
}
.x-plan-wrapper-back {
height: auto;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform-style: preserve-3d;
background-color: rgba(0, 0, 0, 0);
border: 2px #000;
border-radius: 30px;
flex-direction: column;
justify-content: space-between;
padding: 0;
display: flex;
position: absolute;
top: 0;
bottom: 0%;
left: 0%;
right: 0%;
transform: rotateX(0)rotateY(180deg)rotateZ(0);
}
.x-plan-benefit-wrapper {
height: 100%;
padding: 0 0 12px;
}
.x-plan-benefit-line {
align-items: center;
margin-bottom: 10px;
display: flex;
}
.x-plan-benefit-icon {
width: 15px;
height: 15px;
}
.x-plan-benefit-text {
border-bottom: 1px none var(--line);
margin-left: 9px;
font-size: 1em;
line-height: 20px;
}
.x-plan-container {
height: 100%;
background-color: var(--white);
border-radius: 30px;
transition: transform 1s;
box-shadow: 0 0 9px -4px rgba(0, 0, 0, .4);
}
.x-plan-container.x-plan-flip {
perspective: 1234px;
transform-style: preserve-3d;
transition: transform 1s;
transform: rotateX(0)rotateY(180deg)rotateZ(0);
}
.tabs-menu-5 {
position: static;
}
.x-add-on-icon {
width: 30px;
height: 30px;
margin-right: 13px;
padding-right: 0;
}
.x-add-on-menu-wrapper {
align-items: center;
display: flex;
}
.x-add-on-menu-text {
font-size: 18px;
}
.x-add-on-header-wrapper {
margin-top: 19px;
}
.x-plan-info-icon {
width: 12px;
height: 12px;
margin-top: -2px;
margin-left: 3px;
}
.x-plan-price-ft-wrapper {
justify-content: center;
align-items: center;
display: none;
}
.x-banner-icon-img {
width: 150px;
position: relative;
top: auto;
}
.x-plan-header-div {
margin-top: auto;
margin-bottom: auto;
padding-top: 0;
}
.x-plan-header-div.x-add-margin {
padding-top: 10px;
padding-bottom: 0;
}
.x-plan-header-div.x-add-margin.for-new {
padding-top: 30px;
}
.x-plan-bottom-usp-text {
color: var(--dark-grey);
text-align: center;
justify-content: center;
align-items: center;
font-weight: 400;
line-height: 20px;
display: block;
}
.x-plan-bottom-usp-text.for-large-txt {
color: var(--black);
font-size: 19px;
line-height: 27px;
}
.x-plan-bottom-usp {
padding: 38px 16px;
}
.x-plan-bottom-usp.x-adjust-padding {
padding-top: 27px;
padding-bottom: 0;
}
.x-plan-bottom-usp.x-pbu-new {
padding-top: 29px;
padding-bottom: 29px;
}
.x-plan-bottom-usp.x-pbu-new.align-center {
height: 100%;
flex-direction: column;
justify-content: space-around;
display: flex;
}
.x-plan-bottom-usp.x-pbu-new {
padding-top: 29px;
padding-bottom: 29px;
}
.x-plan-bottom-usp.x-pbu-new.for-infinite {
margin-top: auto;
margin-bottom: auto;
padding-top: 0;
padding-bottom: 0;
}
.x-plan-bottom-price-text-2 {
font-size: 14px;
font-weight: 400;
}
.x-plan-back-header {
background-color: var(--digi-yellow);
border-top-left-radius: 30px;
border-top-right-radius: 30px;
justify-content: center;
align-items: stretch;
display: flex;
}
.x-plan-back-header-text {
text-align: center;
padding-top: 12px;
padding-bottom: 12px;
font-weight: 700;
}
.x-plan-back-benefit-wrapper {
padding-top: 25px;
padding-left: 25px;
padding-right: 25px;
}
.x-plan-back-footnote-wrapper {
flex-direction: column;
margin-top: 0;
margin-bottom: 40px;
display: flex;
}
.x-plan-back-footnote-wrapper.x-auto-renewal {
margin-top: 0;
padding-bottom: 10px;
}
.x-plan-back-footnote-wrapper.x-pbfw-new {
margin-bottom: 0;
}
.x-plan-back-footnote-label {
width: auto;
background-color: var(--digi-yellow);
text-align: center;
border-radius: 30px;
justify-content: center;
align-self: center;
align-items: center;
padding: 0 13px;
font-size: 14px;
font-weight: 700;
display: block;
}
.x-plan-back-footnote-wrapper-2 {
text-align: center;
align-self: center;
margin-top: 12px;
}
.x-plan-back-footnote-wrapper-2.x-adjust-margin {
color: var(--dark-grey);
margin-top: 0;
font-size: 14px;
font-weight: 600;
line-height: 18px;
}
.x-plan-hashtag-text {
color: var(--dark-grey);
font-weight: 700;
}
.x-add-on-row-icon {
width: auto;
height: 25px;
margin-left: 10px;
}
.x-add-on-row-icon.for-hide {
display: block;
}
.x-samsung-column-1 {
margin-left: 10px;
margin-right: 10px;
}
.x-samsung-grid-title {
font-size: 2em;
}
.x-samsung-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.x-samsung-grid.for-mobile, .x-samsung-column-2.for-mobile {
display: none;
}
.x-boost-paragraph {
text-align: center;
font-size: 18px;
line-height: 26px;
}
.x-boost-container {
padding-top: 10px;
padding-bottom: 10px;
}
.x-add-on-card {
border: 0px none var(--line);
background-color: var(--white);
box-shadow: 1px 1px 5px -1px var(--line);
border-radius: 20px;
flex-direction: column;
justify-content: space-between;
display: flex;
}
.x-add-on-card-header {
text-align: center;
margin-top: 12px;
padding-left: 10px;
padding-right: 10px;
}
.x-add-on-card-description {
text-align: center;
margin-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
font-size: 14px;
line-height: 18px;
}
.text-span-82 {
color: var(--dark-grey);
font-weight: 700;
}
.x-add-on-bolded-text {
text-align: center;
margin-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
font-size: 16px;
font-weight: 700;
}
.x-add-on-card-img {
width: 100%;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.x-add-on-title, .x-family-title {
text-align: center;
margin-bottom: 10px;
font-size: 2em;
}
.x-plan-card-icon-img {
align-self: center;
margin-top: 6px;
}
.x-auto-renewal {
text-align: center;
}
.x-auto-renewal.x-adjust-margin {
margin-top: 55px;
}
.x-auto-renewal.x-new-margin {
margin-top: auto;
}
.x-auto-renewal.x-adjust {
margin-top: 30px;
margin-bottom: 10px;
}
.x-add-symbol {
padding-top: 5px;
padding-bottom: 5px;
font-size: 30px;
font-weight: 600;
}
.x-auto-renewal-text-span {
color: var(--grey-text);
border: 1px rgba(0, 0, 0, 0);
font-size: 12px;
font-style: italic;
font-weight: 400;
line-height: 18px;
}
.x-auto-renewal-text {
color: var(--dark-grey);
font-weight: 700;
line-height: 20px;
}
.x-auto-renewal-text.x-add-margin {
margin-top: 20px;
}
.x-auto-renewal-text.x-add-margin-2 {
margin-top: 8px;
}
.x-dropdown-item {
border-bottom: 1px solid var(--line);
background-color: rgba(0, 0, 0, 0);
border-radius: 0;
margin-bottom: 20px;
padding: 0 0 14px;
}
.x-dropdown-item.js-accordion-item {
cursor: auto;
}
.x-dropdown-trigger {
-webkit-backface-visibility: visible;
backface-visibility: visible;
justify-content: space-between;
align-items: center;
display: flex;
}
.x-dropdown-heading {
white-space: normal;
cursor: pointer;
flex: 1;
margin-top: 0;
margin-bottom: 0;
line-height: 30px;
}
.x-dropdown-heading.x-no-wrap {
white-space: nowrap;
}
.icon-5.accordion-icon {
color: var(--black);
cursor: pointer;
color: #272727;
cursor: pointer;
font-family: Remix, sans-serif;
font-size: 24px;
line-height: 24px;
}
.x-dropdown-content {
margin-top: 10px;
margin-right: 0;
overflow: hidden;
}
.x-dropdown-paragraph {
width: 100%;
margin-bottom: 0;
}
.x-dropdown-header-wrapper {
align-self: auto;
align-items: center;
display: flex;
}
.x-plan-card {
width: 100%;
height: 520px;
outline-offset: 0px;
outline: 3px #272727;
box-shadow: 0 0 9px 4px rgba(0, 0, 0, .1);
}
.x-plan-wrapper {
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, 0);
border: 2px #000;
border-radius: 0;
flex-direction: column;
justify-content: space-between;
display: flex;
position: relative;
}
.card-front {
height: 300px;
background-color: var(--link-blue);
}
.div-block-37 {
background-color: var(--digi-yellow);
}
.card-back {
height: 300px;
background-color: var(--link-blue);
}
.x-table-plan-slider {
height: 100%;
background-color: rgba(0, 0, 0, 0);
}
.x-table-plan-slider.x-sig-content {
max-width: 60%;
}
.x-table-plan-container {
width: 23.4%;
height: 485px;
cursor: pointer;
border-radius: 30px;
margin-right: 20px;
padding-bottom: 0;
padding-right: 0;
}
.x-table-plan-container.x-sig-slider-ctn {
width: 46%;
}
.x-table-plan-container.x-sig-slider-ctn.no-margin {
margin-right: 0;
}
.x-table-plan-container.x-familiku-specials {
height: 680px;
left: 2px;
}
.x-table-plan-container.x-familiku-specials.for-postpaid {
height: 620px;
}
.x-table-plan-container.x-familiku-specials.for-postpaid.bm, .x-table-plan-container.x-familiku-specials.for-postpaid.eng, .x-table-plan-container.x-familiku-specials.for-postpaid.bm {
height: 580px;
}
.x-table-card-front {
height: 480px;
border-radius: 30px;
flex-direction: column;
justify-content: flex-start;
display: flex;
position: static;
box-shadow: 0 0 9px -4px rgba(0, 0, 0, .3);
}
.x-table-card-front.x-front {
height: 420px;
}
.x-table-card-front.x-front.for-min-width {
min-width: 303.859px;
margin-right: 20px;
}
.x-table-card-front.x-front.for-sig-offer {
height: 478px;
max-width: 308.266px;
border: 2px solid var(--link-blue);
}
.x-table-card-front.x-front.x-familiku-specials {
height: 500px;
height: 500px;
}
.x-table-card-back {
height: 480px;
background-color: var(--white);
border-radius: 30px;
flex-direction: column;
justify-content: flex-end;
padding-bottom: 0;
display: flex;
box-shadow: 0 0 9px -4px rgba(0, 0, 0, .3);
}
.x-table-card-back.x-back {
height: 420px;
}
.x-fam-bundle-wrapper {
margin-top: 80px;
margin-bottom: 40px;
}
.x-fb-grid {
grid-column-gap: 25px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr .75fr;
}
.x-fb-column-1 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
padding-top: 30px;
padding-bottom: 30px;
display: grid;
}
.x-fb-column-3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: rgba(255, 230, 0, .15);
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: 30px;
padding-bottom: 30px;
display: grid;
}
.x-fb-row-3-title {
width: 160px;
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
.x-family-subtitle {
text-align: center;
margin-bottom: 0;
font-size: 1em;
font-weight: 400;
}
.x-plan-header-sub {
width: auto;
color: var(--black);
text-align: center;
background-color: rgba(0, 0, 0, 0);
border-radius: 8px;
margin: 4px auto 0;
padding-left: 12px;
padding-right: 12px;
font-weight: 400;
position: static;
top: 41px;
}
.x-w-auto-renew {
color: var(--grey-text);
margin-bottom: 0;
font-size: 12px;
font-style: italic;
}
.x-prepaid-social-icon {
width: auto;
height: 25px;
margin-top: 5px;
margin-left: 5px;
}
.x-plan-bottom-usp-text-prepaid {
color: var(--dark-grey);
text-align: center;
justify-content: center;
align-items: center;
font-weight: 700;
line-height: 22px;
display: block;
}
.x-fb-row-3-price {
color: var(--link-blue);
text-align: right;
padding-left: 8px;
font-size: 18px;
font-weight: 700;
}
.x-fb-row-2-italic {
font-style: italic;
font-weight: 400;
}
.x-total-amt-price {
font-size: 22px;
font-weight: 700;
}
.x-text-strikethrough {
text-decoration: line-through;
}
.x-fb-slider-text {
text-align: center;
margin-top: 5px;
}
.x-fb-slider-text.for-hide, .x-fbm-wrapper-2.for-hide {
display: none;
}
.x-prepaid-steps {
flex: 0 auto;
margin-left: 10px;
margin-right: 10px;
}
.tab-family20 {
color: var(--grey-text);
background-color: rgba(0, 0, 0, 0);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
margin-bottom: -1px;
padding: 12px 16px;
font-weight: 700;
transition: all .25s cubic-bezier(.86, 0, .07, 1);
}
.tab-family20:hover {
color: var(--link-blue);
}
.tab-family20.w--current {
background-color: var(--black);
color: var(--white);
}
.tab-family20.left-button {
border: 1px solid var(--line);
background-color: var(--white);
color: var(--grey-text);
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
margin-right: 0;
}
.tab-family20.left-button:hover {
color: var(--link-blue);
}
.tab-family20.left-button.w--current {
border-color: var(--black);
background-color: var(--black);
color: var(--white);
}
.tab-family30 {
color: var(--grey-text);
background-color: rgba(0, 0, 0, 0);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
margin-bottom: -1px;
padding: 12px 16px;
font-weight: 700;
transition: all .25s cubic-bezier(.86, 0, .07, 1);
}
.tab-family30:hover {
color: var(--link-blue);
}
.tab-family30.w--current {
background-color: var(--black);
color: var(--white);
}
.tab-family30.right-button {
border: 1px solid var(--line);
background-color: var(--white);
color: var(--grey-text);
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
margin-left: 15px;
}
.tab-family30.right-button:hover {
border-color: var(--line);
color: var(--link-blue);
}
.tab-family30.right-button.w--current {
border-color: var(--black);
background-color: var(--black);
color: var(--white);
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
margin-left: 15px;
}
.tab-family30.right-button.w--current:hover {
border-color: rgba(0, 0, 0, 0);
}
.tab-family45 {
color: var(--grey-text);
background-color: rgba(0, 0, 0, 0);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
margin-bottom: -1px;
padding: 12px 16px;
font-weight: 700;
transition: all .25s cubic-bezier(.86, 0, .07, 1);
}
.tab-family45:hover {
color: var(--link-blue);
}
.tab-family45.w--current {
background-color: var(--black);
color: var(--white);
}
.tab-family45.right-button {
border: 1px solid var(--line);
background-color: var(--white);
color: var(--grey-text);
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
margin-left: 15px;
}
.tab-family45.right-button:hover {
border-color: var(--line);
color: var(--link-blue);
}
.tab-family45.right-button.w--current {
border-color: var(--black);
background-color: var(--black);
color: var(--white);
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
margin-left: 15px;
}
.tab-family45.right-button.w--current:hover {
border-color: rgba(0, 0, 0, 0);
}
.x-family-usp-title {
color: var(--black);
justify-content: center;
align-items: center;
font-size: 16px;
font-weight: 400;
line-height: 20px;
display: block;
}
.x-family-bundle-card-img {
width: 100%;
border: 2px none var(--black);
cursor: default;
object-fit: cover;
border-radius: 8px;
margin-bottom: 16px;
}
.x-family-wrapper {
text-align: center;
}
.x-belia-social-icon {
width: auto;
height: 25px;
margin-left: 5px;
display: block;
}
.x-fb-column-inside {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.x-addon-desc-icon {
width: auto;
height: 25px;
margin-left: 0;
}
.x-addon-desc-icon.for-right {
margin-left: 0;
margin-right: 10px;
}
.x-icon-wrapper {
flex-wrap: wrap;
margin-top: 5px;
margin-bottom: 5px;
display: flex;
}
.x-icon-wrapper.for-hide {
display: none;
}
.x-belia-social-text {
margin-left: 10px;
margin-right: 10px;
font-weight: 700;
}
.x-endnote-samsung-s22 {
width: 60%;
min-width: 50px;
text-align: center;
margin-bottom: 8px;
padding-left: 20px;
padding-right: 20px;
}
.x-fam-bundle-container-2 {
background-color: #f5f5f5;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
margin-top: 20px;
margin-left: 60px;
margin-right: 60px;
padding-left: 30px;
}
.x-price-sum-txt-wrapper-2 {
width: 100%;
background-color: #ffe600;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
padding: 15px 25px;
font-family: Barlow, sans-serif;
font-size: 22px;
font-weight: 700;
display: block;
}
.x-fbm-wrapper-3.for-hide {
display: none;
}
.x-fb-row-bold-2 {
font-family: Barlow, sans-serif;
font-weight: 700;
line-height: 20px;
}
.x-fb-slider-ctn-2 {
width: 100%;
flex-direction: column;
margin-top: 16px;
font-family: Barlow, sans-serif;
display: flex;
}
.x-fb-slider-ctn-2.for-top-margin {
margin-top: -95px;
}
.x-fb-slider-ctn-2.for-pf {
justify-content: center;
}
.x-fb-slider-ctn-2.no-margin {
margin-top: 0;
}
.x-fb-row-3-price-italic-2 {
text-align: right;
font-size: 14px;
font-style: italic;
font-weight: 400;
line-height: 20px;
}
.x-di-title-2 {
text-align: center;
margin-bottom: 10px;
font-family: Barlow, sans-serif;
font-size: 2em;
line-height: 1.2em;
position: static;
}
.x-family-subtitle-2 {
text-align: center;
margin-bottom: 0;
font-family: Barlow, sans-serif;
font-size: 1em;
font-weight: 400;
}
.x-fb-row-4 {
text-align: center;
font-family: Barlow, sans-serif;
font-weight: 700;
line-height: 20px;
}
.x-total-amt-ctn-2 {
color: #fff;
background-color: #039be5;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
justify-content: space-between;
padding: 15px 25px;
font-family: Barlow, sans-serif;
display: flex;
}
.x-fb-row-5 {
justify-content: space-between;
align-items: center;
padding-bottom: 40px;
padding-left: 25px;
padding-right: 25px;
font-family: Barlow, sans-serif;
display: flex;
}
.x-fb-row-5.for-bottom-margin {
padding-bottom: 20px;
}
.x-fb-column-4 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template: "."
"."
"."
/ 1fr;
grid-auto-columns: 1fr;
justify-content: stretch;
justify-items: center;
padding-top: 30px;
padding-bottom: 30px;
display: grid;
}
.x-fb-slider-tool-2 {
width: 100%;
height: 20px;
background-color: #fff;
border: 1px solid #c7c9cc;
border-radius: 5px;
}
.x-fb-slider-tool-2.for-hide {
display: none;
}
.x-total-amount-2 {
width: 100%;
position: absolute;
bottom: -80px;
}
.x-price-summary-2 {
width: 100%;
justify-content: flex-start;
display: block;
position: absolute;
top: -80px;
}
.x-belia-social-ctn {
display: flex;
}
.x-language-picker-prepaid {
z-index: 100;
background-color: var(--white);
border-radius: 8px;
position: absolute;
top: 139px;
bottom: auto;
left: auto;
right: 1%;
overflow: hidden;
}
.x-switch-digi-title {
text-align: center;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
font-size: 2em;
position: static;
bottom: 0;
left: 60px;
right: 60px;
}
.bold-text-17 {
font-style: italic;
}
.x-family-left-container {
margin-right: 10px;
}
.x-family-right-container {
margin-left: 10px;
}
.x-signature-subtitle {
text-align: center;
margin-bottom: 20px;
padding-left: 60px;
padding-right: 60px;
font-size: 20px;
font-weight: 400;
line-height: 24px;
}
.x-language-picker-ppj {
z-index: 100;
background-color: var(--white);
border-radius: 8px;
position: absolute;
top: 6px;
bottom: auto;
left: auto;
right: -4%;
overflow: hidden;
}
.x-language-picker-postpaid {
z-index: 100;
background-color: var(--white);
border-radius: 8px;
position: absolute;
top: 181px;
bottom: auto;
left: auto;
right: 1%;
overflow: hidden;
}
.x-sig-table-ctn {
justify-content: center;
align-items: flex-start;
display: flex;
}
.x-sig-add-ctn {
margin-top: auto;
margin-bottom: auto;
}
.text-block-49 {
margin-left: 24px;
margin-right: 8px;
font-size: 50px;
line-height: 58px;
}
.x-sig-offers-ctn {
width: 28%;
height: 420px;
}
.x-sig-tab-link {
width: auto;
background-color: var(--white);
padding-left: 10px;
padding-right: 10px;
}
.x-sig-tab-link.w--current {
width: auto;
border: 3px solid var(--link-blue);
background-color: var(--white);
border-radius: 16px;
margin-right: 10px;
padding-left: 20px;
padding-right: 20px;
}
.x-sig-tab-link.w--current:active {
background-color: var(--white);
color: var(--black);
}
.x-sig-tab-link.for-left {
width: 30%;
border-radius: 30px;
margin-right: 10px;
}
.x-sig-tab-link.for-right {
width: 30%;
border-radius: 30px;
margin-left: 0;
margin-right: 0;
}
.x-sig-title {
max-width: 100%;
color: var(--white);
text-align: center;
margin-left: auto;
margin-right: auto;
font-size: 28px;
font-weight: 700;
line-height: 40px;
}
.x-sig-tab-link {
border: 3px solid var(--grey-text);
border-radius: 16px;
}
.x-sig-tab-link.for-side-margin {
margin-left: 16px;
margin-right: 16px;
}
.x-sig-tab-thumbnail {
max-width: 60px;
margin-bottom: 8px;
}
.x-sig-thumbnail-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.x-sig-tab-menu {
justify-content: center;
margin-top: 13px;
display: flex;
}
.text-span-91, .text-span-92, .text-span-93 {
font-weight: 700;
}
.x-ekyc-video {
height: 10px;
box-shadow: 0 8px 16px -4px var(--shadow);
border-radius: 8px;
overflow: hidden;
}
.x-sig-offer-thumbnail-wrapper {
justify-content: center;
margin-top: 8px;
display: flex;
}
.x-sig-offer-thumbnail {
max-width: 16%;
padding-left: 4px;
padding-right: 4px;
}
.x-sig-offer-descrip {
text-align: center;
margin-top: 24px;
font-size: 14px;
font-style: italic;
line-height: 22px;
}
.x-sig-offer-descrip.for-margin-top {
margin-top: 51px;
}
.tabs-content-2 {
margin-top: 48px;
}
.x-signature-card-block {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 24px;
display: grid;
}
.x-signature-card-block.for-3 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 0;
padding-top: 30px;
padding-bottom: 30px;
}
.x-signature-card-block.for-2 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.x-signature-card-block.for-2.x-adjust-space {
grid-column-gap: 0px;
grid-row-gap: 0px;
margin-top: 45px;
margin-left: 197px;
margin-right: 197px;
}
.x-signature-icon {
width: 80px;
height: 80px;
margin-bottom: 20px;
display: inline-block;
position: static;
}
.x-signature-icon-title {
color: var(--black);
text-align: center;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
font-size: 25px;
font-weight: 700;
line-height: 25px;
display: block;
}
.x-signature-desc {
font-size: 16px;
font-weight: 400;
line-height: 18px;
}
.x-signature-tab-header {
width: auto;
color: var(--black);
text-align: center;
background-color: rgba(0, 0, 0, 0);
border-radius: 8px;
margin: 0 auto;
padding-left: 12px;
padding-right: 12px;
font-size: 18px;
font-weight: 700;
position: static;
top: 41px;
}
.x-signature-tab-header:active {
color: var(--white);
}
.x-signature-title {
text-align: center;
margin-bottom: 20px;
padding-left: 60px;
padding-right: 60px;
font-size: 2em;
}
.x-signature-title.for-remove-padding {
padding-left: 0;
padding-right: 0;
line-height: 110%;
}
.x-limit.for-banner {
padding-left: 64px;
padding-right: 64px;
}
.x-limit.accolades {
background-color: #fff;
margin-top: 0;
margin-bottom: 0;
}
.x-ads-headline, .x-ads-header {
text-align: center;
margin-bottom: 10px;
font-size: 2em;
}
.x-ads-banner {
width: auto;
height: auto;
border-radius: 12px;
margin-left: auto;
margin-right: auto;
display: block;
overflow: hidden;
box-shadow: 0 4px 24px -8px rgba(0, 0, 0, .25);
}
.x-language-picker-postpaid-fam, .x-language-picker-addons {
z-index: 100;
background-color: var(--white);
border-radius: 8px;
position: absolute;
top: 181px;
bottom: auto;
left: auto;
right: 1%;
overflow: hidden;
}
.x-signature-card-block-number {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 20px;
margin-bottom: 40px;
padding-left: 30px;
padding-right: 30px;
display: grid;
}
.x-signature-card-block-number.for-hide {
display: none;
}
.x-switch-row-block {
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.x-switch-row-icon {
width: auto;
height: 25px;
margin-top: 0;
margin-left: 10px;
}
.x-switch-paragraph {
margin-left: 13px;
}
.x-ekyc-headline {
text-align: center;
margin-bottom: 10px;
font-size: 2em;
}
.x-ekyc-headline.for-smaller {
font-size: 25px;
}
.x-ekyc-headline.for-smaller.for-top-margin {
margin-top: 10px;
}
.x-ekyc-headline.for-smaller.for-top-margin.remove-margin {
width: auto;
margin-bottom: 0;
}
.x-ekyc-sub-header {
text-align: center;
margin-bottom: 0;
font-size: 1em;
}
.x-ekyc-sub-header.for-bigger {
font-size: 20px;
}
.x-ekyc-steps {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: minmax(200px, 1fr);
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 41px;
display: grid;
}
.x-ekyc-steps.remove-btm-margin {
margin-bottom: 0;
}
.x-ekyc-steps-img {
flex: 0 auto;
margin-left: 0;
margin-right: 0;
}
.x-ekyc-steps-card {
height: 100%;
border: 1px solid var(--line);
background-color: var(--white);
border-radius: 8px;
flex-direction: column;
justify-content: flex-start;
display: flex;
position: relative;
overflow: hidden;
}
.x-ekyc-steps-text {
text-align: center;
line-height: 20px;
}
.x-ekyc-txt-ctn {
flex-direction: column;
justify-content: center;
align-items: center;
padding: 15px;
display: flex;
}
.x-ekyc-steps-title {
font-weight: 700;
line-height: 20px;
}
.x-ads-steps {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: minmax(200px, 1fr);
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 41px;
margin-left: 10px;
margin-right: 10px;
display: grid;
}
.x-ads-steps.for-3 {
grid-template-columns: 1fr 1fr 1fr;
margin-left: auto;
margin-right: auto;
}
.x-ads-steps.centre {
grid-template-columns: 1fr 1fr 1fr 1fr;
justify-content: center;
justify-items: stretch;
margin-left: auto;
margin-right: auto;
}
.tab-ads-change-plan {
color: var(--grey-text);
background-color: rgba(0, 0, 0, 0);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
margin-bottom: -1px;
padding: 12px 16px;
font-weight: 700;
transition: all .25s cubic-bezier(.86, 0, .07, 1);
}
.tab-ads-change-plan:hover {
color: var(--link-blue);
}
.tab-ads-change-plan.w--current {
background-color: var(--black);
color: var(--white);
}
.tab-ads-change-plan.left-button {
border: 1px solid var(--line);
background-color: var(--white);
color: var(--grey-text);
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
margin-right: 0;
}
.tab-ads-change-plan.left-button:hover {
color: var(--link-blue);
}
.tab-ads-change-plan.left-button.w--current {
border-color: var(--black);
background-color: var(--black);
color: var(--white);
}
.tab-ads-get-addons {
color: var(--grey-text);
background-color: rgba(0, 0, 0, 0);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
margin-bottom: -1px;
padding: 12px 16px;
font-weight: 700;
transition: all .25s cubic-bezier(.86, 0, .07, 1);
}
.tab-ads-get-addons:hover {
color: var(--link-blue);
}
.tab-ads-get-addons.w--current {
background-color: var(--black);
color: var(--white);
}
.tab-ads-get-addons.left-button {
border: 1px solid var(--line);
background-color: var(--white);
color: var(--grey-text);
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
margin-right: 0;
}
.tab-ads-get-addons.left-button:hover {
color: var(--link-blue);
}
.tab-ads-get-addons.left-button.w--current {
border-color: var(--black);
background-color: var(--black);
color: var(--white);
}
.tab-ads-get-addons.left-button.for-bottom {
margin-left: 15px;
}
.tab-ads-get-addons.right-button {
border: 1px solid var(--line);
background-color: var(--white);
color: var(--grey-text);
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
margin-left: 15px;
}
.tab-ads-get-addons.right-button:hover {
border-color: var(--line);
color: var(--link-blue);
}
.tab-ads-get-addons.right-button.w--current {
border-color: var(--black);
background-color: var(--black);
color: var(--white);
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
margin-left: 15px;
}
.tab-ads-get-addons.right-button.w--current:hover {
border-color: rgba(0, 0, 0, 0);
}
.x-ads-footer {
margin-top: 30px;
font-size: 14px;
line-height: 20px;
}
.x-ads-footer.for-center {
text-align: center;
}
.x-ads-footer.for-center.for-top-padding {
margin-top: 45px;
}
.x-home-dg-slider-wrapper {
width: 200%;
justify-content: space-between;
align-items: flex-start;
display: flex;
position: relative;
left: -100%;
}
.x-home-digi-slider-mask {
width: 60%;
margin-left: auto;
margin-right: auto;
overflow: visible;
}
.x-home-digi-slider {
height: 100%;
background-color: rgba(0, 0, 0, 0);
overflow: hidden;
}
.x-home-dg-left-arrow {
width: 48px;
height: 48px;
background-color: var(--black);
border-radius: 8px;
left: 20%;
}
.x-home-dg-left-arrow.for-hide-mobile {
width: 40px;
height: 40px;
margin-top: auto;
margin-bottom: auto;
}
.x-home-dg-img-ctn-2 {
margin-left: 30px;
margin-right: 30px;
}
.x-home-dg-img-ctn-2.banner-data-layer {
display: inline-block;
}
.x-home-dg-slide-wrapper-3 {
width: 200%;
justify-content: space-between;
display: flex;
position: relative;
right: 0%;
}
.x-home-dg-img-ctn {
z-index: 1;
width: 100%;
margin-left: 30px;
margin-right: 30px;
position: relative;
}
.x-home-dg-desktop-img {
width: 100%;
}
.x-home-dg-desktop-img.for-hide-desktop.for-round-edges {
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.x-home-dg-desktop-img.for-hide-desktop.for-radius {
border-radius: 20px;
}
.x-home-dg-slide-wrapper-2 {
width: 100%;
}
.x-home-dg-right-arrow {
width: 48px;
height: 48px;
background-color: var(--black);
border-radius: 8px;
right: 20%;
}
.x-home-dg-right-arrow.for-hide-mobile {
width: 40px;
height: 40px;
}
.x-home-slider-ctn {
padding-top: 10px;
padding-bottom: 20px;
}
.x-home-dg-slide-nav {
z-index: 4000;
bottom: -14px;
}
.icon-7 {
font-size: 16px;
}
.x-home-dg-tablet-img.for-hide-tablet, .x-home-dg-mobile-img.for-hide-mobile {
display: none;
}
.x-ekyc-form-header {
width: 60%;
min-width: 50px;
text-align: center;
margin: 10px auto 40px;
padding-left: 0;
padding-right: 0;
font-size: 40px;
line-height: 50px;
}
.x-ekyc-input {
background-color: var(--ultra-light-grey);
border-radius: 10px;
}
.x-ekyc-input-title {
margin-top: 30px;
}
.x-ekyc-img-upload {
border-radius: 10px;
}
.x-ekyc-asterisk {
color: var(--price-red);
}
.x-ekyc-helper-text {
color: var(--dark-grey);
margin-top: -5px;
font-size: 12px;
font-style: italic;
font-weight: 400;
line-height: 16px;
}
.success-message {
background-color: #fff9c0;
border-radius: 10px;
margin-bottom: 40px;
}
.error-message {
border-radius: 10px;
margin-top: 0;
margin-bottom: 40px;
}
.x-ekyc-impt-note {
margin-top: 30px;
font-size: 14px;
font-style: italic;
line-height: 20px;
}
.text-span-95 {
font-size: 18px;
font-weight: 700;
}
.x-ekyc-column-block {
padding-left: 0;
}
.x-ekyc-column-block.right {
padding-right: 0;
}
.x-idd-eligible-countries {
color: var(--dark-grey);
font-weight: 700;
line-height: 20px;
}
.x-idd-eligible-countries.x-add-margin-2 {
margin-top: 8px;
padding-left: 10px;
padding-right: 10px;
font-size: 14px;
font-weight: 400;
}
.x-idd-eligible-countries-title {
color: var(--black);
font-weight: 700;
line-height: 20px;
}
.x-plan-see-details-text-2 {
color: #039be5;
text-align: center;
font-weight: 600;
}
.x-plan-see-details-text-2:hover {
color: #272727;
}
.x-table-card-back-2 {
height: 480px;
background-color: #fff;
border-radius: 30px;
flex-direction: column;
justify-content: flex-end;
padding-bottom: 0;
display: flex;
box-shadow: 0 0 9px -4px rgba(0, 0, 0, .3);
}
.x-table-card-back-2.x-back {
height: 420px;
}
.x-table-card-back-2.x-back.x-familiku-special {
height: 500px;
height: 500px;
}
.x-plan-bottom-usp-text-2 {
color: #6e6e6e;
text-align: center;
justify-content: center;
align-items: center;
font-weight: 400;
line-height: 20px;
display: block;
}
.x-plan-header-label-2 {
color: #fff;
text-align: center;
background-color: #ff3939;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
margin: 20px auto -45px 0;
padding-left: 12px;
padding-right: 12px;
font-size: 12px;
font-weight: 700;
display: none;
position: relative;
}
.x-plan-header-label-2.x-ph-label-2 {
border-radius: 500px;
margin: 10px 13px -54px auto;
padding: 14px 10px;
line-height: 15px;
display: flex;
}
.x-plan-header-label-2.x-ph-label-2.x-adjust-phl {
margin-bottom: -36px;
padding: 6px 9px;
position: relative;
top: 0;
}
.x-plan-header-label-2.x-ph-label-2.x-adjust-phl.for-hide {
display: none;
}
.x-plan-header-label-2.x-ph-label-2.x-adjust-phl.for-yellow {
color: #272727;
text-align: center;
background-color: #ffe600;
justify-content: center;
margin-bottom: 0;
margin-left: 19px;
margin-right: 19px;
padding-left: 30px;
padding-right: 30px;
font-size: 14px;
}
.x-plan-header-label-2.x-ph-label-2.x-adjust-phl.for-yellow:hover {
color: #ffe600;
background-color: #272727;
}
.x-plan-header-label-2.x-ph-label-2.x-adjust-phl.for-yellow.for-video {
margin-top: 5px;
margin-bottom: 5px;
}
.x-plan-bottom-2 {
height: 100%;
background-color: #fff;
border: 2px #000;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
flex-direction: column;
justify-content: space-between;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.x-plan-benefit-text-2 {
border-bottom: 1px #c7c9cc;
margin-left: 9px;
font-size: 1em;
line-height: 18px;
}
.x-plan-bottom-price-text-3 {
text-align: center;
font-size: 14px;
font-weight: 400;
line-height: 16px;
}
.x-plan-header-name-2 {
width: auto;
color: #272727;
text-align: center;
background-color: rgba(0, 0, 0, 0);
border-radius: 8px;
margin: 0 auto;
padding-left: 12px;
padding-right: 12px;
font-weight: 700;
position: static;
top: 41px;
}
.x-jis-masthead-ctn {
width: 100px;
flex-direction: row;
justify-content: flex-end;
display: flex;
position: absolute;
top: 4px;
right: 3px;
}
.x-add-slash-price {
font-size: 16px;
font-weight: 500;
line-height: 18px;
text-decoration: line-through;
}
.x-plan-table-row-3 {
height: 78px;
border-bottom: 1px solid #c7c9cc;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-right: 24px;
display: flex;
position: relative;
}
.x-plan-table-row-3.for-center {
text-align: center;
border: 1px #000;
border-bottom: 1px solid #c7c9cc;
align-items: center;
padding-right: 0;
font-size: 1.1em;
}
.x-plan-table-row-3.for-center.x-for-table-flip {
height: auto;
border-bottom-style: none;
margin-top: 0;
}
.x-plan-table-row-3.for-center.for-raja-kombo {
height: 70px;
}
.x-plan-table-row-3.for-center.for-raja-kombo.for-mid-yellow {
background-color: #fdf5ae;
}
.x-plan-table-row-3.for-center.for-horizontal {
flex-direction: row;
}
.x-plan-table-row-3.for-center.for-horizontal.for-vertical.for-raja-kombo {
height: 80px;
}
.x-plan-table-row-3.for-center.for-horizontal.for-vertical.for-raja-kombo.for-light-yellow {
height: 80px;
background-color: #fffbdb;
}
.x-plan-table-row-3.for-center.for-horizontal.for-vertical.for-raja-kombo.for-light-yellow.for-two-lines {
height: 100px;
}
.x-plan-table-row-3.for-center.for-horizontal.for-vertical.for-raja-kombo.for-light-orange {
height: 80px;
background-color: rgba(255, 166, 0, .13);
}
.x-plan-table-row-3.for-center.for-horizontal.for-vertical.for-raja-kombo.for-light-orange.for-two-lines {
height: 100px;
}
.x-plan-table-row-3.for-center.for-horizontal.for-vertical.for-raja-kombo.for-light-orange {
background-color: rgba(255, 166, 0, .13);
}
.x-plan-table-row-3.for-center.for-horizontal.for-vertical.for-raja-kombo.for-light-yellow {
background-color: #fffbdb;
}
.x-plan-table-row-3.for-center.for-horizontal.for-vertical.for-pakej-remaja.add-height {
height: 90px;
height: 90px;
padding-right: 0;
}
.x-plan-table-row-3.for-center.for-horizontal.for-vertical.for-pakej-remaja.add-height.for-mid-yellow {
background-color: #fdf5ae;
border-style: none;
border-color: #000;
padding-right: 0;
}
.x-plan-table-row-3.for-center.for-horizontal.for-vertical.for-pakej-remaja.add-height {
height: 90px;
height: 90px;
padding-right: 0;
}
.x-plan-table-row-3.for-center.for-horizontal.for-vertical.for-pakej-remaja.add-height.for-mid-yellow {
background-color: #fdf5ae;
border-style: none;
border-color: #000;
padding-right: 0;
}
.x-plan-table-row-3.for-center.for-horizontal.for-vertical.for-raja-kombo-copy.for-light-yellow {
width: 200px;
height: 81px;
background-color: #fffbdb;
border-bottom-style: none;
border-top-right-radius: 8px;
}
.x-plan-table-row-3.for-center.for-horizontal.for-vertical.for-raja-kombo-copy.for-light-yellow.for-header {
height: 80px;
background-color: #ffe600;
}
.x-plan-table-row-3.for-center.for-raja-kombo.for-mid-yellow {
background-color: #fdf5ae;
}
.x-plan-table-row-3.for-center.for-raja-kombo.for-mid-yellow.for-last {
height: 80px;
border-bottom-style: solid;
}
.x-plan-table-row-3.for-center.for-raja-kombo.for-mid-yellow.for-two-lines {
height: 100px;
}
.x-plan-table-row-3.for-center.for-raja-kombo.for-mid-yellow.for-mobile {
height: 80px;
}
.x-plan-table-row-3.for-center.for-raja-kombo.for-dark-yellow {
height: 80px;
background-color: #fdf5ae;
}
.x-plan-table-row-3.for-center.for-raja-kombo.for-dark-yellow.for-last {
border-bottom-style: solid;
border-bottom-color: #c7c9cc;
}
.x-plan-table-row-3.for-center.for-raja-kombo.for-light-orange {
height: 80px;
background-color: rgba(255, 166, 0, .13);
}
.x-plan-table-row-3.for-center.for-raja-kombo.for-light-orange.for-two-lines {
height: 100px;
}
.x-plan-table-row-3.for-center.for-raja-kombo.for-darker-mid-yellow {
height: 80px;
background-color: rgba(255, 199, 0, .5);
}
.x-plan-table-row-3.for-center.for-raja-kombo.for-darker-mid-yellow.for-last {
border-bottom-style: solid;
border-bottom-color: #c7c9cc;
}
.x-plan-table-row-3.for-center.for-raja-kombo.for-darker-mid-yellow.for-two-lines {
height: 100px;
}
.x-plan-table-row-3.for-center.for-raja-kombo.for-dark-yellow {
background-color: #fdf5ae;
}
.x-plan-table-row-3.for-center.for-raja-kombo.for-dark-yellow.for-last {
border-bottom-style: solid;
border-bottom-color: #c7c9cc;
}
.x-plan-table-row-3.for-center.for-raja-kombo.for-dark-yellow.for-last.for-two-lines {
height: 100px;
}
.x-plan-table-row-3.for-center.for-raja-kombo.for-light-orange {
background-color: rgba(255, 166, 0, .13);
}
.x-plan-table-row-3.for-center.for-raja-kombo.for-darker-mid-yellow {
background-color: rgba(255, 199, 0, .5);
}
.x-plan-table-row-3.for-center.for-raja-kombo.for-darker-mid-yellow.for-two-lines {
height: 100px;
}
.x-plan-table-row-3.for-center.for-ppj {
flex-direction: column;
}
.x-plan-table-row-3.for-center.for-ppj.for-mid-yellow {
background-color: #fdf5ae;
}
.x-plan-table-row-3.for-center.for-ppj.for-right-border {
border-right-style: solid;
border-right-color: var(--line);
}
.x-plan-table-row-3.for-center.for-raja-kombo-copy.for-dark-yellow {
width: 200px;
background-color: #fdf5ae;
border-bottom-style: none;
border-bottom-right-radius: 8px;
}
.x-plan-table-row-3.for-center.for-raja-kombo-copy.for-dark-yellow-copy {
width: 200px;
background-color: #fdf5ae;
border-bottom-style: none;
border-bottom-right-radius: 0;
}
.x-plan-table-row-3.for-center.for-ppj-copy {
flex-direction: column;
}
.x-plan-table-row-3.for-center.for-ppj-copy.for-mid-yellow {
background-color: #fdf5ae;
}
.x-plan-table-row-3.for-center.for-ppj-copy {
flex-direction: column;
}
.x-plan-table-row-3.for-center.for-ppj-copy.for-mid-yellow {
background-color: #fdf5ae;
}
.x-plan-table-row-3.for-raja-kombo {
height: 70px;
border-bottom-style: none;
}
.x-plan-table-row-3.for-raja-kombo.for-white {
background-color: #fff;
}
.x-plan-table-row-3.for-raja-kombo.for-grey {
background-color: #dde2e5;
}
.x-plan-table-row-3.for-raja-kombo.add-height-copy {
height: 90px;
align-items: flex-start;
padding-right: 0;
}
.x-plan-table-row-3.for-raja-kombo {
height: 80px;
border-bottom-style: none;
}
.x-plan-table-row-3.for-raja-kombo.for-two-lines {
height: 100px;
}
.x-plan-table-row-3.for-raja-kombo.for-grey {
background-color: #dde2e5;
}
.x-plan-table-row-3.for-raja-kombo.for-grey.for-last {
border-bottom-style: solid;
border-bottom-color: #c7c9cc;
}
.x-plan-table-row-3.for-raja-kombo.for-grey.for-two-lines {
height: 100px;
}
.x-plan-table-row-3.for-raja-kombo {
height: 80px;
border-bottom-style: none;
}
.x-plan-table-row-3.for-raja-kombo.for-grey {
background-color: #dde2e5;
}
.x-plan-table-row-3.for-raja-kombo.for-grey.for-last {
border-bottom-style: solid;
border-bottom-color: #c7c9cc;
}
.x-plan-table-row-3.for-raja-kombo.for-grey.for-two-lines {
height: 100px;
}
.x-plan-table-row-3.for-raja-kombo.for-dark-orange-copy {
background-color: #ffd580;
border-bottom-left-radius: 0;
}
.x-plan-table-row-3.for-raja-kombo.for-dark-orange {
background-color: #ffd580;
border-bottom-left-radius: 8px;
}
.x-plan-table-row-3.for-raja-kombo.for-light-orange {
background-color: rgba(255, 213, 128, .49);
border-radius: 0;
}
.x-plan-table-row-3.for-raja-kombo.for-light-orange.for-header {
background-color: #ffc700;
border-top-left-radius: 8px;
}
.x-plan-table-row-3.for-pakej-remaja {
height: 70px;
border-bottom-style: none;
}
.x-plan-table-row-3.for-pakej-remaja.for-white {
background-color: #fff;
}
.x-plan-table-row-3.for-pakej-remaja.for-grey {
background-color: #dde2e5;
}
.x-plan-table-row-3.for-pakej-remaja.for-grey.add-height {
height: 90px;
}
.x-plan-table-row-3.for-pakej-remaja.add-height-copy {
height: 90px;
align-items: flex-start;
padding-right: 0;
}
.x-plan-table-row-3.for-pakej-remaja {
height: 70px;
border-bottom-style: none;
}
.x-plan-table-row-3.for-pakej-remaja.for-white {
background-color: #fff;
}
.x-plan-table-row-3.for-pakej-remaja.for-grey {
background-color: #dde2e5;
}
.x-plan-table-row-3.for-pakej-remaja.for-grey.add-height {
height: 90px;
}
.x-plan-table-row-3.for-pakej-remaja.add-height-copy {
height: 90px;
align-items: flex-start;
padding-right: 0;
}
.x-plan-table-row-3.for-ppj {
border-bottom-style: solid;
}
.x-plan-table-row-3.for-ppj.for-light-grey {
background-color: #f5f5f5;
}
.x-plan-table-row-3.for-ppj.remove-border {
border-bottom-style: none;
}
.x-plan-table-row-3.for-ppj-copy {
border-bottom-style: solid;
}
.x-plan-header-2 {
height: 60%;
background-color: #ffe600;
border: 2px #000;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
flex-flow: column;
flex: 0 auto;
order: 0;
justify-content: flex-start;
align-self: auto;
align-items: center;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.x-plan-header-2.x-add-height {
height: 70%;
}
.x-plan-header-2.x-add-height.for-new, .x-plan-header-2.x-plan-header-adjust {
height: 60%;
}
.x-plan-header-2.x-plan-header-adjust {
height: 45%;
height: 45%;
position: relative;
}
.x-plan-header-sub-2 {
width: auto;
color: #272727;
text-align: center;
background-color: rgba(0, 0, 0, 0);
border-radius: 8px;
margin: 4px auto 0;
padding-left: 12px;
padding-right: 12px;
font-weight: 400;
position: static;
top: 41px;
}
.x-plan-header-sub-2.x-add-slash {
text-decoration: line-through;
}
.x-plan-back-header-2 {
background-color: #ffe600;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
justify-content: center;
align-items: stretch;
display: flex;
}
.x-buy-opt-btn-2 {
color: #6e6e6e;
border: 2px solid #c7c9cc;
border-radius: 8px;
align-items: center;
padding: 16px;
font-weight: 500;
display: flex;
}
.x-buy-opt-btn-2:hover {
color: #039be5;
border-color: #039be5;
}
.x-modal-header-2 {
justify-content: space-between;
align-items: center;
padding: 18px 24px;
display: flex;
}
.x-countryflag-img {
max-width: 35px;
}
.text-span-98 {
text-decoration: line-through;
}
.x-idd-slider {
z-index: 0;
width: 30%;
height: 420px;
border-radius: 30px;
margin-right: 20px;
padding: 10px 0;
position: relative;
transform: translate(0)perspective(1234px);
}
.x-tab-menu-3 {
border-bottom: 2px solid #272727;
align-items: flex-end;
display: flex;
}
.x-tab-menu-3.centre {
justify-content: center;
}
.x-tab-menu-3.centre.buttons-style {
border-bottom-style: none;
align-items: center;
margin-bottom: 3px;
}
.x-tab-menu-3.centre.buttons-style.for-mobile.for-flex {
padding-top: 0;
}
.x-tab-menu-3.centre.buttons-style.for-mobile {
margin-bottom: 10px;
padding-top: 0;
padding-left: 64px;
padding-right: 64px;
}
.x-tab-menu-3.centre.buttons-style {
border-bottom-style: none;
align-items: center;
margin-bottom: 3px;
}
.x-idd-eligible-countries-title-2 {
color: #272727;
font-weight: 600;
line-height: 20px;
}
.tab-postpaid150-2 {
color: #979797;
background-color: rgba(0, 0, 0, 0);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
margin-bottom: -1px;
padding: 12px 16px;
font-weight: 700;
transition: all .25s cubic-bezier(.86, 0, .07, 1);
}
.tab-postpaid150-2:hover {
color: #039be5;
}
.tab-postpaid150-2.w--current {
color: #fff;
background-color: #272727;
}
.tab-postpaid150-2.left-button {
color: #979797;
background-color: #fff;
border: 1px solid #c7c9cc;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
margin-left: 10px;
margin-right: 0;
}
.tab-postpaid150-2.left-button:hover {
color: #039be5;
}
.tab-postpaid150-2.left-button.w--current {
color: #fff;
background-color: #272727;
border-color: #272727;
}
.tab-postpaid150-2.right-button {
color: #979797;
background-color: #fff;
border: 1px solid #c7c9cc;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
margin-left: 15px;
}
.tab-postpaid150-2.right-button:hover {
color: #039be5;
border-color: #c7c9cc;
}
.tab-postpaid150-2.right-button.w--current {
color: #fff;
background-color: #272727;
border-color: #272727;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
margin-left: 15px;
}
.tab-postpaid150-2.right-button.w--current:hover {
border-color: rgba(0, 0, 0, 0);
}
.tab-postpaid150-2.right-button {
color: #979797;
background-color: #fff;
border: 1px solid #c7c9cc;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
margin-left: 15px;
}
.tab-postpaid150-2.right-button:hover {
color: #039be5;
border-color: #c7c9cc;
}
.tab-postpaid150-2.right-button.w--current {
color: #fff;
background-color: #272727;
border-color: #272727;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
margin-left: 15px;
}
.tab-postpaid150-2.right-button.w--current:hover {
border-color: rgba(0, 0, 0, 0);
}
.tab-postpaid150-2.left-button {
color: #979797;
background-color: #fff;
border: 1px solid #c7c9cc;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
margin-right: 0;
}
.tab-postpaid150-2.left-button:hover {
color: #039be5;
}
.tab-postpaid150-2.left-button.w--current {
color: #fff;
background-color: #272727;
border-color: #272727;
}
.x-plan-container-2 {
height: 100%;
background-color: #fff;
border-radius: 30px;
transition: transform 1s;
box-shadow: 0 0 9px -4px rgba(0, 0, 0, .4);
}
.x-plan-bottom-price-text-idd {
text-align: center;
font-size: 28px;
font-weight: 700;
line-height: 17px;
}
.x-idd-eligible-countries-2 {
color: #6e6e6e;
font-weight: 700;
line-height: 20px;
}
.x-idd-eligible-countries-2.x-add-margin-2 {
margin-top: 8px;
padding-left: 10px;
padding-right: 10px;
font-size: 14px;
font-weight: 400;
line-height: 18px;
}
.x-idd-main-slider {
height: 100%;
background-color: rgba(0, 0, 0, 0);
margin-bottom: 40px;
display: block;
}
.x-guide-card-wrapper-2 {
width: 100%;
height: 100%;
background-color: #f5f5f5;
border: 1px solid #c7c9cc;
border-radius: 8px;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 15px 15px 15px 20px;
display: flex;
}
.x-lto-blurb {
color: #fff;
background-color: #ff3939;
border-radius: 8px;
justify-content: center;
margin-bottom: 20px;
padding: 5px 20px;
font-weight: 600;
display: flex;
}
.x-help-card-block {
width: 100%;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin: 30px auto 20px;
display: grid;
}
.x-help-icon {
width: 100px;
height: 100px;
margin: 0 auto;
display: block;
position: static;
}
.x-help-icon.for-chat {
margin-top: -10px;
}
.x-help-card {
width: 100%;
height: 100%;
background-color: var(--white);
box-shadow: 2px 2px 13px 0 var(--bottom-nav);
cursor: pointer;
border: 0 #000;
border-radius: 20px;
margin: auto;
padding: 20px 10px 10px;
position: relative;
}
.x-help-card:hover {
border: 2px none var(--link-blue);
background-color: var(--ultra-light-yellow);
outline-color: var(--link-blue);
outline-offset: 0px;
border-radius: 20px;
outline-width: 1px;
outline-style: none;
}
.x-help-card-header {
color: var(--link-blue);
text-align: center;
align-items: center;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
font-size: 20px;
line-height: 23px;
display: block;
}
.x-help-card-para {
color: var(--dark-grey);
text-align: left;
margin-top: 10px;
margin-bottom: 20px;
padding-top: 0;
padding-left: 40px;
padding-right: 20px;
}
.x-help-title {
text-align: center;
margin-bottom: 10px;
font-size: 40px;
}
.x-help-subheader {
text-align: center;
margin-bottom: 20px;
font-size: 16px;
line-height: 20px;
}
.x-help-card-2 {
width: auto;
background-color: var(--white);
box-shadow: 2px 2px 13px 0 var(--bottom-nav);
border: 0 solid #000;
border-radius: 10px;
flex-direction: column;
justify-content: flex-start;
margin-left: 0;
margin-right: 0;
padding: 20px 20px 25px;
display: flex;
position: relative;
}
.x-help-card-2:hover {
border-style: none;
}
.x-help-card-2.for-bottom-padding {
padding-bottom: 25px;
}
.x-help-card-2 {
height: 100%;
cursor: pointer;
padding-left: 15px;
padding-right: 15px;
}
.x-help-card-2:hover {
border: 2px none var(--link-blue);
background-color: var(--ultra-light-yellow);
outline-color: var(--link-blue);
outline-offset: 0px;
outline-width: 1px;
outline-style: none;
}
.x-help-card-para-2 {
color: var(--dark-grey);
text-align: center;
margin-bottom: 0;
padding-left: 10px;
padding-right: 10px;
line-height: 22px;
}
.x-help-card-block-top {
width: 100%;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin: 30px auto 20px;
display: grid;
}
.x-help-header-ctn {
text-align: center;
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 5px;
display: flex;
}
.x-help-para-ctn {
text-align: center;
justify-content: center;
align-items: flex-start;
display: flex;
}
.x-help-contact-grid {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
align-items: start;
justify-items: center;
}
.x-self-help-header {
color: var(--link-blue);
text-align: center;
align-items: center;
margin: 13px auto 10px;
padding-left: 0;
padding-right: 0;
font-size: 20px;
line-height: 23px;
display: block;
}
.x-self-help-icon {
width: 100px;
height: 100px;
margin: 10px auto;
display: block;
position: static;
}
.x-idd-valid-days {
color: var(--grey-text);
text-align: center;
margin-top: -10px;
margin-bottom: auto;
font-size: 14px;
font-weight: 600;
}
.x-language-picker-ekyc {
z-index: 100;
background-color: var(--white);
border-radius: 8px;
position: absolute;
top: 136px;
bottom: auto;
left: auto;
right: 2%;
overflow: hidden;
}
.x-language-picker-ekyc.for-bm {
top: 22px;
}
.x-footer-heading {
font-size: 16px;
}
.x-ekyc-input-row {
align-items: flex-start;
margin: 0 -8px 20px;
display: flex;
}
.x-ekyc-input-row.for-top-margin {
margin-top: 40px;
}
.x-ekyc-input-row.for-top-margin.for-hide-ekyc-form {
display: none;
}
.x-ekyc-checkbox {
align-items: flex-start;
margin-bottom: 12px;
padding-left: 0;
display: flex;
}
.x-ekyc-check-label {
margin-bottom: 0;
font-weight: 400;
}
.x-ekyc-column {
flex: 1;
margin-left: 8px;
margin-right: 8px;
}
.x-lang-picker-rdy {
z-index: 100;
background-color: var(--white);
border-radius: 8px;
position: absolute;
top: 194px;
bottom: auto;
left: auto;
right: 91%;
overflow: hidden;
}
.x-help-bookmark, .x-help-bookmark-2 {
width: 50px;
position: absolute;
top: -1%;
bottom: auto;
left: auto;
right: 3%;
}
.x-dsp-header {
width: 60%;
min-width: 50px;
text-align: center;
margin: 10px auto 0;
padding-left: 0;
padding-right: 0;
font-size: 40px;
line-height: 50px;
}
.x-dsp-teachers-form {
width: 100%;
margin-bottom: 20px;
}
.x-language-picker-ppn {
z-index: 100;
background-color: var(--white);
border-radius: 8px;
position: absolute;
top: 6px;
bottom: auto;
left: auto;
right: 1%;
overflow: hidden;
}
.x-lang-picker-fibre {
z-index: 100;
background-color: var(--white);
border-radius: 8px;
position: absolute;
top: 181px;
bottom: auto;
left: auto;
right: 1%;
overflow: hidden;
}
.x-dsp-teachers-subheader {
text-align: center;
margin-bottom: 20px;
font-size: 20px;
}
.x-dsp-teachers-input-title {
margin-top: 30px;
}
.x-dsp-teachers-input {
background-color: var(--ultra-light-grey);
border-radius: 10px;
}
.x-dsp-teachers-check-label {
margin-bottom: 0;
font-weight: 400;
}
.x-dsp-teachers-input-check-btn {
width: 32px;
height: 32px;
border: 1px solid var(--grey-text);
background-color: var(--ultra-light-grey);
box-shadow: 0 3px 3px 0 var(--shadow);
cursor: pointer;
border-radius: 8px;
flex: none;
margin-top: 0;
margin-left: 0;
margin-right: 16px;
}
.x-dsp-teachers-input-check-btn.w--redirected-checked {
border-color: var(--link-blue);
background-color: var(--link-blue);
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6152b2d34ca06b7cda5dd72e_check-fill.svg");
border-radius: 8px;
box-shadow: 0 6px 12px -3px rgba(3, 155, 229, .64);
}
.x-dsp-teachers-checkbox {
align-items: flex-start;
margin-bottom: 12px;
padding-left: 0;
display: flex;
}
.x-dsp-teachers-column {
flex: 1;
margin-left: 8px;
margin-right: 8px;
}
.x-dsp-teachers-input-row {
align-items: flex-start;
margin: 0 -8px 20px;
display: flex;
}
.x-dsp-teachers-input-row.for-top-margin {
margin-top: 40px;
}
.x-dsp-teachers-icon {
width: 50px;
height: 50px;
margin-bottom: 10px;
}
.x-dsp-success-block {
background-color: #fff9c0;
border-radius: 10px;
margin-bottom: 40px;
}
.x-dsp-form-wrapper {
max-width: 720px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
}
.x-idd-subheader {
text-align: center;
margin-bottom: 20px;
font-size: 1em;
}
.x-idd-title {
text-align: center;
margin-bottom: 0;
font-size: 2em;
}
.x-ads-step-content {
border: 1px solid var(--line);
border-radius: 10px;
margin: 0;
padding: 10px 20px;
}
.x-ar-html {
width: 100%;
height: 100vh;
}
.x-exclusive-card-block {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 24px;
display: grid;
}
.x-exclusive-card-block.for-margin-padding {
margin-bottom: 10px;
margin-left: 80px;
margin-right: 80px;
}
.x-exclusive-card-block.for-margin-padding.for-5 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.x-exclusive-card-block.for-4 {
grid-template-rows: auto;
margin-bottom: 0;
}
.x-exclusive-card-block.for-4-2 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.x-exclusive-card-wrapper {
text-align: center;
}
.x-exclusive-icon {
width: 120px;
height: 120px;
margin-bottom: 10px;
display: inline-block;
position: static;
}
.x-exclusive-icon.no-margin {
margin-bottom: 0;
}
.x-exclusive-icon.add-padding {
margin-left: 0;
margin-right: 0;
padding: 20px;
display: inline-block;
}
.x-exclusive-icon-title {
color: var(--black);
text-align: center;
justify-content: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
font-size: 23px;
font-weight: 700;
line-height: 25px;
display: block;
}
.x-exclusive-desc {
font-size: 16px;
font-weight: 400;
line-height: 18px;
}
.x-exclusive-title {
text-align: center;
margin-bottom: 10px;
font-size: 2em;
}
.x-exclusive-title.for-center {
margin-left: 220px;
margin-right: 220px;
line-height: 1.2em;
}
.x-exclusive-gallery-img {
width: 100%;
height: auto;
max-height: none;
object-fit: cover;
border-radius: 12px 12px 0 0;
}
.x-exclusive-gallery-title {
color: var(--black);
font-size: 18px;
font-weight: 700;
line-height: 22px;
}
.x-exclusive-table-block {
width: 70%;
height: 100%;
flex-wrap: nowrap;
justify-content: center;
align-items: stretch;
margin: 40px auto;
display: flex;
overflow: visible;
}
.x-exclusive-text {
font-weight: 700;
}
.x-exclusive-text.for-title {
color: #272727;
color: #272727;
margin-bottom: 0;
font-size: 22px;
line-height: 32px;
}
.x-exclusive-text-block {
height: 100%;
background-color: var(--white);
border-radius: 0 0 12px 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 20px;
display: flex;
position: relative;
}
.x-exclusive-card {
height: 100%;
border: 1px none var(--line);
box-shadow: 1px 0 3px 1px var(--shadow);
background-color: rgba(0, 0, 0, 0);
border-radius: 12px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-left: 0;
display: flex;
position: relative;
}
.x-exclusive-card.banner-data-layer {
box-shadow: none;
border-style: solid;
}
.x-exclusive-slide-wrapper {
width: 32%;
height: 330px;
max-height: none;
margin-bottom: 10px;
margin-left: 15px;
margin-right: 0;
padding-bottom: 0;
padding-right: 0;
left: -12px;
}
.x-exclusive-slider {
height: 100%;
background-color: rgba(0, 0, 0, 0);
flex-flow: wrap;
align-content: center;
justify-content: flex-end;
align-items: stretch;
padding-left: 0;
display: block;
}
.x-exclusive-slider-arrow-left {
width: 30px;
height: 30px;
transform-style: preserve-3d;
justify-content: center;
align-items: center;
margin-top: auto;
margin-bottom: auto;
margin-left: 7px;
display: flex;
top: 0;
bottom: 0;
left: -28px;
transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}
.x-exclusive-slider-arrow-left.for-hide-arrow {
display: none;
}
.x-exclusive-slider-arrow-right {
width: 30px;
height: 30px;
justify-content: center;
align-items: center;
margin-top: auto;
margin-bottom: auto;
margin-right: 7px;
display: flex;
top: 0;
bottom: 0;
right: -15px;
}
.x-exclusive-slider-arrow-right.for-hide-arrow {
display: none;
}
.x-exclusive-table-text {
margin-left: 10px;
margin-right: 10px;
font-size: 16px;
font-weight: 400;
line-height: 19px;
}
.x-exclusive-table-text.for-bold {
text-align: center;
text-align: center;
font-size: 15px;
font-weight: 700;
line-height: 18px;
}
.x-exclusive-small-notice {
color: var(--dark-grey);
font-size: 14px;
font-style: italic;
}
.x-exclusive-small-notice.for-center {
text-align: center;
margin-top: auto;
padding-top: 10px;
font-size: 16px;
font-weight: 700;
}
.x-video-center-block {
margin-left: 40px;
margin-right: 40px;
}
.x-video-center-block.for-more-margin {
margin-left: 60px;
margin-right: 60px;
}
.x-button-card-list {
grid-column-gap: 24px;
grid-row-gap: 24px;
border-radius: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 0;
display: grid;
}
.x-button-card-list.x-grid-4 {
grid-column-gap: 10px;
grid-row-gap: 10px;
margin-top: 26px;
margin-left: 140px;
margin-right: 140px;
}
.x-button-card-list.x-grid-4.for-bottom-margin {
margin-bottom: 40px;
}
.x-button-title {
color: #272727;
text-align: center;
justify-content: center;
align-items: center;
margin-top: 10px;
margin-bottom: 10px;
font-size: 18px;
line-height: 20px;
display: flex;
}
.x-button-title.no-margin {
margin-top: 10px;
margin-bottom: 0;
}
.x-icon-card {
width: 90%;
height: 100%;
border-radius: 10px;
margin-left: auto;
margin-right: auto;
padding: 10px;
transition: all .3s;
overflow: hidden;
box-shadow: 0 2px 10px -3px #979797;
}
.x-icon-card:hover, .x-icon-card:active {
background-color: #fff6a3;
}
.x-button-icon {
width: 100px;
height: 100px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
display: block;
position: static;
}
.x-button-icon:hover {
filter: none;
}
.x-button-icon.for-smaller {
width: 70px;
height: 70px;
}
.x-icon-card-link {
margin-left: auto;
margin-right: auto;
display: block;
}
.x-mini-plan-link-2 {
min-width: 160px;
color: #272727;
cursor: pointer;
background-color: #fff;
border: 1px solid #039be5;
border-radius: 8px;
padding: 16px;
transition: all .2s ease-in-out;
display: block;
position: relative;
overflow: hidden;
box-shadow: 0 3px 3px -2px rgba(56, 68, 77, .16), 0 6px 8px rgba(56, 68, 77, .16);
}
.x-mini-plan-link-2:hover {
background-color: #dde2e5;
}
.x-mini-plan-link-2.x-no-hover {
box-shadow: none;
cursor: auto;
border-color: #c7c9cc;
padding-top: 39px;
}
.x-mini-plan-link-2.x-no-hover:hover {
background-color: #fff;
}
.x-mini-plan-link-2.x-no-hover.adjust-padding {
height: 100%;
padding-top: 39px;
}
.x-mini-plan-link-2.for-full {
height: 100%;
}
.x-mini-plan-link-2.for-full.x-no-hover.adjust-padding {
padding-top: 39px;
}
.x-mini-plan-link-2.x-no-hover {
box-shadow: none;
cursor: auto;
border-color: #c7c9cc;
}
.x-mini-plan-link-2.x-no-hover:hover {
background-color: #fff;
}
.x-mini-plan-link-2.x-no-hover.adjust-padding {
height: 100%;
padding-top: 39px;
}
.x-mini-plan-link-2.x-no-hover {
box-shadow: none;
cursor: auto;
border-color: #c7c9cc;
}
.x-mini-plan-link-2.x-no-hover:hover {
background-color: #fff;
}
.x-mini-plan-link-2.x-no-hover.adjust-padding {
height: 100%;
padding-top: 39px;
}
.x-mini-plan-link-2.x-no-hover-2 {
box-shadow: none;
cursor: auto;
background-color: #fff;
border-color: #c7c9cc;
}
.x-mini-plan-link-2.for-no-desc {
padding-top: 24px;
padding-bottom: 24px;
}
.x-mini-plan-price-2 {
color: #fff;
text-align: right;
background-color: #039be5;
border-bottom-left-radius: 8px;
padding: 6px 12px;
font-size: 14px;
font-weight: 600;
position: absolute;
top: 0%;
bottom: auto;
left: auto;
right: 0;
}
.x-dropdown-item-2 {
background-color: rgba(0, 0, 0, 0);
border-bottom: 1px solid #c7c9cc;
border-radius: 0;
margin-bottom: 20px;
padding: 0 0 14px;
}
.tab-link-tab-1-2 {
width: 350px;
background-color: rgba(0, 0, 0, 0);
padding-bottom: 15px;
padding-left: 0;
display: flex;
}
.tab-link-tab-1-2.w--current {
width: 350px;
color: #039be5;
background-color: rgba(0, 0, 0, 0);
border: 1px #000;
border-bottom-color: #c7c9cc;
padding-bottom: 15px;
display: flex;
}
.x-add-on-content-text-2 {
background-color: #f5f5f5;
border-radius: 8px;
padding: 26px 40px;
display: flex;
}
.x-get-help-ctn.for-hide-dp {
display: none;
}
.x-msisdn-no-wrapper {
display: flex;
}
.x-mobile-prefix {
height: auto;
border: 1px solid var(--line);
background-color: var(--ultra-light-grey);
border-radius: 10px;
flex-direction: row;
align-items: center;
margin-bottom: 10px;
margin-right: 5px;
padding-left: 14px;
padding-right: 14px;
font-size: 14px;
display: flex;
}
.x-mobile-prefix.for-roi {
height: 56px;
margin-right: 8px;
}
.x-btl-subheader {
text-align: center;
margin-bottom: 24px;
font-size: 24px;
font-weight: 500;
line-height: 32px;
}
.x-btl-content {
text-align: center;
font-size: 20px;
font-weight: 500;
line-height: 30px;
}
.x-image-card-img-2 {
width: 100%;
object-fit: cover;
border: 2px #272727;
border-radius: 8px;
margin-bottom: 16px;
}
.x-clock-number {
background-color: #fff;
border: 1px solid #dde2e5;
border-radius: 8px;
margin-right: 5px;
padding: 5px;
font-size: 25px;
font-weight: 700;
}
.x-countdown-box {
text-align: center;
align-items: center;
margin-left: 10px;
display: flex;
}
.x-countdown-ctn {
margin-left: 0;
display: flex;
}
.x-countdown-txt {
font-size: 18px;
font-weight: 600;
}
.x-clock-label {
font-size: 14px;
line-height: 17px;
}
.x-countdown-txt-ctn {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 80px 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: flex;
}
.div-block-38 {
z-index: 10000;
background-color: #fcc;
padding: 9px;
position: fixed;
top: auto;
bottom: 0%;
left: 0%;
right: auto;
}
.x-familiku-masthead {
width: 100px;
padding-top: 5px;
padding-right: 5px;
}
.x-auto-renewal-text-2 {
color: #6e6e6e;
font-weight: 700;
line-height: 20px;
}
.x-auto-renewal-text-2.x-add-margin-2 {
margin-top: 8px;
}
.x-slider-dots-3 {
z-index: 2000;
width: 80px;
height: 30px;
background-color: rgba(0, 0, 0, 0);
border-radius: 20px;
margin-left: auto;
margin-right: auto;
padding-top: 6.5px;
position: relative;
top: 17px;
bottom: -11%;
left: 0%;
right: 0%;
}
.x-slider-dots-3.for-hide-arrow {
display: none;
}
.text-span-102 {
color: var(--price-red);
}
.x-arrow-left-wrapper-3 {
z-index: 10000;
width: 30px;
height: 40px;
text-align: center;
transform-style: preserve-3d;
justify-content: center;
align-items: center;
display: block;
top: 0%;
bottom: 0%;
left: -34px;
right: auto;
overflow: hidden;
transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}
.x-arrow-left-wrapper-3.for-hide, .x-arrow-left-wrapper-3.for-hide.for-tablet.for-hide-arrow {
display: none;
}
.x-w-auto-renew-2 {
color: #979797;
margin-bottom: 0;
font-size: 12px;
font-style: italic;
}
.x-arrow-right-wrapper-3 {
width: 30px;
height: 40px;
top: 0%;
bottom: 0%;
left: auto;
right: -26px;
}
.x-belia-promo-icon {
width: 40px;
padding-left: 10px;
padding-right: 10px;
position: absolute;
top: auto;
bottom: -15%;
left: auto;
right: -2%;
}
.x-belia-promo-icon.for-next35 {
bottom: 3%;
}
.x-belia-promo-icon.for-prepaid-all {
width: 40px;
position: absolute;
bottom: -30%;
right: -19%;
}
.x-belia-promo-icon.for-prepaid-all.for-belia {
width: 30px;
margin-left: 0;
padding-left: 15px;
bottom: 0%;
right: 0%;
}
.x-belia-promo-ctn {
position: relative;
}
.x-banner-title-2 {
color: #fff;
font-size: 56px;
line-height: 60px;
display: block;
position: relative;
top: 165px;
bottom: auto;
left: 0%;
right: 0%;
}
.x-banner-title-2.for-loyalty-bonus, .x-banner-title-2.for-appstore, .x-banner-title-2.for-googleplay {
font-size: 45px;
top: 270px;
}
.x-banner-heading-2 {
color: #fff;
text-align: center;
object-fit: fill;
flex: none;
order: 0;
align-self: auto;
margin-bottom: 0;
display: block;
position: relative;
top: 57px;
bottom: auto;
left: 0%;
right: 0%;
}
.x-banner-heading-2.for-pkrm {
font-weight: 600;
top: 245px;
}
.x-banner-heading-2.for-oku, .x-banner-heading-2.for-senior-citizen, .x-banner-heading-2.for-appstore, .x-banner-heading-2.for-googleplay {
font-size: 1.5em;
font-weight: 600;
line-height: 1.5em;
top: 245px;
}
.x-invincible-div-2 {
background-color: #f5f5f5;
border: 1px solid #f5f5f5;
}
.x-invincible-text-2 {
color: #f5f5f5;
}
.x-add-on-card-2 {
background-color: #fff;
border: 0 #c7c9cc;
border-radius: 20px;
flex-direction: column;
justify-content: space-between;
display: flex;
box-shadow: 0 0 5px #c7c9cc;
}
.text-span-103 {
color: #6e6e6e;
font-weight: 700;
}
.tab-family20-2 {
color: #979797;
background-color: rgba(0, 0, 0, 0);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
margin-bottom: -1px;
padding: 12px 16px;
font-weight: 700;
transition: all .25s cubic-bezier(.86, 0, .07, 1);
}
.tab-family20-2:hover {
color: #039be5;
}
.tab-family20-2.w--current {
color: #fff;
background-color: #272727;
}
.tab-family20-2.left-button {
color: #979797;
background-color: #fff;
border: 1px solid #c7c9cc;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
margin-right: 0;
}
.tab-family20-2.left-button:hover {
color: #039be5;
}
.tab-family20-2.left-button.w--current {
color: #fff;
background-color: #272727;
border-color: #272727;
}
.tab-family30-2 {
color: #979797;
background-color: rgba(0, 0, 0, 0);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
margin-bottom: -1px;
padding: 12px 16px;
font-weight: 700;
transition: all .25s cubic-bezier(.86, 0, .07, 1);
}
.tab-family30-2:hover {
color: #039be5;
}
.tab-family30-2.w--current {
color: #fff;
background-color: #272727;
}
.tab-family30-2.right-button {
color: #979797;
background-color: #fff;
border: 1px solid #c7c9cc;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
margin-left: 15px;
}
.tab-family30-2.right-button:hover {
color: #039be5;
border-color: #c7c9cc;
}
.tab-family30-2.right-button.w--current {
color: #fff;
background-color: #272727;
border-color: #272727;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
margin-left: 15px;
}
.tab-family30-2.right-button.w--current:hover {
border-color: rgba(0, 0, 0, 0);
}
.x-family-bundle-card-img-2 {
width: 100%;
cursor: default;
object-fit: cover;
border: 2px #272727;
border-radius: 8px;
margin-bottom: 16px;
}
.x-hero-3 {
background-color: #f5f5f5;
}
.x-hero-heading-2 {
color: #272727;
margin-bottom: 11px;
font-size: 2.5em;
line-height: 1em;
}
.x-hero-grid-banner-3 {
width: 100%;
height: 320px;
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #ffe600;
border-radius: 16px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: .7fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
padding: 34px;
display: grid;
position: relative;
overflow: hidden;
}
.x-device-familiku {
width: 60px;
position: absolute;
top: 26%;
bottom: auto;
left: auto;
right: 4%;
}
.x-lang-picker-belia {
z-index: 100;
background-color: var(--white);
border-radius: 8px;
position: absolute;
top: 181px;
bottom: auto;
left: auto;
right: 1%;
overflow: hidden;
}
.x-webekyc-img {
border-radius: 10px;
}
.x-ekyc-slide {
width: 32.4%;
margin-right: 12px;
}
.x-ekyc-slider {
width: 850px;
height: 100%;
background-color: rgba(0, 0, 0, 0);
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
}
.x-arrow-left-wrapper-ekyc {
z-index: 10000;
width: 30px;
height: 40px;
text-align: center;
transform-style: preserve-3d;
justify-content: center;
align-items: center;
display: block;
top: 0%;
bottom: 0%;
left: -18px;
right: auto;
overflow: hidden;
transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}
.x-arrow-right-wrapper-ekyc {
width: 30px;
height: 40px;
top: 0%;
bottom: 0%;
left: auto;
right: -18px;
}
.x-ekyc-slide-nav {
display: none;
}
.x-language-picker-exclusive {
z-index: 100;
background-color: var(--white);
border-radius: 8px;
position: absolute;
top: 132px;
bottom: auto;
left: auto;
right: 1%;
overflow: hidden;
}
.x-subnav-menu-item-copy {
flex-direction: row;
align-items: center;
margin-left: 16px;
display: flex;
}
.x-subnav-menu-link-2 {
color: #fff;
white-space: nowrap;
border-bottom: 2px solid #272727;
padding: 12px 16px 10px;
font-size: 14px;
font-weight: 600;
transition: all .55s cubic-bezier(.86, 0, .07, 1);
display: block;
}
.x-subnav-menu-link-2:hover {
color: #ffe600;
}
.x-subnav-menu-link-2.w--current {
color: #ffe600;
border-bottom-color: #ffe600;
}
.x-subnav-menu-link-2.for-catalogue {
border-right: 1px solid var(--line);
flex: 0 auto;
margin-top: 12px;
margin-bottom: 10px;
padding: 0 10px;
}
.x-subnav-menu-link-2.for-catalogue.for-right {
border-right-style: none;
}
.x-subnav-menu-link-2.for-catalogue.for-right.for-no-line, .x-subnav-menu-link-2.for-catalogue.for-no-line {
border-bottom-style: none;
}
.x-subnav-menu-link-2.for-catalogue {
border-bottom-style: none;
border-right: 1px solid #979797;
flex: 0 auto;
margin-top: 12px;
margin-bottom: 10px;
padding: 0 10px;
}
.x-subnav-menu-link-2.for-catalogue.for-right {
border-right-style: none;
}
.x-subnav-menu-link-2.for-catalogue {
border-right: 1px solid #979797;
flex: 0 auto;
margin-top: 12px;
margin-bottom: 10px;
padding: 0 10px;
}
.x-subnav-menu-link-2.for-catalogue.for-right {
border-right-style: none;
}
.x-long-banner-2 {
cursor: pointer;
background-color: #fff7af;
border-radius: 16px;
justify-content: center;
padding: 0;
display: block;
position: relative;
overflow: hidden;
}
.x-long-banner-image-2 {
cursor: pointer;
object-fit: cover;
}
.x-free-device-small-txt {
color: #005eb8;
text-shadow: 2px 2px #fff;
margin-top: -5px;
font-size: 2em;
line-height: 100%;
}
.x-free-device-small-txt.remove-margin {
margin-bottom: 0;
}
.x-free-device-cta-mobile {
border-radius: 8px;
margin-top: 20px;
margin-left: 0;
padding-left: 28px;
padding-right: 28px;
font-weight: 700;
display: none;
}
.x-free-device-cta-mobile:hover {
background-color: #272727;
}
.x-free-device-logo {
width: 130px;
padding-top: 0;
padding-bottom: 0;
position: absolute;
top: 10px;
}
.x-free-device-logo.for-bigger {
width: 180px;
}
.x-free-device-img-ctn {
flex-direction: column;
display: flex;
}
.x-free-device-cta {
border-radius: 8px;
margin-top: 20px;
margin-left: 0;
padding-left: 28px;
padding-right: 28px;
font-weight: 700;
transition: all .3s;
}
.x-free-device-cta:hover {
background-color: #272727;
}
.x-section-free-device {
height: 370px;
margin-top: 15px;
margin-bottom: 50px;
position: relative;
}
.x-section-free-device.adjust-bottom-margin {
margin-bottom: 20px;
}
.x-section-free-device.adjust-bottom-margin.for-shorter-height {
height: 320px;
margin-bottom: 0;
}
.x-section-free-device.adjust-bottom-margin.for-longer {
height: 450px;
height: 450px;
display: block;
}
.x-section-free-device.for-fibre, .x-section-free-device.for-j5gbersama {
margin-top: 0;
margin-bottom: 0;
}
.x-section-free-device.for-gadget-sim-cd {
height: 350px;
margin-top: 0;
margin-bottom: 0;
}
.x-free-device-txt-ctn {
flex-direction: column;
align-items: flex-start;
margin-left: 40px;
display: flex;
position: relative;
top: -22px;
}
.x-free-device-txt-ctn.for-gadget-sim {
top: 8px;
}
.x-free-device-txt-ctn.for-fibre {
width: 460px;
grid-column-gap: 5px;
grid-row-gap: 5px;
}
.x-free-device-txt-ctn.for-fibre.for-bm {
width: 510px;
}
.x-free-device-txt-ctn.for-j5gbersama {
top: -81px;
left: 70px;
}
.x-free-device-title {
color: #003b5c;
text-shadow: 4px 4px #fff;
font-size: 6em;
line-height: 90%;
}
.x-tab-ekyc {
color: #979797;
background-color: rgba(0, 0, 0, 0);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
margin-bottom: -1px;
padding: 12px 16px;
font-weight: 700;
transition: all .25s cubic-bezier(.86, 0, .07, 1);
}
.x-tab-ekyc:hover {
color: #039be5;
}
.x-tab-ekyc.w--current {
color: #fff;
background-color: #272727;
}
.x-tab-ekyc.right-button {
color: #979797;
background-color: #fff;
border: 1px solid #c7c9cc;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
margin-left: 18px;
margin-right: 0;
padding-left: 40px;
padding-right: 40px;
}
.x-tab-ekyc.right-button:hover {
color: #039be5;
}
.x-tab-ekyc.right-button.w--current {
color: #fff;
background-color: #039be5;
border-style: none;
border-color: #272727;
margin-bottom: 0;
}
.x-tab-ekyc.left-button {
color: #979797;
background-color: #fff;
border: 1px solid #c7c9cc;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
margin-right: 0;
padding-left: 40px;
padding-right: 40px;
}
.x-tab-ekyc.left-button:hover {
color: #039be5;
}
.x-tab-ekyc.left-button.w--current {
color: #fff;
background-color: #039be5;
border-style: none;
border-color: #272727;
margin-bottom: 0;
padding-left: 40px;
padding-right: 40px;
}
.x-ekyc-steps-card-2 {
height: 100%;
background-color: #fff;
border: 1px solid #c7c9cc;
border-radius: 8px;
flex-direction: column;
justify-content: flex-start;
display: flex;
position: relative;
overflow: hidden;
}
.x-video-item-2 {
border-radius: 8px;
overflow: hidden;
box-shadow: 0 8px 16px -4px rgba(56, 68, 77, .16);
}
.x-video-item-2.for-ekyc {
margin-top: 50px;
}
.x-mydigi-card-block {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin: 30px 40px;
display: grid;
}
.x-mydigi-card-wrapper {
text-align: center;
}
.x-mydigi-icon {
width: 70px;
height: 70px;
margin: 10px auto;
display: inline-block;
position: static;
}
.x-mydigi-icon-title {
color: #272727;
justify-content: center;
align-items: center;
margin-top: 10px;
margin-bottom: 5px;
font-size: 16px;
line-height: 20px;
display: flex;
}
.x-mydigi-header {
width: auto;
min-width: auto;
text-align: center;
margin: 10px auto 20px;
padding-left: 0;
padding-right: 0;
font-size: 40px;
line-height: 50px;
}
.x-mydigi-subheader {
text-align: center;
margin: 10px 40px 20px;
font-size: 18px;
font-weight: 400;
line-height: 25px;
}
.x-digi-snapshot-logo {
width: 620px;
margin-left: auto;
margin-right: auto;
position: absolute;
top: 13%;
bottom: 0%;
left: 0%;
right: 0%;
}
.x-digi-snapshot-logo.for-mobile {
display: none;
}
.x-scroll-animated-icon {
width: 120px;
margin-left: auto;
margin-right: auto;
position: absolute;
top: auto;
bottom: 5%;
left: 0%;
right: 0%;
}
.x-snapshot-paragraph {
color: var(--dark-grey);
text-align: center;
margin-bottom: 0;
padding-left: 100px;
padding-right: 100px;
font-size: 20px;
font-weight: 400;
line-height: 28px;
}
.x-snapshot-cms-wrapper {
margin-bottom: 40px;
}
.x-snapshot-cms-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: stretch;
align-items: center;
justify-items: center;
display: grid;
}
.x-snapshot-cms-item {
width: 30vw;
height: 40vh;
border: 1px solid var(--white);
flex: none;
justify-content: center;
align-items: center;
margin-left: .8rem;
margin-right: .8rem;
padding-left: 1.9rem;
padding-right: 1.9rem;
display: flex;
}
.x-snapshot-cms-item.small-card {
width: auto;
height: auto;
border-style: none;
border-color: #1f1f1f;
margin: 0 0 0 0;
padding: 0;
display: block;
position: relative;
box-shadow: 1px 1px 17px -4px rgba(0, 0, 0, .22);
}
.x-snapshot-img-frame {
width: 100%;
height: 100%;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 20px;
display: flex;
position: relative;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.x-snapshot-title {
text-align: center;
margin-top: 20px;
margin-bottom: 30px;
font-size: 48px;
line-height: 56px;
}
.x-snapshot-h2-heading {
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}
.x-snapshot-username {
color: var(--grey-text);
text-align: right;
margin-top: 10px;
font-size: 14px;
font-weight: 400;
}
.x-snapshot-btn-ctn {
justify-content: center;
align-items: center;
margin-left: -8px;
margin-right: -8px;
display: flex;
}
.background-shade {
z-index: 5;
width: 100%;
height: 100%;
justify-content: center;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
position: absolute;
top: auto;
bottom: 0%;
left: auto;
right: 0%;
overflow: visible;
}
.background-shade.for-quote {
height: 50%;
background-color: #ffe600;
}
.x-dgs-section {
flex-direction: column;
justify-content: center;
align-items: center;
padding: 20px 5vw 0;
display: flex;
position: relative;
}
.x-dgs-section.for-sfc-bg {
background-image: linear-gradient(rgba(250, 215, 84, .44), #000 25%);
display: none;
}
.x-dgs-section.for-hide {
display: none;
}
.wrapper {
z-index: 10;
width: 100%;
position: relative;
}
.wrapper.shade-wrapper {
background-color: var(--digi-yellow);
background-color: #ffe600;
position: static;
}
.team-wrapper {
z-index: 20;
width: 100vw;
min-height: 410px;
justify-content: center;
align-items: stretch;
padding-bottom: 60px;
display: flex;
position: relative;
overflow: hidden;
}
.team-item {
width: 100%;
height: 300px;
min-width: 300px;
margin-right: 0;
}
.slide-image {
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.speaker-image {
width: 100%;
height: 100%;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: cover;
margin-left: auto;
margin-right: auto;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.x-input-select-2 {
height: 56px;
background-color: #f5f5f5;
border: 1px solid #c7c9cc;
border-radius: 8px;
margin-bottom: 0;
padding-left: 16px;
padding-right: 16px;
font-size: 16px;
font-weight: 600;
}
.x-input-select-2:hover {
border-color: #979797;
}
.x-input-select-2:focus {
border-color: #039be5;
}
.x-input-select-2.x-input-select-adjust {
width: 100%;
border-style: none;
border-radius: 8px;
padding-left: 16px;
padding-right: 16px;
}
.x-input-select-2.x-input-select-adjust.for-white {
background-color: #fff;
}
.x-input-label-2 {
color: #979797;
margin-bottom: 0;
font-size: 12px;
line-height: 12px;
transition: all .35s cubic-bezier(.77, 0, .175, 1);
position: absolute;
top: 8px;
left: 16px;
}
.x-input-label-2.for-static {
margin-bottom: 12px;
font-size: 16px;
line-height: 24px;
position: static;
}
.x-input-label-2.for-static.centre {
text-align: center;
color: #272727;
text-align: center;
font-weight: 600;
}
.x-idd-slider-prepaid {
z-index: 0;
width: 23.4%;
height: 420px;
border-radius: 30px;
margin-right: 20px;
padding: 10px 0;
position: relative;
transform: translate(0)perspective(1234px);
}
.x-countdown-wrapper-2 {
background-color: #cfe2eb;
justify-content: flex-start;
padding-top: 15px;
padding-bottom: 15px;
display: block;
}
.grid-7 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 20px;
}
.x-snapshot-steps-ctn {
background-color: #eda240;
border-radius: 0;
flex-direction: column;
justify-content: space-between;
padding: 20px;
display: flex;
}
.x-snapshot-steps-ctn.red {
background-color: #db6c79;
}
.x-snapshot-steps-ctn.green {
background-color: #388054;
}
.div-block-53 {
justify-content: space-between;
align-items: flex-end;
margin-top: 10px;
display: flex;
}
.text-block-65-copy {
color: #fff;
font-size: 20px;
font-weight: 600;
line-height: 24px;
}
.link {
color: #ffe600;
}
.text-block-65 {
color: #fff;
font-size: 20px;
font-weight: 600;
line-height: 24px;
}
.text-span-108 {
font-style: italic;
}
.image-29 {
width: 60px;
}
.text-block-66 {
color: #fff;
font-size: 20px;
font-weight: 400;
}
.x-ds-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
display: flex;
position: relative;
}
.x-ds-grid.owl-carousel {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
margin-top: 40px;
display: grid;
}
.xpl-img {
position: relative;
overflow: hidden;
}
.xpl-img.banner-data-layer {
z-index: auto;
width: auto;
object-fit: fill;
}
.shadow-hover {
z-index: 1;
width: 100%;
height: 100%;
opacity: .7;
background-color: #000;
justify-content: center;
align-items: center;
position: absolute;
top: -100%;
bottom: auto;
}
.arrow-img {
z-index: 2;
width: 100%;
height: 100%;
opacity: 0;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
top: 0;
}
.arrow-img-child {
width: 6.25em;
height: 6.25em;
max-width: 6.25em;
}
.xpl-head {
color: #161616;
margin-top: 0;
margin-bottom: 0;
font-size: 1.5em;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
}
.xpl-content-child {
margin-bottom: 10px;
padding-top: 0;
}
.slider-item {
position: relative;
}
.slider-item.for-ds {
width: auto;
height: auto;
width: auto;
height: auto;
border-style: none;
margin-right: 0;
padding: 10px 5px;
}
.xpl-img-child {
position: relative;
}
.x-snapshot-highlight-img {
display: block;
}
.x-snapshot-quote-ctn {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 40px;
display: flex;
}
.background-cover-2 {
width: 50%;
background-color: #ffe600;
position: absolute;
top: 0%;
bottom: 0%;
left: auto;
right: 0%;
}
.x-snapshot-quoter {
text-align: center;
margin-top: 20px;
font-size: 1.25em;
font-weight: 700;
line-height: 1;
}
.x-snapshot-highlight-ctn {
width: 890px;
text-align: right;
flex-direction: column;
align-items: flex-end;
margin-left: auto;
margin-right: auto;
display: flex;
}
.x-snapshot-quote-wrapper {
margin-top: 30px;
margin-bottom: 20px;
}
.x-snapshot-quote-img {
width: 70px;
transition: opacity .2s;
}
.x-snapshot-quote-heading {
text-align: center;
background-color: #ffe600;
padding: 6px 21px;
font-size: 2.2em;
font-style: italic;
font-weight: 400;
line-height: 130%;
}
.x-snapshot-title-hashtag {
text-align: center;
margin-bottom: 10px;
}
.x-snapshot-descrip {
color: #6e6e6e;
text-align: center;
background-color: rgba(0, 0, 0, 0);
margin-top: 0;
margin-bottom: 30px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px;
display: block;
}
.team-item-2 {
width: 100%;
height: 85%;
min-width: 33.33vw;
margin-right: 0;
}
.x-free-device-small-txt-copy {
color: #4481ad;
text-align: right;
text-shadow: 4px 4px #fff;
margin-top: 0;
margin-bottom: 0;
margin-right: 11px;
font-size: 2em;
line-height: 100%;
position: relative;
}
.x-free-device-txt-ctn-copy {
flex-direction: column;
align-items: center;
margin-left: 10px;
display: flex;
position: relative;
top: -22px;
}
.x-free-device-devices-copy-copy {
width: 370px;
height: auto;
margin-top: 10px;
position: relative;
top: 63px;
}
.x-free-device-small-txt-copy-copy {
color: #4481ad;
text-align: right;
margin-top: 0;
margin-bottom: 0;
margin-right: 5px;
font-size: 1.5em;
line-height: 100%;
position: relative;
}
.x-free-device-logo-copy {
width: 190px;
padding-top: 0;
padding-bottom: 0;
position: absolute;
top: 29px;
}
.x-free-device-img-ctn-copy {
flex-direction: column;
align-items: center;
display: flex;
}
.x-section-free-device-copy {
height: 370px;
margin-top: 15px;
margin-bottom: 50px;
position: relative;
}
.x-free-device-title-copy {
color: #4481ad;
text-shadow: 6px 6px #fff;
font-size: 6em;
line-height: 88%;
}
.x-device-bg-2 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/62c501fb67a3c00e738ede3a_Digi_SnapShot_Photobook_Backgroud.jpg");
background-position: 50% 100%;
background-size: cover;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.div-block-48 {
align-items: center;
margin-top: 5px;
margin-bottom: 5px;
display: flex;
}
.div-block-47 {
background-color: #fff;
border-radius: 30px;
margin-top: 5px;
padding: 7px 15px;
position: relative;
box-shadow: 3px 3px 6px rgba(0, 0, 0, .1);
}
.link-4, .link-5 {
color: var(--digi-yellow);
}
.x-language-picker-snapshot {
z-index: 100;
background-color: var(--white);
border-radius: 30px;
position: absolute;
top: 136px;
bottom: auto;
left: auto;
right: 1%;
overflow: hidden;
}
.text-block-38 {
font-size: 14px;
font-style: italic;
font-weight: 500;
line-height: 18px;
}
.x-fb-column-5 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: minmax(64px, 1fr) minmax(auto, 1fr);
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
padding-top: 30px;
padding-bottom: 40px;
display: grid;
}
.x-fb-row-3-price-2 {
text-align: right;
padding-left: 8px;
font-size: 18px;
font-weight: 700;
}
.x-fb-row-3-price-italic-3 {
text-align: right;
font-size: 14px;
font-style: italic;
font-weight: 400;
line-height: 20px;
display: none;
}
.x-fb-column-6 {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: rgba(255, 230, 0, .15);
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: 26px;
padding-bottom: 8px;
display: grid;
}
.x-fb-column-7 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template: "."
"." 64px
/ 1fr;
grid-auto-columns: 1fr;
justify-content: stretch;
justify-items: center;
padding-top: 30px;
padding-bottom: 0;
display: grid;
}
.x-fb-row-bold-3 {
min-height: 50px;
align-items: center;
font-family: Barlow, sans-serif;
font-weight: 700;
line-height: 20px;
display: flex;
}
.x-fb-row-bold-3.for-min-height {
min-height: 0;
}
.x-fb-row-bold-3.for-align-top {
min-height: 0;
align-items: flex-start;
}
.x-fb-column-inside-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.x-feat-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.x-feat-wrapper {
border: 1px #c7c9cc;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 10px 24px 0;
display: flex;
}
.x-feat-wrapper.for-justify-top {
justify-content: flex-start;
}
.x-feat-img {
max-width: 40%;
}
.x-sfc-bg-video {
width: 100%;
height: 600px;
flex-direction: column;
justify-content: center;
display: flex;
}
.x-sfc-header-txt-1 {
text-align: center;
margin-bottom: 0;
font-family: Tech headlines, sans-serif;
font-size: 3em;
line-height: 120%;
}
.x-fibre-table-block {
width: 90%;
height: 90%;
flex-wrap: nowrap;
align-items: stretch;
margin: 40px auto;
display: flex;
overflow: visible;
}
.x-fibre-table-block.for-raja-kombo {
width: 100%;
width: 100%;
margin-bottom: 20px;
}
.x-fibre-table-text {
margin-left: 10px;
margin-right: 10px;
font-size: 16px;
font-weight: 400;
line-height: 18px;
}
.x-fibre-main-price {
font-size: 18px;
font-weight: 400;
}
.x-sfc-bg {
background-color: #000;
}
.x-sfc-navbar {
z-index: 200;
background-color: #000;
justify-content: space-between;
padding: 11px 64px;
display: flex;
position: fixed;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.x-promo-dg-logo {
height: 60px;
margin-right: 20px;
}
.x-sfc-logo {
height: 55px;
margin-left: 20px;
}
.x-sfc-master {
position: relative;
top: 83px;
}
.x-sfc-countdown-ctn {
background-color: #f9d856;
padding-top: 15px;
padding-bottom: 15px;
display: none;
}
.x-sfc-intro-ctn {
justify-content: space-between;
margin-top: 60px;
padding-left: 60px;
padding-right: 60px;
display: flex;
}
.x-sfc-intro-title-txt {
width: 400px;
color: #f9d856;
text-align: right;
font-family: Tech headlines, sans-serif;
font-size: 2.5em;
line-height: 135%;
}
.x-sfc-ctdwn-title-txt {
font-size: 20px;
font-weight: 700;
}
.x-clock-number-sq {
background-color: #fff;
border: 1px solid #dde2e5;
border-radius: 0;
margin-right: 5px;
padding: 5px;
font-size: 25px;
font-weight: 700;
}
.x-clock-label-caps {
font-size: 14px;
font-weight: 700;
line-height: 17px;
}
.x-sfc-intro-para-ctn {
margin-left: 40px;
}
.x-sfc-intro-vid-ctn {
max-width: 870px;
margin: 40px auto 60px;
}
.x-sfc-bg-team-img {
width: 100%;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
}
.x-sfc-title-ctn {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 20px;
margin-bottom: 20px;
display: flex;
}
.x-sfc-logo-ctn {
display: flex;
}
.x-sfc-menu-ctn {
justify-content: flex-end;
align-items: center;
display: flex;
}
.x-sfc-redgiant-logo {
width: 700px;
}
.x-sfc-redgiant-logo-2 {
width: 560px;
margin-top: -12px;
margin-left: auto;
margin-right: auto;
}
.x-sfc-masthead-sb {
z-index: 10;
width: 720px;
position: relative;
top: -42px;
}
.x-sfc-masthead-ctn {
justify-content: center;
margin-top: 40px;
display: flex;
position: relative;
}
.x-sfc-bg-block {
width: 1000px;
height: 200px;
background-color: #000;
border: 5px solid #f9d856;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
position: absolute;
top: -68px;
}
.x-sfc-heading {
color: #000;
font-family: Tech headlines, sans-serif;
font-size: 40px;
line-height: 54px;
}
.x-sfc-heading.for-white {
color: #fff;
background-color: #000;
margin-top: 40px;
padding-left: 14px;
padding-right: 14px;
font-size: 35px;
}
.x-sfc-heading.for-white.for-centre {
text-align: center;
background-color: rgba(0, 0, 0, 0);
margin-top: 60px;
}
.x-sfc-scor-ctn {
margin-bottom: 57px;
margin-left: 114px;
}
.x-sfc-scor-ctn.for-remove-margin {
flex-direction: column;
align-items: flex-start;
margin-bottom: 20px;
display: flex;
}
.x-sfc-steps-heading {
color: #f9d856;
font-family: Tech headlines, sans-serif;
font-size: 2.1em;
}
.x-sfc-footer-ctn {
z-index: 40;
background-color: #000;
padding: 15px 24px;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
}
.x-sfc-footer-txt {
color: var(--white);
text-align: center;
font-size: 14px;
font-weight: 400;
line-height: 16px;
}
.x-gadget-paragraph {
color: var(--dark-grey);
text-align: center;
margin-bottom: 0;
padding-left: 100px;
padding-right: 100px;
font-size: 20px;
font-weight: 400;
line-height: 28px;
}
.x-gadget-title {
text-align: center;
margin-top: 20px;
margin-bottom: 30px;
font-size: 42px;
line-height: 56px;
}
.x-sfc-header-ctn {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.x-sfc-masthead-sm {
width: 770px;
}
.x-sfc-title-ctn-2 {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 0;
margin-bottom: 0;
display: flex;
}
.x-ekyc-footnote {
color: var(--grey-text);
text-align: center;
font-weight: 400;
position: absolute;
top: auto;
bottom: -64%;
left: 0%;
right: 0%;
}
.x-astro-input-title {
margin-top: 30px;
}
.x-checkbox-label-astro {
color: var(--dark-grey);
font-weight: 600;
}
.x-checkbox-field {
margin-left: 10px;
margin-right: 10px;
}
.x-checkbox {
margin-top: 5px;
}
.x-astro-subheader {
text-align: center;
margin-bottom: 0;
font-size: 1em;
font-weight: 500;
}
.x-astro-header {
text-align: center;
margin-bottom: 0;
}
.x-dropdown-astro {
height: 56px;
color: var(--grey-text);
background-color: rgba(245, 245, 245, .5);
border-radius: 8px;
padding-top: 8px;
padding-left: 16px;
padding-right: 16px;
font-size: 16px;
font-weight: 600;
}
.x-biz-anchor-link {
display: none;
}
.x-gadget-sim-image {
width: 250px;
height: auto;
margin-top: 10px;
position: relative;
top: 63px;
}
.x-gadget-sim-image.for-gs {
width: 190px;
top: 0;
left: 9px;
}
.x-gadget-sim-bg {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/62de3854e724d7c0bd620098_Digi_GadgetSIM_BG.jpg");
background-position: 50%;
background-size: cover;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.x-gadget-sim-bg.for-gadget-sim {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6336b5edb4a4fc2a20eb00f7_Digi_Juara-Internet-Untuk-Semua_BG.jpg");
background-position: 50%;
}
.x-ekyc-descrip {
text-align: center;
margin-bottom: 20px;
}
.x-ekyc-numbered-sim {
margin-bottom: 60px;
}
.x-tab-pane-copy {
padding-top: 0;
}
.x-sfc-link-txt-2 {
color: #fff;
font-weight: 700;
}
.x-sfc-link-txt-2.add-margin {
margin-right: 30px;
}
.x-sfc-link-txt-2.add-margin:hover, .x-sfc-link-txt-2.add-margin.for-hide-on-mobile:hover, .x-sfc-link-txt-2.for-hide-on-mobile:hover {
color: #ffe600;
}
.x-promo-logo-divider-2 {
border-left: 1px solid #6e6e6e;
}
.x-sfc-title-h2-2 {
color: #000;
text-align: center;
font-family: Tech headlines, sans-serif;
font-size: 2.5em;
}
.x-sfc-title-h2-2.for-white {
color: #fff;
}
.x-sfc-steps-ctn-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-bottom: 10px;
display: grid;
}
.x-sfc-sokong-sms-txt-span-2 {
color: #000;
}
.x-sfc-iphone-img-copy {
height: 300px;
}
.x-sfc-intro-para-txt-2 {
color: #fff;
font-weight: 500;
}
.x-sfc-txt-span {
color: #000;
font-size: .8em;
font-weight: 400;
}
.x-sfc-title-ctn-4 {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 40px;
margin-bottom: 20px;
display: flex;
}
.x-sfc-sokong-para-2 {
color: #fff;
text-align: center;
margin-bottom: 40px;
font-weight: 500;
}
.x-sfc-matches-ctn-2 {
margin-bottom: 472px;
}
.x-sfc-matches-ctn-2.for-promo {
margin-bottom: 0;
}
.x-sfc-steps-descrip-2 {
color: #fff;
margin-left: 15px;
font-size: 20px;
}
.x-sfc-sokong-sms-txt-2 {
color: var(--black);
text-align: center;
margin-bottom: 0;
font-size: 2.5em;
line-height: 1.1em;
}
.x-sfc-step-box-2 {
background-color: #1e1e1e;
border: 9px solid #000;
padding: 20px;
display: flex;
}
.x-sfc-step-box-2.for-sfc {
flex-direction: column;
padding: 0;
}
.x-sfc-sokong-sms-ctn-2 {
background-color: #fad755;
border: 2px #ffe600;
border-radius: 10px;
padding: 18px;
}
.x-sfc-sokong-ctn-2 {
margin-top: 0;
margin-bottom: 10px;
padding-left: 171px;
padding-right: 171px;
}
.x-sfc-sokong-ctn-2.for-lesser-margin {
padding-left: 100px;
padding-right: 100px;
}
.x-sfc-para-scor-2 {
width: 510px;
margin-top: 30px;
margin-bottom: 30px;
}
.x-sfc-footnote {
color: var(--grey-text);
text-align: center;
margin-bottom: 80px;
font-size: 14px;
font-style: italic;
}
.x-sfc-footnote.for-white {
color: var(--white);
font-weight: 400;
}
.x-sfc-footnote-2 {
color: var(--digi-yellow);
text-align: center;
margin-top: 20px;
margin-bottom: 0;
font-family: Tech headlines, sans-serif;
font-size: 16px;
font-weight: 400;
display: none;
}
.x-network-status-checker-ctn {
width: 100%;
height: 790px;
}
.x-malaysiaku-masthead-copy {
width: 100px;
padding-top: 10px;
padding-right: 10px;
}
.x-sfc-link {
color: var(--grey-text);
text-decoration: underline;
}
.x-sfc-link.for-white {
color: var(--white);
}
.x-sfc-asterik {
font-size: 18px;
font-weight: 400;
position: relative;
top: -16px;
}
.x-sfc-asterik-copy {
font-size: 18px;
font-weight: 400;
position: relative;
top: -5px;
}
.x-ppj-highlight-ctn {
background-color: #ffe600;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
justify-content: center;
margin-top: 30px;
display: flex;
}
.x-ppj-highlight-ctn.for-new {
background-color: #272727;
}
.x-plan-table-header-4 {
z-index: 1;
height: 88px;
text-align: center;
background-color: #fff;
border-bottom: 2px solid #272727;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 16px;
display: flex;
position: relative;
}
.x-plan-table-header-4.for-sidebar {
text-align: left;
align-items: flex-start;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
position: -webkit-sticky;
position: sticky;
}
.x-plan-table-header-4.for-sidebar.for-longer.for-ppj {
height: 100px;
background-color: #dde2e5;
border-bottom: 1px solid #c7c9cc;
padding-right: 0;
}
.x-plan-table-header-4.for-longer.for-ppj {
height: 100px;
background-color: #ffe600;
border-bottom: 1px solid #c7c9cc;
}
.x-plan-table-header-4.for-longer.for-ppj.for-right-border {
border-right: 1px solid var(--line);
}
.x-plan-table-content-4 {
border-top: 1px #c7c9cc;
border-right: 1px #c7c9cc;
flex: 1;
display: flex;
}
.x-emp-text-2 {
font-weight: 700;
line-height: 18px;
}
.x-emp-text-2.for-title {
color: var(--black);
margin-bottom: 8px;
font-size: 22px;
line-height: 26px;
}
.x-emp-text-2.for-familiku {
margin-right: 35px;
line-height: 20px;
}
.x-emp-text-2.for-non-bold {
padding-top: 5px;
font-weight: 500;
}
.x-emp-text-2.for-title {
margin-bottom: 8px;
font-size: 22px;
line-height: 26px;
}
.x-emp-text-2.for-left-padding {
color: var(--link-blue);
margin-left: 16px;
}
.x-emp-text-2.for-left-padding.for-no-link {
color: var(--black);
}
.x-emp-text-2.for-title {
margin-bottom: 8px;
font-size: 22px;
line-height: 26px;
}
.x-emp-text-2.for-title.for-padding {
margin-bottom: 5px;
}
.x-emp-text-2.for-title.for-padding.for-smaller {
margin-bottom: 0;
font-size: 20px;
}
.x-emp-text-2.for-title {
margin-bottom: 8px;
font-size: 22px;
line-height: 26px;
}
.x-emp-text-2.for-title.for-padding {
margin-bottom: 5px;
}
.x-emp-text-2.for-title.for-padding.for-smaller {
margin-bottom: 0;
font-size: 20px;
}
.x-plan-table-h3-title {
margin-bottom: 0;
margin-left: 0;
}
.x-plan-table-h3-title.for-ppj {
align-self: auto;
margin-left: 20px;
}
.x-plan-table-h3-title.for-ppj.for-smaller {
width: 200px;
}
.x-plan-table-h3-title.margin-20 {
margin-left: 20px;
}
.x-plan-table-h3-title.margin-20.for-first-row {
width: 100%;
height: 50px;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-left: 0;
padding-left: 20px;
display: flex;
position: relative;
top: 10px;
overflow: visible;
}
.x-plan-table-h3-title.margin-20.for-second-row {
width: 100%;
height: 40px;
color: #fff;
background-color: #555;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-top: 0;
margin-left: 0;
padding-left: 20px;
font-size: 16px;
display: flex;
position: relative;
top: 10px;
overflow: visible;
}
.x-plan-table-h3-title.margin-20.for-second-row.for-position {
height: 60px;
position: static;
top: 0;
}
.x-plan-table-sidebar-4 {
z-index: 10;
width: 248px;
border-right: 2px solid #272727;
position: relative;
}
.x-plan-table-sidebar-4.for-ppj {
border-left: 1px solid var(--line);
border-right-width: 1px;
border-right-color: var(--line);
}
.x-plan-table-sidebar-4.no-black-line {
border-right-style: none;
}
.x-ppj-highlight-txt {
color: #272727;
padding-top: 5px;
padding-bottom: 5px;
font-weight: 700;
}
.x-ppj-highlight-txt.x-pf365-highlight-txt, .x-ppj-highlight-txt.for-new {
color: #fff;
}
.x-emp-rrp-2 {
color: #272727;
font-size: 12px;
font-weight: 500;
line-height: 18px;
}
.x-emp-rrp-2.for-left-padding {
margin-left: 16px;
}
.x-plan-table-col-4 {
flex: 1;
transition: all .35s cubic-bezier(.86, 0, .07, 1);
}
.x-plan-table-col-4:hover {
background-color: #f5f5f5;
}
.x-plan-table-col-4.for-one-col.for-ppj {
min-width: auto;
border-left: 1px #272727;
border-right: 1px #c7c9cc;
}
.x-plan-table-col-4.for-one-col.for-ppj:hover {
background-color: rgba(0, 0, 0, 0);
}
.x-plan-table-col-4.for-one-col.for-ppj.last-column {
border-right-style: solid;
border-right-color: var(--line);
border-left-style: solid;
border-left-color: #c7c9cc;
}
.x-plan-table-col-4.for-column.for-yellow {
background-color: rgba(0, 0, 0, 0);
flex: 1;
margin-right: 1px;
position: static;
}
.x-focus-span-2 {
color: #fff;
background-color: #039be5;
border-radius: 4px;
margin-right: 6px;
padding-left: 4px;
padding-right: 4px;
font-size: 12px;
}
.x-focus-span-2.for-absolute {
margin-right: 0;
padding-left: 6px;
padding-right: 6px;
position: absolute;
top: 0%;
bottom: auto;
left: auto;
right: 0%;
}
.x-focus-span-2.for-absolute.for-red {
background-color: #ff3939;
padding: 2px 8px;
font-size: 12px;
font-weight: 700;
line-height: 18px;
position: absolute;
top: 0%;
bottom: auto;
left: auto;
right: 0%;
}
.x-focus-span-2.for-absolute.for-red.for-ppj {
padding-top: 0;
padding-bottom: 0;
top: 0%;
}
.x-focus-span-2.for-absolute.for-yellow {
z-index: 1;
background-color: var(--digi-yellow);
color: #272727;
z-index: 1;
color: #272727;
font-size: 12px;
font-weight: 700;
}
.x-network-steps-sub-desc {
font-size: 20px;
}
.x-network-slider {
height: 100%;
background-color: rgba(0, 0, 0, 0);
flex-direction: column;
justify-content: space-between;
align-items: stretch;
margin-left: 10px;
margin-right: 10px;
display: flex;
}
.x-network-title {
text-align: center;
margin-bottom: 10px;
font-size: 2em;
}
.x-gallery-2 {
height: 100%;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #c7c9cc;
border-radius: 12px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: relative;
}
.x-gallery-2.for-network, .x-gallery-2.for-network-2 {
height: 100%;
background-color: #f5f5f5;
border-style: none;
border-color: #039be5;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-top: auto;
margin-bottom: auto;
padding: 16px 20px;
display: flex;
}
.x-network-tab-btn {
background-color: rgba(0, 0, 0, 0);
border: 3px solid #039be5;
border-radius: 10px;
}
.x-network-tab-btn.w--current {
color: #fff;
background-color: #039be5;
border: 3px solid #039be5;
border-radius: 10px;
}
.x-network-tab-btn.for-center {
margin-left: 10px;
margin-right: 10px;
}
.x-network-steps {
text-shadow: 4px 1px 3px #ffe600;
margin-bottom: 10px;
font-size: 30px;
}
.x-network-card-block {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 24px;
display: grid;
}
.x-network-card-block.for-3 {
grid-template-columns: 1fr 1fr 1fr;
}
.x-network-tab-text {
text-align: center;
}
.x-roaming-card-description {
text-align: left;
margin: 0 20px 40px;
font-size: 16px;
line-height: 25px;
}
.x-roaming-card-description.for-top-padding {
margin-top: 20px;
margin-bottom: 10px;
}
.x-roaming-pass-tab {
border: 2px solid var(--bottom-nav);
background-color: var(--white);
border-radius: 30px;
margin-right: 10px;
padding-top: 7px;
padding-bottom: 7px;
}
.x-roaming-pass-tab.w--current {
border: 2px solid var(--bottom-nav);
background-color: var(--bottom-nav);
border-radius: 30px;
margin-right: 10px;
padding-top: 7px;
padding-bottom: 7px;
}
.x-roaming-pass-tab.for-rdy {
border-width: 2px;
border-color: var(--digi-yellow);
background-color: var(--black);
color: var(--digi-yellow);
padding: 5px 20px;
}
.x-roaming-pass-tab.for-rdy:hover, .x-roaming-pass-tab.for-rdy.w--current {
background-color: var(--digi-yellow);
color: var(--black);
}
.for-strikethrough {
text-decoration: line-through;
}
.x-samsung-disclaimer {
margin-bottom: 0;
}
.x-digital-header {
width: 100%;
min-width: 50px;
text-align: center;
margin: 10px auto 0;
padding-top: 40px;
padding-left: 0;
padding-right: 0;
font-size: 30px;
line-height: 50px;
}
.x-digital-header.for-ds {
padding-top: 40px;
}
.x-digital-steps-title {
text-align: center;
margin-bottom: 20px;
font-size: 22px;
font-weight: 600;
line-height: 26px;
}
.x-digital-steps-title.for-top-padding {
margin-top: 60px;
}
.x-language-picker-pakejpowerjimat {
z-index: 0;
background-color: var(--white);
border-radius: 8px;
position: absolute;
top: 135px;
bottom: auto;
left: auto;
right: 1%;
overflow: hidden;
}
.x-language-picker-pf365 {
z-index: 100;
background-color: var(--white);
border-radius: 8px;
position: absolute;
top: 181px;
bottom: auto;
left: auto;
right: 1%;
overflow: hidden;
}
.x-prime-nav-menu-txt {
line-height: 19px;
}
.x-subnav-menu-item-flex {
flex-direction: row;
align-items: center;
margin-left: 16px;
display: flex;
}
.x-cat-txt {
color: #fff;
flex: 0 auto;
font-size: 14px;
font-weight: 600;
}
.x-warnai-steps-btn {
background-color: #eda540;
border-radius: 20px;
flex-direction: column;
justify-content: space-between;
padding: 20px;
display: flex;
}
.x-warnai-steps-btn.for-green {
background-color: #4ebb53;
}
.x-warnai-steps-btn.for-blue {
background-color: #5175cf;
}
.x-warnai-steps-btn.for-pink {
background-color: #f67a7a;
}
.x-warnai-steps-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-bottom: 20px;
}
.x-warnai-steps-text {
color: #fff;
font-size: 20px;
font-weight: 600;
line-height: 24px;
}
.x-warnai-steps-bottom-sec {
justify-content: space-between;
align-items: flex-end;
margin-top: 10px;
display: flex;
}
.x-warnai-bottom-text {
color: #fff;
font-size: 20px;
font-weight: 400;
}
.x-warnai-steps-icon {
width: 60px;
}
.x-warnai-header {
text-align: center;
margin-top: 20px;
margin-bottom: 30px;
font-size: 48px;
line-height: 56px;
}
.x-warnai-paragraph {
color: var(--dark-grey);
text-align: center;
margin-bottom: 0;
padding-left: 100px;
padding-right: 100px;
font-size: 18px;
font-weight: 400;
line-height: 28px;
}
.x-warnai-section-header {
margin-top: 20px;
margin-bottom: 20px;
}
.x-warnai-sub-header {
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}
.x-warnai-title-desc {
color: #6e6e6e;
text-align: center;
background-color: rgba(0, 0, 0, 0);
margin-top: 0;
margin-bottom: 30px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px;
display: block;
}
.x-chat-loading-icon {
width: 80px;
margin-left: auto;
margin-right: auto;
}
.x-chat-loading-ctn {
width: 100vw;
height: 100vh;
justify-content: center;
align-items: center;
display: flex;
}
.x-warnai-bg-video {
width: 100%;
height: 600px;
flex-direction: column;
justify-content: center;
display: flex;
}
.x-cc-masthead {
width: 500px;
}
.text-block-80 {
font-size: 25px;
font-weight: 700;
}
.div-block-67 {
flex-direction: column;
padding: 30px;
display: flex;
}
.x-roaming-tab-menu {
background-color: rgba(0, 0, 0, 0);
margin-right: 20px;
padding-left: 0;
padding-right: 0;
}
.x-roaming-tab-menu.w--current {
color: #039be5;
background-color: #f5f5f5;
border-bottom: 3px solid #039be5;
margin-right: 20px;
padding-left: 0;
padding-right: 0;
}
.x-rv-tab-menu {
justify-content: center;
margin-bottom: 20px;
display: flex;
}
.text-span-115 {
font-size: 16px;
font-weight: 600;
}
.text-block-81 {
color: #979797;
}
.grid-9 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.x-roaming-passes-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.x-roaming-passes-grid.for-tablet {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.x-roaming-passes-grid.for-tablet.for-hide {
display: none;
}
.div-block-66 {
background-color: #fff;
border-radius: 20px;
}
.x-input-dropdown-icon {
width: 14px;
margin-right: 10px;
position: absolute;
top: 35%;
bottom: 0%;
left: auto;
right: 0%;
}
.x-roaming-tab-menu-txt {
text-align: center;
line-height: 20px;
}
.x-input-select-adjust {
width: 100%;
border-style: none;
border-radius: 8px;
padding-left: 16px;
padding-right: 16px;
}
.x-input-select-adjust.for-white {
background-color: #fff;
}
.div-block-65 {
background-color: #ffe600;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
justify-content: center;
align-items: center;
display: flex;
}
.text-block-79 {
font-size: 18px;
font-weight: 700;
}
.grid-8 {
grid-template-columns: 1fr;
}
.x-roaming-passes-img {
border-radius: 8px;
}
.x-roaming-card-img-2 {
width: 100%;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.x-roaming-card-2 {
height: 100%;
background-color: #fff;
border: 0 #c7c9cc;
border-radius: 8px;
flex-direction: column;
justify-content: flex-start;
display: flex;
box-shadow: 1px 1px 10px 1px #c7c9cc;
}
.x-roaming-card-2.for-rdy {
background-color: var(--black);
box-shadow: none;
outline-color: var(--dark-grey);
outline-offset: 0px;
outline-width: 1px;
outline-style: solid;
}
.x-roaming-tab-subheader-2 {
text-align: center;
margin-bottom: 10px;
font-size: 25px;
font-weight: 700;
}
.x-roaming-card-description-2 {
color: var(--black);
text-align: left;
align-items: flex-start;
margin: 20px;
font-size: 16px;
line-height: 22px;
display: block;
}
.x-roaming-card-description-2.for-white {
color: var(--white);
}
.x-roaming-tab-text-2 {
color: #272727;
font-weight: 500;
}
.x-sub-headline {
text-align: center;
margin-bottom: 25px;
padding-left: 60px;
padding-right: 60px;
font-size: 20px;
font-weight: 400;
line-height: 25px;
}
.x-sub-headline.for-btm-margin {
margin-bottom: 10px;
}
.x-btn-4 {
min-width: 96px;
color: #fff;
text-align: center;
background-color: #039be5;
border: 1px solid #039be5;
border-radius: 8px;
justify-content: center;
align-items: center;
margin-left: 8px;
margin-right: 8px;
padding: 10px 24px;
font-weight: 600;
transition: all .35s cubic-bezier(.86, 0, .07, 1);
display: flex;
}
.x-btn-4:hover {
background-color: #272727;
border-color: #272727;
}
.x-btn-4.toggle-popup.for-full.x-table-flip-btn {
z-index: 1000;
border-radius: 0 0 30px 30px;
padding-top: 12px;
padding-bottom: 12px;
transition: all .35s cubic-bezier(.86, 0, .07, 1);
position: relative;
}
.x-traveller-ctn {
align-items: center;
margin-top: 40px;
margin-bottom: 40px;
display: flex;
}
.x-traveller-usp-ctn {
width: 47%;
}
.x-traveller-img-ctn {
width: 60%;
margin-right: 40px;
display: block;
}
.x-traveller-img {
width: 100%;
height: 100%;
border-radius: 8px;
}
.x-idd-eligible-countries-title-3 {
color: #272727;
font-weight: 700;
line-height: 20px;
}
.x-more-wrap {
padding-left: 60px;
padding-right: 60px;
}
.x-pg-bg {
background-color: #08224c;
}
.x-pg-navbar {
z-index: 30;
background-color: #08224c;
justify-content: space-between;
padding: 11px 64px;
display: flex;
position: fixed;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.x-pg-logo-ctn {
display: flex;
}
.x-promo-menu-ctn {
justify-content: flex-end;
align-items: center;
display: flex;
}
.x-pg-link-txt {
color: #fff;
font-weight: 700;
}
.x-pg-link-txt.add-margin {
margin-right: 20px;
}
.x-pg-link-txt.add-margin:hover, .x-pg-link-txt.add-margin.for-hide-on-mobile:hover, .x-pg-link-txt.for-hide-on-mobile:hover {
color: #ffe600;
}
.x-pg-logo {
height: 55px;
margin-left: 20px;
}
.x-dg-pg-footer-txt {
color: #979797;
margin-right: 10px;
font-size: 12px;
line-height: 16px;
}
.x-pg-dw-app-icon {
height: 60px;
}
.x-pg-dw-app-icon.left {
margin-right: 20px;
}
.x-pg-title-ctn.for-add-margin {
text-align: center;
margin-top: 40px;
}
.x-pg-title-ctn.for-flex {
justify-content: center;
align-items: center;
margin-top: 20px;
display: flex;
}
.x-pg-title-ctn.for-add-margin {
text-align: center;
margin-top: 40px;
margin-bottom: 40px;
}
.x-pg-dg-app-ctn {
justify-content: center;
margin-bottom: 10px;
display: flex;
}
.x-pg-dg-app-ctn.add-margin {
margin-bottom: 140px;
}
.x-pg-footer-txt {
color: #979797;
text-align: right;
font-size: 12px;
line-height: 16px;
}
.x-pg-paragraph {
color: #fff;
text-align: center;
padding-left: 100px;
padding-right: 100px;
font-weight: 500;
}
.x-pg-paragraph.black {
color: #272727;
color: #272727;
margin-bottom: 0;
}
.x-pg-button-copy {
color: #ffe600;
background-color: #08224c;
border: 3px solid #5bbdfa;
border-radius: 8px;
margin-top: 20px;
margin-bottom: 0;
padding-left: 40px;
padding-right: 40px;
font-weight: 700;
box-shadow: -6px 6px 0 -1px #5bbdfa;
}
.x-pg-button-copy:hover {
color: #08224c;
background-color: #ffe600;
}
.x-pg-button-copy.for-left {
margin-right: 20px;
}
.x-pg-master {
max-height: 0;
margin-top: 83px;
position: relative;
}
.x-pg-header-banner.mobile, .x-pg-header-banner.tablet {
display: none;
}
.x-pg-header-banner.desktop {
width: 100%;
}
.x-how-to-redeem-txt {
color: #039be5;
font-weight: 500;
}
.x-pg-footer-wrapper {
justify-content: space-between;
display: flex;
}
.x-pg-dg-logo {
height: 90px;
margin-left: 10px;
}
.card__content__right {
max-width: 50%;
grid-row-gap: 30px;
flex-direction: column;
flex: 1;
justify-content: center;
align-items: flex-start;
padding-left: 53px;
display: flex;
}
.card__content__right.for-new {
max-width: 100%;
margin-right: 20px;
padding-left: 0;
}
.slide-one {
height: 600px;
outline-offset: 2px;
background-color: #fff;
border: 2px solid #000;
border-radius: 20px;
outline: 3px #333;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
box-shadow: 0 7px #000;
}
.slide-one.is--1 {
z-index: 6;
max-width: 100%;
position: relative;
top: 0;
bottom: auto;
}
.slide-one.is--1.for-new {
height: 500px;
}
.slide-one.is--1.for-new.new2 {
height: 410px;
margin: 20px 60px 40px;
}
.slide-one.is--1 {
z-index: 6;
height: 500px;
max-width: 100%;
position: relative;
top: 0;
bottom: auto;
}
.slide-one.is--1.for-new {
height: 500px;
}
.slide-one.is--1.for-new.new2 {
width: 80%;
height: auto;
margin: 0 auto;
}
.card__content {
max-width: 90%;
grid-column-gap: 0px;
flex: 1;
padding-left: 0;
padding-right: 0;
display: flex;
}
.card__content.new {
justify-content: space-between;
padding-top: 20px;
padding-bottom: 30px;
}
.x-how-to-redeem-ctn {
align-items: center;
display: flex;
}
.x-pg-footer-ctn {
z-index: 40;
background-color: #000;
padding: 15px 40px;
position: static;
}
.x-pg-title {
color: #ffe600;
text-align: center;
padding-left: 20px;
padding-right: 20px;
font-family: Barlow, sans-serif;
font-size: 2.6em;
font-weight: 900;
line-height: 120%;
}
.x-pg-title.black {
color: #272727;
}
.x-pg-title.for-gear {
padding-right: 0;
}
.x-pg-title.for-gear.black {
margin-bottom: 0;
}
.team-item-3 {
width: 100%;
height: 300px;
min-width: 300px;
margin-right: 0;
}
.x-section-cc-bg-img {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/630c533e8976ef88119e9522_Digi_Colouring_Malaysiaku_Grand_Prize_Banner2.jpeg");
background-position: 50% 100%;
background-size: cover;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.x-section-for-cc {
height: 550px;
margin-top: 15px;
margin-bottom: 50px;
position: relative;
}
.x-cc-prizes-ctn {
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 40px;
display: flex;
position: relative;
}
.x-cc-main-prize {
width: 700px;
}
.x-cc-second-prize {
width: 310px;
}
.x-warnai-subheader {
text-align: center;
margin-bottom: 20px;
font-size: 20px;
}
.x-warnai-subheader.for-small {
margin-bottom: 30px;
}
.x-warnai-winner-bold {
text-shadow: 1px 1px 6px var(--digi-yellow);
font-size: 40px;
}
.x-warnai-winner-bold.for-small {
text-shadow: 1px 0 2px var(--link-blue);
font-size: 30px;
}
.x-mydigi-card-img {
width: 100%;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.x-mydigi-card-description {
text-align: left;
align-items: flex-start;
margin: 20px;
font-size: 16px;
line-height: 22px;
display: block;
}
.x-mydigi-card {
height: 100%;
background-color: #fff;
border: 0 #c7c9cc;
border-radius: 8px;
flex-direction: column;
justify-content: flex-start;
display: flex;
box-shadow: 1px 1px 10px 1px #c7c9cc;
}
.x-rdy-banner {
margin-bottom: 20px;
}
.x-rdy-banner.for-no-padding {
margin-bottom: 0;
}
.x-rdy-steps {
display: none;
}
.x-plan-bottom-usp-text-prepaid-2 {
color: #6e6e6e;
text-align: center;
justify-content: center;
align-items: center;
font-weight: 700;
line-height: 22px;
display: block;
}
.x-add-symbol-2 {
padding-top: 8px;
padding-bottom: 8px;
font-size: 30px;
font-weight: 600;
}
.x-rdy-banner-mobile {
display: none;
}
.x-rdy-banner-desktop {
border-radius: 8px;
}
.r-rdy-cop-grid {
border: 1px solid #ffe600;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
justify-items: stretch;
padding: 5px;
}
.r-rdy-cop-ctn {
align-items: center;
display: flex;
}
.r-rdy-cop-italic-2 {
color: #979797;
font-size: 12px;
font-style: italic;
line-height: 12px;
}
.r-rdy-number {
font-weight: 700;
}
.r-rdy-cop-icon {
height: 80px;
display: block;
}
.r-rdy-number-ctn {
width: 30px;
height: 30px;
min-height: 30px;
min-width: 30px;
background-color: #ffe600;
border-radius: 100px;
justify-content: center;
align-items: center;
margin-right: 10px;
display: flex;
}
.r-rdy-cop-grid-2 {
border: 1px solid #ffe600;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
justify-items: stretch;
padding: 5px;
}
.x-fibre-ads-subheadline {
text-align: center;
margin-bottom: 10px;
font-size: 2em;
}
.x-sfc-steps-box {
padding: 20px;
display: flex;
}
.image-34 {
height: 55px;
padding-right: 10px;
display: none;
}
.x-roaming-usp-desktop {
width: 100%;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-end;
display: flex;
}
.x-roaming-usp-mobile {
display: none;
}
.x-promo-bg {
background-color: #051d1d;
}
.x-promo-navbar {
z-index: 30;
background-color: #000;
justify-content: space-between;
padding: 11px 64px;
display: flex;
position: fixed;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.x-promo-navbar.for-cm {
z-index: 100;
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(#051d1d, rgba(5, 29, 29, .44) 67%, rgba(5, 29, 29, 0));
}
.x-dg-logo-ctn {
display: flex;
}
.x-promo-link {
color: #d1c9b8;
font-weight: 700;
}
.x-promo-link.add-margin {
margin-right: 30px;
}
.x-promo-link.for-cta {
color: #051d1d;
background-color: #d1c9b8;
border: 1px solid #d1c9b8;
border-radius: 30px;
padding: 5px 20px;
font-weight: 700;
}
.x-promo-link.for-cta:hover {
color: #d1c9b8;
background-color: #051d1d;
}
.x-promo-link.for-cta.banner-data-layer, .c-custom-code {
display: none;
}
.x-promo-paragraph-section {
color: #d1c9b8;
text-align: center;
margin-top: 30px;
padding-left: 100px;
padding-right: 100px;
font-weight: 500;
}
.x-cm-paragraph {
color: #d1c9b8;
text-align: center;
padding-left: 140px;
padding-right: 140px;
font-family: Barlow, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 30px;
}
.x-cm-steps-no {
color: #bf9e58;
text-align: center;
margin-bottom: 10px;
font-size: 30px;
}
.x-cm-cta-ctn {
justify-content: center;
margin-top: 40px;
margin-bottom: 40px;
display: flex;
}
.c-slide_image {
transition: all .5s;
position: relative;
transform: translate(0);
box-shadow: 17px 17px 80px rgba(0, 46, 82, .16);
}
.c-slide_image.c-move-to-bottom {
transition: all .5s;
}
.x-promo-heading-section {
color: #bf9e58;
text-align: center;
font-family: Saoldisplay, sans-serif;
font-size: 3em;
font-weight: 400;
line-height: 100%;
}
.x-cm-logo-ctn {
position: relative;
}
.x-cm-logo {
width: 600px;
margin: auto;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.x-slider-section {
margin-bottom: 100px;
overflow: hidden;
}
.x-cm-button {
color: #051d1d;
background-color: #d1c9b8;
border: 1px solid #d1c9b8;
border-radius: 30px;
padding: 10px 80px;
font-weight: 700;
}
.x-cm-button:hover {
color: #d1c9b8;
background-color: #003030;
}
.x-cm-button.for-mobile {
display: none;
}
.x-cm-button.for-deskop.for-inactive {
color: #d1c9b8;
background-color: #003030;
}
.x-promo-header {
position: relative;
}
.x-cm-design-div {
margin-top: 40px;
}
.x-cm-design-ctn {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
margin-bottom: 40px;
display: grid;
}
.c-arrow {
width: 40px;
height: 40px;
color: #3b4f5a;
cursor: pointer;
border: 1px solid #3b4f5a;
border-radius: 50%;
flex-direction: row;
justify-content: center;
align-items: center;
padding-bottom: 5px;
transition: all .3s;
display: flex;
}
.c-arrow:hover {
color: #fff;
background-color: #3b4f5a;
}
.c-arrow.cc-right {
transform: rotate(180deg);
}
.x-cm-design-para {
color: #d1c9b8;
text-align: center;
margin-top: 20px;
margin-bottom: 0;
font-weight: 500;
}
.x-cm-design-img {
width: 180px;
}
.x-cm-steps-box {
border: 1px solid #bf9e58;
border-radius: 8px;
padding: 30px;
}
.x-promo-master {
padding-top: 80px;
}
.c-arrow_embed {
width: 16px;
height: 16px;
}
.x-cm-bg {
width: 100%;
}
.c-arrows-wrapper {
width: 100%;
max-width: 88px;
justify-content: space-between;
align-items: center;
margin-top: 28px;
margin-left: auto;
margin-right: 490px;
display: flex;
position: relative;
}
.x-cm-steps-ctn {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-top: 40px;
display: none;
}
.x-promo-footer-txt {
justify-content: center;
display: flex;
}
.c-slide_wrapper {
height: 468px;
}
.c-slider {
height: 468px;
max-width: none;
justify-content: flex-start;
align-items: stretch;
margin-left: -32px;
margin-right: -32px;
display: flex;
position: relative;
left: 0;
overflow: hidden;
}
.x-cm-pattern-box {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.x-cm-pattern-box.add-margin {
margin-top: 140px;
}
.x-dg-pg-footer-txt-copy {
color: #979797;
text-align: center;
margin-right: 20px;
font-size: 12px;
line-height: 16px;
}
.c-slide {
width: 286px;
height: 468px;
min-height: 468px;
min-width: 286px;
margin-left: 32px;
margin-right: 32px;
padding-top: 0;
padding-bottom: 0;
position: relative;
}
.x-cm-steps-para {
color: #d1c9b8;
text-align: center;
margin-bottom: 0;
font-weight: 500;
}
.x-slider-arrow-hide {
display: none;
}
._w-slider-arrow-left {
justify-content: flex-start;
align-items: center;
margin-top: -60px;
margin-left: -20px;
display: flex;
}
.x-iphone-15-link {
justify-content: center;
display: flex;
}
.x-iphone-14-arrow-right {
width: 35px;
}
._w-slider-arrow-right {
justify-content: flex-end;
align-items: center;
margin-top: -60px;
margin-right: -20px;
display: flex;
}
.x-iphone-15-mobile, .x-iphone-15-tablet {
display: none;
}
.x-iphone-14-header {
z-index: 10000;
color: #272727;
text-align: center;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(#272727, #272727);
-webkit-background-clip: text;
background-clip: text;
margin-bottom: 20px;
font-size: 2.5em;
font-weight: 700;
line-height: 125%;
display: block;
}
.x-iphone-14-slider {
height: 100%;
background-color: rgba(0, 0, 0, 0);
margin-left: 40px;
margin-right: 40px;
}
.x-iphone-14-arrow-left {
width: 35px;
transform-style: preserve-3d;
transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}
.x-iphone-14-slider-nav {
bottom: -50px;
}
.x-iphone-15-desktop {
border-radius: 20px;
}
.x-iphone14-form-img-ctn {
justify-content: center;
margin-left: auto;
margin-right: auto;
padding-left: 250px;
padding-right: 250px;
display: flex;
}
.x-iphone14-form-img {
border-radius: 10px;
}
.x-iphone14-form-parag {
text-align: center;
margin-bottom: 20px;
padding-top: 20px;
}
.x-iphone14-form-header {
width: 60%;
min-width: 50px;
text-align: center;
margin: 10px auto 0;
padding-left: 0;
padding-right: 0;
font-size: 40px;
line-height: 50px;
}
.paragraph-22 {
text-align: center;
}
.x-iphone14-form-success {
background-color: #fff9c0;
border-radius: 10px;
margin-top: 40px;
margin-bottom: 40px;
}
.heading-38 {
text-align: center;
font-weight: 500;
}
.text-block-83 {
font-weight: 500;
}
.x-flip-banner.mobile, .x-flip-header-banner.tablet {
display: none;
}
.x-flip-header-banner.desktop {
width: 100%;
}
.x-flip-paragraph {
color: var(--black);
text-align: center;
margin-bottom: 10px;
padding-left: 200px;
padding-right: 200px;
font-size: 18px;
font-weight: 400;
line-height: 28px;
}
.x-flip-subheader {
color: var(--white);
text-align: center;
margin-top: 40px;
margin-bottom: 40px;
}
.x-flip-steps-text {
color: var(--white);
font-size: 18px;
font-weight: 400;
line-height: 24px;
}
.x-flip-steps-btn {
background-image: linear-gradient(#009ce5, rgba(0, 0, 0, 0));
border: 3px solid #ffe600;
border-radius: 20px;
flex-direction: column;
justify-content: space-between;
padding: 20px;
display: flex;
}
.x-esim-header {
width: auto;
min-width: auto;
text-align: center;
margin: 10px auto;
padding-left: 0;
padding-right: 0;
font-size: 40px;
line-height: 45px;
}
.x-esim-subheader {
text-align: center;
margin: 10px 60px 20px;
font-size: 20px;
font-weight: 400;
line-height: 25px;
}
.x-esim-card-img {
height: 72px;
margin-bottom: 8px;
margin-left: auto;
margin-right: auto;
display: block;
}
.x-esim-card-title {
text-align: center;
margin-bottom: 8px;
}
.x-esim-card-desc {
text-align: center;
}
.x-esim-card {
border: 1px none var(--line);
background-color: rgba(0, 0, 0, 0);
border-radius: 8px;
padding: 16px;
position: relative;
}
.x-esim-parag {
margin-bottom: 0;
}
.x-esim-header-2 {
line-height: 1.3em;
}
.x-digiflip4all-video {
height: 10px;
box-shadow: 0 8px 16px -4px var(--shadow);
border-radius: 8px;
margin-bottom: 60px;
overflow: hidden;
}
.x-plan-header-name-3 {
width: auto;
color: #272727;
text-align: center;
background-color: rgba(0, 0, 0, 0);
border-radius: 8px;
margin: -1px auto 0;
padding-left: 12px;
padding-right: 12px;
font-weight: 700;
position: static;
top: 41px;
}
.x-table-plan-slider-2 {
height: 100%;
background-color: rgba(0, 0, 0, 0);
margin-top: 40px;
}
.x-table-plan-slider-2.for-postpaid {
margin-top: 0;
}
.x-belia-promo-postpaid-ctn {
position: relative;
}
.x-plan-header-quota-2 {
text-align: center;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
font-size: 70px;
font-weight: 700;
line-height: 60px;
}
.postpaid-plan {
background-color: var(--white);
color: #3d4043;
border: 1px solid #dadcdf;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
margin-bottom: 0;
padding: 7px 17px;
font-weight: 600;
transition: all .25s cubic-bezier(.86, 0, .07, 1);
}
.postpaid-plan:hover {
color: #039be5;
}
.postpaid-plan.w--current {
border-color: var(--link-blue);
color: var(--link-blue);
background-color: #eff5f8;
}
.x-plan-bottom-postpaid-price {
margin-top: auto;
margin-bottom: auto;
padding-top: 0;
padding-bottom: 43px;
}
.x-plan-bottom-postpaid-price.x-pbp-new {
padding-top: 20px;
padding-bottom: 0;
}
.x-postpaid-new-label {
color: #fff;
background-color: #ff3939;
border-radius: 8px;
padding-left: 7px;
padding-right: 7px;
font-size: 14px;
position: absolute;
top: -28%;
bottom: auto;
left: auto;
right: 5%;
}
.x-postpaid-new-label.for-addons {
border-radius: 20px;
font-size: 12px;
line-height: 18px;
top: -11px;
bottom: auto;
left: 26px;
right: auto;
}
.mask {
margin-bottom: 0;
padding-left: 0;
}
.x-plan-header-label-postpaid {
color: #fff;
text-align: center;
background-color: #ff3939;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
margin: 20px auto -45px 0;
padding-left: 12px;
padding-right: 12px;
font-size: 12px;
font-weight: 700;
display: none;
position: relative;
}
.x-plan-header-label-postpaid.x-ph-label-2 {
border-radius: 500px;
margin: 10px 13px -54px auto;
padding: 14px 10px;
line-height: 15px;
display: flex;
}
.x-plan-header-label-postpaid.x-ph-label-2.x-adjust-phl {
margin-bottom: -36px;
padding: 6px 9px;
}
.x-plan-header-label-postpaid.x-ph-label-2.x-adjust-phl.for-yellow {
color: #272727;
text-align: center;
background-color: #ffe600;
justify-content: center;
margin: 5px 0 0;
padding-left: 10px;
padding-right: 10px;
font-size: 14px;
}
.x-plan-header-label-postpaid.x-ph-label-2.x-adjust-phl.for-yellow:hover {
color: #ffe600;
background-color: #272727;
}
.x-plan-header-label-postpaid.x-ph-label-2.x-adjust-phl.for-yellow.for-colour {
color: #fff;
background-color: #f07;
}
.x-plan-header-sub-3 {
width: auto;
color: #272727;
text-align: center;
background-color: rgba(0, 0, 0, 0);
border-radius: 8px;
margin: 4px auto 0;
padding-left: 12px;
padding-right: 12px;
font-weight: 400;
position: static;
top: 41px;
}
.x-plan-header-sub-3.x-add-slash {
text-decoration: line-through;
}
.image-46 {
display: block;
}
.postpaid-infinite {
background-color: var(--white);
color: #3d4043;
border: 1px solid #dadcdf;
border-left-style: none;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
margin-bottom: 0;
padding: 7px 17px;
font-weight: 600;
transition: all .25s cubic-bezier(.86, 0, .07, 1);
}
.postpaid-infinite:hover {
color: #039be5;
}
.postpaid-infinite.w--current {
border-style: solid;
border-color: var(--link-blue);
color: var(--link-blue);
background-color: #eff5f8;
}
.x-unlimited-video-logo-ctn {
display: flex;
}
.postpaid-infinite-75 {
color: #3d4043;
background-color: #fff;
border: 1px solid #c7c9cc;
border-left: 1px #dadcdf;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
flex: none;
margin-bottom: 0;
padding: 7px 17px;
font-weight: 600;
}
.postpaid-infinite-75:hover {
color: #039be5;
}
.postpaid-infinite-75.w--current {
border-style: solid;
border-color: var(--link-blue);
color: var(--link-blue);
background-color: #eff5f8;
}
.postpaid-infinite-55 {
color: #3d4043;
background-color: #fff;
border: 1px solid #c7c9cc;
border-left: 1px #dadcdf;
flex: none;
margin-bottom: 0;
padding: 7px 17px;
font-weight: 600;
}
.postpaid-infinite-55:hover {
color: #039be5;
}
.postpaid-infinite-55.w--current {
border-style: solid;
border-color: var(--link-blue);
color: var(--link-blue);
background-color: #eff5f8;
}
.postpaid-120 {
color: #3d4043;
background-color: #fff;
border: 1px solid #dadcdf;
border-left-style: none;
flex: none;
margin-bottom: 0;
padding: 7px 17px;
font-weight: 600;
}
.postpaid-120:hover {
color: #039be5;
}
.postpaid-120.w--current {
border-style: solid;
border-color: var(--link-blue);
color: var(--link-blue);
background-color: #eff5f8;
}
.postpaid-150 {
color: #3d4043;
background-color: #fff;
border: 1px solid #dadcdf;
border-left-style: none;
flex: none;
margin-bottom: 0;
padding: 7px 17px;
font-family: Barlow, sans-serif;
font-weight: 600;
}
.postpaid-150:hover {
color: #039be5;
}
.postpaid-150.w--current {
border-style: solid;
border-color: var(--link-blue);
color: var(--link-blue);
background-color: #eff5f8;
}
.postpaid-60 {
color: #3d4043;
background-color: #fff;
border: 1px solid #dadcdf;
border-left-style: none;
flex: none;
margin-bottom: 0;
padding: 7px 17px;
font-weight: 600;
}
.postpaid-60:hover {
color: #039be5;
}
.postpaid-60.w--current {
border-style: solid;
border-color: var(--link-blue);
color: var(--link-blue);
background-color: #eff5f8;
}
.postpaid-40 {
color: #3d4043;
background-color: #fff;
border: 1px solid #dadcdf;
border-radius: 30px 0 0 30px;
flex: none;
margin-bottom: 0;
padding: 7px 17px;
font-weight: 600;
line-height: 24px;
}
.postpaid-40:hover {
color: #039be5;
}
.postpaid-40.w--current {
border-color: var(--link-blue);
color: var(--link-blue);
background-color: #eff5f8;
}
.postpaid-40.w--current:hover {
color: var(--link-blue);
}
.postpaid-90 {
color: #3d4043;
background-color: #fff;
border: 1px solid #dadcdf;
border-left-style: none;
flex: none;
margin-bottom: 0;
padding: 7px 17px;
font-weight: 600;
}
.postpaid-90:hover {
color: #039be5;
}
.postpaid-90.w--current {
border-style: solid;
border-color: var(--link-blue);
color: var(--link-blue);
background-color: #eff5f8;
}
.x-plan-table-text-2 {
font-size: 14px;
line-height: 20px;
}
.x-plan-table-text-2.for-ppkm {
margin-top: 5px;
margin-left: 20px;
}
.x-plan-table-row-4 {
height: 78px;
border-bottom: 1px solid #c7c9cc;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-right: 24px;
display: flex;
position: relative;
}
.x-plan-table-row-4.for-center {
text-align: center;
border: 1px #000;
border-bottom: 1px solid #c7c9cc;
align-items: center;
padding-right: 0;
font-size: 1.1em;
}
.x-plan-table-row-4.for-center.pf365-borders {
border-left-style: solid;
border-left-color: #c7c9cc;
}
.x-plan-table-row-4.for-promo {
padding-right: 42px;
}
.x-pf365-highlight-txt {
color: #fff;
padding-top: 5px;
padding-bottom: 5px;
font-weight: 700;
}
.family-20 {
background-color: var(--white);
color: #3d4043;
border: 1px solid #dadcdf;
border-top-left-radius: 30px;
border-top-right-radius: 0;
border-bottom-left-radius: 30px;
margin-bottom: 0;
padding: 7px 17px;
font-weight: 600;
transition: all .25s cubic-bezier(.86, 0, .07, 1);
}
.family-20:hover {
color: #039be5;
}
.family-20.w--current {
border-color: var(--link-blue);
color: var(--link-blue);
background-color: #eff5f8;
transition-property: none;
}
.family-20.left-button:hover {
color: #039be5;
}
.family-30 {
background-color: var(--white);
color: #3d4043;
border: 1px solid #dadcdf;
border-left-style: none;
margin-bottom: 0;
padding: 7px 17px;
font-weight: 600;
transition: all .25s cubic-bezier(.86, 0, .07, 1);
}
.family-30:hover {
color: #039be5;
}
.family-30.w--current {
border-style: solid;
border-color: var(--link-blue);
color: var(--link-blue);
background-color: #eff5f8;
}
.family-45 {
background-color: var(--white);
color: #3d4043;
border: 1px solid #dadcdf;
border-left-style: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
margin-bottom: 0;
padding: 7px 17px;
font-weight: 600;
transition: all .25s cubic-bezier(.86, 0, .07, 1);
}
.family-45:hover {
color: #039be5;
}
.family-45.w--current {
border-style: solid;
border-color: var(--link-blue);
color: var(--link-blue);
background-color: #eff5f8;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.x-flip4all-header {
color: var(--black);
text-align: center;
margin-bottom: 30px;
padding-left: 100px;
padding-right: 100px;
font-size: 2.3em;
line-height: 110%;
}
.x-flip4all-contest-date {
color: var(--digi-dark-blue);
text-align: center;
border: 3px solid #b3a0cd;
border-radius: 30px;
justify-content: center;
margin-top: 20px;
padding: 5px 20px;
font-size: 20px;
font-weight: 400;
display: block;
}
.x-flip4all-header-ctn {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 40px;
margin-bottom: 40px;
display: flex;
}
.x-flip4all-steps-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-bottom: 60px;
}
.x-flip4all-steps-grid.for-belia, .x-flip4all-steps-grid.for-iphone {
margin-bottom: 20px;
}
.x-flip4all-steps-grid.for-iphone.for-two {
grid-template-columns: 1fr 1fr;
}
.x-flip4all-step-txt {
color: var(--bottom-nav);
font-weight: 400;
}
.x-plan-logo-img-2 {
width: 80px;
margin-left: 0;
}
.x-flip-step-first-word {
font-size: 20px;
font-weight: 700;
}
.x-storepoint-container {
min-height: 240px;
margin-top: 0;
}
.x-pg-footer-link-ctn-2 {
border-top: 1px solid #c7c9cc;
justify-content: center;
margin-top: 60px;
padding-top: 20px;
display: flex;
}
.x-pg-footer-link-ctn-2.for-new-2 {
border-top-color: #005eb8;
margin-top: 60px;
margin-bottom: 0;
}
.x-pg-device-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin: 40px 60px 140px;
}
.x-pg-device-img {
width: 100%;
border: 2px solid #000;
border-radius: 20px;
box-shadow: 0 7px #000;
}
.x-content-copy-img-digi-smart-uc {
z-index: 1;
width: 40%;
height: auto;
border: 0px solid var(--black);
border-radius: 0;
flex: none;
margin-top: -26px;
margin-right: 24px;
display: block;
position: -webkit-sticky;
position: sticky;
top: 166px;
overflow: hidden;
}
.x-menang-schedule-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 60px;
padding-left: 40px;
padding-right: 40px;
}
.x-menang-img-block {
width: 100%;
object-fit: cover;
border-radius: 0;
display: block;
}
.x-menang-img {
border-radius: 10px;
}
.x-belia-heading {
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
padding-left: 50px;
padding-right: 50px;
font-size: 33px;
line-height: 130%;
}
.x-perantisiswa-subheading {
font-size: 25px;
line-height: 35px;
}
.x-belia-steps {
background-color: #ffd500;
background-image: linear-gradient(to bottom, var(--digi-yellow) 26%, transparent);
border: 3px solid #fff700;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
padding: 20px;
display: flex;
}
.x-belia-steps-txt {
color: #575757;
font-weight: 500;
}
.x-belia-steps-desc-txt {
color: #000;
font-size: 18px;
font-weight: 400;
line-height: 24px;
}
.x-tab-btn {
border: 1px solid var(--line);
background-color: var(--white);
color: var(--grey-text);
border-radius: 8px;
padding: 12px 16px;
font-weight: 700;
}
.x-tab-btn.w--current {
background-color: var(--black);
color: var(--white);
border-radius: 8px;
padding: 12px 16px;
font-weight: 700;
}
.x-tab-btn.for-right {
margin-left: 15px;
}
.x-tab-btn.for-right:hover {
color: var(--link-blue);
}
.x-tab-btn.for-right.w--current:hover {
color: var(--white);
}
.x-line {
border-bottom: 1px solid #c7c9cc;
margin-top: 100px;
}
.x-line.for-prepaid {
margin-top: 60px;
margin-bottom: 40px;
}
.x-line.for-roaming {
margin-top: 20px;
margin-bottom: 20px;
}
.x-ekyc-num-tab {
width: 380px;
border-bottom: 1px solid #c7c9cc;
justify-content: center;
align-items: flex-end;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.x-ekyc-num-mydigi {
width: 180px;
text-align: center;
background-color: rgba(0, 0, 0, 0);
flex: 0 auto;
margin-right: 20px;
padding-left: 0;
padding-right: 0;
}
.x-ekyc-num-mydigi.w--current {
color: #039be5;
text-align: center;
background-color: rgba(0, 0, 0, 0);
border-bottom: 3px solid #039be5;
padding-left: 0;
padding-right: 0;
}
.x-ekyc-num-web {
width: 180px;
text-align: center;
background-color: rgba(0, 0, 0, 0);
flex: 0 auto;
padding-left: 0;
padding-right: 0;
}
.x-ekyc-num-web.w--current {
width: 180px;
color: #039be5;
background-color: rgba(0, 0, 0, 0);
border-bottom: 3px solid #039be5;
flex: 0 auto;
}
.x-btn-5 {
min-width: 96px;
color: #fff;
text-align: center;
background-color: #039be5;
border: 1px solid #039be5;
border-radius: 8px;
justify-content: center;
align-items: center;
margin-left: 8px;
margin-right: 8px;
padding: 10px 24px;
font-weight: 600;
transition: all .35s cubic-bezier(.86, 0, .07, 1);
display: flex;
}
.x-btn-5:hover {
background-color: #272727;
border-color: #272727;
}
.x-btn-5.for-larger {
padding: 15px 30px;
font-size: 18px;
}
.x-btn-5.for-colouringmalaysiaku {
padding: 20px 80px;
font-size: 23px;
}
.x-btn-5.for-secondary {
color: #039be5;
background-color: #fff;
}
.x-btn-5.for-secondary:hover {
color: #272727;
border-color: #272727;
}
.x-btn-5.toggle-popup.banner-data-layer {
width: 180px;
min-width: auto;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
display: flex;
position: relative;
top: 10px;
}
.x-dropdown-content-3 {
margin-top: 10px;
margin-bottom: 0;
margin-right: 0;
overflow: hidden;
}
.x-5g-steps {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: minmax(200px, 1fr);
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 20px;
display: grid;
}
.x-5g-step-card {
height: 100%;
background-color: #fff;
border: 1px solid #c7c9cc;
border-radius: 8px;
flex-direction: column;
justify-content: flex-start;
display: flex;
position: relative;
overflow: hidden;
}
.x-5g-step-image {
flex: 0 auto;
margin-left: 0;
margin-right: 0;
}
.x-5g-step-txt-ctn {
flex-direction: column;
justify-content: center;
align-items: center;
padding: 15px;
display: flex;
}
.x-5g-step-title {
color: var(--black);
font-weight: 700;
line-height: 20px;
}
.x-5g-step-text {
color: var(--black);
text-align: center;
font-weight: 400;
line-height: 20px;
}
.x-5g-icon-title {
text-align: center;
margin-top: 10px;
font-size: 20px;
font-weight: 600;
}
.x-5g-icon-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.x-5g-icon-grid.for-4 {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.x-5g-icon-wrapper {
margin: 20px 79px;
padding-top: 10px;
}
.x-5g-icon-ctn {
z-index: 100;
border: 1px solid var(--bottom-nav);
background-color: var(--white);
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 15px;
display: flex;
position: relative;
}
.x-5g-icon-ctn:hover {
background-color: var(--white);
background-image: linear-gradient(to bottom, var(--white), var(--white));
border-style: none;
}
.x-5g-icon {
width: 120px;
}
.process_line {
width: 2px;
height: 50%;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6364de048f1d895434847999_6364dc77a0ea0b22b67c2215_line%201.svg");
background-position: 50%;
background-repeat: repeat-y;
background-size: contain;
position: absolute;
}
.x-5g-link-ctn {
cursor: pointer;
margin-bottom: 10px;
display: flex;
}
.image-51 {
display: none;
}
.process_image_wrap {
width: 45%;
min-height: 300px;
justify-content: center;
align-items: center;
padding: 30px;
display: flex;
position: relative;
}
.process_image_wrap.hide {
height: auto;
min-height: 370px;
flex-direction: column;
padding: 0;
display: block;
}
.process_image_wrap.hide.for-5g {
display: flex;
}
.process_image_wrap.hide {
height: auto;
min-height: 370px;
flex-direction: column;
padding: 0;
}
.process_image_wrap.hide.for-5g {
display: flex;
}
.process_card {
width: 100%;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.process_card.for-centre {
justify-content: center;
}
.x-5g-link-wrapper {
margin-top: 40px;
}
.paragraph {
font-size: 16px;
font-weight: 500;
line-height: 26px;
display: none;
}
.process {
max-width: 900px;
flex-direction: column;
flex: 1;
justify-content: flex-start;
align-items: center;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.centre_step {
color: var(--line);
font-size: 21px;
font-weight: 600;
}
.centre_block {
width: 120px;
height: 80px;
justify-content: center;
align-items: flex-start;
display: flex;
}
.process_details {
width: 45%;
min-height: 300px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 30px 20px;
display: flex;
position: relative;
}
.centre_icon_wrap {
z-index: 5;
width: 55px;
height: 55px;
box-shadow: 1px 1px 35px 0 var(--shadow);
background-color: #fff;
border-radius: 19px;
justify-content: center;
align-items: center;
padding: 10px;
display: flex;
position: relative;
}
.x-5g-link-arrow {
margin-left: 5px;
display: block;
transform: rotate(-90deg);
}
.x-5g-link-arrow.for-rotate {
width: 20px;
height: 20px;
position: relative;
top: -17px;
transform: rotate(0);
}
.x-promo-grid {
grid-template-columns: 2.1fr 1fr;
align-content: stretch;
align-items: center;
justify-items: center;
}
.x-promo-grid.for-4 {
grid-template-columns: 1fr 1fr;
}
.x-promo-grid.for-3 {
grid-template-rows: auto;
}
.x-promo-grid.for-2 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.x-promo-image {
width: 100%;
border-radius: 12px;
box-shadow: 0 4px 24px -8px rgba(0, 0, 0, .25);
}
.x-ads-subheader-5g {
text-align: center;
margin-bottom: 0;
font-size: 1em;
font-weight: 400;
}
.x-iphone-note-link-txt {
align-items: center;
font-size: 16px;
display: flex;
}
.x-iphone-footnote-wrapper {
border-top: 1px none var(--line);
justify-content: center;
margin-top: 60px;
padding-top: 0;
display: flex;
}
.x-iphone-footnote-wrapper.for-note {
display: none;
}
.x-iphone-footnote-wrapper.for-buttons {
margin-top: 0;
}
.x-iphone-footnote-btn {
border: 1px solid var(--link-blue);
cursor: pointer;
border-radius: 30px;
margin-left: 10px;
margin-right: 10px;
padding: 5px 20px;
display: flex;
}
.x-iphone-footnote-btn:hover {
background-color: var(--link-blue);
color: var(--white);
}
.x-5g-mydigi-step-card {
height: 100%;
background-color: #fff;
border: 1px solid #c7c9cc;
border-radius: 8px;
flex-direction: column;
justify-content: flex-start;
display: flex;
position: relative;
overflow: hidden;
}
.x-plan-logo-link-2 {
position: absolute;
top: 0%;
bottom: auto;
left: auto;
right: 0%;
}
.x-plan-logo-link-2.for-blurb {
z-index: 100;
position: absolute;
top: 0%;
left: auto;
right: auto;
}
.x-plan-logo-link-2.for-5g-enabled-blurb {
z-index: 100;
position: absolute;
top: 50%;
left: auto;
right: auto;
}
.x-plan-table-block-3 {
height: 100%;
flex-wrap: nowrap;
align-items: stretch;
margin-top: 0;
margin-bottom: 40px;
display: flex;
position: relative;
overflow: visible;
}
.x-plan-table-header-5 {
z-index: 1;
height: 88px;
text-align: center;
background-color: #fff;
border-bottom: 2px solid #272727;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 16px;
display: flex;
position: relative;
}
.x-plan-table-header-5.for-sidebar {
text-align: left;
align-items: flex-start;
margin-top: 1px;
padding-top: 0;
padding-left: 0;
}
.x-plan-table-header-5.for-sidebar.for-sticky {
z-index: 10;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.x-plan-table-header-5.for-sidebar.for-higher.for-mobile-broadband {
text-align: left;
background-color: #ffe600;
border: 1px solid #c7c9cc;
border-right-style: none;
border-top-left-radius: 12px;
flex-direction: column;
margin-top: 0;
padding-top: 16px;
padding-left: 0;
}
.x-plan-table-header-5.for-sticky {
position: -webkit-sticky;
position: sticky;
top: 0;
}
.x-plan-table-header-5.for-loyalty {
width: 100%;
border-bottom-style: none;
}
.x-plan-table-header-5.for-loyalty.for-yellow {
height: 70px;
background-color: #ffe600;
padding: 10px;
}
.x-plan-table-header-5.for-loyalty.for-yellow.add-height {
width: 100%;
height: 110px;
}
.x-plan-table-header-5.for-loyalty.for-yellow.for-radius {
height: 70px;
border-top-right-radius: 10px;
}
.x-plan-table-header-5.for-loyalty.for-yellow.for-radius.add-height {
width: 100%;
height: 110px;
}
.x-plan-table-header-5.for-fibre {
width: 100%;
border-bottom-style: none;
}
.x-plan-table-header-5.for-fibre.for-yellow {
height: 70px;
background-color: #ffe600;
padding: 10px;
}
.x-plan-table-header-5.for-fibre.for-yellow.for-radius {
height: 70px;
border-top-right-radius: 10px;
}
.x-plan-table-header-5.for-fibre.for-yellow.for-radius.add-height {
height: 120px;
}
.x-plan-table-header-5.for-raja-kombo {
width: 100%;
border-bottom-style: none;
}
.x-plan-table-header-5.for-raja-kombo.for-dark-yellow {
height: 60px;
background-color: #ffc700;
}
.x-plan-table-header-5.for-raja-kombo.for-dark-yellow.add-height {
height: 100px;
background-color: #ffc700;
}
.x-plan-table-header-5.for-raja-kombo.for-yellow {
background-color: #ffe600;
}
.x-plan-table-header-5.for-raja-kombo.for-yellow.add-height {
height: 100px;
}
.x-plan-table-header-5.for-higher {
height: 110px;
background-color: rgba(0, 0, 0, 0);
padding-bottom: 8px;
position: relative;
top: 0;
}
.x-plan-table-header-5.for-higher.for-mobile-broadband.yellow {
width: auto;
background-color: #ffe600;
border-top: 1px solid #c7c9cc;
border-bottom-width: 1px;
border-bottom-color: #c7c9cc;
border-left: 1px #c7c9cc;
border-top-right-radius: 0;
flex-direction: column;
display: flex;
}
.x-plan-table-header-5.for-higher.for-mobile-broadband.yellow.for-round-right-corner {
z-index: 0;
border-top-style: solid;
border-left-style: none;
border-right: 1px solid #c7c9cc;
border-top-right-radius: 12px;
}
.x-plan-table-sidebar-5 {
z-index: 10;
width: 248px;
border-right: 2px solid #272727;
position: relative;
}
.x-plan-table-content-5 {
border-top: 1px solid #c7c9cc;
border-right: 1px solid #c7c9cc;
flex: 1;
display: flex;
}
.x-plan-table-content-5.for-exclusive {
border-top-style: none;
border-right-style: none;
}
.x-plan-table-col-5 {
flex: 1;
transition: all .35s cubic-bezier(.86, 0, .07, 1);
}
.x-plan-table-col-5:hover {
background-color: #f5f5f5;
}
.x-plan-table-col-5.for-one-col.for-raja-kombo.for-yellow {
background-color: #fffbdb;
}
.x-plan-table-col-5.for-one-col.for-raja-kombo.for-yellow.for-border {
background-color: rgba(0, 0, 0, 0);
border: 4px dashed #039be5;
border-radius: 10px;
margin-top: -4px;
}
.x-plan-table-col-5.for-one-col.for-pakej-perpaduan.for-yellow {
background-color: #fffbdb;
}
.x-plan-table-col-5.for-one-col.for-pakej-perpaduan.for-yellow.for-border {
background-color: rgba(0, 0, 0, 0);
border: 4px #039be5;
border-radius: 10px;
flex: 0 auto;
margin-top: 0;
margin-bottom: 10px;
margin-right: 0;
}
.x-plan-table-col-5.for-column.for-raja-kombo {
transition-property: none;
}
.x-plan-table-col-5.for-column.for-raja-kombo:hover {
background-color: rgba(0, 0, 0, 0);
}
.x-sfc-intro-title-txt-2 {
width: 400px;
color: #f9d856;
text-align: right;
font-family: Tech headlines, sans-serif;
font-size: 2.5em;
line-height: 135%;
}
.x-sfc-txt-white {
color: #fff;
}
.x-sfc-intro-para-txt-3 {
color: #fff;
font-weight: 500;
}
.x-sfc-jersi-wrapper {
grid-column-gap: 27px;
grid-row-gap: 16px;
margin-top: 40px;
margin-left: 40px;
margin-right: 40px;
display: flex;
}
.x-sfc-jersi-img {
width: 18%;
border: 1px solid var(--dark-grey);
}
.x-sfc-steps-ctn-3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 20px;
margin-bottom: 40px;
display: grid;
}
.x-sfc-step-box-3 {
background-color: #1e1e1e;
border: 9px solid #000;
flex-direction: column;
display: flex;
}
.div-block-72 {
padding: 20px;
display: flex;
}
.x-sfc-steps-descrip-3 {
color: #fff;
margin-left: 15px;
font-size: 18px;
line-height: 22px;
}
.x-sfc-link-2 {
color: #ffe600;
text-decoration: underline;
}
.slider-list {
display: flex;
}
.x-sfc-wallpaper-title-wrapper {
z-index: 100;
margin-top: 40px;
margin-bottom: 20px;
padding-left: 164px;
padding-right: 164px;
position: relative;
}
.x-sfc-sokong-para-3 {
color: #fff;
text-align: center;
margin-bottom: 40px;
font-weight: 500;
}
.slider-wrapper {
z-index: 100;
position: relative;
}
.x-sfc-wallpaper-section {
background-image: linear-gradient(rgba(250, 215, 85, .44), rgba(0, 0, 0, 0) 44%), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/62d57f52f8e5f8f778d8c5f1_bg.jpg");
background-position: 0 0, 0 0;
background-size: auto, auto;
padding-top: 40px;
padding-bottom: 60px;
overflow: hidden;
}
.text-span-129 {
color: #fad755;
}
.pagination {
justify-content: center;
align-self: flex-end;
align-items: flex-end;
margin-top: 20px;
display: flex;
}
.x-sfc-container-wallpaper {
max-width: 100%;
justify-content: space-between;
align-items: center;
padding-left: 60px;
padding-right: 60px;
position: relative;
}
.section-header {
z-index: 100;
justify-content: center;
align-items: flex-end;
margin-bottom: 32px;
display: flex;
position: relative;
}
.slider-item {
width: 20vw;
height: 35vw;
border: 1px solid var(--dark-grey);
flex: none;
margin-right: 32px;
overflow: hidden;
}
.slide-link-block {
width: 100%;
height: 100%;
color: #fff;
align-items: flex-end;
text-decoration: none;
display: flex;
position: relative;
}
.x-sfc-bg-team-img-copy-2 {
width: 100%;
}
.x-pg-footer-link-3 {
color: #ffe600;
text-align: center;
margin-right: 40px;
font-weight: 400;
}
.x-detective-maniam-navbar {
z-index: 1000;
-webkit-text-fill-color: inherit;
background-color: #000;
background-clip: border-box;
flex-direction: row;
justify-content: space-between;
padding: 11px 64px;
display: flex;
position: fixed;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.x-detective-maniam-menu-ctn {
justify-content: flex-end;
align-items: center;
display: flex;
}
.x-digi-logo {
height: 60px;
margin-right: 20px;
}
.x-detective-maniam-link-txt {
color: #fff;
text-transform: uppercase;
}
.x-detective-maniam-link-txt.add-margin {
cursor: pointer;
margin-right: 30px;
font-family: Barlow, sans-serif;
font-weight: 700;
}
.x-detective-maniam-link-txt.add-margin:hover {
color: #df5c41;
}
.x-detective-maniam-link-txt.add-margin.for-new-about-playlist {
display: block;
}
.x-detective-maniam-link-txt.add-margin.for-playlist {
display: none;
}
.x-detective-maniam-link-txt.for-mobile {
font-weight: 700;
}
.x-detective-maniam-link-txt.for-mobile:hover {
color: #df5c41;
}
.x-detective-maniam-logo-ctn {
display: flex;
}
.x-detective-maniam-showreel-wrapper {
width: 80%;
height: auto;
background-color: #1e2029;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: stretch;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 0 12px 60px -8px #000;
}
.x-new-dm-right-wrapper {
width: 70%;
margin-left: 30px;
}
.total_slides {
color: #fff;
margin-left: 5px;
font-family: Barlow, sans-serif;
font-weight: 700;
}
.x-dm-cast-character-slider {
height: 100%;
background-color: rgba(0, 0, 0, 0);
justify-content: center;
align-items: stretch;
padding-bottom: 40px;
display: flex;
overflow: hidden;
}
.x-detective-maniam-footer-txt {
color: #fff;
text-align: center;
font-size: 14px;
font-weight: 400;
}
.x-dm-tape-1 {
z-index: 2;
width: 150vw;
max-width: 260%;
position: relative;
top: 8.2vw;
left: -1.3vw;
transform: rotate(3.3deg);
}
.x-detective-maniam-trailer-btm-arrow {
height: auto;
margin-bottom: 60px;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.x-detective-maniam-trailer-btm-arrow.for-mobile.for-hide {
display: none;
}
.x-dm-episode-title {
color: #f5f5f5;
margin-bottom: 10px;
margin-left: 0;
font-family: Barlow, sans-serif;
font-size: 20px;
font-weight: 700;
display: inline-block;
}
.x-dm-episode-title.for-red {
color: #df5c41;
}
.x-dm-cast-character-section {
flex-direction: column;
justify-content: center;
align-items: center;
padding: 100px 5vw;
display: flex;
position: relative;
}
.x-dm-cast-character-section.home-hero-section {
min-height: 100vh;
background-image: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), linear-gradient(#000, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, .8)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d7485f53ca324_detective_maniam_bg1.jpg");
background-position: 0 0, 0 0, 0 100%;
background-size: auto, auto, auto;
justify-content: space-between;
align-items: stretch;
padding: 0 0;
overflow: hidden;
}
.x-dm-cast-img {
width: 101%;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
margin-left: auto;
margin-right: auto;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.x-dm-cast-img.cast3 {
width: 100%;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d7468753ca38f_evelyn.jpg");
background-position: 50% 0;
}
.x-dm-cast-img.cast6 {
width: 100%;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d742d3a3ca33f_Bhaskar.jpg");
background-position: 50% 0;
}
.x-dm-cast-img.cast10 {
width: 100%;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d74115d3ca3bf_jessie.jpg");
}
.x-dm-cast-img.cast7 {
width: 100%;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d74e4263ca3c1_Kannan.jpg");
background-position: 50% 0;
}
.x-dm-cast-img.cast5 {
width: 100%;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d74fcaf3ca349_Roxy.jpg");
background-position: 50% 0;
}
.x-dm-cast-img.cast14 {
width: 100%;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d74f7e83ca2f7_Missy.jpg");
background-position: 50% 0;
}
.x-dm-cast-img.cast12 {
width: 100%;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d7477863ca329_Queen.jpg");
background-position: 50% 0;
}
.x-dm-cast-img.cast11 {
width: 100%;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d7453c53ca3d0_Meenakshi.jpg");
background-position: 50% 0;
}
.x-dm-cast-img.cast1 {
width: 100%;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d74671a3ca2fe_balaji.jpg");
background-position: 50% 0;
background-attachment: scroll;
}
.x-dm-cast-img.cast9 {
width: 100%;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d741ace3ca38d_Teena.jpg");
background-position: 50% 0;
}
.x-dm-cast-img.cast2 {
width: 100%;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d741b013ca347_Seetha.jpg");
background-position: 50% 0;
}
.x-dm-cast-img.cast4 {
width: 100%;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d740d653ca33d_jeremiah.jpg");
background-position: 50% 0;
margin-right: 0;
}
.x-dm-cast-img.cast13 {
width: 100%;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d74a7103ca3ac_alexies.jpg");
background-position: 50% 0;
}
.x-dm-cast-img.five {
width: 100%;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d74993e3ca3e8_Maniam_02.jpg");
background-position: 0 0;
}
.x-dm-cast-img.cast8 {
width: 100%;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d7422483ca335_lily.jpg");
background-position: 50% 0;
}
.x-dm-cast-img.cast15 {
width: 100%;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d74e5773ca375_samy.jpg");
background-position: 50% 0;
}
.x-dm-bts-gallery-slider {
width: 740px;
height: auto;
background-color: rgba(0, 0, 0, 0);
justify-content: center;
align-items: center;
padding: 25px 50px;
display: flex;
overflow: visible;
}
.x-dm-cast-descp {
color: #8a94a6;
line-height: 1.55em;
}
.x-dm-cast-descp.large {
color: var(--white);
font-family: Barlow, sans-serif;
font-size: 18px;
line-height: 1.6em;
}
.x-detective-maniam-abt-ctn {
height: 100vh;
justify-content: space-between;
margin-top: 0;
margin-bottom: auto;
padding: 0 80px;
display: flex;
position: relative;
}
.x-dm-cast-img-cover {
z-index: 10;
width: auto;
height: 101%;
opacity: 1;
cursor: pointer;
background-color: rgba(0, 0, 0, .6);
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.x-dm-episode-content {
width: 630px;
height: auto;
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: fill;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-content: space-between;
justify-content: center;
align-items: flex-start;
margin-left: 20px;
display: inline-block;
position: static;
top: 20px;
}
.x-dm-episode-content.for-new {
width: 450px;
}
.x-dm-episode-lightbox {
align-items: center;
margin-left: 0;
display: flex;
}
.x-detective-maniam-playlist-title-ctn {
justify-content: center;
align-items: center;
margin-top: 40px;
margin-bottom: 40px;
padding-top: 0;
display: flex;
}
.x-detective-maniam-playlist-title-ctn.for-new {
margin-top: 0;
margin-bottom: 0;
}
.x-dm-episode-image {
width: 284.7px;
height: auto;
margin-left: 16px;
}
.x-dm-episode-image.for-new {
width: 200px;
}
.x-new-dm-abt-img {
width: auto;
display: inline-block;
}
.x-dm-cast-body-info {
overflow: hidden;
}
.x-dm-cast-body-info.speaker-headding {
margin-top: -48px;
margin-bottom: 10px;
}
.x-dm-cast-info {
max-width: 500px;
margin-bottom: 36px;
}
.x-dm-tape-2 {
width: 150vw;
max-width: 260%;
display: block;
position: relative;
top: -.2vw;
left: -1vw;
transform: rotate(-4.1deg);
}
.directors-interview-youtube {
width: 100%;
height: auto;
}
.x-dm-cast-slider-arrow-img {
width: 18px;
}
.x-dm-bts-gallery-slide {
width: 650px;
overflow: visible;
}
.x-dm-cast-slider-slide-nav {
display: none;
}
.x-dm-episode-line-breaker {
width: 1016px;
height: .1px;
background-color: #3d3d3d;
margin-top: 40px;
margin-bottom: 1px;
}
.x-dm-cast-slider-arrow {
width: 60px;
height: 60px;
background-color: #1e2029;
border: 1px rgba(255, 255, 255, .04);
border-radius: 100px;
justify-content: center;
align-items: center;
padding: 0;
display: flex;
top: auto;
bottom: 12vw;
left: auto;
right: 5vw;
}
.x-dm-cast-slider-arrow.left {
margin-right: 72px;
bottom: 12vw;
left: auto;
right: 5vw;
}
.x-dm-cast-slide-img {
width: 100%;
height: 55vh;
justify-content: flex-start;
align-items: flex-end;
display: flex;
position: relative;
overflow: hidden;
}
.x-detective-maniam-abt-para-ctn {
align-self: center;
margin-left: 60px;
}
.x-section-4 {
width: auto;
height: auto;
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: rgba(0, 0, 0, 0);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
position: relative;
overflow: visible;
}
.x-section-4.for-detective-maniam {
background-image: linear-gradient(rgba(0, 0, 0, 0), #000), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d74e9173ca3ff_detective_maniam_bg4.jpg");
background-position: 0 0, 50% 0;
background-size: auto, auto;
}
.x-section-4.for-new-playlist {
display: none;
}
.x-section-4.for-bts {
background-image: linear-gradient(#000, rgba(0, 0, 0, 0) 70%), linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d74719b3ca404_detective_maniam_bg3.jpg");
background-position: 0 0, 0 0, 0%;
background-repeat: repeat, repeat, no-repeat;
background-size: auto, auto, cover;
justify-content: center;
align-items: center;
margin-top: 220px;
display: flex;
overflow: hidden;
}
.x-section-4.for-detective-maniam-abt {
background-image: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), linear-gradient(rgba(0, 0, 0, .84), rgba(0, 0, 0, 0) 50%, #000), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d7485f53ca324_detective_maniam_bg1.jpg");
background-position: 0 0, 0 0, 50% 0;
background-size: auto, auto, auto;
display: none;
}
.counter_wrapper {
height: 5%;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
top: auto;
bottom: 12vw;
left: 5vw;
}
.x-dm-bts-slid-arrow-icon {
color: rgba(201, 201, 201, .93);
font-size: 22px;
}
.x-detective-maniam-abt-title-txt {
width: auto;
color: #df5c41;
text-align: left;
letter-spacing: 1px;
margin-bottom: 10px;
font-size: 48px;
font-weight: 400;
line-height: 100%;
}
.x-detective-maniam-abt-title-txt.for-new {
text-align: center;
margin-bottom: 0;
font-family: Special Elite, sans-serif;
font-size: 28px;
}
.x-detective-maniam-masthead-ctn {
height: auto;
text-align: center;
flex: 0 auto;
margin-top: -50px;
}
.x-detective-maniam-abt-img {
width: 1200px;
height: auto;
}
.counter {
color: #fff;
font-family: Barlow, sans-serif;
font-weight: 700;
}
.x-dm-tape-container {
width: 100%;
height: 20vw;
background-color: rgba(0, 0, 0, 0);
background-image: none;
background-position: 0 0;
position: absolute;
top: -.5vw;
overflow: hidden;
}
.x-dm-cast-slide-content {
z-index: 100;
height: 100%;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-bottom: 36px;
display: flex;
position: relative;
}
.x-dm-bts-gallery-slide-content {
width: 600px;
height: 350px;
min-width: 200px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d74eee83ca383_BTS1.jpg");
background-position: 0%;
background-size: cover;
border-radius: 12px;
flex: 1;
margin-left: 20px;
margin-right: 20px;
padding-right: 0;
position: relative;
overflow: visible;
}
.x-dm-bts-gallery-slide-content.bts35 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d743f783ca3ea_BTS35.jpg");
}
.x-dm-bts-gallery-slide-content.bts14 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d7431053ca3a0_BTS14.jpg");
}
.x-dm-bts-gallery-slide-content.bts13 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d74bf733ca37e_BTS13.jpg");
}
.x-dm-bts-gallery-slide-content.bts27 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d7478153ca3f4_BTS27.jpg");
}
.x-dm-bts-gallery-slide-content.bts18 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d745e373ca3b5_BTS18.jpg");
}
.x-dm-bts-gallery-slide-content.bts4 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d7486dd3ca3ba_BTS4.jpg");
}
.x-dm-bts-gallery-slide-content.bts36 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d7401893ca34b_BTS36.jpg");
}
.x-dm-bts-gallery-slide-content.bts32 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d7443143ca3ae_BTS32.jpg");
}
.x-dm-bts-gallery-slide-content.bts22 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d7472c53ca377_BTS22.jpg");
}
.x-dm-bts-gallery-slide-content.bts7 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d7416193ca3cb_BTS7.jpg");
background-position: 0%;
}
.x-dm-bts-gallery-slide-content.bts12 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d740baa3ca316_BTS12.jpg");
}
.x-dm-bts-gallery-slide-content.bts26 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d74b6c93ca3c3_BTS26.jpg");
}
.x-dm-bts-gallery-slide-content.bts17 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d74cd4d3ca388_BTS17.jpg");
}
.x-dm-bts-gallery-slide-content.bts29 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d740d513ca3de_BTS29.jpg");
}
.x-dm-bts-gallery-slide-content.bts23 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d74aa313ca409_BTS23.jpg");
}
.x-dm-bts-gallery-slide-content.bts37 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d745e0a3ca3d4_BTS37.jpg");
}
.x-dm-bts-gallery-slide-content.bts28 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d745a233ca3f9_BTS28.jpg");
}
.x-dm-bts-gallery-slide-content.bts34 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d7452f13ca31b_BTS34.jpg");
}
.x-dm-bts-gallery-slide-content.bts6 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d74ae563ca350_BTS6.jpg");
}
.x-dm-bts-gallery-slide-content.bts8 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d7437023ca3a7_BTS8.jpg");
}
.x-dm-bts-gallery-slide-content.bts33 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d744d533ca32b_BTS33.jpg");
}
.x-dm-bts-gallery-slide-content.bts15 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d7414833ca361_BTS15.jpg");
}
.x-dm-bts-gallery-slide-content.bts10 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d74e6893ca2f9_BTS10.jpg");
}
.x-dm-bts-gallery-slide-content.bts11 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d74fa6b3ca3e3_BTS11.jpg");
}
.x-dm-bts-gallery-slide-content.bts20 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d74fc283ca36b_BTS20.jpg");
}
.x-dm-bts-gallery-slide-content.bts31 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d7406c23ca357_BTS31.jpg");
}
.x-dm-bts-gallery-slide-content.bts2 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d749e953ca35c_BTS2.jpg");
}
.x-dm-bts-gallery-slide-content.bts3 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d74e6983ca370_BTS3.jpg");
}
.x-dm-bts-gallery-slide-content.bts38 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d743bce3ca300_BTS38.jpg");
}
.x-dm-bts-gallery-slide-content.bts9 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d7437d23ca3d9_BTS9.jpg");
}
.x-dm-bts-gallery-slide-content.bts30 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d7463d53ca3ef_BTS30.jpg");
}
.x-dm-bts-gallery-slide-content.bts21 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d746b033ca366_BTS21.jpg");
}
.x-dm-bts-gallery-slide-content.bts5 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d7434053ca391_BTS5.jpg");
}
.x-dm-bts-gallery-slide-content.bts16 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d74f1413ca305_BTS16.jpg");
}
.x-dm-bts-gallery-slide-content.bts25 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d7434fe3ca342_BTS25.jpg");
}
.x-detective-maniam-masthead {
width: 90%;
height: auto;
text-align: center;
margin-top: 140px;
display: inline-block;
}
.x-detective-maniam-trailer-btn-txt {
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
border: 2px solid #fff;
margin-top: 28px;
padding: 15px 30px;
font-family: Barlow, sans-serif;
font-size: 14px;
font-weight: 600;
text-decoration: none;
transition: background-color 1.233s, color 1.4s;
}
.x-detective-maniam-trailer-btn-txt:hover {
color: #353535;
background-color: #fff;
}
.x-detective-maniam-trailer-btn-txt.banner-data-layer {
margin-top: 40px;
}
.x-detective-maniam-header {
height: 90vh;
}
.x-detective-maniam-episode-ctn {
background-color: rgba(0, 0, 0, 0);
border-radius: 8px;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
padding-top: 40px;
display: flex;
}
.x-detective-maniam-episode-ctn:hover {
background-color: rgba(0, 0, 0, 0);
background-image: radial-gradient(circle, #252525, #000);
}
.x-detective-maniam-episode-ctn.for-last {
padding-bottom: 40px;
}
.x-detective-maniam-trailer-lightbox {
text-decoration: none;
}
.x-detective-maniam-master {
position: relative;
}
.x-new-dm-left-wrapper {
width: 30%;
position: -webkit-sticky;
position: sticky;
top: 80px;
}
.x-wrapper-40-100 {
z-index: 1000;
padding-top: 40px;
padding-bottom: 40px;
position: relative;
}
.x-wrapper-40-100.for-interview {
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 40px;
padding-bottom: 100px;
display: flex;
}
.x-detective-maniam-footer-ctn {
z-index: auto;
background-color: #1a1a1a;
background-image: linear-gradient(rgba(0, 0, 0, .65), rgba(0, 0, 0, .65)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d74719b3ca404_detective_maniam_bg3.jpg");
background-position: 0 0, 0 100%;
background-size: auto, cover;
padding: 16px 24px;
position: static;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
}
.x-dm-episode-number {
color: #f5f5f5;
margin-left: 20px;
font-family: Barlow, sans-serif;
font-size: 20px;
display: inline;
}
.x-detective-maniam-interview-title-ctn-copy {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 40px;
margin-bottom: 40px;
padding-top: 0;
display: flex;
}
.x-dm-cast-hero-wrapper {
width: 100%;
flex-direction: column;
justify-content: space-between;
display: flex;
}
.of {
color: #dde2e5;
margin-left: 5px;
font-family: Barlow, sans-serif;
}
.x-dm-cast-slider-mask {
width: 33.33%;
overflow: visible;
}
.x-detective-maniam-hero-content {
width: 60%;
text-align: center;
margin-left: auto;
margin-right: auto;
display: block;
position: relative;
top: 50%;
transform: translate(0, -50%);
}
.x-detective-maniam-cast-title-txt {
width: auto;
color: #df5c41;
text-align: left;
letter-spacing: 1px;
mix-blend-mode: normal;
font-family: Special Elite, sans-serif;
font-size: 48px;
font-weight: 400;
line-height: 100%;
transform: skew(0deg);
}
.x-detective-maniam-wrapper {
z-index: 1000;
padding-top: 20px;
padding-bottom: 20px;
position: relative;
}
.x-detective-maniam-wrapper.for-about-eps {
height: auto;
justify-content: space-between;
align-items: flex-start;
margin-top: 60px;
display: flex;
}
.x-detective-maniam-wrapper.for-playlist {
padding-bottom: 60px;
}
.x-dm-cast-name {
z-index: 10;
color: var(--white);
margin-bottom: 24px;
font-size: 60px;
position: relative;
}
.x-detective-maniam-trailer-btm-arrow-icon {
height: auto;
}
.x-dm-cast-slider-wrapper {
height: 100%;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.x-detective-maniam-playlist-title-txt {
width: auto;
color: #fff;
text-align: left;
letter-spacing: 1px;
mix-blend-mode: normal;
font-size: 48px;
font-weight: 400;
line-height: 100%;
transform: skew(0deg);
}
.x-detective-maniam-playlist-title-txt.for-new {
font-family: Special Elite, sans-serif;
font-size: 36px;
}
.x-detective-maniam-cast-title-ctn {
justify-content: center;
align-items: center;
margin-top: 0;
padding-top: 100px;
padding-bottom: 40px;
display: flex;
}
.x-new-dm-abt-descp-ctn {
margin-top: 30px;
}
.x-dm-bts-gallery-slide-nav {
margin-top: 0;
padding-top: 20px;
font-size: 8px;
}
.x-detective-maniam-abt-para-txt {
color: #fff;
font-family: Barlow, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 26px;
}
.x-detective-maniam-abt-para-txt.for-new {
text-align: center;
margin-top: 5px;
margin-bottom: 10px;
font-size: 14px;
line-height: 20px;
}
.x-detective-maniam-abt-para-txt.for-new.for-second {
font-size: 15px;
font-weight: 500;
}
.x-detective-maniam-bts-title-ct {
flex-flow: column;
justify-content: center;
align-self: auto;
align-items: center;
margin-top: 0;
margin-bottom: 0;
padding-top: 40px;
padding-bottom: 40px;
display: flex;
}
.x-dm-epsisode-duration {
color: #c7c9cc;
flex-flow: row;
justify-content: flex-end;
align-items: center;
margin-bottom: 8px;
margin-left: 0;
display: inline-block;
position: absolute;
right: 40px;
}
.x-dm-epsisode-duration.for-new {
right: 0;
}
.x-detective-maniam-interview-title-txt {
width: auto;
color: #fff;
text-align: left;
letter-spacing: 1px;
font-family: Special Elite, sans-serif;
font-size: 48px;
font-weight: 400;
line-height: 100%;
}
.x-detective-maniam-abt-img-ctn {
align-self: center;
}
.x-dm-bts-slider-mask {
width: 100%;
overflow: visible;
}
.x-detective-maniam-bts-title-txt {
width: auto;
color: #df5c41;
text-align: left;
letter-spacing: 1px;
font-family: Special Elite, sans-serif;
font-size: 48px;
font-weight: 400;
line-height: 100%;
}
.x-limit-4 {
z-index: 10;
max-width: none;
margin-left: auto;
margin-right: auto;
padding-left: 64px;
padding-right: 64px;
display: block;
position: relative;
}
.x-limit-5 {
z-index: 30;
}
.x-detective-maniam-hero-video {
width: 100%;
height: 100%;
text-align: center;
letter-spacing: 2px;
background-image: linear-gradient(rgba(0, 0, 0, .65), rgba(0, 0, 0, .65));
background-position: 0 0;
justify-content: center;
align-items: center;
margin-top: 60px;
font-size: 12px;
display: block;
}
.x-dm-episode-descp {
color: #f5f5f5;
margin-top: 0;
margin-left: 0;
font-family: Barlow, sans-serif;
font-size: 15px;
font-weight: 400;
display: flex;
}
.x-detective-maniam-abt-title-txt-2 {
width: auto;
color: #df5c41;
text-align: left;
letter-spacing: 1px;
margin-bottom: 10px;
font-family: Special Elite, sans-serif;
font-size: 48px;
font-weight: 400;
line-height: 100%;
}
.x-5g-mydigi-subheading {
color: #005eb8;
text-align: center;
font-size: 22px;
font-weight: 700;
display: none;
}
.x-loyalty-img {
width: auto;
height: 250px;
border-radius: 10px;
}
.x-content-copy-img-3 {
z-index: 1;
width: 40%;
height: auto;
border: 2px solid #272727;
border-radius: 0;
flex: none;
margin-top: -26px;
margin-right: 24px;
display: block;
position: -webkit-sticky;
position: sticky;
top: 166px;
overflow: hidden;
}
.x-content-copy-img-3.for-left-video {
width: 36%;
height: 100%;
border-style: none;
border-width: 0;
border-radius: 16px;
margin-top: 0;
position: -webkit-sticky;
position: sticky;
top: 100px;
}
.x-content-copy-img-3.for-left-video.for-digital-subscription {
height: 100%;
position: relative;
top: auto;
}
.x-content-copy-img-3.for-right-video {
width: 36%;
height: 100%;
border-style: none;
border-width: 0;
border-radius: 16px;
margin-top: 0;
margin-left: 24px;
margin-right: 0;
position: -webkit-sticky;
position: sticky;
top: 100px;
}
.x-fibre-table-sidebar-2 {
z-index: 10;
width: 280px;
border-right: 2px #272727;
position: relative;
}
.x-di-title {
text-align: center;
margin-bottom: 10px;
font-size: 2em;
line-height: 1.3em;
}
.x-di-title.for-home-fibre {
margin-bottom: 10px;
}
.x-di-title.left-align {
text-align: left;
}
.x-content-wrapper-2 {
flex: 0 auto;
}
.x-plan-table-content-6 {
border-top: 1px solid #c7c9cc;
border-right: 1px solid #c7c9cc;
flex: 1;
display: flex;
}
.x-plan-table-content-6.for-exclusive {
border-top-style: none;
border-right-style: none;
}
.x-loyalty-txt {
width: auto;
font-weight: 500;
}
.x-loyalty-txt.for-sub-title {
margin-top: 5px;
margin-bottom: 0;
font-size: 20px;
font-weight: 600;
line-height: 24px;
}
.x-fibre-table-headline-2 {
margin-top: 20px;
margin-bottom: 0;
margin-left: 20px;
font-size: 18px;
}
.x-loyalty-table-header {
z-index: 1;
height: 88px;
text-align: center;
background-color: #fff;
border-bottom: 2px solid #272727;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 16px;
display: flex;
position: relative;
}
.x-loyalty-table-header.for-sidebar {
text-align: left;
align-items: flex-start;
margin-top: 1px;
padding-top: 0;
padding-left: 0;
}
.x-loyalty-table-header.for-sidebar.x-no-sticky {
border-bottom-style: none;
}
.x-loyalty-table-header.for-sidebar.x-no-sticky.for-grey {
height: 70px;
background-color: #dde2e5;
border-top-left-radius: 10px;
margin-top: 0;
}
.x-loyalty-table-header.for-sidebar.x-no-sticky.for-grey.add-height {
height: 110px;
}
.x-roaming-card-description-3 {
color: #272727;
text-align: left;
align-items: flex-start;
margin: 20px;
font-size: 16px;
line-height: 22px;
display: block;
}
.x-rate-copy-block-loyalty {
align-items: flex-start;
margin-bottom: 48px;
font-weight: 500;
display: flex;
}
.x-rate-copy-block-loyalty.for-center {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-column-gap: 20px;
grid-row-gap: 20px;
align-items: center;
margin-bottom: 20px;
}
.x-rate-copy-block-loyalty.for-center.for-talktime {
margin-top: 20px;
}
.x-section-header-2.centre {
text-align: center;
margin-bottom: 25px;
}
.x-ppkm-txt {
width: auto;
font-weight: 500;
}
.x-ppkm-txt.for-sub-title {
margin-top: 5px;
margin-bottom: 0;
font-size: 20px;
font-weight: 500;
line-height: 24px;
}
.x-ppkm-txt.for-title {
margin-bottom: 0;
font-size: 1.5em;
font-weight: 700;
line-height: 24px;
}
.x-prkm-table-header {
z-index: 1;
height: 88px;
text-align: center;
background-color: #fff;
border-bottom: 2px solid #272727;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 16px;
display: flex;
position: relative;
}
.x-prkm-table-header.for-sidebar {
text-align: left;
align-items: flex-start;
margin-top: 1px;
padding-top: 0;
padding-left: 0;
}
.x-prkm-table-header.for-sidebar.x-no-sticky {
border-bottom-style: none;
}
.x-prkm-table-header.for-sidebar.x-no-sticky.for-grey {
height: 70px;
background-color: #dde2e5;
border-top-left-radius: 10px;
margin-top: 0;
}
.x-prkm-table-header.for-sidebar.x-no-sticky.for-grey.add-height {
height: 120px;
}
.x-prkm-table-sidebar {
z-index: 10;
width: 360px;
border-right: 2px #272727;
position: relative;
}
.bold-text-28 {
font-weight: 600;
}
.x-ppkm-tab-2 {
background-color: #fff;
border: 2px solid #dde2e5;
border-radius: 30px;
margin-right: 10px;
padding-top: 7px;
padding-bottom: 7px;
}
.x-ppkm-tab-2.w--current {
background-color: #dde2e5;
border: 2px solid #dde2e5;
border-radius: 30px;
margin-right: 10px;
padding-top: 7px;
padding-bottom: 7px;
}
.x-ppkm-tab-5 {
background-color: #fff;
border: 2px solid #dde2e5;
border-radius: 30px;
margin-right: 0;
padding-top: 7px;
padding-bottom: 7px;
}
.x-ppkm-tab-5.w--current {
background-color: #dde2e5;
border: 2px solid #dde2e5;
border-radius: 30px;
margin-right: 0;
padding-top: 7px;
padding-bottom: 7px;
}
.x-ppkm-steps-descp-txt {
color: #000;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.x-ppkm-tab-4 {
background-color: #fff;
border: 2px solid #dde2e5;
border-radius: 30px;
margin-right: 10px;
padding-top: 7px;
padding-bottom: 7px;
}
.x-ppkm-tab-4.w--current {
background-color: #dde2e5;
border: 2px solid #dde2e5;
border-radius: 30px;
margin-right: 10px;
padding-top: 7px;
padding-bottom: 7px;
}
.x-ppkm-tab-1 {
background-color: #fff;
border: 2px solid #dde2e5;
border-radius: 30px;
margin-right: 10px;
padding-top: 7px;
padding-bottom: 7px;
}
.x-ppkm-tab-1.w--current {
background-color: #dde2e5;
border: 2px solid #dde2e5;
border-radius: 30px;
margin-right: 10px;
padding-top: 7px;
padding-bottom: 7px;
}
.x-title-heading-2 {
text-align: center;
margin-bottom: 10px;
font-size: 2em;
}
.x-wrapper-pkkm {
z-index: 1000;
padding-top: 40px;
padding-bottom: 40px;
position: relative;
}
.x-wrapper-pkkm.for-remove-top-padding {
padding-top: 20px;
padding-bottom: 20px;
}
.x-belia-steps-2 {
background-color: #ffd500;
background-image: linear-gradient(#ffe600 26%, rgba(0, 0, 0, 0));
border: 3px solid #fff700;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
padding: 20px;
display: flex;
}
.x-roaming-tab-text-3 {
color: #272727;
font-weight: 500;
}
.x-raja-kombo-table-header {
z-index: 1;
height: 88px;
text-align: center;
background-color: #fff;
border-bottom: 2px solid #272727;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 16px;
display: flex;
position: relative;
}
.x-raja-kombo-table-header.for-sidebar {
text-align: left;
align-items: flex-start;
margin-top: 1px;
padding-top: 0;
padding-left: 0;
}
.x-raja-kombo-table-header.for-sidebar.x-no-sticky.for-raja-kombo {
height: 60px;
background-color: #dde2e5;
border-bottom-style: none;
border-radius: 10px 0 0;
margin-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.x-raja-kombo-table-header.for-sidebar.x-no-sticky.for-raja-kombo.add-height {
height: 100px;
}
.x-raja-kombo-table-headline {
margin-bottom: 0;
margin-left: 20px;
font-size: 22px;
}
.x-exclusive-table-header-2 {
z-index: 1;
height: 88px;
text-align: center;
background-color: #fff;
border-bottom: 2px solid #272727;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 16px;
display: flex;
position: relative;
}
.x-exclusive-table-header-2.for-raja-kombo {
width: 100%;
border-bottom-style: none;
}
.x-exclusive-table-header-2.for-raja-kombo.for-radius {
border: 1px #000;
border-top-right-radius: 10px;
}
.x-exclusive-table-header-2.for-raja-kombo.for-radius.for-dark-yellow {
height: 60px;
background-color: #ffc700;
}
.x-exclusive-table-header-2.for-raja-kombo.for-radius.for-dark-yellow.add-height {
height: 100px;
background-color: #ffc700;
}
.x-raja-kombo-txt {
width: auto;
font-weight: 500;
}
.x-raja-kombo-txt.for-sub {
font-weight: 600;
}
.x-raja-kombo-txt.for-title {
margin-bottom: 0;
font-size: 22px;
font-weight: 700;
line-height: 24px;
}
.x-raja-kombo-table-sidebar-2 {
z-index: 10;
width: 300px;
border-right: 2px #272727;
position: relative;
}
.x-raja-kombo-table-block {
width: 100%;
height: 100%;
flex-wrap: nowrap;
align-items: stretch;
margin: 40px auto;
display: flex;
overflow: visible;
}
.x-raja-kombo-star-bookmark {
width: 30px;
position: absolute;
top: 0;
bottom: auto;
left: auto;
right: 2%;
}
.x-card-2 {
background-color: #fff;
border: 1px solid #c7c9cc;
border-radius: 8px;
padding: 16px;
position: relative;
}
.x-card-2.borderless {
text-align: center;
text-align: center;
background-color: rgba(0, 0, 0, 0);
border-style: none;
flex-direction: column;
align-items: center;
padding: 16px;
display: flex;
}
.x-card-2.for-testimonial {
grid-column-gap: 35px;
grid-row-gap: 16px;
background-color: rgba(0, 0, 0, 0);
border-style: none;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
padding: 0;
display: grid;
}
.x-card-2.for-5g {
width: auto;
height: 450px;
background-color: #f5f5f5;
padding: 0;
}
.raja-kombo-paragraph {
text-align: center;
}
.x-plan-logo-img-ppj {
width: 80px;
margin-top: 5px;
margin-left: 0;
}
.x-plan-logo-img-ppj.for-left-padding {
width: 150px;
margin-left: 20px;
}
.x-plan-logo-img-ppj.for-left-padding.for-smaller {
width: 100px;
}
.x-promo-list-descrip {
text-align: center;
font-size: 18px;
line-height: 20px;
}
.x-promo-heading-wrapper {
margin-top: 60px;
}
.x-banner-item-img-4 {
width: 100%;
height: 100%;
object-fit: cover;
background-color: #fff;
}
.x-cat-txt-2 {
width: 260px;
color: #fff;
font-size: 14px;
font-weight: 600;
}
.x-rate-plan-block-2 {
flex: 1;
}
.x-belia-paragraph-3 {
text-align: center;
margin-bottom: 0;
}
.x-belia-heading-2 {
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
padding-left: 50px;
padding-right: 50px;
font-size: 33px;
line-height: 130%;
}
.x-business-usp-wrapper {
text-align: center;
}
.x-business-usp-title {
color: #272727;
justify-content: center;
align-items: center;
font-size: 16px;
line-height: 20px;
display: flex;
}
.x-business-usp-desc {
color: #272727;
justify-content: center;
align-items: center;
font-size: 16px;
font-weight: 400;
line-height: 20px;
display: flex;
}
.x-belia-heading-3 {
text-align: center;
margin-top: 20px;
margin-bottom: 10px;
padding-left: 50px;
padding-right: 50px;
font-size: 33px;
line-height: 130%;
}
.x-business-icon {
width: 70px;
height: 70px;
margin-bottom: 10px;
display: inline-block;
position: static;
}
.x-business-icon.x-adjust-size {
width: 100px;
height: 100px;
}
.x-section-5 {
display: block;
position: relative;
overflow: visible;
}
.x-section-5.for-breaker {
background-image: linear-gradient(146deg, #fdf5ae 30%, #039be5 85%, #005eb8);
margin-top: 20px;
margin-bottom: 50px;
}
.x-section-5.for-breaker-2 {
background-image: linear-gradient(157deg, #ffe600, #f5f5f5);
margin-top: 20px;
margin-bottom: 50px;
}
.x-limit-6 {
z-index: 10;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
padding-left: 64px;
padding-right: 64px;
display: block;
position: relative;
}
.x-belia-heading-4 {
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
padding-left: 50px;
padding-right: 50px;
font-size: 33px;
line-height: 130%;
}
.x-di-title-3 {
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
font-size: 2em;
}
.x-video-item-3 {
border-radius: 8px;
overflow: hidden;
box-shadow: 0 8px 16px -4px rgba(56, 68, 77, .16);
}
.x-iphone-14-arrow-left-2 {
width: 35px;
}
.paragraph-23 {
margin-bottom: 0;
}
.x-promo-card-img-2 {
width: 100%;
height: 240px;
object-fit: cover;
font-size: 1px;
display: block;
}
.x-promo-card-img-2.for-5g {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.x-nav-to-section, .x-nav-to-section-idd {
width: 100%;
position: absolute;
top: -80px;
}
.x-esim-card-2 {
background-color: rgba(0, 0, 0, 0);
border: 1px #c7c9cc;
border-radius: 8px;
padding: 16px;
position: relative;
}
.x-esim-card-title-2 {
text-align: center;
margin-bottom: 8px;
font-family: Barlow, sans-serif;
}
.x-esim-card-desc-2 {
text-align: center;
font-family: Barlow, sans-serif;
font-weight: 400;
}
.x-iphone-steps-txt-2 {
color: var(--black);
font-family: Barlow, sans-serif;
font-size: 18px;
font-weight: 500;
}
.x-iphone-steps-card {
background-color: #ffd500;
background-image: linear-gradient(#ffe600 26%, rgba(0, 0, 0, 0));
border: 3px solid #fff700;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 20px;
display: flex;
}
.x-iphone-steps-card.add-padding {
padding-top: 30px;
padding-bottom: 30px;
}
.x-iphone-steps-desc-txt-2 {
color: #000;
text-align: center;
margin-top: 5px;
font-family: Barlow, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.x-dsp-subtitle {
text-align: center;
margin-bottom: 20px;
padding-left: 40px;
padding-right: 40px;
font-size: 20px;
font-weight: 400;
line-height: 24px;
}
.x-signature-icon-title-2 {
color: #272727;
text-align: center;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
font-size: 25px;
font-weight: 700;
line-height: 25px;
display: block;
}
.x-banner-title-3 {
color: #fff;
font-size: 50px;
line-height: 60px;
display: block;
position: relative;
top: 165px;
bottom: auto;
left: 0%;
right: 0%;
}
.x-banner-title-3.for-oku, .x-banner-title-3.for-senior-citizen {
font-size: 45px;
top: 270px;
}
.x-belia-heading-5 {
text-align: center;
margin-top: 20px;
margin-bottom: 10px;
padding-left: 50px;
padding-right: 50px;
font-size: 33px;
line-height: 130%;
}
.x-business-usp-desc-2 {
color: #272727;
justify-content: center;
align-items: center;
font-size: 16px;
font-weight: 400;
line-height: 20px;
display: block;
}
.x-title-header {
text-align: center;
}
.x-roaming-card-3 {
height: 100%;
background-color: #fff;
border: 0 #c7c9cc;
border-radius: 8px;
flex-direction: column;
justify-content: flex-start;
display: flex;
box-shadow: 1px 1px 10px 1px #c7c9cc;
}
.x-roaming-card-description-4 {
color: #272727;
text-align: left;
align-items: flex-start;
margin: 20px;
font-size: 16px;
line-height: 22px;
display: block;
}
.x-esim-paragraph {
color: var(--black);
text-align: center;
margin-bottom: 10px;
padding-left: 60px;
padding-right: 60px;
font-size: 18px;
font-weight: 400;
line-height: 28px;
}
.x-esim-paragraph.remove-padding {
padding-left: 28px;
padding-right: 28px;
font-size: 18px;
}
.x-roaming-card-description-5 {
color: #272727;
text-align: left;
align-items: flex-start;
margin: 20px;
font-size: 16px;
line-height: 22px;
display: block;
}
.background-video-2 {
border-radius: 16px;
}
.x-steps-notice {
margin-top: 20px;
margin-bottom: 0;
font-size: 14px;
}
.x-dsp-cta-header {
text-align: center;
margin-top: 20px;
margin-bottom: -20px;
font-size: 1em;
font-weight: 500;
}
.x-dsp-cta-header.for-mobile {
display: none;
}
.x-nav-to-section-pf365 {
width: 100%;
position: absolute;
top: -80px;
}
.x-card-block-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 24px;
display: grid;
}
.x-paving-5g-img {
width: auto;
height: 250px;
border-radius: 10px;
}
.x-rate-copy-block-paving-5g {
align-items: flex-start;
margin-bottom: 48px;
font-weight: 500;
display: flex;
}
.x-rate-copy-block-paving-5g.for-center {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-column-gap: 20px;
grid-row-gap: 20px;
align-items: flex-start;
margin-bottom: 20px;
}
.x-content-wrapper-3 {
flex: 0 auto;
margin-top: 20px;
}
.for-airsim-parag {
margin-bottom: 0;
}
.text-block-85 {
color: #fff;
font-size: 14px;
font-weight: 600;
}
.x-roaming-usp-img-1-new {
height: 92px;
padding-right: 5px;
}
.x-roaming-usp-img-2-copy {
height: 69px;
padding-right: 5px;
}
.x-roaming-usp-img-1-copy {
height: 92px;
object-fit: fill;
padding-right: 5px;
}
.x-dropdown-header {
-webkit-backface-visibility: visible;
backface-visibility: visible;
justify-content: space-between;
align-items: center;
display: flex;
}
.x-dropdown-header.js-accordion-header {
cursor: pointer;
}
.js-accordion-icon {
height: 28px;
transition: transform .2s;
}
.x-wrapper-samsung {
padding-top: 10px;
padding-bottom: 20px;
position: relative;
}
.x-wrapper-samsung-copy {
padding-top: 40px;
padding-bottom: 0;
position: relative;
}
.x-wrapper-samsung-3 {
padding-top: 10px;
padding-bottom: 40px;
position: relative;
}
.x-wrapper-pf365 {
padding-top: 0;
padding-bottom: 40px;
position: relative;
}
.x-breaker-ctn {
grid-column-gap: 10px;
justify-content: center;
align-items: center;
padding-top: 30px;
padding-bottom: 30px;
display: flex;
}
.x-breaker-title {
color: #272727;
margin-bottom: 0;
font-size: 2.1em;
font-weight: 700;
line-height: 1em;
}
.x-roaming-pass-tab-3 {
background-color: #fff;
border: 2px solid #dde2e5;
border-radius: 20px;
flex: none;
margin-left: 5px;
margin-right: 5px;
padding: 7px 10px;
}
.x-roaming-pass-tab-3.w--current {
background-color: #dde2e5;
border: 2px solid #dde2e5;
border-radius: 30px;
flex: none;
margin-right: 5px;
padding-top: 7px;
padding-bottom: 7px;
}
.x-roaming-pass-tab-3.for-roaming-mobile {
border-radius: 20px;
margin-left: 5px;
margin-right: 5px;
}
.x-roaming-pass-tab-3.for-roaming-mobile.w--current {
margin-left: 5px;
margin-right: 5px;
}
.x-roaming-pass-tab-3.for-roaming-mobile.for-more-padding {
margin-left: 5px;
margin-right: 5px;
padding-left: 15px;
padding-right: 15px;
}
.x-tab-pane-4 {
padding: 10px 64px 24px;
}
.x-deck-list-2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-rows: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-4 {
margin-top: 0;
margin-bottom: 12px;
display: flex;
}
.filter-tag {
height: auto;
text-align: center;
text-transform: capitalize;
border: 1px solid #000;
border-radius: 8px;
flex: 0 auto;
align-self: flex-start;
margin-right: 10px;
padding: 0 15px;
font-size: 12px;
font-weight: 400;
line-height: 20px;
}
.x-emp-text-abadi {
font-weight: 700;
}
.x-towers-card-title {
margin-top: 10px;
margin-bottom: 0;
}
.x-tab-scroll {
width: 100%;
height: 100%;
overflow: hidden;
}
.x-tab-scroll-menu {
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
}
.x-tab-scroll-link {
background-color: var(--white);
color: #3d4043;
border: 1px solid #dadcdf;
flex: none;
padding: 7px 17px;
font-weight: 600;
}
.x-tab-scroll-link.w--current {
border-color: var(--link-blue);
color: var(--link-blue);
background-color: #eff5f8;
}
.x-tab-scroll-link.right {
border-left-style: none;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
}
.x-tab-scroll-link.right.w--current {
border-color: var(--link-blue);
color: var(--link-blue);
background-color: #eff5f8;
border-left-style: solid;
}
.x-tab-scroll-link.left {
border-right-style: none;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
}
.x-tab-scroll-link.left.w--current {
border-color: var(--link-blue);
color: var(--link-blue);
background-color: #eff5f8;
border-right-style: solid;
}
.x-tab-scroll-content {
max-width: 1600px;
margin-left: auto;
margin-right: auto;
padding-left: 64px;
padding-right: 64px;
}
.x-tab-scroll-content.lesser-max-width {
padding-left: 30px;
padding-right: 30px;
}
.x-section-title-wrapper {
flex-direction: column;
justify-content: center;
padding-top: 40px;
padding-bottom: 10px;
display: flex;
}
.x-section-title-wrapper.for-ds {
padding-top: 0;
}
.x-tab-wrapper {
padding-bottom: 40px;
}
.x-tab-wrapper.remove-btm-margin, .x-tab-wrapper.remove-btm-padding {
padding-bottom: 0;
}
.x-pakej-perpaduan-icon {
width: 80px;
}
.x-5g-icon-ctn-2 {
z-index: 100;
background-color: #fff;
border: 1px solid #dde2e5;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 15px;
display: flex;
position: relative;
}
.x-5g-icon-ctn-2:hover {
background-color: #fff;
background-image: linear-gradient(#fff, #fff);
border-style: none;
}
.x-5g-card-text {
text-align: center;
}
.x-5g-icon-title-2 {
text-align: center;
margin-top: 15px;
font-size: 20px;
font-weight: 600;
}
.x-di-award-title-2 {
color: #272727;
justify-content: center;
align-items: center;
font-size: 16px;
line-height: 20px;
display: flex;
}
.x-pakej-perpaduan-table-block {
width: 100%;
height: 100%;
flex-wrap: nowrap;
justify-content: center;
align-items: stretch;
margin: 20px auto 10px;
display: flex;
overflow: visible;
}
.x-exclusive-table-text-2 {
color: #272727;
margin-left: 10px;
margin-right: 10px;
font-size: 14px;
font-weight: 400;
line-height: 19px;
}
.x-exclusive-table-text-2.for-header {
color: #000;
font-size: 16px;
font-weight: 700;
}
.bold-text-34 {
color: #000;
text-align: center;
}
.x-pakej-perpaduan-table-sidebar {
z-index: 10;
width: 200px;
border-right: 2px #272727;
position: relative;
}
.x-plan-table-ctn-2 {
background-color: rgba(0, 0, 0, 0);
position: relative;
}
.x-guide-steps-2 {
margin-bottom: 30px;
}
.x-pakej-perpaduan-card {
height: 100%;
background-color: #fff;
border: 0 #c7c9cc;
border-radius: 8px;
flex-direction: column;
justify-content: flex-start;
display: flex;
box-shadow: 1px 1px 10px 1px #c7c9cc;
}
.x-pakej-perpaduan-card-img {
width: 100%;
border-radius: 8px;
}
.x-pakej-perpaduan-step-card {
height: 100%;
background-color: #fff;
border: 0 #c7c9cc;
border-radius: 8px;
flex-direction: column;
justify-content: flex-start;
display: flex;
box-shadow: 1px 1px 10px 1px #c7c9cc;
}
.x-pakej-perpaduan-image {
width: 100%;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.x-pakej-perpaduan-description {
color: #272727;
text-align: left;
align-items: flex-start;
margin: 20px;
font-size: 16px;
line-height: 22px;
display: block;
}
.x-content-block-copy {
margin-top: 0;
}
.x-long-banner-image-copy {
width: 650px;
text-align: left;
object-fit: cover;
display: block;
}
.x-long-banner-image-mobile-copy {
display: none;
}
.x-ppkm-tab-1-pf365 {
background-color: #fff;
border: 2px solid #dde2e5;
border-radius: 30px;
margin-right: 10px;
padding-top: 7px;
padding-bottom: 7px;
}
.x-ppkm-tab-1-pf365.w--current {
background-color: #dde2e5;
border: 2px solid #dde2e5;
border-radius: 30px;
margin-right: 10px;
padding-top: 7px;
padding-bottom: 7px;
}
.x-pf365-highlight-ctn {
color: #fff;
background-color: #000;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
justify-content: center;
margin-top: 20px;
display: flex;
}
.x-free-5g-booster-link {
align-self: center;
margin-top: 20px;
display: block;
}
.x-free-5g-booster-img {
width: 120px;
padding-left: 0;
padding-right: 0;
}
.x-free-5g-booster-img.for-bm {
width: 140px;
padding-left: 0;
padding-right: 0;
display: inline-block;
}
.x-free-5g-booster-img.for-prepaid-all {
width: 110px;
margin-top: 5px;
padding-left: 0;
padding-right: 0;
}
.bold-text-35, .bold-text-36 {
font-weight: 600;
}
.x-5g-link-txt-2 {
align-items: center;
font-size: 18px;
display: flex;
position: relative;
top: -20px;
}
.x-redirect-icon-2 {
margin-left: 5px;
font-family: Remix, sans-serif;
font-size: 20px;
font-weight: 400;
position: relative;
}
.x-5gc-wrapper {
padding-top: 40px;
padding-bottom: 40px;
position: relative;
}
.x-5gc-wrapper.x-add-margin {
z-index: 20;
width: 840px;
margin-bottom: auto;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
top: auto;
left: auto;
}
.x-5g-mydigi-steps-img-2 {
clear: none;
flex: 0 auto;
margin-left: 0;
margin-right: 0;
position: static;
}
.x-5g-mydigi-grid-2 {
width: auto;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 20px;
margin-bottom: 20px;
padding-left: 0;
padding-right: 0;
display: grid;
position: relative;
overflow: auto;
}
.centre_icon_wrap-3 {
z-index: 5;
width: 55px;
height: 55px;
box-shadow: 1px 1px 35px 0 var(--shadow);
background-color: #fff;
border-radius: 19px;
justify-content: center;
align-items: center;
margin-right: 20px;
padding: 10px;
display: flex;
position: relative;
}
.x-5g-mydigi-grid-mobile {
width: auto;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 20px;
margin-bottom: 20px;
padding-left: 45px;
padding-right: 45px;
display: none;
}
.centre_step-2 {
color: #c7c9cc;
font-size: 21px;
font-weight: 600;
}
.process_card_02-2 {
width: 100%;
justify-content: space-between;
align-items: flex-start;
margin-top: 40px;
display: flex;
}
.process_details-2 {
width: 45%;
min-height: 300px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 50px 20px;
display: flex;
position: relative;
}
.centre_block-3 {
width: 90px;
height: 80px;
justify-content: center;
align-items: flex-start;
margin-bottom: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: static;
top: 0;
}
.image-56 {
width: auto;
border-radius: 8px;
margin-bottom: 25px;
padding-bottom: 0;
padding-left: 20px;
padding-right: 20px;
}
.image-56._02-only {
padding-left: 0;
padding-right: 0;
}
.centre_icon_wrap-2 {
z-index: 5;
width: 60px;
height: 55px;
background-color: #fff;
border-radius: 19px;
justify-content: center;
align-items: center;
padding: 10px;
display: flex;
position: relative;
box-shadow: 1px 1px 35px rgba(56, 68, 77, .16);
}
.testimonial-card-2 {
height: 330px;
background-color: #fff;
border-radius: 8px;
display: flex;
box-shadow: 17px 88px 60px -100px rgba(79, 94, 120, .18), 11px 0 20px -9px rgba(79, 94, 120, .1);
}
.horizontal-fixed-height {
min-height: auto;
}
.slide-nav {
max-width: 150px;
background-color: #fff;
border-radius: 500px;
display: none;
top: 575.901px;
box-shadow: 1px 1px 3px rgba(0, 0, 0, .05);
}
.left-arrow-3 {
width: 45px;
height: 45px;
background-color: #039be5;
border-radius: 100px;
justify-content: center;
align-items: center;
padding: 10px;
font-size: 14px;
transition: all .2s;
display: flex;
top: 17px;
left: -17px;
}
.left-arrow-3:hover {
transform: translate(-2px);
}
.testimonial-image-wrap-2 {
width: 60%;
height: 330px;
justify-content: center;
align-items: center;
display: flex;
position: relative;
top: auto;
overflow: hidden;
}
.horizontal-content-block-2 {
width: 60%;
height: 330px;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
flex: 0 auto;
grid-template-rows: auto;
grid-template-columns: minmax(150px, 1fr);
grid-auto-columns: 1fr;
grid-auto-flow: row;
align-content: space-between;
justify-content: center;
align-items: flex-start;
margin-left: 0;
padding: 0 60px;
display: flex;
}
.author-name {
color: #151c34;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 500;
}
.right-arrow-4 {
width: 45px;
height: 45px;
background-color: #039be5;
border-radius: 100px;
font-size: 14px;
transition: all .2s;
top: 17px;
right: -17px;
}
.right-arrow-4:hover {
transform: translate(2px);
}
.horizontal-quote-h4 {
color: #272727;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 10px;
font-size: 18px;
font-weight: 700;
line-height: 1.4;
}
.testimonial-section {
min-height: auto;
background-color: #fffce5;
flex-flow: column;
justify-content: center;
align-items: center;
margin-top: 0;
padding: 50px 64px 60px;
display: block;
overflow: hidden;
}
.horizontal-quote-h4-copy {
color: #272727;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 30px;
font-size: 14px;
font-weight: 400;
line-height: 1.4;
}
.container-3 {
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
}
.slider-horizontal {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0);
}
.x-video-item-4 {
width: 130%;
height: 330px;
border-radius: 8px 0 0 8px;
flex: 1;
align-self: center;
display: block;
overflow: hidden;
box-shadow: 0 8px 16px -4px rgba(56, 68, 77, .16);
}
.author-job {
color: rgba(21, 28, 52, .5);
}
.mask-horizontal {
overflow: visible;
}
.author-block {
align-items: center;
margin-top: 0;
display: flex;
}
.column-wrap-2 {
display: flex;
}
.x-video-item-5 {
width: 130%;
height: 330px;
border-radius: 8px 0 0 8px;
overflow: hidden;
box-shadow: 0 8px 16px -4px rgba(56, 68, 77, .16);
}
.x-5g-wrapper {
padding-top: 40px;
padding-bottom: 40px;
position: relative;
}
.x-5g-booster-image, .x-5g-booster-image.reduce-padding {
display: none;
}
.bold-text-37, .text-span-131 {
text-decoration: underline;
}
.link-6 {
color: var(--white);
}
.x-center-action-samsung-s23-contest {
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.x-padding-20 {
padding-top: 20px;
padding-bottom: 20px;
}
.x-nav-to-section-5g-booster {
width: 100%;
position: absolute;
top: -80px;
}
.x-pakej-perpaduan-icon-wrapper {
margin: 20px 79px;
padding-top: 10px;
}
.x-pakej-perpaduan-icon-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.postpaid-5g {
color: #979797;
background-color: rgba(0, 0, 0, 0);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
margin-bottom: -1px;
padding: 12px 16px;
font-weight: 700;
transition: all .25s cubic-bezier(.86, 0, .07, 1);
}
.postpaid-5g:hover {
color: #039be5;
}
.postpaid-5g.w--current {
color: #fff;
background-color: #272727;
}
.postpaid-5g.left-button {
color: #979797;
background-color: #fff;
border: 1px solid #c7c9cc;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
margin-right: 0;
padding-left: 40px;
padding-right: 40px;
}
.postpaid-5g.left-button:hover {
color: #039be5;
}
.postpaid-5g.left-button.w--current {
color: #fff;
background-color: #039be5;
border-style: none;
border-color: #272727;
margin-bottom: 0;
padding-left: 40px;
padding-right: 40px;
}
.heading-40, .heading-41, .heading-42, .heading-43 {
color: var(--black);
}
.x-5g-free-booster-title {
color: #005eb8;
text-align: left;
text-shadow: none;
margin-top: 0;
margin-bottom: 0;
font-size: 3.2em;
font-weight: 700;
line-height: 110%;
}
.x-5g-free-booster-title.for-smaller {
width: auto;
}
.x-5g-free-booster-title.white {
color: #fff;
font-size: 2.8em;
}
.x-jius-anim-header-3 {
color: #005eb8;
text-align: left;
text-shadow: none;
margin-top: 0;
margin-bottom: 10px;
font-size: 2em;
line-height: 100%;
}
.x-jius-anim-header-3.white {
color: #fff;
font-size: 1.7em;
font-weight: 600;
}
.x-5gbooster-blurb-2 {
width: 300px;
margin-left: -10px;
}
.x-plan-logo-img-pf365 {
width: 200px;
margin-left: 0;
padding-top: 10px;
}
.x-plan-logo-img-pf365.for-pf365 {
width: 130px;
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 0;
}
.x-plan-logo-img-pf365.for-pf365.for-smaller {
width: 110px;
}
.x-5gbooster-blurb-2 {
width: 300px;
margin-left: -10px;
}
.prepaid-5g {
color: #979797;
background-color: rgba(0, 0, 0, 0);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
margin-bottom: -1px;
padding: 12px 16px;
font-weight: 700;
transition: all .25s cubic-bezier(.86, 0, .07, 1);
}
.prepaid-5g:hover {
color: #039be5;
}
.prepaid-5g.w--current {
color: #fff;
background-color: #272727;
}
.prepaid-5g.right-button {
color: #979797;
background-color: #fff;
border: 1px solid #c7c9cc;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
margin-left: 18px;
margin-right: 0;
padding-left: 40px;
padding-right: 40px;
}
.prepaid-5g.right-button:hover {
color: #039be5;
}
.prepaid-5g.right-button.w--current {
color: #fff;
background-color: #039be5;
border-style: none;
border-color: #272727;
margin-bottom: 0;
}
.x-5g-consumer-tab {
color: #979797;
background-color: rgba(0, 0, 0, 0);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
margin-bottom: -1px;
padding: 12px 16px;
font-weight: 700;
transition: all .25s cubic-bezier(.86, 0, .07, 1);
}
.x-5g-consumer-tab:hover {
color: #039be5;
}
.x-5g-consumer-tab.w--current {
color: #fff;
background-color: #272727;
}
.x-promo-columns {
padding-top: 20px;
}
.x-promo-column-left {
z-index: auto;
clear: none;
border-bottom: 1px #000;
padding-left: 0;
padding-right: 0;
text-decoration: none;
position: -webkit-sticky;
position: sticky;
top: 220px;
bottom: 0;
left: 0;
right: 0;
overflow: visible;
}
.list-item-3 {
color: #6e6e6e;
}
.heading-44 {
border-bottom: 0 #000;
margin-bottom: 10px;
padding-bottom: 0;
font-size: 16px;
}
.x-gradient-block-anchor {
display: none;
}
.x-cd-fibre-img {
width: 370px;
}
.x-cd-banner-title {
-webkit-text-fill-color: transparent;
background-image: linear-gradient(284deg, #0f4ec9, #001a78 56%, #0d47bd);
-webkit-background-clip: text;
background-clip: text;
font-size: 3em;
line-height: 110%;
}
.x-cd-fibre-paragraph {
font-size: 20px;
line-height: 33px;
}
.x-cd-fibre-txt-ctn {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.x-cd-fibre-img-ctn {
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
display: flex;
}
.x-cd-fibre-grid {
grid-column-gap: 40px;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
align-content: center;
justify-content: center;
align-items: center;
justify-items: end;
margin-left: 40px;
margin-right: 40px;
}
.x-cd-fibre-btn-ctn {
grid-column-gap: 20px;
flex-direction: row;
display: flex;
}
.text-block-86, .text-block-87, .bold-text-38, .text-block-88 {
color: #fff;
}
.x-idd-notice {
text-align: center;
margin-bottom: 0;
font-size: 1em;
}
.x-idd-notice.for-bottom-padding {
padding-top: 10px;
font-size: .9em;
font-weight: 600;
}
.x-add-on-title-ctn {
padding-top: 40px;
}
.text-block {
margin-bottom: 2px;
}
.text-block.for-airsim {
text-align: left;
}
.x-fb-row-3-title-3 {
width: 183px;
font-size: 16px;
font-weight: 400;
line-height: 20px;
}
.x-5g-icon-title-3 {
text-align: center;
margin-top: 10px;
font-size: 20px;
font-weight: 600;
line-height: 26px;
}
.x-digi-fibre-img {
width: 1000px;
margin: 20px auto 10px;
display: block;
}
.x-digi-fibre-img.mobile {
display: none;
}
.x-fibre-footnote-ctn {
max-width: 1000px;
border: 1px solid var(--link-blue);
text-align: center;
border-radius: 15px;
justify-content: center;
align-items: center;
margin: 20px auto;
padding: 5px 10px;
font-weight: 500;
display: flex;
}
.x-postpaid-fibre-ctn {
grid-column-gap: 10px;
background-image: none;
background-size: auto;
border-radius: 12px;
justify-content: center;
align-items: center;
padding: 20px 0;
display: flex;
}
.x-postpaid-fibre-title {
margin-bottom: 0;
font-size: 20px;
line-height: 26px;
}
.x-banner-item-img-copy {
width: 100%;
height: 100%;
background-color: var(--white);
object-fit: fill;
}
.x-banner-item-img-copy.for-border {
border: 0 solid #c5c5c5;
border-radius: 0;
}
.x-fibre-tv-grid {
grid-column-gap: 20px;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
align-items: center;
margin-left: 40px;
margin-right: 40px;
}
.x-fibre-tv-img {
border-radius: 10px;
}
.for-blue {
background-color: #009ce5;
padding: 2px 8px;
font-size: 12px;
font-weight: 700;
line-height: 18px;
position: absolute;
top: 0%;
bottom: auto;
left: auto;
right: 0%;
}
.bold-text-45 {
font-size: 20px;
}
.x-plan-text-slashed-2 {
font-size: 14px;
font-style: italic;
text-decoration: line-through;
}
.x-plan-table-row-6 {
height: 78px;
background-color: #fff;
border-bottom: 1px solid #c7c9cc;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-right: 24px;
display: flex;
position: relative;
}
.x-plan-table-row-6.for-center {
text-align: center;
border: 1px #000;
border-bottom: 1px solid #c7c9cc;
align-items: center;
padding-right: 0;
font-size: 1.1em;
}
.x-plan-table-row-6.for-center.mobile-broadband-borders {
height: 77.8px;
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: rgba(0, 0, 0, 0);
border-top-color: #c7c9cc;
border-bottom-style: none;
border-left-style: none;
border-left-color: #c7c9cc;
border-right-color: #c7c9cc;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.x-plan-table-row-6.add-padding {
background-color: #fff;
border-left: 1px solid #c7c9cc;
border-right: 1px #c7c9cc;
padding-left: 24px;
}
.x-plan-table-row-6.add-padding.mid-yellow {
background-color: #fdf5ae;
border-right-style: none;
}
.x-plan-table-row-6.add-padding.grey {
background-color: #dde2e5;
border-bottom-left-radius: 12px;
}
.x-plan-table-column {
z-index: 0;
height: 78px;
background-color: #fff;
border-top: 1px solid #c7c9cc;
border-right: 1px solid #c7c9cc;
justify-content: center;
align-items: center;
display: flex;
position: static;
}
.x-plan-table-column.mid-yellow {
height: 78px;
background-color: #fdf5ae;
border-top-style: none;
}
.x-plan-table-column.grey {
background-color: #dde2e5;
border-top-style: solid;
border-top-color: #c7c9cc;
border-bottom: 1px solid #c7c9cc;
border-right-color: #c7c9cc;
}
.x-plan-table-column.grey.for-round-right-corner {
border-bottom: 1px solid #c7c9cc;
border-bottom-right-radius: 12px;
}
.x-plan-table-column.remove-right-border {
border-right-style: none;
}
.x-plan-table-column.remove-right-border.mid-yellow {
border-top-style: solid;
border-right-style: none;
}
.x-plan-table-column.for-prepaid-bundle {
width: auto;
height: 100px;
flex-direction: column;
padding: 10px 13px;
position: relative;
}
.x-plan-table-column.for-prepaid-bundle.for-width {
width: auto;
height: 100px;
padding: 10px 13px;
}
.x-plan-table-column.for-prepaid-bundle.for-width.for-btn {
z-index: 0;
border-style: none solid solid none;
border-bottom-width: 1px;
border-bottom-color: #c7c9cc;
border-left-width: 1px;
border-left-color: #c7c9cc;
padding-left: 10px;
padding-right: 10px;
}
.x-plan-table-column.for-prepaid-bundle.for-width.for-btn.for-corner-border {
border-left-style: solid;
border-bottom-left-radius: 12px;
padding-left: 10px;
padding-right: 10px;
}
.x-plan-table-column.for-prepaid-bundle.for-width.for-btn.for-corner-border.for-right {
border-left-style: none;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 0;
}
.x-plan-table-column.for-prepaid-bundle.add-bottom-border {
border-bottom: 1px solid #c7c9cc;
}
.x-plan-table-column.for-prepaid-bundle {
width: auto;
height: 100px;
flex-direction: column;
padding: 10px 13px;
position: relative;
}
.x-plan-table-column.for-prepaid-bundle.for-width {
width: auto;
height: 100px;
padding: 10px 13px;
}
.x-plan-table-column.for-prepaid-bundle.for-width.for-btn {
z-index: 0;
border-style: none solid solid none;
border-bottom-width: 1px;
border-bottom-color: #c7c9cc;
border-left-width: 1px;
border-left-color: #c7c9cc;
padding-left: 10px;
padding-right: 10px;
}
.x-plan-table-column.for-prepaid-bundle.for-width.for-btn.for-corner-border {
border-left-style: solid;
border-bottom-left-radius: 12px;
padding-left: 10px;
padding-right: 10px;
}
.x-plan-table-column.for-prepaid-bundle.for-width.for-btn.for-corner-border.for-light-grey-bg {
background-color: var(--ultra-light-grey);
}
.x-plan-table-column.for-prepaid-bundle.add-bottom-border {
border-bottom: 1px solid #c7c9cc;
}
.x-plan-table-column.for-khas-belia {
width: auto;
height: 100px;
flex-direction: column;
padding: 10px 13px;
position: relative;
}
.x-plan-table-column.for-khas-belia.for-width {
width: auto;
height: 100px;
padding: 10px 13px;
}
.x-plan-table-column.for-khas-belia.for-width.for-btn {
z-index: 0;
border-style: none solid solid none;
border-bottom-width: 1px;
border-bottom-color: #c7c9cc;
border-left-width: 1px;
border-left-color: #c7c9cc;
padding-left: 10px;
padding-right: 10px;
}
.x-plan-table-column.for-khas-belia.for-width.for-btn.for-corner-border {
border-left-style: solid;
border-bottom-left-radius: 12px;
padding-left: 10px;
padding-right: 10px;
}
.x-plan-table-column.for-khas-belia.add-bottom-border {
border-bottom: 1px solid #c7c9cc;
}
.x-plan-table-column.for-khas-belia {
width: auto;
height: 100px;
flex-direction: column;
padding: 10px 13px;
position: relative;
}
.x-plan-table-column.for-khas-belia.for-width {
width: auto;
height: 100px;
padding: 10px 13px;
}
.x-plan-table-column.for-khas-belia.for-width.for-btn {
z-index: 0;
border-style: none solid solid none;
border-bottom-width: 1px;
border-bottom-color: #c7c9cc;
border-left-width: 1px;
border-left-color: #c7c9cc;
padding-left: 10px;
padding-right: 10px;
}
.x-plan-table-column.for-khas-belia.for-width.for-btn.for-corner-border {
border-left-style: solid;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
padding-left: 10px;
padding-right: 10px;
}
.x-plan-table-column.for-khas-belia.for-width.for-btn.for-corner-border.for-light-grey-bg {
background-color: var(--ultra-light-grey);
}
.x-plan-table-column.for-khas-belia.add-bottom-border {
border-bottom: 1px solid #c7c9cc;
}
.x-plan-table-column.for-raja-kombo {
width: auto;
height: 100px;
flex-direction: column;
padding: 10px 13px;
position: relative;
}
.x-plan-table-column.for-raja-kombo.for-width {
width: auto;
height: 100px;
padding: 10px 13px;
}
.x-plan-table-column.for-raja-kombo.for-width.for-btn {
z-index: 0;
border-style: none solid solid none;
border-bottom-width: 1px;
border-bottom-color: #c7c9cc;
border-left-width: 1px;
border-left-color: #c7c9cc;
padding-left: 10px;
padding-right: 10px;
}
.x-plan-table-column.for-raja-kombo.for-width.for-btn.for-right-border {
z-index: 0;
border-right-style: solid;
border-bottom-right-radius: 12px;
}
.x-plan-table-column.for-raja-kombo.for-width.for-btn.for-corner-border {
border-left-style: solid;
border-bottom-left-radius: 12px;
padding-left: 10px;
padding-right: 10px;
}
.x-plan-table-column.for-raja-kombo.for-width.for-btn.for-light-grey-bg {
z-index: 0;
background-color: var(--ultra-light-grey);
position: relative;
}
.x-plan-table-column.for-raja-kombo.add-bottom-border {
border-bottom: 1px solid #c7c9cc;
}
.x-plan-table-column.for-raja-kombo {
width: auto;
height: 100px;
flex-direction: column;
padding: 10px 13px;
position: relative;
}
.x-plan-table-column.for-raja-kombo.for-width {
width: auto;
height: 100px;
padding: 10px 13px;
}
.x-plan-table-column.for-raja-kombo.for-width.for-btn {
z-index: 0;
border-style: none solid solid none;
border-bottom-width: 1px;
border-bottom-color: #c7c9cc;
border-left-width: 1px;
border-left-color: #c7c9cc;
padding-left: 10px;
padding-right: 10px;
}
.x-plan-table-column.for-raja-kombo.for-width.for-btn.for-right-border {
z-index: 0;
border-right-style: solid;
border-bottom-right-radius: 12px;
}
.x-plan-table-column.for-raja-kombo.for-width.for-btn.for-corner-border {
border-left-style: solid;
border-bottom-left-radius: 12px;
padding-left: 10px;
padding-right: 10px;
}
.x-plan-table-column.for-raja-kombo.for-width.for-btn.for-corner-border.for-light-grey-bg {
background-color: var(--ultra-light-grey);
}
.x-plan-table-column.for-raja-kombo.add-bottom-border {
border-bottom: 1px solid #c7c9cc;
}
.x-plan-table-column.for-prepaid-starter {
width: auto;
height: 100px;
flex-direction: column;
padding: 10px 13px;
position: relative;
}
.x-plan-table-column.for-prepaid-starter.for-light-red {
width: auto;
height: 70px;
background-color: #ffd5d5;
}
.x-plan-table-column.for-prepaid-starter.for-light-red.for-height {
height: 160px;
}
.x-plan-table-column.for-prepaid-starter.for-light-red.for-bottom-border {
border-bottom: 1px solid #c7c9cc;
}
.x-plan-table-column.for-prepaid-starter.for-light-yellow {
width: 195px;
height: 70px;
background-color: #fffbdb;
}
.x-plan-table-column.for-prepaid-starter.for-light-yellow.for-bottom-border {
border-bottom: 1px #c7c9cc;
}
.x-plan-table-column.for-prepaid-starter.for-light-yellow.for-height {
height: 160px;
justify-content: center;
display: flex;
}
.x-plan-table-column.for-prepaid-starter.for-light-orange {
width: 195px;
height: 70px;
background-color: rgba(255, 166, 0, .39);
}
.x-plan-table-column.for-prepaid-starter.for-light-orange.for-corner-border {
border-bottom: 1px solid #c7c9cc;
border-bottom-right-radius: 12px;
}
.x-plan-table-column.for-prepaid-starter.for-light-orange.for-height {
height: 160px;
}
.x-plan-table-column.for-prepaid-starter.for-light-grey {
width: auto;
height: 70px;
background-color: #f5f5f5;
border-left: 1px solid #c7c9cc;
align-items: flex-start;
}
.x-plan-table-column.for-prepaid-starter.for-light-grey.for-bottom-border {
border-bottom: 1px solid #c7c9cc;
border-bottom-left-radius: 12px;
}
.x-plan-table-column.for-prepaid-starter.for-light-grey.for-height {
height: 160px;
}
.x-plan-table-column.grey {
background-color: #dde2e5;
border-top-style: none;
border-top-color: #c7c9cc;
border-bottom: 1px #c7c9cc;
border-right-color: #c7c9cc;
}
.x-plan-table-column.mid-yellow {
height: 78px;
background-color: #fdf5ae;
border-top-style: solid;
border-top-color: #c7c9cc;
}
.x-plan-table-column.btm-right-corner {
background-color: #fdf5ae;
border-bottom-right-radius: 12px;
}
.x-plan-table-column.for-raja-kombo {
width: auto;
height: 100px;
border-right-style: solid;
flex-direction: column;
padding: 10px 13px;
position: relative;
}
.x-plan-table-column.for-raja-kombo.add-bottom-border {
border-bottom: 1px solid #c7c9cc;
}
.x-plan-table-column.for-raja-kombo.add-bottom-border.for-right-corner-radius {
border-bottom-right-radius: 12px;
}
.x-plan-table-column.for-raja-kombo {
width: auto;
height: 100px;
border-right-style: solid;
flex-direction: column;
padding: 10px 13px;
position: relative;
}
.x-plan-table-column.for-raja-kombo.add-bottom-border {
border-bottom: 1px solid #c7c9cc;
}
.x-plan-table-column.for-raja-kombo.add-bottom-border.for-right-corner-radius {
border-bottom-right-radius: 12px;
}
.x-plan-table-column.for-raja-kombo.for-height {
height: 120px;
}
.x-plan-table-column.for-prepaid-next-2 {
width: auto;
height: 100px;
width: auto;
height: 100px;
flex-direction: column;
padding: 10px 13px;
position: relative;
}
.x-plan-table-column.for-prepaid-next-2.add-bottom-border-2 {
border-bottom: 1px solid #c7c9cc;
}
.x-plan-table-column.for-prepaid-next-2.for-width-2 {
width: auto;
height: 100px;
padding: 10px 13px;
}
.x-plan-table-column.for-prepaid-next-2.for-width-2.for-btn-2 {
z-index: 0;
border-style: none solid solid none;
border-bottom-width: 1px;
border-bottom-color: #c7c9cc;
border-left-width: 1px;
border-left-color: #c7c9cc;
padding-left: 10px;
padding-right: 10px;
}
.x-plan-table-column.for-prepaid-next-2.for-width-2.for-btn-2.for-corner-border-2 {
border-left-style: solid;
border-bottom-left-radius: 12px;
padding-left: 10px;
padding-right: 10px;
}
.x-plan-table-column.for-prepaid-next-2.for-width-2.for-btn-2.for-corner-border-2.for-light-grey-bg-2 {
background-color: #f5f5f5;
border-top-style: solid;
}
.x-plan-table-column.for-prepaid-next-2.for-width-2.for-btn-2.for-light-grey-bg-2 {
background-color: #f5f5f5;
}
.x-plan-table-column.for-prepaid-next-2.for-bottom-border-2 {
border-bottom: 1px solid #c7c9cc;
}
.x-plan-table-column.for-prepaid-next-2 {
width: auto;
height: 100px;
flex-direction: column;
padding: 10px 13px;
position: relative;
}
.x-plan-table-column.for-prepaid-next-2.add-bottom-border-2 {
border-bottom: 1px solid #c7c9cc;
}
.x-plan-table-column.for-prepaid-next-2.for-width-2 {
width: auto;
height: 100px;
padding: 10px 13px;
}
.x-plan-table-column.for-prepaid-next-2.for-width-2.for-btn-2 {
z-index: 0;
border-style: none solid solid none;
border-bottom-width: 1px;
border-bottom-color: #c7c9cc;
border-left-width: 1px;
border-left-color: #c7c9cc;
padding-left: 10px;
padding-right: 10px;
}
.x-plan-table-column.for-prepaid-next-2.for-width-2.for-btn-2.for-corner-border-2 {
border-left-style: solid;
border-bottom-left-radius: 12px;
padding-left: 10px;
padding-right: 10px;
}
.x-plan-table-column.for-prepaid-next-2.for-width-2.for-btn-2.for-corner-border-2.for-light-grey-bg-2 {
background-color: #f5f5f5;
border-top-style: solid;
}
.x-plan-table-column.for-prepaid-next-2.for-width-2.for-btn-2.for-light-grey-bg-2 {
background-color: #f5f5f5;
}
.x-plan-table-column.for-prepaid-next-2.for-width-2.for-btn-2.for-light-grey-bg-2.for-prepaid {
border-top-style: none;
border-left-style: solid;
}
.x-plan-table-column.for-prepaid-next-2.for-bottom-border-2 {
border-bottom: 1px solid #c7c9cc;
}
.text-block-90 {
font-weight: 400;
}
.x-plan-table-col-6 {
border-left: 1px solid #c7c9cc;
border-top-right-radius: 12px;
flex: 1;
transition: all .35s cubic-bezier(.86, 0, .07, 1);
}
.x-plan-table-col-6:hover {
background-color: #f5f5f5;
}
.x-plan-table-col-6.remove-left-border {
border-left-style: none;
margin-bottom: 1px;
}
.x-plan-table-content-7 {
border-top: 1px #c7c9cc;
border-right: 1px #c7c9cc;
border-top-right-radius: 12px;
flex: 1;
display: flex;
}
.bold-text-40 {
font-weight: 400;
}
.x-emp-text-3 {
text-align: center;
justify-content: center;
align-items: center;
font-weight: 700;
display: flex;
}
.x-emp-text-3.for-title {
margin-bottom: 0;
font-size: 22px;
line-height: 25px;
}
.div-block-95 {
align-self: center;
}
.text-block-91 {
justify-content: center;
align-items: center;
display: flex;
}
.bold-text-42 {
font-size: 20px;
}
.bold-text-39 {
text-align: center;
justify-content: center;
align-items: center;
font-size: 16px;
font-weight: 700;
display: flex;
}
.text-block-92 {
text-align: center;
font-size: 14px;
font-style: italic;
font-weight: 500;
line-height: 18px;
}
.x-plan-table-sidebar-7 {
z-index: 10;
width: 248px;
border-right: 1px solid #c7c9cc;
position: relative;
}
.x-redirect-cta-heading {
text-align: center;
align-items: center;
font-size: 16px;
display: flex;
}
.x-redirect-cta-heading.for-belia {
margin-top: 15px;
font-size: 16px;
}
.x-redirect-cta-heading.for-belia.remove-padding {
margin-top: 0;
}
.x-redirect-cta-heading.remove-padding {
margin-bottom: 0;
}
.bold-text-44 {
text-align: center;
font-size: 13px;
font-weight: 400;
}
.bold-text-44.for-smaller {
text-align: center;
font-size: 12px;
line-height: 18px;
}
.text-block-93 {
align-self: center;
font-size: 14px;
}
.bold-text-43 {
color: #039be5;
text-align: left;
padding-right: 10px;
font-weight: 500;
}
.x-line-block {
width: 0;
height: 30px;
border-right: 1px solid var(--line);
margin-left: 30px;
margin-right: 30px;
}
.x-line-block.remove-border {
border-right-style: none;
}
.x-redirect-link-block {
justify-content: flex-start;
align-items: center;
display: flex;
}
.x-redirect-link-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: auto auto auto;
justify-content: center;
margin-top: 30px;
display: flex;
}
.image-66 {
width: 25px;
height: 25px;
padding-left: 0;
}
.x-important-ann-header {
text-align: center;
margin-bottom: 0;
padding-top: 40px;
padding-bottom: 20px;
}
.swiper-component {
width: 100%;
position: relative;
}
.section-3 {
width: 100%;
overflow: hidden;
}
.container-5 {
width: 1560px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding: 0 2em 4em 4em;
}
.swiper {
width: 100%;
}
.swiper.swiper2 {
width: auto;
}
.swiper-wrapper {
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.swiper-slide {
width: 33.3333%;
flex: none;
}
.swiper-slide.five-cards {
height: auto;
margin-bottom: 50px;
}
.slider-tall {
padding-bottom: 3.5em;
}
.slider-tall.new {
height: 100%;
background-color: #fff;
border-radius: 12px;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 0;
padding: 24px;
display: flex;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 4px 12px rgba(0, 0, 0, .08);
}
.paragraph-29 {
margin-bottom: 0;
font-weight: 500;
}
.slider-css {
height: 0;
position: fixed;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.fs-cc-banner_buttons-wrapper {
flex-direction: row;
flex: none;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
display: flex;
}
.fs-cc-banner_text {
color: #fff;
text-align: left;
margin-bottom: 10px;
margin-right: 0;
padding-bottom: 0;
font-size: 14px;
}
.fs-cc-banner_component {
z-index: 90001;
background-color: #f5f6ff;
border-top: 1px solid rgba(67, 83, 255, .16);
padding: 1.5rem 2rem;
display: block;
position: fixed;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
}
.fs-cc-banner_component.grey {
width: 350px;
z-index: 30;
width: 350px;
background-color: rgba(39, 39, 39, .9);
border-radius: 10px;
position: fixed;
bottom: 2%;
left: 2%;
box-shadow: 4px 0 12px 10px rgba(0, 0, 0, .08);
}
.fs-cc-banner_container {
width: 100%;
max-width: 62.5rem;
flex-direction: column;
align-items: flex-start;
margin-left: auto;
margin-right: auto;
display: flex;
}
.fs-cc-banner_trigger {
display: none;
}
.x-btn-8 {
min-width: 0;
color: #fff;
text-align: center;
background-color: #039be5;
border: 1px solid #039be5;
border-radius: 8px;
justify-content: center;
align-items: center;
margin-left: 0;
margin-right: 0;
padding: 10px 24px;
font-weight: 600;
transition: all .35s cubic-bezier(.86, 0, .07, 1);
display: block;
}
.x-btn-8:hover {
background-color: #272727;
border-color: #272727;
}
.x-btn-8.for-full {
width: 100%;
}
.x-5g-icon-ji-3 {
width: 60px;
}
.x-5g-icon-ji-3.for-smaller {
width: 57px;
}
.x-dynamic-logo-ctn-3 {
grid-column-gap: 5px;
align-items: center;
display: flex;
position: relative;
bottom: 24px;
right: 85px;
}
.x-dynamic-logo-ctn-3.for-j5gbersama {
right: 170px;
}
.x-dynamic-logo-ctn-3.for-j5gbersama.for-padding {
bottom: 40px;
right: 100px;
}
.x-dynamic-logo-ctn-3.for-j5gbersama {
right: 170px;
}
.x-dynamic-logo-ctn-3.for-j5gbersama.for-bm {
right: 120px;
}
.x-dynamic-logo-ctn-3.for-j5gbersama {
right: 170px;
}
.x-dynamic-logo-ctn-3.for-j5gbersama.for-bm {
right: 120px;
}
.x-dynamic-logo-ctn-3.for-j5gbersama.for-homepage {
bottom: 10px;
right: -30px;
}
.x-free-device-img-3 {
width: 430px;
height: auto;
margin-top: 10px;
position: relative;
top: 35px;
}
.x-free-device-img-3.for-fibre {
width: 410px;
margin-top: 0;
top: auto;
bottom: 12px;
}
.x-free-device-img-3.j5gbersama {
width: 260px;
top: -120px;
left: 60px;
}
.x-free-device-img-3.for-cd-gs {
width: 430px;
margin-top: 0;
top: 11px;
}
.x-free-device-img-3.for-fibre-en {
width: 410px;
margin-top: 0;
top: auto;
bottom: 12px;
}
.for-pf365, .for-prep {
text-align: center;
flex-direction: column;
align-self: center;
align-items: center;
margin-top: 10px;
display: flex;
}
.for-prepaid-all {
width: 90px;
align-self: center;
margin-top: 0;
margin-right: 0;
padding-top: 0;
padding-left: 10px;
padding-right: 10px;
font-size: 14px;
font-weight: 400;
display: block;
position: static;
}
.for-prepaid-all.for-belia {
margin-top: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.for-prepaid-all.for-raja-kombo.for-bigger {
width: 90px;
padding-left: 5px;
padding-right: 5px;
}
.x-plan-label-block {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.x-prepaid-next-txt {
width: auto;
font-weight: 500;
}
.x-prepaid-next-txt.for-sub {
font-weight: 600;
}
.x-prepaid-next-txt.for-sub.add-padding {
text-align: center;
margin-top: 0;
margin-bottom: 5px;
font-size: 15px;
}
.x-prepaid-next-txt.for-title {
margin-bottom: 0;
font-size: 22px;
font-weight: 700;
line-height: 24px;
}
.x-prepaid-next-txt.for-bold {
text-align: center;
text-align: center;
font-size: 18px;
font-weight: 700;
}
.x-prepaid-next-txt.for-bold.for-padidng {
font-size: 15px;
line-height: 16px;
}
.x-prepaid-next-txt.for-bold {
text-align: center;
font-size: 18px;
font-weight: 700;
}
.x-prepaid-next-txt.for-bold.for-padidng {
font-size: 15px;
line-height: 16px;
}
.x-prepaid-next-txt.for-bold.for-bigger {
width: auto;
flex: 0 auto;
justify-content: center;
align-self: auto;
align-items: center;
font-size: 18px;
display: flex;
}
.x-prepaid-next-txt.for-title, .x-prepaid-next-txt.for-title-2 {
margin-bottom: 0;
font-size: 22px;
font-weight: 700;
line-height: 24px;
}
.x-prepaid-next-txt.for-bold-2 {
text-align: center;
font-size: 18px;
font-weight: 700;
}
.x-prepaid-next-txt.for-title-2 {
margin-bottom: 0;
font-size: 22px;
font-weight: 700;
line-height: 24px;
}
.x-prepaid-next-txt.for-bold-2 {
text-align: center;
text-align: center;
text-align: center;
text-align: center;
text-align: center;
font-size: 18px;
font-weight: 700;
}
.x-btn-9 {
min-width: 96px;
color: #fff;
text-align: center;
background-color: #039be5;
border: 1px solid #039be5;
border-radius: 8px;
justify-content: center;
align-items: center;
margin-left: 8px;
margin-right: 8px;
padding: 8px 24px;
font-weight: 600;
transition: all .35s cubic-bezier(.86, 0, .07, 1);
display: flex;
}
.x-btn-9:hover {
background-color: #272727;
border-color: #272727;
}
.x-free-5g-booster-link-4 {
margin-top: 20px;
}
.x-free-5g-booster-link-4.adjust-padding {
margin-top: 5px;
}
.x-free-5g-booster-link-4.adjust-padding-2 {
margin-top: 0;
}
.x-plan-table-sidebar-12 {
z-index: 0;
width: auto;
border-right: 1px #c7c9cc;
flex-direction: column;
display: flex;
position: relative;
overflow: auto;
}
.x-plan-table-content-17 {
z-index: 0;
grid-column-gap: 16px;
grid-row-gap: 16px;
border-top: 1px #c7c9cc;
border-right: 1px #c7c9cc;
border-top-right-radius: 0;
flex-direction: column;
flex: 1;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: flex;
position: relative;
left: 0;
}
.x-emp-text-9 {
font-weight: 700;
}
.x-emp-text-9.for-prepaid-next {
margin-left: 0;
margin-right: 0;
font-size: 13px;
font-weight: 400;
line-height: 18px;
}
.bold-text-56 {
font-size: 18px;
line-height: 19px;
}
.x-plan-table-sidebar-13 {
z-index: 0;
width: auto;
border-right: 1px #c7c9cc;
flex-direction: column;
display: flex;
position: relative;
overflow: auto;
}
.x-plan-table-content-19 {
z-index: 0;
grid-column-gap: 16px;
grid-row-gap: 16px;
border-top: 1px #c7c9cc;
border-right: 1px #c7c9cc;
border-top-right-radius: 12px;
flex-direction: column;
flex: 1;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: flex;
position: relative;
left: 0;
}
.x-emp-text-11 {
font-weight: 700;
}
.x-emp-text-11.for-prepaid-next {
margin-left: 0;
margin-right: 0;
font-size: 14px;
font-weight: 400;
line-height: 18px;
}
.bold-text {
font-weight: 700;
}
.bold-text-57 {
font-size: 18px;
line-height: 19px;
}
.x-plan-table-content-20 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto auto auto auto auto;
grid-template-columns: auto auto auto auto auto auto;
grid-auto-columns: 1fr;
display: grid;
overflow: auto;
}
.x-plan-table-content-20.for-2-columns {
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: auto auto;
}
.x-plan-table-sidebar-8 {
z-index: 0;
width: auto;
border-right: 1px #c7c9cc;
flex-direction: column;
display: flex;
position: relative;
overflow: auto;
}
.x-plan-table-content-10 {
z-index: 0;
grid-column-gap: 16px;
grid-row-gap: 16px;
border-top: 1px #c7c9cc;
border-right: 1px #c7c9cc;
border-top-right-radius: 12px;
flex-direction: column;
flex: 1;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: flex;
position: relative;
left: 0;
}
.x-emp-text-12 {
font-weight: 700;
}
.x-emp-text-12.for-prepaid-next {
margin-left: 0;
margin-right: 0;
font-size: 14px;
font-weight: 400;
line-height: 18px;
}
.bold-text-59 {
font-size: 18px;
line-height: 19px;
}
.x-content-block-4.add-padding {
margin-top: 0;
position: relative;
top: 0;
}
.x-content-block-4.add-padding.for-prepaid-next {
z-index: 0;
margin-bottom: 20px;
position: static;
overflow: auto;
}
.x-plan-table-content-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto auto auto auto auto;
grid-template-columns: auto auto auto auto auto auto;
grid-auto-columns: 1fr;
display: grid;
overflow: auto;
}
.x-plan-table-content-2.for-1-column {
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: auto;
}
.x-auto-renewal-text-3 {
color: #6e6e6e;
font-weight: 700;
line-height: 20px;
display: block;
}
.x-auto-renewal-text-3.for-center {
color: #ff3939;
text-align: center;
}
.x-plan-table-block-4 {
height: 100%;
flex-wrap: nowrap;
align-items: stretch;
margin-top: 40px;
margin-bottom: 40px;
display: flex;
position: relative;
overflow: visible;
}
.x-plan-table-block-4.add-right-border {
z-index: 0;
width: auto;
grid-column-gap: 0px;
grid-row-gap: 0px;
border-top: 1px #c7c9cc;
border-right: 1px #c7c9cc;
border-top-left-radius: 0;
border-top-right-radius: 12px;
border-bottom-right-radius: 0;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: 1fr;
align-content: stretch;
justify-content: flex-start;
align-items: stretch;
justify-items: end;
margin-top: 0;
margin-bottom: 0;
display: flex;
position: static;
overflow: auto;
}
.x-title-heading-4 {
text-align: center;
margin-bottom: 10px;
font-size: 2em;
}
.x-emp-text-7 {
font-weight: 700;
}
.x-emp-text-7.for-val-mid {
font-size: 28px;
line-height: 36px;
}
.x-buy-opt-modal-4 {
z-index: 99999;
max-width: 560px;
min-width: 480px;
text-align: left;
background-color: #fff;
border: 1px solid #c7c9cc;
border-radius: 17px;
position: fixed;
top: 50%;
left: 50%;
overflow: hidden;
transform: translate(-50%, -50%);
box-shadow: 0 4px 8px rgba(56, 68, 77, .16), 0 12px 24px rgba(56, 68, 77, .16);
}
.x-buy-opt-modal-4.for-hide {
z-index: 202060;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: none;
}
.x-plan-table-content-21 {
z-index: 0;
grid-column-gap: 16px;
grid-row-gap: 16px;
border-top: 1px #c7c9cc;
border-right: 1px #c7c9cc;
border-top-right-radius: 12px;
flex-direction: column;
flex: 1;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: flex;
position: relative;
left: 0;
}
.x-focus-span-3 {
color: #fff;
background-color: #039be5;
border-radius: 4px;
margin-right: 6px;
padding-left: 4px;
padding-right: 4px;
font-size: 12px;
}
.x-focus-span-3.for-absolute {
margin-right: 0;
padding-left: 6px;
padding-right: 6px;
position: absolute;
top: 0%;
bottom: auto;
left: auto;
right: 0%;
}
.x-focus-span-3.for-absolute.for-red {
z-index: 10;
z-index: 10;
z-index: 10;
z-index: 10;
background-color: #ff3939;
border-radius: 12px;
padding: 2px 8px;
font-size: 12px;
font-weight: 700;
line-height: 18px;
position: absolute;
top: 0%;
bottom: auto;
left: auto;
right: 0%;
}
.x-emp-text-13 {
font-weight: 700;
}
.x-emp-text-13.for-prepaid-next {
margin-left: 0;
margin-right: 0;
font-size: 14px;
font-weight: 400;
line-height: 18px;
}
.bold-text-61 {
font-size: 18px;
line-height: 19px;
}
.x-content-block-5.add-padding {
margin-top: 0;
position: relative;
top: 0;
}
.x-content-block-5.add-padding.for-prepaid-next {
z-index: 0;
margin-bottom: 20px;
position: static;
overflow: auto;
}
.x-plan-table-content-22 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto auto auto auto auto;
grid-template-columns: auto auto auto auto auto auto;
grid-auto-columns: 1fr;
display: grid;
overflow: auto;
}
.x-plan-table-content-22.for-4-columns {
z-index: 0;
grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: auto auto auto auto;
position: static;
}
.x-plan-table-block-5 {
height: 100%;
flex-wrap: nowrap;
align-items: stretch;
margin-top: 40px;
margin-bottom: 40px;
display: flex;
position: relative;
overflow: visible;
}
.x-plan-table-block-5.add-right-border {
z-index: 0;
width: auto;
grid-column-gap: 0px;
grid-row-gap: 0px;
border-top: 1px #c7c9cc;
border-right: 1px #c7c9cc;
border-top-left-radius: 0;
border-top-right-radius: 12px;
border-bottom-right-radius: 0;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: 1fr;
align-content: stretch;
justify-content: flex-start;
align-items: stretch;
justify-items: end;
margin-top: 0;
margin-bottom: 0;
display: flex;
position: static;
overflow: auto;
}
.x-label {
z-index: 10;
background-color: var(--price-red);
color: var(--white);
border-radius: 4px;
padding: 2px 8px;
font-family: Barlow, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 18px;
position: absolute;
top: 0%;
bottom: auto;
left: auto;
right: 0%;
}
.x-label.for-pink {
background-color: #f07;
}
.x-plan-top-ctn {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #ffe600;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: stretch;
padding: 20px 20px 15px;
display: flex;
}
.x-plan-top-ctn.blue {
background-color: var(--digi-mid-blue);
color: #fff;
}
.x-plan-top-ctn.blue.flex {
flex-direction: row;
}
.x-plan-top-ctn.black {
color: #fff;
background-color: #272727;
}
.x-plan-top-ctn.for-5g {
background-color: var(--digi-mid-blue);
color: var(--white);
}
.x-plan-top-right-ctn {
width: 48%;
text-align: right;
align-self: flex-end;
}
.x-plan-top-right-ctn.for-width {
width: 100%;
}
.x-tng-label-bodycopy {
color: #005eb8;
margin-bottom: 0;
font-size: 16px;
font-weight: 400;
line-height: 20px;
}
.x-plan-title-big {
margin-bottom: 0;
font-size: 35px;
font-weight: 700;
line-height: 35px;
}
.x-plan-title-big.blue {
color: #005eb8;
text-align: right;
}
.x-plan-title-big.blue.for-width {
width: 100%;
}
.x-plan-title-big.blue.for-roi {
font-size: 28px;
}
.x-plan-title-big.for-mobile-smaller.for-white {
color: #fff;
}
.x-plan-title-big.yellow {
color: #ffe600;
line-height: 35px;
}
.x-plan-title-big.for-mobile-smaller {
font-size: 28px;
}
.x-plan-title-big.blue2 {
color: #005eb8;
text-align: right;
}
.x-plan-title-big.for-mobile-smaller {
color: #000;
font-size: 28px;
}
.x-plan-title-big.for-yellow, .x-plan-title-big.yellow-copy {
color: #ffe600;
line-height: 35px;
}
.x-plan-top-left-ctn {
width: 60%;
flex-direction: column;
align-items: flex-start;
}
.x-plan-details-ctn {
grid-column-gap: 10px;
align-items: flex-start;
display: flex;
}
.x-plan-details-ctn.for-padding {
margin-bottom: 10px;
padding-left: 0;
}
.x-plan-card-front {
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
display: flex;
box-shadow: 0 0 9px -4px rgba(0, 0, 0, .2);
}
.x-plan-card-front.for-5g {
border: 3px solid var(--digi-mid-blue);
border-radius: 24px;
}
.x-see-details-ctn {
justify-content: center;
align-items: center;
display: flex;
}
.x-plan-bestseller {
color: #fff;
background-color: #ff3939;
border-radius: 10px;
align-self: flex-start;
padding-left: 10px;
padding-right: 10px;
font-size: 14px;
font-weight: 700;
line-height: 20px;
position: absolute;
top: -1.3%;
bottom: auto;
left: 6%;
right: auto;
}
.x-plan-bestseller.new {
top: -1.7%;
}
.x-plan-bestseller.new.for-roaming-copy {
color: #ffe600;
background-color: #ed1e79;
align-self: auto;
margin-bottom: 5px;
font-weight: 600;
display: inline-block;
position: absolute;
top: -5%;
bottom: auto;
left: auto;
right: -3%;
}
.x-plan-bestseller.right {
display: none;
top: -1.3%;
bottom: auto;
left: auto;
right: 6%;
}
.x-plan-small-title {
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 20px;
}
.x-plan-small-title.for-mobile-smaller.for-white {
color: #fff;
}
.x-plan-small-title.yellow {
color: #ffe600;
}
.x-plan-small-title.blurb {
border: 1px solid var(--digi-mid-blue);
background-color: var(--digi-mid-blue);
color: var(--white);
border-radius: 20px;
padding-left: 5px;
padding-right: 5px;
font-size: 14px;
line-height: 15px;
display: inline-block;
}
.x-plan-small-title.for-strikethrough.for-yellow {
color: var(--digi-yellow);
}
.x-plan-small-title.for-mobile-smaller {
color: #000;
}
.x-plan-see-details-text-3 {
color: #039be5;
text-align: center;
font-weight: 600;
}
.x-plan-see-details-text-3:hover {
color: #272727;
}
.x-plan-small-txt {
font-size: 14px;
line-height: 18px;
text-decoration: line-through;
}
.x-plan-small-txt.blue {
color: #005eb8;
text-align: right;
line-height: 15px;
text-decoration: none;
}
.x-plan-small-txt.blue.for-right {
order: 0;
align-self: auto;
}
.x-plan-small-txt.no-deco {
line-height: 15px;
text-decoration: none;
}
.x-plan-small-txt.no-deco.yellow {
color: #ffe600;
}
.x-plan-small-txt.blue {
color: #005eb8;
text-align: right;
font-weight: 400;
line-height: 15px;
text-decoration: none;
}
.x-plan-card-slider-nav {
position: relative;
}
.x-plan-card-slider-nav.no-margin {
margin-top: 0;
}
.x-plan-card-slider-nav.for-hide-nav {
display: none;
}
.x-plan-cards-slider {
height: 100%;
background-color: rgba(0, 0, 0, 0);
}
.x-plan-card-slide {
width: 31.7%;
height: auto;
cursor: pointer;
margin-right: 20px;
left: 2px;
}
.x-plan-card-slide.for-wide {
width: 36%;
}
.x-plan-card-slide.for-slightly-wide {
width: 30%;
}
.x-plan-card-slide.for-3 {
width: 31.7%;
}
.x-plan-card-slide.for-pdkb {
width: 40%;
}
.x-tng-label-small {
font-size: 12px;
line-height: 15px;
}
.x-tng-label {
color: #ffe600;
font-size: 14px;
font-weight: 700;
line-height: 18px;
}
.x-tng-link-ctn {
background-color: #fffbdb;
border: 1px dotted #005eb8;
border-radius: 0 10px 10px;
padding: 17px 12px 10px;
position: relative;
}
.x-plan-card-back {
background-color: #fff;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
display: flex;
box-shadow: 0 0 9px -4px rgba(0, 0, 0, .2);
}
.x-plan-front-details-ctn {
grid-row-gap: 5px;
flex-direction: column;
display: flex;
}
.x-plan-front-details-ctn.for-rows {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.x-5g-booster-ctn {
align-self: center;
}
.x-5g-booster-ctn.add-t-margin {
margin-top: 60px;
}
.x-5g-booster-ctn.add-t-margin.lesser-margin {
margin-top: 40px;
margin-bottom: 10px;
}
.x-5g-booster-ctn.for-prepaid {
margin-bottom: 45px;
}
.x-5g-booster-ctn.for-5g {
margin-bottom: 30px;
}
.x-tng-label-ctn {
background-color: #005eb8;
border-radius: 5px 5px 5px 0;
align-self: flex-start;
padding: 3px 6px;
position: absolute;
top: -14%;
bottom: auto;
left: 0%;
right: auto;
}
.x-back-top-title {
text-align: center;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 20px;
}
.x-back-top-ctn {
background-color: #ffe600;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
.x-back-top-ctn.blue {
background-color: var(--digi-mid-blue);
color: #fff;
}
.x-plan-btm-ctn {
height: 350px;
grid-row-gap: 25px;
background-color: #fff;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
flex-direction: column;
justify-content: space-between;
padding: 20px;
display: flex;
}
.x-plan-btm-ctn.add-height {
height: 425px;
}
.x-plan-btm-ctn.for-shorter {
height: 280px;
}
.x-plan-btm-ctn.for-shorter.for-infinite-back {
height: 355px;
}
.x-plan-btm-ctn.for-shorter.no-radius {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.x-plan-btm-ctn.for-shorter.no-radius.for-next.for-light-grey {
background-color: #f5f5f5;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}
.x-plan-btm-ctn.for-shorter.no-radius.for-pdkb {
height: 240px;
}
.x-plan-btm-ctn.add-height-2 {
height: 390px;
}
.x-plan-btm-ctn.add-height-2.for-back {
height: 465px;
}
.x-plan-btm-ctn.for-postpaid-short {
height: 280px;
}
.x-plan-btm-ctn.for-postpaid-5g {
height: 330px;
}
.x-plan-btm-ctn.for-postpaid-5g.adjust-height {
height: 200px;
}
.x-plan-btm-ctn.for-postpaid-5g-back {
height: 400px;
}
.x-plan-btm-ctn.for-postpaid-5g-back.adjust-height {
height: 270px;
}
.x-plan-cards-mask {
padding-top: 15px;
padding-bottom: 10px;
}
.left-arrow-4 {
transform-style: preserve-3d;
justify-content: flex-end;
align-items: center;
display: flex;
bottom: 30px;
left: -15px;
transform: rotateX(0)rotateY(180deg)rotateZ(0);
}
.left-arrow-4.right {
justify-content: flex-end;
margin-left: 0;
margin-right: 0;
left: auto;
right: -15px;
transform: none;
}
.x-plan-bodycopy {
font-size: 14px;
line-height: 18px;
}
.x-plan-bodycopy.bigger {
font-size: 16px;
line-height: 20px;
}
.left-arrow-5 {
transform-style: preserve-3d;
justify-content: flex-end;
align-items: center;
display: flex;
bottom: 30px;
left: -15px;
transform: rotateX(0)rotateY(180deg)rotateZ(0);
}
.left-arrow-5.hide-arrow {
display: none;
}
.left-arrow-5.right {
justify-content: flex-end;
margin-left: 0;
margin-right: 0;
left: auto;
right: -15px;
transform: none;
}
.left-arrow-5.right.hide-arrow {
display: none;
}
.x-infinite-bottom-cta-ctn {
z-index: 1000;
width: auto;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
flex-direction: row;
justify-content: center;
margin-top: 20px;
display: flex;
position: relative;
}
.x-emp-text-15 {
font-weight: 700;
}
.x-emp-text-15.for-val-mid {
font-size: 28px;
line-height: 36px;
}
.x-emp-text-16 {
font-weight: 700;
}
.x-emp-text-16.for-val-mid {
font-size: 28px;
line-height: 36px;
}
.x-emp-text-17 {
font-weight: 700;
}
.x-emp-text-17.for-val-mid {
font-size: 28px;
line-height: 36px;
}
.x-emp-text-18 {
font-weight: 700;
}
.x-emp-text-18.for-val-mid {
font-size: 28px;
line-height: 36px;
}
.rdy-5g-booster-blurb {
width: 250px;
float: none;
text-align: left;
margin-left: 110px;
position: static;
left: auto;
}
.x-label-2 {
z-index: 10;
color: #fff;
background-color: #ff3939;
border-radius: 4px;
padding: 2px 8px;
font-family: Barlow, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 18px;
position: absolute;
top: 0%;
bottom: auto;
left: auto;
right: 0%;
}
.bold-text-63, .bold-text-64 {
color: var(--white);
}
.x-plan-table-content-25 {
border-top: 1px #c7c9cc;
border-right: 1px solid #c7c9cc;
flex: 1;
display: flex;
}
.x-plan-table-content-25.for-exclusive {
background-color: var(--white);
border-top-style: none;
border-right-style: none;
}
.bold-text-65 {
font-size: 15px;
line-height: 19px;
}
.x-esp-bookmark-2 {
width: 50px;
position: absolute;
top: 0;
bottom: auto;
left: auto;
right: 4%;
}
.x-emp-text-26 {
font-weight: 700;
}
.x-emp-text-26.for-title {
margin-bottom: 0;
font-size: 22px;
line-height: 25px;
}
.x-emp-text-26.for-title.for-white {
color: #fff;
margin-bottom: 0;
}
.x-plan-table-col-8 {
flex: 1;
transition: all .35s cubic-bezier(.86, 0, .07, 1);
}
.x-plan-table-col-8:hover {
background-color: #f5f5f5;
}
.x-plan-table-col-8.for-one-col.for-exclusive.for-red {
background-color: #fffbdb;
}
.x-plan-table-col-8.for-one-col.for-exclusive.for-red.for-telco-h {
background-color: rgba(0, 0, 0, 0);
border: 4px #039be5;
border-radius: 10px;
flex: 0 auto;
margin-top: 0;
}
.x-plan-table-header-13 {
z-index: 1;
height: 88px;
text-align: center;
background-color: #fff;
border-bottom: 2px solid #272727;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 16px;
display: flex;
position: relative;
}
.x-plan-table-header-13.for-sidebar {
text-align: left;
align-items: flex-start;
margin-top: 1px;
padding-top: 0;
padding-left: 0;
}
.x-plan-table-header-13.for-sidebar.for-higher.for-prepaid-starter {
height: 120px;
background-color: #ffe600;
border-top: 1px solid #c7c9cc;
border-bottom-style: none;
border-left: 1px solid #c7c9cc;
margin-top: 0;
padding: 10px 13px;
}
.x-plan-table-header-13.for-sidebar.for-higher.for-prepaid-starter.for-center {
align-items: center;
}
.x-plan-table-header-13.for-sidebar.for-higher.for-prepaid-starter.for-center.for-right-border-radius {
border-right: 1px solid #c7c9cc;
border-top-right-radius: 12px;
}
.x-plan-table-header-13.for-sidebar.for-higher.for-prepaid-starter.for-center.for-right-border-radius.for-orange {
width: 195px;
height: 70px;
background-color: #ffa600;
}
.x-plan-table-header-13.for-sidebar.for-higher.for-prepaid-starter.for-center.for-red {
width: 195px;
height: 70px;
background-color: #ff3939;
}
.x-plan-table-header-13.for-sidebar.for-higher.for-prepaid-starter.for-center.for-height {
width: 195px;
height: 67px;
}
.x-plan-table-header-13.for-sidebar.for-higher.for-prepaid-starter.for-left-border-radius {
border-top-left-radius: 12px;
}
.x-plan-table-header-13.for-sidebar.for-higher.for-prepaid-starter.for-left-border-radius.for-grey {
width: 195px;
height: 70px;
background-color: #dde2e5;
}
.x-prepaid-starter-txt {
width: auto;
font-weight: 500;
}
.x-prepaid-starter-txt.for-title {
margin-bottom: 0;
font-size: 20px;
font-weight: 700;
line-height: 24px;
}
.x-plan-table-col-9 {
height: auto;
background-color: var(--white);
flex: 1;
transition: all .35s cubic-bezier(.86, 0, .07, 1);
}
.x-plan-table-col-9:hover {
background-color: #f5f5f5;
}
.x-plan-table-col-9.for-one-col.for-exclusive.for-yellow {
background-color: #fffbdb;
}
.x-plan-table-col-9.for-one-col.for-exclusive.for-yellow.for-border {
border: 4px dashed #039be5;
border-radius: 0;
margin-top: 0;
}
.x-plan-table-content-26 {
border-top: 1px #c7c9cc;
border-right: 1px solid #c7c9cc;
flex: 1;
display: flex;
}
.x-plan-table-content-26.for-exclusive {
border-top-style: none;
border-right-style: none;
}
.bold-text-66 {
font-size: 15px;
line-height: 19px;
}
.x-emp-text-27 {
font-weight: 700;
}
.x-emp-text-27.for-title {
margin-bottom: 0;
font-size: 22px;
line-height: 25px;
}
.x-emp-text-27.for-title.for-white {
color: #fff;
margin-bottom: 0;
}
.x-plan-table-col-10 {
flex: 1;
transition: all .35s cubic-bezier(.86, 0, .07, 1);
}
.x-plan-table-col-10:hover {
background-color: #f5f5f5;
}
.x-plan-table-col-10.for-one-col.for-exclusive.for-red {
background-color: #fffbdb;
}
.x-plan-table-col-10.for-one-col.for-exclusive.for-red.for-telco-h {
background-color: rgba(0, 0, 0, 0);
border: 4px #039be5;
border-radius: 10px;
flex: 0 auto;
margin-top: 0;
}
.x-plan-table-header-14 {
z-index: 1;
height: 88px;
text-align: center;
background-color: #fff;
border-bottom: 2px solid #272727;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 16px;
display: flex;
position: relative;
}
.x-plan-table-header-14.for-sidebar {
text-align: left;
align-items: flex-start;
margin-top: 1px;
padding-top: 0;
padding-left: 0;
}
.x-plan-table-header-14.for-sidebar.for-higher.for-prepaid-starter {
height: 120px;
background-color: #ffe600;
border-top: 1px solid #c7c9cc;
border-bottom-style: none;
border-left: 1px solid #c7c9cc;
margin-top: 0;
padding: 10px 13px;
}
.x-plan-table-header-14.for-sidebar.for-higher.for-prepaid-starter.for-center {
align-items: center;
}
.x-plan-table-header-14.for-sidebar.for-higher.for-prepaid-starter.for-center.for-right-border-radius {
border-right: 1px solid #c7c9cc;
border-top-right-radius: 12px;
}
.x-plan-table-header-14.for-sidebar.for-higher.for-prepaid-starter.for-center.for-right-border-radius.for-orange {
width: 195px;
height: 70px;
background-color: #ffa600;
}
.x-plan-table-header-14.for-sidebar.for-higher.for-prepaid-starter.for-center.for-red {
width: 195px;
height: 70px;
background-color: #ff3939;
}
.x-plan-table-header-14.for-sidebar.for-higher.for-prepaid-starter.for-center.for-height {
width: 195px;
height: 67px;
}
.x-plan-table-header-14.for-sidebar.for-higher.for-prepaid-starter.for-left-border-radius {
border-top-left-radius: 12px;
}
.x-plan-table-header-14.for-sidebar.for-higher.for-prepaid-starter.for-left-border-radius.for-grey {
width: 195px;
height: 70px;
background-color: #dde2e5;
}
.x-plan-table-col-11 {
flex: 1;
transition: all .35s cubic-bezier(.86, 0, .07, 1);
}
.x-plan-table-col-11:hover {
background-color: #f5f5f5;
}
.x-plan-table-col-11.for-one-col.for-exclusive.for-yellow {
background-color: #fffbdb;
}
.x-plan-table-col-11.for-one-col.for-exclusive.for-yellow.for-border {
border: 4px dashed #039be5;
border-radius: 0;
margin-top: 0;
}
.x-emp-text-28 {
text-align: center;
justify-content: center;
align-items: center;
font-weight: 700;
display: flex;
}
.x-emp-text-28.for-title {
margin-bottom: 0;
font-size: 22px;
line-height: 25px;
}
.x-plan-table-header-17 {
z-index: 1;
height: 88px;
text-align: center;
background-color: #fff;
border-bottom: 2px solid #272727;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 16px;
display: flex;
position: relative;
}
.x-plan-table-header-17.for-sidebar {
text-align: left;
align-items: flex-start;
margin-top: 1px;
padding-top: 0;
padding-left: 0;
}
.x-plan-table-header-17.for-sidebar.for-higher.for-mobile-broadband {
text-align: left;
background-color: #ffe600;
border: 1px solid #c7c9cc;
border-right-style: none;
border-top-left-radius: 12px;
flex-direction: column;
margin-top: 0;
padding-top: 16px;
padding-left: 0;
}
.x-plan-table-header-17.for-higher {
height: 110px;
background-color: rgba(0, 0, 0, 0);
padding-bottom: 8px;
position: relative;
top: 0;
}
.x-plan-table-header-17.for-higher.for-mobile-broadband.yellow {
width: auto;
background-color: #ffe600;
border-top: 1px solid #c7c9cc;
border-bottom-width: 1px;
border-bottom-color: #c7c9cc;
border-left: 1px #c7c9cc;
border-top-right-radius: 0;
flex-direction: column;
display: flex;
}
.x-plan-table-header-17.for-higher.for-mobile-broadband.yellow.for-round-right-corner {
z-index: 0;
border-top-style: solid;
border-left-style: none;
border-right: 1px solid #c7c9cc;
border-top-right-radius: 12px;
}
.x-plan-table-content-27 {
border-top: 1px #c7c9cc;
border-bottom: 1px solid #c7c9cc;
border-right: 1px #c7c9cc;
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
flex: 1;
display: flex;
}
.text-block-102 {
text-align: center;
font-size: 14px;
font-style: italic;
font-weight: 500;
line-height: 18px;
}
.text-block-103 {
justify-content: center;
align-items: center;
display: flex;
}
.x-fibre-total-price {
font-size: 1.2em;
}
.bold-text-67 {
font-size: 20px;
}
.x-plan-table-col-14 {
border-left: 1px solid #c7c9cc;
border-top-right-radius: 12px;
flex: 1;
transition: all .35s cubic-bezier(.86, 0, .07, 1);
}
.x-plan-table-col-14:hover {
background-color: #f5f5f5;
}
.x-plan-table-col-14.remove-left-border {
border-left-style: none;
margin-bottom: 1px;
}
.x-plan-table-sidebar-11 {
z-index: 10;
width: 248px;
border-right: 1px solid #c7c9cc;
position: relative;
}
.bold-text-68 {
font-size: 20px;
}
.text-block-104 {
font-weight: 400;
text-decoration: line-through;
}
.bold-text-70 {
text-align: center;
justify-content: center;
align-items: center;
font-size: 16px;
font-weight: 700;
display: flex;
}
.div-block-99 {
align-self: center;
}
.x-plan-table-row-11 {
height: 78px;
background-color: #fff;
border-bottom: 1px solid #c7c9cc;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-right: 24px;
display: flex;
position: relative;
}
.x-plan-table-row-11.for-center {
text-align: center;
border: 1px #000;
border-bottom: 1px solid #c7c9cc;
align-items: center;
padding-right: 0;
font-size: 1.1em;
}
.x-plan-table-row-11.for-center.mobile-broadband-borders {
height: 77.5px;
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: rgba(0, 0, 0, 0);
border-top-color: #c7c9cc;
border-bottom-style: none;
border-left-style: none;
border-left-color: #c7c9cc;
border-right-color: #c7c9cc;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.x-plan-table-row-11.add-padding {
background-color: #fff;
border-left: 1px solid #c7c9cc;
border-right: 1px #c7c9cc;
padding-left: 24px;
overflow: visible;
}
.x-plan-table-row-11.add-padding.btm-left-corner {
background-color: #fdf5ae;
border-bottom-left-radius: 12px;
}
.x-plan-table-row-11.add-padding.grey-c {
background-color: #dde2e5;
}
.x-section-nav-div {
width: 270px;
grid-row-gap: 10px;
border: 1px solid var(--line);
color: var(--black);
border-radius: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 20px 10px;
display: flex;
}
.x-section-nav-div:hover {
background-color: var(--digi-yellow);
color: var(--black);
}
.x-section-nav-div.for-wider {
padding-top: 20px;
padding-bottom: 20px;
}
.x-section-nav-txt-ctn {
grid-row-gap: 5px;
flex-direction: column;
align-items: center;
display: flex;
}
.x-section-nav-ctn {
grid-column-gap: 15px;
justify-content: center;
display: flex;
}
.x-section-nav-heading {
text-align: center;
margin-bottom: 0;
font-size: 16px;
line-height: 20px;
}
.x-section-nav-txt {
text-align: center;
font-size: 14px;
font-weight: 400;
line-height: 18px;
}
.x-section-nav-icon {
height: 40px;
}
.x-section-nav-icon.smaller {
height: 30px;
}
.x-section-nav-wrapper {
margin-top: 25px;
}
.text-block-105 {
color: #fff;
font-size: 14px;
font-weight: 600;
}
.x-subnav-menu-link-3 {
color: #fff;
white-space: nowrap;
border-bottom: 2px solid #272727;
padding: 12px 16px 10px;
font-size: 14px;
font-weight: 600;
transition: all .55s cubic-bezier(.86, 0, .07, 1);
display: block;
}
.x-subnav-menu-link-3:hover {
color: #ffe600;
}
.x-subnav-menu-link-3.w--current {
color: #ffe600;
border-bottom-color: #ffe600;
}
.x-subnav-menu-link-3.for-catalogue {
border-bottom-style: none;
border-right: 1px solid #979797;
flex: 0 auto;
margin-top: 12px;
margin-bottom: 10px;
padding: 0 10px;
}
.x-subnav-menu-link-3.for-catalogue.for-right {
border-right-style: none;
}
.x-plan-icons-ctn {
grid-column-gap: 12px;
grid-row-gap: 10px;
border-radius: 10px;
flex-wrap: wrap;
padding: 5px 10px 10px 0;
display: flex;
}
.x-plan-icons-ctn.remove-padding {
grid-column-gap: 5px;
padding-bottom: 0;
}
.left-arrow-6 {
transform-style: preserve-3d;
justify-content: flex-end;
align-items: center;
display: flex;
bottom: 30px;
left: -15px;
transform: rotateX(0)rotateY(180deg)rotateZ(0);
}
.left-arrow-6.right {
justify-content: flex-end;
margin-left: 0;
margin-right: 0;
left: auto;
right: -15px;
transform: none;
}
.left-arrow-6.for-hide-arrow {
display: none;
}
.italic-text-4 {
font-size: 10px;
line-height: 10px;
}
.italic-text-4.ghost {
color: rgba(0, 0, 0, 0);
}
.x-plan-details-with-icon-ctn {
grid-row-gap: 5px;
flex-direction: column;
display: flex;
}
.x-nxt-rdy-icon-copy {
height: 19px;
}
.x-nxt-rdy-icon-copy.for-radius {
border-radius: 10px;
}
.x-plan-bottom-cta-wrapper-copy {
z-index: 1000;
width: auto;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
flex-direction: row;
justify-content: center;
margin-top: 0;
display: block;
position: relative;
}
.x-card-icon-with-margin {
margin-top: 5px;
}
.x-plan-top-left-ctn-2 {
width: 55%;
flex-direction: column;
align-items: flex-start;
}
.x-plan-table-block-7 {
height: 100%;
flex-wrap: nowrap;
align-items: stretch;
margin-top: 40px;
margin-bottom: 40px;
display: flex;
position: relative;
overflow: visible;
}
.x-plan-table-block-7.add-right-border {
border-right: 1px #c7c9cc;
position: static;
}
.x-raja-kombo-cta-block-2 {
text-align: center;
border: 1px solid #c7c9cc;
border-radius: 10px;
flex-direction: column;
align-items: center;
padding: 16px;
display: flex;
}
.x-kombo-tab-link-2 {
width: 100%;
color: #979797;
text-align: center;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #c7c9cc;
border-radius: 10px;
flex-direction: row;
justify-content: center;
margin-bottom: -1px;
padding: 12px 16px;
font-weight: 700;
transition: all .25s cubic-bezier(.86, 0, .07, 1);
display: flex;
}
.x-kombo-tab-link-2:hover {
color: #039be5;
}
.x-kombo-tab-link-2.w--current {
color: #fff;
background-color: #272727;
border-radius: 9px;
}
.x-prepaid-next-image {
padding-left: 10px;
padding-right: 10px;
}
.x-prepaid-next-image.for-smaller {
padding-left: 70px;
padding-right: 70px;
}
.x-prepaid-next-image.for-smaller.for-3-icons {
padding-left: 30px;
padding-right: 30px;
}
.x-emp-text-30 {
font-weight: 700;
}
.x-emp-text-30.for-prepaid-next {
margin-left: 0;
margin-right: 0;
font-size: 14px;
font-weight: 400;
line-height: 18px;
}
.bold-text-72 {
font-size: 18px;
line-height: 19px;
}
.x-plan-table-header-18 {
z-index: 1;
height: 88px;
text-align: center;
background-color: #fff;
border-bottom: 2px solid #272727;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 16px;
display: flex;
position: relative;
}
.x-plan-table-header-18.for-sidebar {
text-align: left;
align-items: flex-start;
margin-top: 1px;
padding-top: 0;
padding-left: 0;
}
.x-plan-table-header-18.for-sidebar.for-higher.for-raja-kombo {
height: 120px;
background-color: #ffe600;
border-top: 1px solid #c7c9cc;
border-bottom-style: none;
border-left: 1px solid #c7c9cc;
margin-top: 0;
padding: 10px 13px;
}
.x-plan-table-header-18.for-sidebar.for-higher.for-raja-kombo.for-light-yellow {
width: 230px;
height: 100px;
background-color: #fdf5ae;
border-right: 1px solid #c7c9cc;
}
.x-plan-table-header-18.for-sidebar.for-higher.for-raja-kombo.for-light-yellow.for-width {
width: 230px;
}
.x-plan-table-header-18.for-sidebar.for-higher.for-raja-kombo.for-light-yellow.for-width.for-height {
height: 120px;
}
.x-plan-table-header-18.for-sidebar.for-higher.for-raja-kombo {
height: 100px;
background-color: #ffe600;
border-top: 1px solid #c7c9cc;
border-bottom-style: none;
border-left: 1px solid #c7c9cc;
margin-top: 0;
padding: 10px 13px;
}
.x-plan-table-header-18.for-sidebar.for-higher.for-raja-kombo.for-left-border-radius {
width: auto;
height: 130px;
border-right: 1px solid #c7c9cc;
border-top-left-radius: 12px;
}
.x-plan-table-header-18.for-sidebar.for-higher.for-raja-kombo.for-left-border-radius.for-width {
width: 230px;
}
.x-plan-table-header-18.for-sidebar.for-higher.for-raja-kombo.for-light-yellow {
width: 200px;
}
.x-plan-table-header-18.for-sidebar.for-higher.for-raja-kombo.for-light-yellow.add-bottom-border {
border-bottom: 1px solid #c7c9cc;
border-bottom-left-radius: 12px;
}
.x-plan-table-header-18.for-sidebar.for-higher.for-raja-kombo.for-center {
z-index: 0;
height: 130px;
border-left-style: none;
border-right: 1px solid #c7c9cc;
align-items: center;
position: relative;
top: 0;
}
.x-plan-table-header-18.for-sidebar.for-higher.for-raja-kombo.for-center.for-right-corner-radius {
border-right-style: solid;
border-top-right-radius: 12px;
}
.x-plan-table-content-30 {
z-index: 0;
grid-column-gap: 16px;
grid-row-gap: 16px;
border-top: 1px #c7c9cc;
border-right: 1px #c7c9cc;
border-top-right-radius: 0;
flex-direction: column;
flex: 1;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: flex;
position: relative;
left: 0;
}
.x-btn-17 {
min-width: 96px;
color: #fff;
text-align: center;
background-color: #039be5;
border: 1px solid #039be5;
border-radius: 8px;
justify-content: center;
align-items: center;
margin-left: 10px;
margin-right: 10px;
padding: 10px 24px;
font-weight: 600;
transition: all .35s cubic-bezier(.86, 0, .07, 1);
display: flex;
}
.x-btn-17:hover {
background-color: #272727;
border-color: #272727;
}
.x-plan-table-content-31 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto auto auto auto auto;
grid-template-columns: auto auto auto auto auto auto;
grid-auto-columns: 1fr;
display: grid;
overflow: auto;
}
.x-plan-table-content-31.for-6-columns {
z-index: 0;
width: auto;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-rows: 1fr;
grid-auto-columns: 1fr;
align-self: auto;
justify-items: stretch;
display: grid;
position: relative;
top: 0;
}
.x-plan-table-sidebar-15 {
z-index: 0;
width: auto;
border-right: 1px #c7c9cc;
flex-direction: column;
display: flex;
position: relative;
overflow: auto;
}
.x-btn-18 {
min-width: 96px;
color: #fff;
text-align: center;
background-color: #039be5;
border: 1px solid #039be5;
border-radius: 8px;
justify-content: center;
align-items: center;
margin-left: 10px;
margin-right: 10px;
padding: 10px 24px;
font-weight: 600;
transition: all .35s cubic-bezier(.86, 0, .07, 1);
display: flex;
}
.x-btn-18:hover {
background-color: #272727;
border-color: #272727;
}
.x-btn-18.banner-data-layer {
margin-left: 10px;
margin-right: 10px;
}
.x-btn-18.toggle-popup.banner-data-layer.for-smaller {
width: 90%;
min-width: 90px;
margin-left: 8px;
margin-right: 8px;
padding-left: 10px;
padding-right: 10px;
}
.x-btn-18.toggle-popup.banner-data-layer.for-smaller.for-unavailable {
border-color: var(--dark-grey);
background-color: var(--dark-grey);
}
.x-plan-table-row-12 {
height: 78px;
background-color: #fff;
border-bottom: 1px solid #c7c9cc;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-right: 24px;
display: flex;
position: relative;
}
.x-plan-table-row-12.for-center {
text-align: center;
border: 1px #000;
border-bottom: 1px solid #c7c9cc;
align-items: center;
padding-right: 0;
font-size: 1.1em;
}
.x-plan-table-row-12.for-center.pf365-borders {
border-top-color: #c7c9cc;
border-left-style: solid;
border-left-color: #c7c9cc;
border-right-color: #c7c9cc;
}
.x-plan-table-row-12.for-center.mobile-broadband-borders {
height: 77.5px;
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: rgba(0, 0, 0, 0);
border-top-color: #c7c9cc;
border-bottom-style: none;
border-left-style: none;
border-left-color: #c7c9cc;
border-right-color: #c7c9cc;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.x-plan-table-row-12.for-center.mobile-broadband-borders.for-fibre {
height: auto;
}
.x-plan-table-row-12.for-center.mobile-broadband-borders {
height: 77.8px;
grid-column-gap: 0px;
grid-row-gap: 0px;
height: 77.5px;
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: rgba(0, 0, 0, 0);
border-top-color: #c7c9cc;
border-bottom-style: none;
border-left-style: none;
border-left-color: #c7c9cc;
border-right-color: #c7c9cc;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.x-plan-table-row-12.for-center.mobile-broadband-borders.for-fibre {
height: auto;
}
.x-plan-table-row-12.for-center.mobile-broadband-borders {
height: 77.8px;
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: rgba(0, 0, 0, 0);
border-top-color: #c7c9cc;
border-bottom-style: none;
border-left-style: none;
border-left-color: #c7c9cc;
border-right-color: #c7c9cc;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.x-plan-table-row-12.padding-20 {
border-left: 1px solid #c7c9cc;
padding-left: 20px;
padding-right: 0;
}
.x-plan-table-row-12.add-padding {
background-color: #fff;
border-left: 1px solid #c7c9cc;
border-right: 1px #c7c9cc;
padding-left: 10px;
padding-right: 10px;
overflow: visible;
}
.x-plan-table-row-12.add-padding.btm-left-corner {
background-color: #fdf5ae;
border-bottom-left-radius: 12px;
}
.x-plan-table-row-12.add-padding.btm-left-corner.for-white {
background-color: #fff;
}
.x-plan-table-row-12.add-padding.grey-c {
background-color: #dde2e5;
}
.x-plan-table-row-12.add-padding.for-height {
height: 120px;
}
.x-plan-table-row-12.add-padding.for-height.fibre {
padding-right: 24px;
}
.x-plan-table-row-12.add-padding.fibre {
align-items: center;
padding-right: 24px;
}
.x-plan-table-row-12.for-title {
height: 79px;
background-color: #ffe600;
border-top: 1px solid #c7c9cc;
border-left: 1px solid #c7c9cc;
border-right: 1px #c7c9cc;
border-top-left-radius: 12px;
padding-right: 0;
}
.x-plan-table-row-12.for-title.fibre {
align-items: center;
}
.x-plan-table-row-12.add-padding {
background-color: #fff;
border-left: 1px solid #c7c9cc;
border-right: 1px #c7c9cc;
padding-left: 24px;
}
.x-plan-table-row-12.add-padding.grey {
background-color: #dde2e5;
border-bottom-left-radius: 12px;
}
.x-plan-table-row-12.add-padding.mid-yellow {
background-color: #fdf5ae;
border-right-style: none;
}
.x-plan-table-row-12.add-padding {
background-color: #fff;
border-left: 1px solid #c7c9cc;
border-right: 1px #c7c9cc;
padding-left: 10px;
padding-right: 10px;
overflow: visible;
}
.x-plan-table-row-12.add-padding.btm-left-corner {
background-color: #fdf5ae;
border-bottom-left-radius: 12px;
}
.x-plan-table-row-12.add-padding.btm-left-corner.for-white {
background-color: #fff;
}
.x-plan-table-row-12.add-padding.grey-c {
background-color: #dde2e5;
}
.x-plan-table-row-12.add-padding {
background-color: #fff;
border-left: 1px solid #c7c9cc;
border-right: 1px #c7c9cc;
padding-left: 24px;
}
.x-plan-table-row-12.add-padding.grey {
background-color: #dde2e5;
border-bottom-left-radius: 12px;
}
.x-plan-table-row-12.add-padding.mid-yellow {
background-color: #fdf5ae;
border-right-style: none;
}
.x-promo-list-h-2 {
text-align: center;
margin-bottom: 0;
font-size: 35px;
line-height: 40px;
}
.x-promo-list-heading-3 {
flex-direction: column;
align-items: center;
font-size: 20px;
display: flex;
position: relative;
}
.x-plan-table-col-16 {
flex: 1;
transition: all .35s cubic-bezier(.86, 0, .07, 1);
}
.x-plan-table-col-16:hover {
background-color: #f5f5f5;
}
.x-plan-table-header-20 {
z-index: 1;
height: 88px;
text-align: center;
background-color: #fff;
border-bottom: 2px solid #272727;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 16px;
display: flex;
position: relative;
}
.x-plan-table-header-20.for-sidebar {
text-align: left;
align-items: flex-start;
margin-top: 1px;
padding-top: 0;
padding-left: 0;
}
.x-plan-table-header-20.for-sidebar.for-higher.for-raja-kombo {
height: 100px;
background-color: #ffe600;
border-top: 1px solid #c7c9cc;
border-bottom-style: none;
border-left: 1px solid #c7c9cc;
margin-top: 0;
padding: 10px 13px;
}
.x-plan-table-header-20.for-sidebar.for-higher.for-raja-kombo.for-left-border-radius {
width: auto;
height: 130px;
border-right: 1px solid #c7c9cc;
border-top-left-radius: 12px;
}
.x-plan-table-header-20.for-sidebar.for-higher.for-raja-kombo.for-light-yellow {
width: 200px;
background-color: var(--mid-yellow);
}
.x-plan-table-header-20.for-sidebar.for-higher.for-raja-kombo.for-light-yellow.for-width {
width: auto;
border-right: 1px solid var(--line);
}
.x-plan-table-header-20.for-sidebar.for-higher.for-raja-kombo.for-light-yellow.for-width.add-bottom-border {
border-bottom: 1px solid var(--line);
border-bottom-left-radius: 12px;
}
.x-plan-table-header-20.for-sidebar.for-higher.for-raja-kombo.for-center {
z-index: 0;
height: 130px;
border-left-style: none;
border-right: 1px solid #c7c9cc;
align-items: center;
position: relative;
top: 0;
}
.x-plan-table-header-20.for-sidebar.for-higher.for-raja-kombo.for-center.for-right-corner-radius {
border-right-style: solid;
border-top-right-radius: 12px;
}
.x-emp-text-32 {
font-weight: 700;
}
.x-emp-text-32.for-val-small {
font-size: 18px;
}
.x-emp-text-32.for-title {
margin-bottom: 0;
font-size: 22px;
line-height: 25px;
}
.x-plan-table-content-33 {
border-top: 1px #c7c9cc;
border-right: 1px #c7c9cc;
flex: 1;
display: flex;
}
.x-plan-table-sidebar-17 {
z-index: 10;
width: 248px;
border-right: 2px #272727;
position: relative;
}
.x-plan-table-header-21 {
z-index: 1;
height: 88px;
text-align: center;
background-color: #fff;
border-bottom: 2px solid #272727;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 16px;
display: flex;
position: relative;
}
.x-plan-table-header-21.for-higher {
height: 110px;
background-color: rgba(0, 0, 0, 0);
padding-bottom: 8px;
position: relative;
top: 0;
}
.text-block-107, .bold-text-74 {
font-size: 18px;
}
.x-emp-text-38 {
font-weight: 700;
}
.x-emp-text-38.for-prepaid-next {
margin-left: 0;
margin-right: 0;
font-size: 14px;
font-weight: 400;
line-height: 18px;
}
.x-emp-text-38.for-prepaid-next.for-red-disclaimer {
color: #ff3939;
font-weight: 700;
}
.x-nav-to-section-my-digi {
width: 100%;
position: absolute;
top: -80px;
}
.bold-text-80 {
color: var(--black);
line-height: 21px;
}
.bold-text-80.for-smaller-font {
font-size: 12px;
}
.bold-text-80.for-smaller-font.for-red {
color: var(--price-red);
font-size: 14px;
}
.bold-text-80.for-red {
color: var(--price-red);
}
.cd-plan-table-row {
height: 78px;
background-color: #fff;
border-bottom: 1px solid #c7c9cc;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-right: 24px;
display: flex;
position: relative;
}
.cd-plan-table-row.for-centre {
text-align: center;
border: 1px #000;
border-bottom: 1px solid #c7c9cc;
align-items: center;
padding-right: 0;
font-size: 1.1em;
}
.cd-plan-table-row.for-centre.fibre {
height: 77.8px;
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: rgba(0, 0, 0, 0);
border-top-color: #c7c9cc;
border-bottom-style: none;
border-left-style: none;
border-left-color: #c7c9cc;
border-right-color: #c7c9cc;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.x-table-header {
z-index: 1;
height: 88px;
text-align: center;
background-color: #fff;
border-bottom: 2px solid #272727;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 16px;
display: flex;
position: relative;
}
.x-table-header.for-higher.for-5g {
height: 110px;
background-color: #1561e8;
border-bottom-style: none;
padding: 20px;
}
.x-table-header.for-higher.for-5g.for-rounded-corner {
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.x-table-header.for-higher.for-5g.for-rounded-corner.for-light-blue {
background-color: #3c74e5;
border-top-left-radius: 12px;
}
.x-table-header.for-higher.for-5g.for-rounded-corner.remove-left-corner {
border-left: 1px solid var(--line);
border-left: 1px solid #c7c9cc;
border-top-left-radius: 0;
}
.x-table-header.for-higher.for-5g.for-light-blue {
border-left: 1px solid var(--line);
background-color: #3c74e5;
border-left: 1px solid #c7c9cc;
}
.x-table-header.for-higher.for-5g.for-height {
border-left: 1px solid #c7c9cc;
}
.x-table-header.for-higher.for-5g.for-height.for-rounded-corner {
border-top-left-radius: 0;
}
.x-table-header.for-higher.for-5g.for-height.for-rounded-corner-2 {
border-top-left-radius: 0;
border-top-right-radius: 12px;
}
.x-table-block {
height: 100%;
flex-wrap: nowrap;
align-items: stretch;
margin-top: 40px;
margin-bottom: 40px;
display: flex;
position: relative;
overflow: visible;
}
.x-table-block.add-right-border {
height: auto;
border-top: 1px #c7c9cc;
border-right: 1px #c7c9cc;
border-top-left-radius: 0;
border-top-right-radius: 12px;
border-bottom-right-radius: 0;
margin-top: 20px;
margin-bottom: 0;
}
.x-table-block.add-right-border.add-padding {
margin-bottom: 40px;
}
.x-table-block.add-right-border.add-padding.for-mobile.for-hide, .x-table-block.add-right-border.add-padding.for-mobile-only.for-hide {
display: none;
}
.cd-plan-table-col {
border-left: 1px solid #c7c9cc;
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
flex: 1;
margin-bottom: 1px;
transition: all .35s cubic-bezier(.86, 0, .07, 1);
}
.cd-plan-table-col:hover {
background-color: #f5f5f5;
}
.cd-plan-table-col.remove-left-border {
border-left-style: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
flex: 1;
margin-bottom: 1px;
}
.x-table-row {
height: 77.8px;
background-color: #fff;
border-bottom: 1px solid #c7c9cc;
border-bottom-left-radius: 12px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-left: 20px;
padding-right: 20px;
display: flex;
position: relative;
}
.x-table-row.for-dark-blue {
width: auto;
height: 110px;
background-color: #273d71;
border-top-left-radius: 12px;
align-items: center;
padding-right: 20px;
}
.x-table-row.for-dark-blue.for-no-rounded-border {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 0;
}
.x-table-row.for-dark-blue {
width: 260px;
height: 110px;
background-color: #273d71;
border-top-left-radius: 12px;
border-bottom-left-radius: 0;
align-items: center;
padding-right: 20px;
}
.x-table-row.for-dark-blue.for-rounded-corner {
height: 130px;
border-top-left-radius: 0;
border-bottom-left-radius: 12px;
}
.x-table-row.for-dark-blue {
width: 260px;
height: 110px;
background-color: #273d71;
border-top-left-radius: 12px;
border-bottom-left-radius: 0;
align-items: center;
padding-right: 20px;
}
.x-table-row.for-dark-blue.for-rounded-corner {
height: 130px;
border-top-left-radius: 0;
border-bottom-left-radius: 12px;
}
.x-table-row.for-dark-blue.for-rounded-corner.for-height {
height: 170px;
}
.x-table {
margin-bottom: 0;
padding-bottom: 20px;
padding-left: 160px;
padding-right: 160px;
overflow: hidden;
}
.x-table.for-desktop {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.x-table-text-block {
flex-direction: column;
align-self: center;
align-items: center;
display: flex;
}
.x-table-text-block.add-padding {
margin-bottom: 5px;
font-size: 1.1em;
}
.bold-text-84 {
line-height: 23px;
}
.bold-text-84.for-smaller.for-red {
color: var(--price-red);
}
.x-plan-table-5g-column {
z-index: 0;
height: 78px;
background-color: #fff;
border-top: 1px solid #c7c9cc;
border-right: 1px solid #c7c9cc;
justify-content: center;
align-items: center;
display: flex;
position: static;
}
.x-plan-table-5g-column.for-light-blue {
height: 110px;
border-bottom: 1px #c7c9cc;
border-left: 1px none var(--line);
background-color: #cfe5ff;
border-right-style: solid;
flex-direction: column;
}
.x-plan-table-5g-column.for-light-blue.for-rounded-corner {
height: 130px;
border-bottom-style: solid;
border-right-style: solid;
border-bottom-right-radius: 12px;
}
.x-plan-table-5g-column.for-light-blue.add-left-border {
border-left-style: solid;
}
.x-plan-table-5g-column.for-light-blue.add-left-border.for-bottom-border {
height: 130px;
border-bottom-style: solid;
}
.x-plan-table-5g-column.for-light-blue {
height: 110px;
background-color: #cfe5ff;
border-bottom: 1px #c7c9cc;
border-left: 1px #c7c9cc;
border-right-style: solid;
flex-direction: column;
}
.x-plan-table-5g-column.for-light-blue.for-rounded-corner {
height: 130px;
border-bottom-style: solid;
border-right-style: solid;
border-bottom-right-radius: 12px;
}
.x-plan-table-5g-column.for-light-blue.for-rounded-corner.for-height {
height: 170px;
}
.x-plan-table-5g-column.for-light-blue.for-rounded-corner.remove-corner {
border-bottom-right-radius: 0;
}
.x-plan-table-5g-column.for-light-blue.for-rounded-corner.remove-corner.for-height {
height: 170px;
}
.x-plan-table-5g-column.for-light-blue.for-rounded-corner.remove-corner.for-height.for-round-corner, .x-plan-table-5g-column.for-light-blue.for-rounded-corner.remove-corner.for-height.for-round-corner-2 {
border-bottom-right-radius: 12px;
}
.x-plan-table-5g-column.for-light-blue.add-left-border {
border-left-style: solid;
}
.x-plan-table-5g-column.for-light-blue.add-left-border.for-bottom-border {
height: 130px;
border-bottom-style: solid;
}
.x-plan-table-5g-column.for-light-blue.add-left-border.for-bottom-border.for-height {
height: 170px;
}
.bold-text-84-2 {
line-height: 23px;
}
.for-smaller {
width: 130px;
}
._5g-column-text-2 {
color: #273d71;
font-size: 20px;
}
._5g-column-text-2.for-bigger {
font-size: 20px;
}
.x-5g-table-header-2 {
height: 109px;
background-color: #ffe600;
border-top: 1px solid #c7c9cc;
border-bottom: 1px solid #c7c9cc;
border-right: 1px solid #c7c9cc;
border-radius: 12px 0 0;
flex-direction: column;
justify-content: center;
align-self: center;
align-items: center;
display: flex;
position: relative;
}
.x-5g-table-header-2.remove-corner-border {
width: 230px;
border-top-left-radius: 0;
padding-left: 10px;
padding-right: 10px;
}
.x-5g-table-header-2.remove-corner-border.for-left-corner {
border-top-right-radius: 12px;
padding-left: 10px;
padding-right: 10px;
}
.x-5g-table-header-2.for-left-border {
width: 230px;
border-left: 1px solid #c7c9cc;
padding-left: 10px;
padding-right: 10px;
}
.x-5g-table-column-2 {
width: 230px;
height: 100px;
background-color: #fdf5ae;
border-bottom: 1px solid #c7c9cc;
border-left: 1px solid #c7c9cc;
border-right: 1px solid #c7c9cc;
border-radius: 0;
flex-direction: column;
justify-content: center;
align-self: center;
align-items: center;
display: flex;
position: relative;
}
.x-5g-table-column-2.for-corner-border {
border-bottom: 1px solid #c7c9cc;
border-bottom-left-radius: 12px;
}
.x-5g-table-column-2.for-corner-border.for-right {
border-bottom-right-radius: 12px;
border-bottom-left-radius: 0;
}
.x-5g-table-column-2.remove-left-border {
border-left-style: none;
}
.x-5g-table-column-2.remove-left-border.for-bottom-border {
border-bottom: 1px solid #c7c9cc;
}
._5g-plan-table-grid-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 230px 230px 230px;
grid-auto-columns: auto;
justify-content: center;
margin-bottom: 32px;
padding-left: 140px;
padding-right: 140px;
}
.bold-text-87 {
color: #1561e8;
font-size: 20px;
text-decoration: line-through;
}
.text-block-109 {
text-align: center;
margin-bottom: 2px;
}
.text-block-109.remove-padding {
margin-bottom: 0;
}
.text-span-132 {
color: var(--price-red);
}
.text-span-133 {
border: 1px none var(--digi-mid-blue);
background-color: var(--bottom-nav);
color: var(--black);
border-radius: 40px;
flex-direction: column;
justify-content: center;
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
font-size: 16px;
line-height: 24px;
display: inline-block;
}
.cd-feature-slider-l-arrow, .cd-feature-slider-r-arrow {
justify-content: center;
align-items: center;
display: none;
}
.cd-fs-arrow-ctn {
width: 40px;
height: 40px;
border-radius: 500px;
justify-content: center;
align-items: center;
padding: 15px;
display: flex;
position: relative;
}
.x-main-banner-link {
height: 500px;
justify-content: center;
align-items: center;
display: flex;
}
.cd-feature-slider-nav {
border-radius: 0;
display: block;
bottom: -45px;
}
.c-slider-btn-loading {
width: 100%;
height: 100%;
border: 1px dashed #aaa;
border-radius: 1000px;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.cd-feature-banner-slider-2 {
height: 100%;
}
.ci-slider-btn-loading {
width: 100%;
height: 100%;
opacity: .5;
border-radius: 1000px;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.c-slider-btn-circle {
width: 100%;
height: 100%;
border: 1px solid #aaa;
border-radius: 1000px;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.slider-trigger-right, .slider-trigger-left {
z-index: 50;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.c-slider-btn-icon {
z-index: 10;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.cd-feature-slide {
height: 500px;
position: relative;
}
.x-plan-name-price {
justify-content: space-between;
display: flex;
}
.x-free-device-cta-4 {
border-radius: 8px;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 0;
padding-left: 28px;
padding-right: 28px;
font-weight: 700;
transition: all .3s;
}
.x-free-device-cta-4:hover {
background-color: #272727;
}
.x-free-device-cta-4.for-secondary {
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;
}
.x-free-device-cta-4.for-secondary:hover {
background-color: #272727;
border-color: #272727;
}
.x-wrapper-17 {
z-index: 1000;
padding-top: 40px;
padding-bottom: 40px;
position: relative;
}
.x-wrapper-17.for-free-device {
flex-direction: row;
justify-content: center;
align-items: center;
padding-bottom: 0;
display: flex;
}
.x-wrapper-17.for-free-device.for-5g-booster {
padding-top: 50px;
}
.x-free-5g-booster-bg-2-copy {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/650cfaa033d53f8f56500716_CelcomDigi_Dynamic-Background.png");
background-position: 50%;
background-size: cover;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.image-69 {
display: none;
}
.x-free-device-img-ctn-4 {
flex-direction: column;
display: flex;
}
.image-70 {
display: none;
}
.x-tick-icon-image {
width: 30px;
}
.x-tick-icon-image.for-raja-kombo, .x-tick-icon-image.for-mobile-broadband, .x-cross-icon-image {
width: 25px;
}
.x-cross-icon-image.for-raja-kombo, .x-cross-icon-image.for-exclusive-pack, .x-cross-icon-image.for-mobile-broadband {
width: 20px;
}
.search-icon {
width: 32px;
height: 32px;
padding: 0;
}
.search-icon.for-search {
width: 26px;
}
.x-shop-more-link-txt {
align-items: center;
font-size: 22px;
display: flex;
position: relative;
top: -20px;
}
.x-shop-more-link-txt:hover {
color: var(--link-blue);
}
.x-shop-more-link-arrow {
margin-left: 5px;
display: block;
transform: rotate(-90deg);
}
.x-shop-more-link-arrow.for-rotate {
width: 20px;
height: 20px;
position: relative;
top: -17px;
transform: rotate(0);
}
.link-block-3 {
align-items: flex-end;
margin-top: 10px;
display: flex;
}
.text-block-111 {
font-size: 21px;
font-weight: 600;
}
.x-copy-icon {
margin-left: 5px;
display: block;
transform: rotate(-90deg);
}
.x-copy-icon.for-promotions {
width: 20px;
height: 20px;
padding-right: 0;
position: relative;
top: 0;
transform: rotate(0);
}
.html-embed {
width: auto;
color: var(--grey-text);
}
.x-pg-dark-blue-bg {
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.x-pg-campaign-date {
color: #fdf5ae;
text-align: center;
border: 2px solid rgba(0, 0, 0, 0);
border-radius: 100px;
justify-content: center;
margin-bottom: 10px;
padding: 6px 23px;
font-size: 18px;
font-weight: 700;
display: none;
}
.x-pg-dg-app-ctn-2 {
justify-content: center;
margin-bottom: 10px;
display: flex;
}
.x-pg-dark-blue-bg-mobile {
display: none;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.paragraph-20-copy {
margin-bottom: 0;
}
.card__content__left-copy {
border-right: 1px #000;
flex-direction: column;
justify-content: center;
align-items: center;
}
.x-how-to-redeem-icon-2 {
margin-left: 5px;
transform: rotate(-90deg);
}
.div-block-73 {
grid-row-gap: 40px;
flex-direction: column;
margin-top: 20px;
margin-bottom: 100px;
display: flex;
}
.x-pg-gear-headline {
margin-bottom: 0;
font-size: 2.1em;
line-height: 110%;
}
.dropdown-3 {
display: none;
}
.dropdown-list-2 {
background-color: #fff;
border-radius: 4px;
margin-top: -2px;
box-shadow: 0 3px 8px rgba(0, 0, 0, .28);
}
.dropdown-list-2.w--open {
background-color: #fff;
}
.card-slider_nav {
flex-direction: row;
justify-content: space-between;
align-items: center;
display: flex;
}
.card-slider_nav.for-hide {
display: none;
}
.card-slider_nav-icon {
width: 10px;
height: 18px;
}
.card-slider_item {
width: 350px;
flex-direction: row;
flex: none;
align-self: stretch;
align-items: stretch;
margin-left: 12px;
margin-right: 12px;
display: flex;
}
.header-wrapper_left {
z-index: 20;
margin-left: 20px;
display: flex;
position: relative;
}
.header-wrapper {
border-top-width: 1px;
justify-content: center;
align-items: center;
margin-top: 60px;
margin-bottom: 20px;
padding-top: 20px;
display: flex;
}
.btn-icon {
margin-left: 14px;
display: inline-block;
}
.x-section-16 {
z-index: auto;
display: block;
position: relative;
overflow: visible;
}
.x-section-16.for-pg-bg-img {
background-color: #00938d;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6304efc64590350296a8cbc7_1024x512%20No%20Logo.jpg");
background-position: 0 0;
background-size: cover;
border-top-left-radius: 100px;
border-top-right-radius: 100px;
margin-top: -87px;
}
.x-section-16.for-pg-bg-img.for-slider {
padding-bottom: 190px;
overflow: hidden;
}
.d-inline-block {
display: inline-block;
}
.slick-slider.cms-slider {
margin-left: -12px;
margin-right: -12px;
display: flex;
}
.slick-slider.cms-slider.for-centre {
justify-content: center;
}
.header-wrapper_right {
flex: 1;
}
.btn {
color: #fff;
background-color: #212121;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 4px;
margin-top: 12px;
margin-right: 12px;
padding: 8px 18px;
text-decoration: none;
transition: box-shadow .3s ease-out, border-color .3s ease-out;
display: inline-block;
box-shadow: inset 0 0 rgba(0, 0, 0, 0);
}
.btn:hover {
color: #fff;
box-shadow: inset 0 0 0 100px rgba(0, 0, 0, .15);
}
.btn.btn-primary {
background-color: #4253ff;
border-color: rgba(0, 0, 0, 0);
}
.btn.btn-primary.cc-dropdown {
margin-top: 0;
padding: 12px 20px;
}
.btn.btn-primary.card-slider_nav-btn {
background-color: #979797;
border-radius: 8px;
margin-top: 0;
margin-left: 12px;
margin-right: 0;
padding: 12px 15px;
}
.container-4 {
width: 90%;
max-width: 1300px;
margin-left: auto;
margin-right: auto;
display: block;
}
.card {
background-color: #fff;
border-radius: 4px;
flex-direction: column;
flex: 1;
justify-content: flex-start;
margin-bottom: 1em;
display: flex;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .12);
}
.card.slider-card {
height: 100%;
border-radius: 12px;
margin-bottom: 0;
}
.card_title {
margin-bottom: 0;
font-size: 1.8em;
line-height: 110%;
}
.text-block-112 {
color: #039be5;
font-weight: 500;
}
.x-pg-slider-paragraph {
margin-bottom: 0;
font-weight: 500;
}
.card-body {
flex-direction: column;
flex: 1;
justify-content: flex-start;
align-items: flex-start;
padding: 24px;
position: relative;
}
.card-body.is_flex {
grid-row-gap: 10px;
flex: 100%;
display: flex;
}
.x-pg-slider-link-ctn {
padding-bottom: 24px;
padding-left: 24px;
display: flex;
}
.div-block-103 {
justify-content: space-between;
align-items: center;
display: flex;
}
.x-pg-news-label {
color: #08224c;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #08224c;
border-radius: 10px;
margin-bottom: 0;
margin-right: 7px;
padding-left: 10px;
padding-right: 10px;
font-weight: 500;
}
.x-pg-news-label.invert {
color: var(--white);
background-color: #08224c;
}
.x-press-date-pg {
margin-bottom: 0;
font-weight: 500;
}
.x-hero-side-banner-mobile-2 {
width: 100%;
object-fit: fill;
border-radius: 16px;
display: none;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.x-broadcast-badge-2 {
color: #fff;
text-align: center;
background-color: #ff3939;
border-radius: 4px;
padding: 8px;
font-size: 18px;
font-weight: 600;
line-height: 16px;
}
.x-broadcast-badge-2.for-mcmc {
color: #272727;
background-color: #ffe600;
}
.x-wrapper-19 {
padding-top: 40px;
padding-bottom: 40px;
position: relative;
}
.x-wrapper-19.for-hero {
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
.x-hero-container-3 {
z-index: 10;
max-width: 60%;
position: relative;
}
.x-hero-container-3.for-banner {
width: 100%;
max-width: none;
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.x-hero-heading-3 {
color: #272727;
margin-bottom: 11px;
font-size: 2.5em;
line-height: 1em;
}
.x-broadcast-teaser-2 {
color: #272727;
font-size: 16px;
font-weight: 600;
line-height: 20px;
}
.x-lang-picker-mbb {
z-index: 100;
background-color: #fff;
border-radius: 8px;
position: absolute;
top: 7%;
bottom: auto;
left: auto;
right: -3%;
overflow: hidden;
}
.x-hero-side-banner-img-2 {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.x-limit-10 {
max-width: 1600px;
margin-left: auto;
margin-right: auto;
padding-left: 64px;
padding-right: 64px;
display: block;
position: relative;
}
.x-limit-10.for-broadcast {
background-color: #fcc;
}
.x-limit-10.for-broadcast.for-mcmc {
background-color: #fffbdb;
}
.x-lang-toggle-2 {
color: #979797;
text-transform: uppercase;
padding: 8px 12px;
font-size: 16px;
font-weight: 700;
line-height: 16px;
}
.x-lang-toggle-2.w--current {
color: #fff;
background-color: #039be5;
font-size: 16px;
display: inline-block;
}
.x-hero-mcmc-survey {
background-color: #f5f5f5;
padding-top: 0;
}
.x-limit-11.for-banner {
padding-left: 0;
padding-right: 64px;
}
.x-hero-grid-banner-4 {
width: 100%;
height: 320px;
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #ffe600;
border-radius: 16px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: .7fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
padding: 34px;
display: grid;
position: relative;
overflow: hidden;
}
.x-popup-wrapper {
z-index: 10000;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.x-popup-header-title {
text-align: center;
font-size: 18px;
font-weight: 700;
}
.x-popup-header-wrapper {
background-color: #dde2e5;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
padding-top: 16px;
padding-bottom: 16px;
}
.x-btn-19 {
min-width: 96px;
color: #fff;
text-align: center;
background-color: #039be5;
border: 1px solid #039be5;
border-radius: 8px;
justify-content: center;
align-items: center;
margin-left: 8px;
margin-right: 8px;
padding: 10px 24px;
font-weight: 600;
transition: all .35s cubic-bezier(.86, 0, .07, 1);
display: flex;
}
.x-btn-19:hover {
background-color: #272727;
border-color: #272727;
}
.x-btn-19.for-mcmc {
min-width: 180px;
}
.x-mcmc-body-text {
text-align: center;
margin-bottom: 20px;
}
.x-mcmc-foot-note {
color: #979797;
text-align: center;
margin-top: 20px;
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
.x-close-popup-ctn {
background-color: #dde2e5;
border-radius: 40px;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
top: -2%;
bottom: auto;
left: auto;
right: -3%;
}
.x-popup-content-wrapper {
z-index: 10001;
width: 600px;
height: 450px;
background-color: #fff;
border-radius: 8px;
margin: auto;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.x-popup-content-wrapper.for-eng {
height: 500px;
}
.x-popup-content-wrapper.for-bm {
height: 525px;
}
.x-popup-body-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding: 20px;
display: flex;
}
.x-popup-overlay {
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, .61);
position: absolute;
}
.x-lang-picker-mb {
z-index: 100;
background-color: var(--white);
border-radius: 8px;
position: absolute;
top: 250px;
bottom: auto;
left: auto;
right: 1%;
overflow: hidden;
}
.x-wrapper-20 {
z-index: 1000;
padding-top: 40px;
padding-bottom: 40px;
position: relative;
}
.x-free-device-cta-2 {
border-radius: 8px;
margin-top: 20px;
margin-left: 0;
padding-left: 28px;
padding-right: 28px;
font-weight: 700;
transition: all .3s;
}
.x-free-device-cta-2:hover {
background-color: #272727;
}
.x-wrapper-21 {
z-index: 1000;
padding-top: 40px;
padding-bottom: 40px;
position: relative;
}
.x-wrapper-21.for-free-device {
flex-direction: row;
justify-content: center;
align-items: center;
padding-bottom: 0;
display: flex;
}
.x-wrapper-21.for-free-device.for-5g-booster {
padding-top: 50px;
}
.x-j5gbersama {
width: auto;
height: 100px;
margin-right: 5px;
position: relative;
}
.x-free-device-img-ctn-5 {
flex-direction: column;
display: flex;
}
.x-jom-5g-bersama-bg-copy {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/64c32394bbf8ad730a683a66_Digi_Jom5GBersama_PPJ_Bg2.png");
background-position: 50%;
background-size: cover;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.x-free-device-img-ctn-6 {
flex-direction: column;
display: flex;
}
.x-plan-table-content-prepaid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto auto auto auto auto;
grid-template-columns: auto auto auto auto auto auto;
grid-auto-columns: 1fr;
display: grid;
overflow: auto;
}
.x-plan-table-content-prepaid.for-6-columns {
z-index: 0;
width: auto;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-rows: 1fr;
grid-auto-columns: 1fr;
align-self: auto;
justify-items: stretch;
display: grid;
position: relative;
top: 0;
}
.x-plan-table-content-prepaid.for-6-columns.for-j5gmalaysiaku {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.x-plan-table-header-23 {
z-index: 1;
height: 88px;
text-align: center;
background-color: #fff;
border-bottom: 2px solid #272727;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 16px;
display: flex;
position: relative;
}
.x-plan-table-header-23.for-sidebar {
text-align: left;
align-items: flex-start;
margin-top: 1px;
padding-top: 0;
padding-left: 0;
}
.x-plan-table-header-23.for-sidebar.for-higher.for-prepaid-next {
height: 100px;
background-color: #ffe600;
border-top: 1px solid #c7c9cc;
border-bottom-style: none;
border-left: 1px solid #c7c9cc;
margin-top: 0;
padding: 10px 13px;
}
.x-plan-table-header-23.for-sidebar.for-higher.for-prepaid-next.for-center {
z-index: 0;
height: 120px;
border-left-style: none;
border-right: 1px solid #c7c9cc;
align-items: center;
position: relative;
top: 0;
}
.family-200 {
background-color: var(--white);
color: #3d4043;
border: 1px solid #dadcdf;
border-left-style: none;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
margin-bottom: 0;
padding: 7px 17px;
font-weight: 600;
transition: all .25s cubic-bezier(.86, 0, .07, 1);
}
.family-200:hover {
color: #039be5;
}
.family-200.w--current {
border-style: solid;
border-color: var(--link-blue);
color: var(--link-blue);
background-color: #eff5f8;
}
.family-200-2-2 {
background-color: var(--white);
color: #3d4043;
border: 1px solid #dadcdf;
border-left-style: none;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
margin-bottom: 0;
padding: 7px 17px;
font-weight: 600;
transition: all .25s cubic-bezier(.86, 0, .07, 1);
}
.family-200-2-2:hover {
color: #039be5;
}
.family-200-2-2.w--current {
border-style: solid;
border-color: var(--link-blue);
color: var(--link-blue);
background-color: #eff5f8;
}
.text-span-135 {
margin-left: 5px;
font-size: 16px;
font-weight: 600;
line-height: 16px;
text-decoration: line-through;
}
.x-subtxt-plancard {
text-align: left;
margin-top: 0;
font-size: 13px;
font-style: italic;
line-height: 16px;
}
.x-subtxt-plancard.for-prepaid {
text-align: left;
font-size: 15px;
font-style: normal;
}
.text-span-136 {
font-size: 20px;
position: absolute;
}
.for-bold {
font-weight: 700;
}
.x-nav-to-section-prepaid-next-cards {
width: 100%;
position: absolute;
top: -80px;
}
.bold-text-88, .bold-text-89 {
font-weight: 600;
}
.x-ds-icon-wrapper {
margin: 0 79px 20px;
padding-top: 10px;
}
.x-5g-icon-title-4 {
text-align: center;
margin-top: 10px;
font-size: 20px;
font-weight: 600;
}
.x-wrapper-ds {
padding-top: 40px;
padding-bottom: 40px;
}
.x-wrapper-ds.for-ds {
padding-top: 40px;
}
.x-ds-icon-grid-copy {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.x-ds-title-text {
font-size: 1.5em;
font-weight: 600;
line-height: 1.5;
}
.x-tab-pane-5 {
padding-top: 24px;
padding-bottom: 24px;
}
.x-tab-pane-5.for-digital-subscriptions, .x-tab-pane-5.for-5g {
padding-top: 0;
}
.x-tab-link-scroll {
color: #3d4043;
background-color: #fff;
border: 1px solid #dadcdf;
flex: none;
padding: 7px 17px;
font-weight: 600;
}
.x-tab-link-scroll.w--current {
color: #039be5;
background-color: #eff5f8;
border-color: #039be5;
}
.x-tab-link-scroll.right {
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
}
.x-tab-link-scroll.right.w--current {
color: #039be5;
background-color: #eff5f8;
border-color: #039be5;
}
.x-tab-link-scroll.left {
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
}
.x-tab-link-scroll.left.w--current {
color: #039be5;
background-color: #eff5f8;
border-color: #039be5;
}
.x-ds-icon-ctn {
z-index: 100;
background-color: #fff;
border: 1px solid #dde2e5;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 15px;
display: flex;
position: relative;
}
.x-ds-icon-ctn:hover {
background-color: #fff;
background-image: linear-gradient(#fff, #fff);
border-style: none;
}
.background-video-3 {
width: 700px;
height: 350px;
text-align: left;
border-radius: 10px;
display: block;
}
.x-gif-wrapper {
text-align: left;
justify-content: center;
align-items: flex-end;
margin: 20px 79px;
padding-top: 0;
padding-left: 0;
display: none;
}
.x-tab-scroll-menu-2 {
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
}
.x-content-wrapper-4 {
flex: 0 auto;
}
.div-block-ds-steps {
padding-top: 0;
}
.x-dropdown-item-3 {
background-color: rgba(0, 0, 0, 0);
border-bottom: 1px solid #c7c9cc;
border-radius: 0;
margin-bottom: 20px;
padding: 0 0 14px;
}
.x-dropdown-item-3.js-accordion-item {
cursor: auto;
}
.x-limit-14 {
max-width: 1600px;
margin-left: auto;
margin-right: auto;
padding-left: 64px;
padding-right: 64px;
display: block;
position: relative;
}
.x-dropdown-content-4 {
margin-top: 10px;
margin-right: 0;
overflow: hidden;
}
.tab-link-tab-1-3 {
width: 350px;
background-color: rgba(0, 0, 0, 0);
padding-bottom: 15px;
padding-left: 0;
display: flex;
}
.tab-link-tab-1-3.w--current {
width: 350px;
color: #039be5;
background-color: rgba(0, 0, 0, 0);
border: 1px #000;
border-bottom-color: #c7c9cc;
padding-bottom: 15px;
display: flex;
}
.x-wrapper-23 {
padding-top: 40px;
padding-bottom: 40px;
}
.x-title-heading-5 {
text-align: center;
justify-content: center;
align-items: center;
margin-bottom: 10px;
font-size: 2em;
display: flex;
}
.x-ds-icon {
width: 120px;
}
.x-ds-card-text {
text-align: center;
}
.x-tab-wrapper-ds {
padding-top: 20px;
padding-bottom: 40px;
}
.x-nav-to-section-prepaid-5g-48 {
width: 100%;
position: absolute;
top: -80px;
}
.x-double-digit-sale-blurb {
width: 50px;
margin-top: -210px;
margin-bottom: 0;
margin-left: -10px;
padding-bottom: 0;
padding-left: 0;
}
.x-roam-like-home-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto;
grid-template-columns: auto auto;
grid-auto-columns: auto;
justify-content: center;
margin-bottom: 32px;
padding-left: 140px;
padding-right: 140px;
}
.x-roaming-table-header {
height: 109px;
background-color: #ffe600;
border-top: 1px solid #c7c9cc;
border-bottom: 1px solid #c7c9cc;
border-right: 1px solid #c7c9cc;
border-radius: 12px 0 0;
flex-direction: column;
justify-content: center;
align-self: center;
align-items: center;
display: flex;
position: relative;
}
.x-roaming-table-header.for-left-border {
width: 192px;
height: 80px;
background-color: rgba(0, 0, 0, 0);
border-style: none;
border-left-width: 1px;
border-left-color: #c7c9cc;
padding-left: 0;
padding-right: 0;
}
.x-roaming-table-header.for-right-border {
height: 80px;
border-left: 1px solid var(--line);
border-top-right-radius: 12px;
flex-direction: row;
}
.x-roaming-table-column {
width: 192px;
height: 43px;
max-height: 100%;
background-color: #fff;
border-bottom: 1px solid #c7c9cc;
border-left: 1px #c7c9cc;
border-right: 1px solid #c7c9cc;
border-radius: 0;
flex-direction: column;
justify-content: center;
align-self: center;
align-items: center;
display: flex;
position: relative;
}
.x-roaming-table-column.for-left-border {
border-top: 1px solid var(--line);
border-left-style: solid;
}
.x-roaming-table-column.for-left-border.remove-top-border {
border-top-style: none;
}
.x-roaming-table-column.for-left-border.remove-top-border.for-radius {
border-top-left-radius: 0;
border-bottom-left-radius: 12px;
}
.x-roaming-table-column.for-left-border.for-radius {
border-top-left-radius: 12px;
}
.x-roaming-table-column.for-radius.right {
border-bottom-right-radius: 12px;
}
.x-roaming-column-text {
color: var(--black);
font-size: 18px;
}
.x-roaming-column-text.for-smaller {
font-size: 16px;
font-weight: 500;
}
.x-passes-details-wrapper {
padding: 20px;
}
.x-r-passes-column {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-left: 60px;
padding-right: 60px;
display: grid;
}
.x-r-passes-column.for-3 {
grid-template-columns: 1fr 1fr 1fr;
padding-left: 0;
padding-right: 0;
}
.x-r-passes-column.for-3.mobile {
grid-template-columns: 1fr;
display: none;
}
.x-passes-img {
width: 100%;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.x-passes-ctn {
background-color: #fff;
border-radius: 15px;
position: relative;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.x-passes-ctn.blue {
color: #fff;
background-color: #003b5c;
}
.x-roaming-picker-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.yellow {
color: var(--digi-yellow);
text-align: right;
line-height: 15px;
text-decoration: none;
}
.x-pc-flex-ctn {
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.x-pc-flex-ctn.tm {
flex-direction: row;
justify-content: flex-end;
align-items: flex-start;
margin-top: 5px;
}
.for-postpaid-5g {
height: 280px;
}
.x-5g-bb-blurb {
position: absolute;
top: -1%;
bottom: auto;
left: auto;
right: 2%;
}
.bold-text-90 {
color: #fff;
text-align: center;
justify-content: center;
align-items: center;
font-family: Barlow, sans-serif;
font-size: 18px;
font-weight: 700;
display: flex;
}
.bold-text-90.for-padding {
margin-bottom: 5px;
}
.bold-text-91 {
font-family: Barlow, sans-serif;
font-size: 23px;
}
._5g-booster-blurb {
width: 120px;
margin-bottom: 10px;
}
._5g-booster-blurb.remove-padding {
width: 160px;
margin-bottom: 0;
display: none;
}
._5g-booster-blurb.remove-padding.for-smaller {
width: 130px;
margin-bottom: 10px;
}
.cd-table-h1-heading-3 {
margin-top: 0;
margin-bottom: 0;
}
.bold-text-80-3 {
font-family: Barlow, sans-serif;
font-size: 20px;
font-weight: 400;
}
.bold-text-80-3.sub-text {
color: #fff;
text-align: center;
font-size: 16px;
}
.x-table-sidebar-2 {
z-index: 10;
width: auto;
border-right: 1px #c7c9cc;
position: relative;
}
.cd-bold-text-3 {
color: #fff;
font-family: Barlow, sans-serif;
font-size: 18px;
line-height: 25px;
}
.cd-table-content-3 {
height: auto;
object-fit: fill;
object-position: 50% 50%;
border-top: 1px #c7c9cc;
border-right: 1px #c7c9cc;
border-top-right-radius: 0;
flex: 1;
display: flex;
overflow: auto;
}
.x-prepaid-table-5g-bonanza-blurb {
width: 65%;
margin-top: -10px;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 5px;
}
._5g-blurb-block {
justify-content: center;
align-items: center;
display: flex;
}
._5g-blurb-block.for-mobile {
display: block;
}
._5g-blurb-block.for-prepaid {
margin-top: -10px;
}
.x-nav-to-section-get-help {
width: 100%;
position: absolute;
top: -80px;
}
.for-pakej-5g-rahmah {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/64c7ca679e0c6b40b4dc2312_Digi_Jom5GMalaysiaku_SamsungS23Ultra_DD_PromotionalSliderBanner__2000x600.jpg");
}
.x-plan-logo-img-5 {
width: 80px;
margin-left: 16px;
}
.x-plan-logo-img-5.for-rahmah-blurb {
width: 100px;
margin-top: 10px;
padding-top: 0;
}
.x-pakej-5g-rahmah-blurb {
position: absolute;
top: 0%;
bottom: auto;
left: 120px;
right: 0%;
}
.x-pakej-5g-rahmah-blurb.for-padding {
top: 0%;
}
.x-free-device-cta-7 {
border-radius: 8px;
margin-top: 20px;
margin-left: 0;
padding-left: 28px;
padding-right: 28px;
font-weight: 700;
transition: all .3s;
}
.x-free-device-cta-7:hover {
background-color: #272727;
}
.x-cd-gadgetsim-db-bg {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/64fe8b4f530203a73907c5f0_CelcomDigi_Gadget-SIM_Dynamic-Banner_Background.png");
background-position: 50%;
background-size: cover;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.x-wrapper-24 {
z-index: 1000;
padding-top: 40px;
padding-bottom: 40px;
position: relative;
}
.x-wrapper-24.for-free-device {
flex-direction: row;
justify-content: center;
align-items: center;
padding-bottom: 0;
display: flex;
}
.x-wrapper-24.for-free-device.for-5g-booster {
padding-top: 50px;
}
.x-cd-gs-txt-ctn {
flex-direction: column;
align-items: flex-start;
display: flex;
position: relative;
}
.x-cd-gs-blurb {
width: 250px;
}
.x-cd-gd-db-logo {
width: 150px;
position: absolute;
top: 3.7734px;
left: 183px;
}
.x-cd-gs-header {
width: 650px;
color: #fff;
text-align: left;
text-shadow: none;
margin-top: 0;
margin-bottom: 10px;
font-family: Montserrat, sans-serif;
font-size: 2.3em;
font-weight: 700;
line-height: 120%;
}
.x-pg-countdown-ctn-2 {
background-color: #ffe600;
justify-content: space-between;
align-items: center;
padding: 15px 64px;
display: flex;
}
.x-pg-ctdwn-title-txt-2 {
text-align: left;
font-family: Barlow, sans-serif;
font-size: 20px;
font-weight: 700;
}
.x-pg-long-banner {
margin-top: 60px;
}
.x-long-banner-pg-desktop {
border-radius: 8px;
}
.x-long-banner-pg-mobile {
border-radius: 8px;
display: none;
}
.x-emp-text-41 {
font-weight: 700;
}
.x-emp-text-41.for-val-mid {
font-size: 28px;
line-height: 36px;
text-decoration: none;
}
.x-emp-text-41.for-val-mid.for-strikethrough {
text-decoration: line-through;
}
.x-emp-text-41.for-red {
color: #ff3939;
align-self: center;
margin-top: 0;
margin-left: 5px;
font-size: 24px;
}
.x-talktime-heading {
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
padding-left: 50px;
padding-right: 50px;
font-size: 33px;
line-height: 130%;
}
.x-tab-scroll-link-2 {
color: #3d4043;
background-color: #fff;
border: 1px solid #dadcdf;
flex: none;
padding: 7px 17px;
font-weight: 600;
}
.x-tab-scroll-link-2.w--current {
color: #039be5;
background-color: #eff5f8;
border-color: #039be5;
}
.x-tab-scroll-link-2.left {
border-right-style: none;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
}
.x-tab-scroll-link-2.left.w--current {
color: #039be5;
background-color: #eff5f8;
border-color: #039be5;
border-right-style: solid;
}
.x-tab-scroll-link-2.right {
border-left-style: none;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
}
.x-tab-scroll-link-2.right.w--current {
color: #039be5;
background-color: #eff5f8;
border-color: #039be5;
border-left-style: solid;
}
.x-talktime-img {
width: 40%;
height: auto;
border-radius: 10px;
}
.x-talktime-img.for-full {
width: 100%;
}
.paragraph-30 {
font-size: 14px;
}
.x-btn-20 {
min-width: 96px;
color: #fff;
text-align: center;
background-color: #039be5;
border: 1px solid #039be5;
border-radius: 8px;
justify-content: center;
align-items: center;
margin-left: 8px;
margin-right: 8px;
padding: 10px 24px;
font-weight: 600;
transition: all .35s cubic-bezier(.86, 0, .07, 1);
display: flex;
}
.x-btn-20:hover {
background-color: #272727;
border-color: #272727;
}
.x-rate-plan-block-3 {
flex: 1;
}
.x-content-wrapper-5 {
flex: 0 auto;
}
.x-content-wrapper-5.for-padding {
padding-left: 10px;
}
.div-block-116 {
display: flex;
}
.x-emp-text-42 {
color: #272727;
font-weight: 700;
}
.x-emp-text-42.for-val-mid {
font-size: 28px;
line-height: 36px;
}
.x-wrapper-26 {
padding-top: 40px;
padding-bottom: 40px;
}
.x-btn-21 {
min-width: 96px;
color: #fff;
text-align: center;
background-color: #039be5;
border: 1px solid #039be5;
border-radius: 8px;
justify-content: center;
align-items: center;
margin-left: 8px;
margin-right: 8px;
padding: 10px 24px;
font-weight: 600;
transition: all .35s cubic-bezier(.86, 0, .07, 1);
display: flex;
}
.x-btn-21:hover {
background-color: #272727;
border-color: #272727;
}
.x-emp-text-44 {
color: #272727;
font-weight: 700;
}
.x-emp-text-44.for-val-mid {
font-size: 28px;
line-height: 36px;
}
.x-rate-plan-block-4 {
flex: 1;
}
.x-content-wrapper-6 {
flex: 0 auto;
}
.x-content-wrapper-6.for-padding {
padding-left: 10px;
}
.x-wrapper-27 {
padding-top: 40px;
padding-bottom: 40px;
}
.paragraph-32 {
font-size: 14px;
}
.x-content-copy-img-6 {
z-index: 1;
width: 40%;
height: auto;
border: 2px #272727;
border-radius: 0;
flex: none;
margin-top: 20px;
margin-right: 24px;
display: block;
position: -webkit-sticky;
position: sticky;
top: 166px;
overflow: hidden;
}
.x-tab-menu-4 {
border-bottom: 2px #039be5;
align-items: flex-end;
display: flex;
}
.x-emp-text-45 {
color: #272727;
font-weight: 700;
}
.x-emp-text-45.for-val-mid {
font-size: 28px;
line-height: 36px;
}
.x-wrapper-29 {
padding-top: 40px;
padding-bottom: 40px;
}
.x-passes-price-blurb {
text-align: right;
background-color: #ff3939;
border-radius: 20px;
margin-bottom: 0;
padding: 3px 15px 5px;
font-size: 20px;
font-weight: 700;
line-height: 24px;
display: inline-block;
position: absolute;
top: auto;
bottom: 8%;
left: auto;
right: 5%;
}
.x-passes-region {
color: #fff;
text-shadow: 0 1px 3px rgba(0, 0, 0, .59);
margin-bottom: 0;
font-size: 20px;
position: absolute;
top: 6%;
bottom: auto;
left: 6%;
right: auto;
}
.text-span-141 {
color: #ffe600;
font-weight: 700;
}
.x-r-passes-ctn {
position: relative;
}
.x-passes-details {
color: #fff;
margin-top: 10px;
margin-bottom: 10px;
font-size: 14px;
line-height: 18px;
}
.x-passes-details.yellow {
color: #ffe600;
text-align: left;
}
.text-span-142 {
color: #ffe600;
font-weight: 700;
text-decoration: line-through;
}
.x-passes-header {
color: #fff;
margin-bottom: 0;
font-size: 20px;
}
.x-r-passes-accordion-title-wrp {
width: 100%;
justify-content: space-between;
align-items: center;
display: flex;
}
.x-r-passes-accordion-list {
background-color: rgba(0, 0, 0, 0);
display: block;
position: relative;
}
.x-r-passes-accordion {
flex-direction: column;
align-items: stretch;
margin-left: 0;
margin-right: 0;
transition: all .3s;
}
.x-r-passes-accordion-toggle {
width: 100%;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 0;
}
.text-span-143 {
color: #ffe600;
font-weight: 700;
}
.x-r-passes-accordion-icon {
width: 24px;
height: 24px;
color: #333;
justify-content: center;
align-items: center;
display: flex;
}
.x-r-passes-accordion-icon.for-white {
color: #fff;
}
.text-span-144 {
color: #ffe600;
font-weight: 700;
text-decoration: line-through;
}
.x-passes-country-list-copy-copy {
color: #fff;
margin-bottom: 0;
font-size: 14px;
line-height: 18px;
}
.x-plan-logo-img-6 {
width: 80px;
margin-left: 16px;
}
.x-plan-logo-img-6.for-rahmah-blurb {
width: 100px;
margin-top: 10px;
padding-top: 0;
}
.x-plan-logo-img-7 {
width: 80px;
margin-left: 16px;
}
.x-plan-logo-img-7.for-rahmah-blurb {
width: 100px;
margin-top: 10px;
padding-top: 0;
}
.x-trade-in-step-card {
width: 100%;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.x-trade-in-card-container {
height: 100%;
background-color: #fff;
border: 0 #c7c9cc;
border-radius: 8px;
flex-direction: column;
justify-content: flex-start;
display: flex;
box-shadow: 1px 1px 10px 1px #c7c9cc;
}
.x-trade-in-card-container.for-rdy {
background-color: var(--black);
box-shadow: none;
outline-color: var(--dark-grey);
outline-offset: 0px;
outline-width: 1px;
outline-style: solid;
}
.x-trade-in-card-description {
color: var(--black);
text-align: left;
align-items: flex-start;
margin: 20px;
font-size: 16px;
line-height: 22px;
display: block;
}
.x-trade-in-card-description.for-white {
color: var(--white);
}
.x-trade-in-header {
z-index: 10000;
color: #272727;
text-align: center;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(#272727, #272727);
-webkit-background-clip: text;
background-clip: text;
margin-bottom: 20px;
font-size: 2.5em;
font-weight: 700;
line-height: 125%;
display: block;
}
.x-trade-in-subheader {
text-align: center;
margin: 10px 40px 20px;
font-size: 18px;
font-weight: 400;
line-height: 25px;
}
.x-section-number {
color: #979797;
background-color: rgba(0, 0, 0, 0);
border-radius: 40px;
justify-content: center;
margin-left: auto;
margin-right: auto;
padding: 12px 37px;
font-size: 35px;
font-weight: 700;
display: block;
}
.x-esim-header-copy {
width: auto;
min-width: auto;
text-align: center;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
font-size: 40px;
line-height: 45px;
}
.div-block-119 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.x-esim-header-copy-2 {
text-align: center;
margin-bottom: 0;
font-size: 40px;
line-height: 45px;
}
.div-block-118 {
width: 700px;
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-direction: column;
align-items: flex-start;
margin: 20px auto 40px;
display: flex;
}
.div-block-117 {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: center;
display: flex;
}
.div-block-117-copy {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: flex-start;
display: flex;
}
.grid-14 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 15px;
}
.div-block-120 {
background-color: #f5f5f5;
border-radius: 12px;
padding: 15px;
}
.paragraph-35 {
width: 100%;
background-color: #fff;
border-radius: 12px;
padding: 23px;
font-size: 14px;
line-height: 20px;
}
.x-dropdown-item-4 {
background-color: rgba(0, 0, 0, 0);
border-bottom: 1px solid #c7c9cc;
border-radius: 0;
margin-bottom: 20px;
padding: 0 0 14px;
}
.x-dropdown-item-4.js-accordion-item {
cursor: auto;
}
.tab-link-tab-1-4 {
width: 350px;
background-color: rgba(0, 0, 0, 0);
padding-bottom: 15px;
padding-left: 0;
display: flex;
}
.tab-link-tab-1-4.w--current {
width: 350px;
color: #039be5;
background-color: rgba(0, 0, 0, 0);
border: 1px #000;
border-bottom-color: #c7c9cc;
padding-bottom: 15px;
display: flex;
}
.x-dropdown-content-5 {
margin-top: 10px;
margin-right: 0;
overflow: hidden;
}
.x-btn-22 {
min-width: 96px;
color: #fff;
text-align: center;
background-color: #039be5;
border: 1px solid #039be5;
border-radius: 8px;
justify-content: center;
align-items: center;
margin-left: 10px;
margin-right: 10px;
padding: 10px 24px;
font-weight: 600;
transition: all .35s cubic-bezier(.86, 0, .07, 1);
display: flex;
}
.x-btn-22:hover {
background-color: #272727;
border-color: #272727;
}
.x-btn-22.banner-data-layer {
margin-left: 10px;
margin-right: 10px;
}
.text-block-113 {
text-align: center;
margin-bottom: 20px;
font-size: 14px;
line-height: 20px;
}
.x-tvc-video {
height: 10px;
box-shadow: 0 8px 16px -4px var(--shadow);
border-radius: 8px;
overflow: hidden;
}
.x-section-17 {
z-index: auto;
background-color: rgba(0, 0, 0, 0);
display: block;
position: relative;
overflow: visible;
}
.x-limit-15 {
max-width: 1600px;
margin-left: auto;
margin-right: auto;
padding-left: 64px;
padding-right: 64px;
display: block;
position: relative;
}
.x-wrapper-30 {
padding-top: 40px;
padding-bottom: 40px;
overflow: hidden;
}
.x-wrapper-30.for-iphone-15 {
padding-top: 40px;
padding-bottom: 0;
}
.x-iphone-15-header {
z-index: 10000;
color: #272727;
text-align: center;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(#272727, #272727);
-webkit-background-clip: text;
background-clip: text;
margin-bottom: 20px;
font-size: 2.5em;
font-weight: 700;
line-height: 125%;
display: block;
}
.x-btn-23 {
min-width: 96px;
color: #fff;
text-align: center;
background-color: #039be5;
border: 1px solid #039be5;
border-radius: 8px;
justify-content: center;
align-items: center;
margin-left: 10px;
margin-right: 10px;
padding: 10px 24px;
font-weight: 600;
transition: all .35s cubic-bezier(.86, 0, .07, 1);
display: flex;
}
.x-btn-23:hover {
background-color: #272727;
border-color: #272727;
}
.x-btn-23.for-iphone {
max-width: 350px;
min-width: auto;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
display: block;
}
.x-iphone-14-arrow-left-3 {
width: 35px;
transform-style: preserve-3d;
transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}
.x-iphone-15-slider {
height: 100%;
background-color: rgba(0, 0, 0, 0);
margin-left: 40px;
margin-right: 40px;
}
.x-iphone-footnote-wrapper-2 {
border-top: 1px #c7c9cc;
justify-content: center;
margin-top: 60px;
padding-top: 0;
display: flex;
}
.x-plan-table-content-34 {
border-top: 1px #c7c9cc;
border-right: 1px solid #c7c9cc;
flex: 1;
display: flex;
}
.x-iphone-label {
z-index: 40;
width: auto;
height: auto;
color: #fff;
background-color: #ff3939;
border-radius: 12px;
justify-content: center;
align-items: center;
margin-bottom: 0;
padding: 5px 8px;
font-family: Barlow, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 18px;
display: flex;
position: static;
top: auto;
bottom: 0%;
left: auto;
right: 28%;
}
.x-plan-table-text-3 {
font-size: 14px;
line-height: 20px;
}
.x-plan-table-ctn-3 {
position: relative;
}
.x-plan-logo-link-3 {
position: absolute;
top: 0%;
bottom: auto;
left: auto;
right: 0%;
}
.x-plan-logo-link-3.for-5g-enabled-blurb {
z-index: 100;
position: absolute;
top: 60%;
left: auto;
right: auto;
}
.x-plan-table-header-24 {
z-index: 1;
height: 88px;
text-align: center;
background-color: #fff;
border-bottom: 2px solid #272727;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 16px;
display: flex;
position: relative;
}
.x-plan-table-header-24.for-higher {
height: 110px;
background-color: rgba(0, 0, 0, 0);
padding-bottom: 8px;
position: relative;
top: 0;
}
.x-plan-table-header-24.for-higher.for-pf365.yellow {
background-color: #ffe600;
border-bottom-width: 1px;
border-bottom-color: #c7c9cc;
border-left: 1px solid #c7c9cc;
flex-direction: column;
}
.x-plan-table-header-24.for-higher.for-pf365.yellow.for-padding {
height: 120px;
margin-top: 0;
padding-top: 8px;
padding-left: 10px;
padding-right: 10px;
position: static;
}
.x-plan-table-header-24.for-higher.for-pf365.yellow.for-padding.for-width {
height: 60px;
}
.x-plan-table-header-24.for-sidebar {
text-align: left;
align-items: flex-start;
margin-top: 1px;
padding-top: 0;
padding-left: 0;
}
.x-plan-table-header-24.for-sidebar.for-higher.for-pf365 {
background-color: #dde2e5;
border-bottom-width: 1px;
border-bottom-color: #c7c9cc;
border-left: 1px solid #c7c9cc;
}
.x-plan-table-header-24.for-sidebar.for-higher.for-pf365.for-2-row {
height: 120px;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-right: 0;
display: grid;
}
.x-plan-table-header-24.for-sidebar.for-higher.for-pf365.for-2-row.for-height {
height: 60px;
margin-top: 0;
top: -1px;
}
.x-label-text {
font-size: 10px;
font-weight: 600;
line-height: 15px;
}
.text-block-114 {
text-decoration: none;
}
.x-plan-table-block-8 {
height: 100%;
flex-wrap: nowrap;
align-items: stretch;
margin-top: 40px;
margin-bottom: 40px;
display: flex;
position: relative;
overflow: visible;
}
.x-plan-table-block-8.for-one-col.remove-margin {
margin-top: 0;
}
.x-plan-table-block-8.add-right-border {
border-top: 1px #c7c9cc;
border-right: 1px #c7c9cc;
border-top-left-radius: 0;
border-top-right-radius: 12px;
border-bottom-right-radius: 0;
margin-top: 20px;
margin-bottom: 0;
}
.x-plan-table-col-17 {
flex: 1;
transition: all .35s cubic-bezier(.86, 0, .07, 1);
}
.x-plan-table-col-17:hover {
background-color: #f5f5f5;
}
.x-plan-table-sidebar-18 {
z-index: 10;
width: 248px;
border-right: 2px solid #272727;
position: relative;
}
.x-plan-table-sidebar-18.no-black-line {
border-right-style: none;
}
.x-plan-table-content-35 {
border-top: 1px #c7c9cc;
border-right: 1px solid #c7c9cc;
flex: 1;
display: flex;
}
.x-plan-table-ctn-4 {
position: relative;
}
.x-plan-logo-link-4 {
position: absolute;
top: 0%;
bottom: auto;
left: auto;
right: 0%;
}
.x-plan-logo-link-4.for-5g-enabled-blurb {
z-index: 100;
position: absolute;
top: 60%;
left: auto;
right: auto;
}
.x-plan-table-header-25 {
z-index: 1;
height: 88px;
text-align: center;
background-color: #fff;
border-bottom: 2px solid #272727;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 16px;
display: flex;
position: relative;
}
.x-plan-table-header-25.for-higher {
height: 110px;
background-color: rgba(0, 0, 0, 0);
padding-bottom: 8px;
position: relative;
top: 0;
}
.x-plan-table-header-25.for-higher.for-pf365.yellow {
background-color: #ffe600;
border-bottom-width: 1px;
border-bottom-color: #c7c9cc;
border-left: 1px solid #c7c9cc;
flex-direction: column;
}
.x-plan-table-header-25.for-higher.for-pf365.yellow.for-padding {
height: 120px;
margin-top: 0;
padding-top: 8px;
padding-left: 10px;
padding-right: 10px;
position: static;
}
.x-plan-table-header-25.for-higher.for-pf365.yellow.for-padding.for-width {
height: 60px;
}
.x-plan-table-header-25.for-sidebar {
text-align: left;
align-items: flex-start;
margin-top: 1px;
padding-top: 0;
padding-left: 0;
}
.x-plan-table-header-25.for-sidebar.for-higher.for-pf365 {
background-color: #dde2e5;
border-bottom-width: 1px;
border-bottom-color: #c7c9cc;
border-left: 1px solid #c7c9cc;
}
.x-plan-table-header-25.for-sidebar.for-higher.for-pf365.for-2-row {
height: 120px;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-right: 0;
display: grid;
}
.x-plan-table-header-25.for-sidebar.for-higher.for-pf365.for-2-row.for-height {
height: 60px;
margin-top: 0;
top: -1px;
}
.text-block-115 {
text-decoration: none;
}
.x-plan-table-col-18 {
flex: 1;
transition: all .35s cubic-bezier(.86, 0, .07, 1);
}
.x-plan-table-col-18:hover {
background-color: #f5f5f5;
}
.x-plan-table-sidebar-19 {
z-index: 10;
width: 248px;
border-right: 2px solid #272727;
position: relative;
}
.x-plan-table-sidebar-19.no-black-line {
border-right-style: none;
}
.x-plan-table-content-36 {
border-top: 1px #c7c9cc;
border-right: 1px solid #c7c9cc;
flex: 1;
display: flex;
}
.x-plan-table-ctn-5 {
position: relative;
}
.x-plan-logo-link-5 {
position: absolute;
top: 0%;
bottom: auto;
left: auto;
right: 0%;
}
.x-plan-logo-link-5.for-5g-enabled-blurb {
z-index: 100;
position: absolute;
top: 60%;
left: auto;
right: auto;
}
.x-plan-table-header-26 {
z-index: 1;
height: 88px;
text-align: center;
background-color: #fff;
border-bottom: 2px solid #272727;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 16px;
display: flex;
position: relative;
}
.x-plan-table-header-26.for-higher {
height: 110px;
background-color: rgba(0, 0, 0, 0);
padding-bottom: 8px;
position: relative;
top: 0;
}
.x-plan-table-header-26.for-higher.for-pf365.yellow {
background-color: #ffe600;
border-bottom-width: 1px;
border-bottom-color: #c7c9cc;
border-left: 1px solid #c7c9cc;
flex-direction: column;
}
.x-plan-table-header-26.for-higher.for-pf365.yellow.for-padding {
height: 120px;
margin-top: 0;
padding-top: 8px;
padding-left: 10px;
padding-right: 10px;
position: static;
}
.x-plan-table-header-26.for-higher.for-pf365.yellow.for-padding.for-width {
height: 60px;
}
.x-plan-table-header-26.for-sidebar {
text-align: left;
align-items: flex-start;
margin-top: 1px;
padding-top: 0;
padding-left: 0;
}
.x-plan-table-header-26.for-sidebar.for-higher.for-pf365 {
background-color: #dde2e5;
border-bottom-width: 1px;
border-bottom-color: #c7c9cc;
border-left: 1px solid #c7c9cc;
}
.x-plan-table-header-26.for-sidebar.for-higher.for-pf365.for-2-row {
height: 120px;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-right: 0;
display: grid;
}
.x-plan-table-header-26.for-sidebar.for-higher.for-pf365.for-2-row.for-height {
height: 60px;
margin-top: 0;
top: -1px;
}
.text-block-116 {
text-decoration: none;
}
.x-plan-table-col-19 {
flex: 1;
transition: all .35s cubic-bezier(.86, 0, .07, 1);
}
.x-plan-table-col-19:hover {
background-color: #f5f5f5;
}
.x-plan-table-sidebar-20 {
z-index: 10;
width: 248px;
border-right: 2px solid #272727;
position: relative;
}
.x-plan-table-sidebar-20.no-black-line {
border-right-style: none;
}
.x-plan-table-content-37 {
border-top: 1px #c7c9cc;
border-right: 1px solid #c7c9cc;
flex: 1;
display: flex;
}
.x-plan-table-ctn-6 {
position: relative;
}
.x-plan-logo-link-6 {
position: absolute;
top: 0%;
bottom: auto;
left: auto;
right: 0%;
}
.x-plan-logo-link-6.for-5g-enabled-blurb {
z-index: 100;
position: absolute;
top: 60%;
left: auto;
right: auto;
}
.x-plan-table-header-27 {
z-index: 1;
height: 88px;
text-align: center;
background-color: #fff;
border-bottom: 2px solid #272727;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 16px;
display: flex;
position: relative;
}
.x-plan-table-header-27.for-higher {
height: 110px;
background-color: rgba(0, 0, 0, 0);
padding-bottom: 8px;
position: relative;
top: 0;
}
.x-plan-table-header-27.for-higher.for-pf365.yellow {
background-color: #ffe600;
border-bottom-width: 1px;
border-bottom-color: #c7c9cc;
border-left: 1px solid #c7c9cc;
flex-direction: column;
}
.x-plan-table-header-27.for-higher.for-pf365.yellow.for-padding {
height: 120px;
margin-top: 0;
padding-top: 8px;
padding-left: 10px;
padding-right: 10px;
position: static;
}
.x-plan-table-header-27.for-higher.for-pf365.yellow.for-padding.for-width {
height: 60px;
}
.x-plan-table-header-27.for-sidebar {
text-align: left;
align-items: flex-start;
margin-top: 1px;
padding-top: 0;
padding-left: 0;
}
.x-plan-table-header-27.for-sidebar.for-higher.for-pf365 {
background-color: #dde2e5;
border-bottom-width: 1px;
border-bottom-color: #c7c9cc;
border-left: 1px solid #c7c9cc;
}
.x-plan-table-header-27.for-sidebar.for-higher.for-pf365.for-2-row {
height: 120px;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-right: 0;
display: grid;
}
.x-plan-table-header-27.for-sidebar.for-higher.for-pf365.for-2-row.for-height {
height: 60px;
margin-top: 0;
top: -1px;
}
.text-block-117 {
text-decoration: none;
}
.x-plan-table-col-20 {
flex: 1;
transition: all .35s cubic-bezier(.86, 0, .07, 1);
}
.x-plan-table-col-20:hover {
background-color: #f5f5f5;
}
.x-plan-table-sidebar-21 {
z-index: 10;
width: 248px;
border-right: 2px solid #272727;
position: relative;
}
.x-plan-table-sidebar-21.no-black-line {
border-right-style: none;
}
.x-mini-notice-list {
color: #000;
margin-bottom: 10px;
list-style: disc;
display: block;
}
.x-mini-notice-list.for-padding {
justify-content: center;
margin-top: 50px;
margin-bottom: 25px;
display: flex;
position: static;
}
.x-mini-notice-list.for-padding.for-postpaid {
margin-top: 25px;
}
.x-mini-notice-list.for-padding {
justify-content: center;
margin-bottom: 40px;
display: flex;
position: static;
}
.x-notice-point {
color: #333;
margin-bottom: 5px;
font-family: Barlow, sans-serif;
font-size: 15px;
line-height: 19px;
}
.bold-text-92 {
font-size: 15px;
font-weight: 400;
}
.bold-text-93 {
font-size: 15px;
font-weight: 700;
}
.bold-text-94 {
font-size: 15px;
font-weight: 400;
}
.bold-text-94.for-bold {
font-weight: 700;
}
.x-notice-list {
width: 900px;
background-color: #dde2e5;
border-radius: 12px;
flex-direction: column;
align-items: flex-start;
padding: 5px 30px;
display: flex;
}
.x-wrapper-6 {
z-index: 1000;
padding-top: 40px;
padding-bottom: 40px;
position: relative;
}
.x-wrapper-6.for-free-device {
flex-direction: row;
justify-content: center;
align-items: center;
padding-bottom: 0;
display: flex;
}
.x-free-device-txt-ctn-2 {
flex-direction: column;
align-items: flex-start;
margin-left: 40px;
display: flex;
position: relative;
top: -22px;
}
.x-free-device-txt-ctn-2.centre {
text-align: center;
align-items: center;
margin-left: 10px;
top: -36px;
}
.x-free-device-txt-ctn-2.centre.for-pf365 {
top: 13px;
left: 60px;
}
.x-iphone-5g-bg {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63997512f44de661e7a141bb_Digi_iPhone-5G_Background.jpg");
background-position: 0 80%;
background-size: cover;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.x-iphone-5g-bg.for-pf365-5g {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/646197a952fe54afa4157e5b_Digi_FamilyUnlimited_AnimatedBanner_Background.jpg");
}
.x-iphone-5g-bg.for-j5gfamiliku {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/651bbc0fae3ddd93c1e0bf3a_Digi_Jom5GFamiliku_AnimatedBanner_PNGAssets_EN_1200x800_Background.png");
background-position: 50%;
}
.x-5g-iphone-img-2 {
width: 260px;
height: auto;
margin-top: 10px;
position: relative;
top: 35px;
}
.x-5g-iphone-img-2.for-cny {
width: 500px;
}
.x-5g-iphone-img-2.for-cny.for-p5365 {
width: 320px;
margin-top: 10px;
top: 20px;
right: -48px;
}
.x-5g-iphone-img-2.for-cny.for-j5gfamiliku {
width: 410px;
margin-top: 0;
top: -20px;
right: -40px;
}
.x-cny-element.for-left-ornament {
width: 90px;
display: none;
position: absolute;
top: auto;
bottom: -10%;
left: 3%;
right: auto;
}
.x-famu-5g.for-padding {
margin-bottom: 10px;
}
.x-anim-banner-header {
color: #fff;
margin-top: 20px;
margin-bottom: 0;
font-size: 1.5em;
}
.x-anim-banner-header.for-padding {
margin-top: 0;
margin-bottom: 10px;
font-size: 2.5em;
line-height: 110%;
}
.x-anim-banner-header.for-padding.for-dark-blue {
color: #005eb8;
}
.x-free-device-cta-8 {
border-radius: 8px;
margin-top: 20px;
margin-left: 0;
padding-left: 28px;
padding-right: 28px;
font-weight: 700;
}
.x-free-device-cta-8:hover {
background-color: #272727;
}
.x-free-device-img-ctn-7 {
width: auto;
height: auto;
flex-direction: column;
display: block;
}
.x-5g-icon-3 {
width: 50px;
padding-top: 0;
padding-bottom: 0;
position: absolute;
top: 20px;
}
.x-5g-icon-3.for-bigger-2 {
width: 100px;
}
.x-5g-icon-3.for-j5gfamiliku {
width: 140px;
flex: 0 auto;
margin-top: -18px;
margin-right: 0;
padding-right: 0;
position: static;
}
.x-notice-point-2 {
color: #333;
margin-bottom: 0;
font-family: Barlow, sans-serif;
font-size: 12px;
line-height: 19px;
list-style: disc;
}
.bold-text-95 {
font-weight: 400;
}
.bold-text-96 {
font-weight: 700;
}
.bold-text-97 {
font-weight: 400;
}
.bold-text-97.for-bold {
font-weight: 700;
}
.x-notice-list-2 {
width: 800px;
background-color: #dde2e5;
border-radius: 12px;
flex-direction: column;
align-items: flex-start;
padding: 5px 30px;
list-style: disc;
display: flex;
}
.x-free-device-cta-9 {
border-radius: 8px;
margin-top: 20px;
margin-left: 0;
padding-left: 28px;
padding-right: 28px;
font-weight: 700;
transition: all .3s;
}
.x-free-device-cta-9:hover {
background-color: #272727;
}
.x-wrapper-8 {
z-index: 1000;
padding-top: 40px;
padding-bottom: 40px;
position: relative;
}
.x-wrapper-8.for-free-device {
flex-direction: row;
justify-content: center;
align-items: center;
padding-bottom: 0;
display: flex;
}
.x-wrapper-8.for-free-device.for-jom5gfamiliku {
width: auto;
height: auto;
}
.x-jom5gfamiliku-dynamic-img {
width: 350px;
}
.x-jom5gfamiliku-img {
width: 580px;
height: auto;
margin-top: 0;
position: relative;
top: 47px;
left: -60px;
}
.x-jom5gfamiliku-img.for-new {
width: 430px;
top: 20px;
}
.x-jom5gfamiliku-bg {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/651a99e0b45ea52a30512db7_CGTM101_GoogleDOB_D_DynamicBanner_bg_1200x566.png");
background-position: 50%;
background-size: cover;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.x-section-jom5gfamiliku {
height: 370px;
margin-top: 15px;
margin-bottom: 50px;
position: relative;
}
.x-section-jom5gfamiliku.for-height {
height: auto;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 0;
padding-top: 40px;
padding-bottom: 40px;
display: flex;
}
.x-free-device-txt-ctn-3 {
flex-direction: column;
align-items: flex-start;
margin-left: 40px;
display: flex;
position: relative;
top: -22px;
}
.x-free-device-txt-ctn-3.centre {
text-align: center;
align-items: center;
margin-left: 10px;
top: -36px;
}
.x-free-device-txt-ctn-3.centre.for-jom5gfamiliku {
width: auto;
margin-left: 0;
top: 0;
left: 0;
}
.x-free-device-txt-ctn-3.centre.for-j5gfamiliku {
margin-left: 0;
top: -3px;
left: 20px;
}
.x-free-device-cta-10 {
border-radius: 8px;
margin-top: 20px;
margin-left: 0;
padding-left: 28px;
padding-right: 28px;
font-weight: 700;
transition: all .3s;
}
.x-free-device-cta-10:hover {
background-color: #272727;
}
.x-wrapper-31 {
z-index: 1000;
padding-top: 40px;
padding-bottom: 40px;
position: relative;
}
.x-wrapper-31.for-free-device {
flex-direction: row;
justify-content: center;
align-items: center;
padding-bottom: 0;
display: flex;
}
.x-wrapper-31.for-free-device.for-jom5gfamiliku {
width: auto;
height: auto;
padding-top: 0;
}
.text-span-145, .text-span-146, .text-span-147, .text-span-148 {
text-decoration: line-through;
}
.div-block-121 {
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
display: flex;
}
.x-wrapper-32 {
z-index: 1000;
padding-top: 40px;
padding-bottom: 40px;
position: relative;
}
.x-wrapper-32.for-free-device {
flex-direction: row;
justify-content: center;
align-items: center;
padding-bottom: 0;
display: flex;
}
.x-j5gbersama-dynamic-img-2 {
width: 400px;
}
.x-free-device-cta-11 {
border-radius: 8px;
margin-top: 20px;
margin-left: 0;
padding-left: 28px;
padding-right: 28px;
font-weight: 700;
}
.x-free-device-cta-11:hover, .x-free-device-cta-11.banner-data-layer.for-color {
background-color: #272727;
}
.x-free-device-cta-11.banner-data-layer.for-color:hover {
background-color: #000;
}
.x-free-device-img-ctn-8 {
width: auto;
height: auto;
flex-direction: column;
display: block;
}
.x-long-banner-image-3 {
object-fit: cover;
display: block;
}
.x-long-banner-3 {
background-color: #fff7af;
border-radius: 8px;
justify-content: center;
padding: 0;
display: block;
position: relative;
overflow: hidden;
}
.x-long-banner-3.for-bottom-margin {
margin-bottom: 20px;
}
.x-long-banner-3.for-bottom-margin.banner-data-layer {
margin-bottom: 0;
}
.x-long-banner-3.for-bottom-margin.banner-data-layer.for-padding {
margin-top: 10px;
margin-bottom: 0;
}
.x-long-banner-3.for-bottom-margin.banner-data-layer.for-padding.for-hide {
display: none;
}
.x-section-18 {
z-index: auto;
display: block;
position: relative;
overflow: visible;
}
.x-jom5gfamiliku-img-copy {
height: 300px;
margin-top: 0;
position: relative;
top: 47px;
left: -60px;
}
.x-roaming-cp-note-ctn {
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}
.link-block-4 {
margin-bottom: 10px;
margin-right: 0;
}
.checkbox {
z-index: 20;
width: auto;
height: auto;
cursor: pointer;
background-color: rgba(0, 0, 0, 0);
border: 3px #ffe600;
border-radius: 20px;
margin-top: 0;
margin-left: 0;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.checkbox:hover {
border-style: solid;
border-color: #e37935;
box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
}
.checkbox.w--redirected-checked {
z-index: -1;
background-color: rgba(201, 129, 41, .15);
background-image: none;
background-repeat: repeat;
background-size: auto;
border: 3px solid #e37935;
padding: 0;
}
._40-block {
width: 100%;
flex: none;
margin-right: 0;
}
.x-btn-container-2 {
justify-content: center;
align-items: center;
margin-left: -8px;
margin-right: -8px;
display: flex;
}
.x-digi-cs-wrapper {
max-width: 720px;
margin-left: auto;
margin-right: auto;
padding: 40px 20px 30px;
}
.x-plan-top-ctn-2 {
width: 100%;
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #ffe600;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: stretch;
padding: 20px 20px 15px;
display: flex;
}
.x-number-span {
width: 40px;
height: 40px;
color: #272727;
background-color: #ffe600;
border-radius: 50%;
justify-content: center;
align-items: center;
margin-right: 10px;
padding: 0;
font-weight: 700;
display: flex;
}
.bold-text-98 {
padding-left: 5px;
padding-right: 5px;
}
.x-dgcs-enquiry-title-ctn {
justify-content: center;
align-items: center;
display: flex;
}
.option-price {
text-transform: none;
background-color: rgba(0, 0, 0, 0);
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
margin: 12px 0 0;
padding: 0;
font-size: 45px;
line-height: 125%;
display: inline-block;
position: relative;
}
.option-price.sec-title {
border-radius: 0;
justify-content: center;
align-items: center;
margin-bottom: 30px;
font-size: 20px;
line-height: 24px;
display: flex;
}
.option-price.sec-title.for-padding {
margin-top: 30px;
}
.x-digi-roi-header-descrip {
color: #272727;
text-align: center;
margin-bottom: 0;
font-family: Barlow, sans-serif;
font-size: 16px;
}
.x-long-banner-4 {
background-color: #fff7af;
border-radius: 8px;
justify-content: center;
padding: 0;
display: block;
position: relative;
overflow: hidden;
}
.x-long-banner-4.for-bottom-margin {
margin-bottom: 20px;
}
.x-long-banner-4.for-bottom-margin.banner-data-layer.for-roi {
background-color: rgba(255, 247, 175, 0);
margin-bottom: 0;
padding: 20px;
}
.x-input-label-3 {
color: #979797;
margin-bottom: 0;
font-size: 12px;
line-height: 12px;
transition: all .35s cubic-bezier(.77, 0, .175, 1);
position: absolute;
top: 8px;
left: 16px;
}
.x-input-label-3.for-idle {
cursor: text;
font-size: 16px;
font-weight: 600;
line-height: 24px;
position: absolute;
top: 16px;
}
.x-digi-roi-logo {
width: 180px;
}
.x-section-bg-2 {
width: 100%;
max-width: none;
display: block;
position: absolute;
top: 50%;
left: 0%;
right: 0%;
transform: translate(0, -50%);
}
.text-block-118 {
text-align: center;
}
.x-long-banner-image-4 {
object-fit: cover;
border-radius: 8px;
display: block;
}
.x-section-19 {
display: block;
position: relative;
overflow: visible;
}
.x-section-19.for-ultra-yellow {
z-index: 1;
height: auto;
background-color: #fff7af;
overflow: hidden;
}
.x-section-19.for-ultra-yellow.for-full-height {
height: 830px;
flex-direction: row;
display: block;
}
.x-plan-bodycopy-2 {
font-size: 14px;
font-weight: 400;
line-height: 18px;
}
.x-plan-bodycopy-2.for-height {
color: #0c0c0c;
line-height: 20px;
}
.x-wrapper-33 {
padding-top: 40px;
padding-bottom: 40px;
position: relative;
}
.x-wrapper-33.for-full-height {
height: 100%;
flex-direction: column;
justify-content: center;
display: flex;
}
.price-pnl-wrap {
width: auto;
height: auto;
text-align: left;
flex-direction: column;
justify-content: space-between;
align-items: center;
margin-left: 0;
margin-right: 0;
display: flex;
position: static;
}
.price-pnl-wrap.for-width {
width: 100%;
height: 100%;
border-radius: 0;
position: relative;
}
.x-long-banner-image-mobile-2 {
display: none;
}
.x-digi-roi-header-1 {
color: #272727;
text-align: center;
margin-top: 0;
margin-bottom: 15px;
margin-right: 0;
font-family: Barlow, sans-serif;
font-size: 40px;
line-height: 49px;
}
.x-limit-16 {
z-index: 10;
height: auto;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
padding-left: 64px;
padding-right: 64px;
display: block;
position: relative;
}
.x-limit-16.for-full-height {
height: 100%;
}
.x-btn-24 {
min-width: 96px;
color: #fff;
text-align: center;
background-color: #039be5;
border: 1px solid #039be5;
border-radius: 8px;
justify-content: center;
align-items: center;
margin-left: 8px;
margin-right: 8px;
padding: 8px 24px;
font-weight: 600;
transition: all .35s cubic-bezier(.86, 0, .07, 1);
display: flex;
}
.x-btn-24:hover {
background-color: #272727;
border-color: #272727;
}
.x-btn-24.for-full {
width: 100%;
}
.pricepanel {
z-index: 1;
width: 30%;
height: auto;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, .17);
border-radius: 20px;
transition: all .2s;
}
.pricepanel.mid-size {
width: 94%;
height: 100%;
color: #464646;
background-color: #f7f7f7;
border-style: none;
border-radius: 20px;
flex-direction: row;
justify-content: center;
align-self: center;
align-items: center;
margin-bottom: 0;
margin-left: 0;
padding: 0;
display: flex;
position: relative;
}
.pricepanel.mid-size:hover {
z-index: 100;
box-shadow: none;
border-width: 1px;
border-color: #1fb02a;
transform: none;
}
.pricing-option-block {
z-index: 1;
max-width: 1000px;
box-shadow: none;
color: #000;
text-align: left;
border: 2px #e4e4e4;
justify-content: space-between;
margin-bottom: 60px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.pricing-option-block.narrow {
width: 100%;
max-width: none;
grid-column-gap: 10px;
grid-row-gap: 10px;
box-shadow: none;
background-color: rgba(0, 0, 0, 0);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
justify-items: center;
margin: 0 0 10px;
padding: 0;
display: grid;
}
.pricing-option-block.narrow.for-hide {
display: none;
}
.x-input-text-2 {
height: 56px;
background-color: rgba(245, 245, 245, .5);
border: 1px solid #c7c9cc;
border-radius: 8px;
margin-bottom: 0;
padding: 24px 16px 8px;
font-size: 20px;
}
.x-input-text-2:hover {
background-color: #fff;
border-color: #272727;
}
.x-input-text-2:focus {
background-color: #fff;
border-color: #039be5;
}
.checkbox-label {
display: none;
}
.radio-field-parent {
width: 330px;
height: 90px;
float: none;
clear: none;
text-align: center;
background-color: rgba(0, 0, 0, 0);
border: 0 solid rgba(255, 255, 255, .1);
border-radius: 0;
flex-flow: wrap;
flex: 1;
align-content: center;
align-self: stretch;
align-items: center;
margin-right: 16px;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
display: inline-block;
position: relative;
}
.h3 {
color: #fff;
}
.h3.price-label {
z-index: 10;
clear: both;
text-align: left;
justify-content: center;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
display: block;
position: relative;
}
.h3.field-label {
text-transform: uppercase;
margin-bottom: 14px;
font-size: 1.8rem;
line-height: 1.6rem;
}
.bodytext3 {
clear: both;
color: #cecece;
text-align: left;
margin-bottom: 0;
font-size: .7rem;
line-height: 1.2rem;
position: relative;
}
.bodytext3.price-label {
z-index: 10;
margin-left: 0;
display: block;
position: relative;
}
.bodytext3.error {
color: #a93334;
}
.actual-radio-button {
width: 100%;
height: 100%;
opacity: 1;
object-fit: fill;
border: 3px #000;
border-radius: 0;
margin-top: 0;
margin-left: 0;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
overflow: visible;
}
.actual-radio-button.plan-1 {
border-style: none;
border-color: #e37935;
border-radius: 20px;
display: none;
}
.actual-radio-button.plan-1.w--redirected-checked {
width: 100%;
height: 100%;
background-color: rgba(227, 121, 53, .15);
border-style: solid;
display: block;
}
.actual-radio-button.plan-2 {
display: block;
}
.actual-radio-button.plan-2.w--redirected-checked {
background-color: rgba(227, 121, 53, .15);
border-style: solid;
border-color: #e37935;
border-radius: 20px;
}
.actual-radio-button.plan-3 {
display: block;
}
.actual-radio-button.plan-3.w--redirected-checked {
background-color: rgba(227, 121, 53, .15);
border-style: solid;
border-color: #e37935;
border-radius: 20px;
}
.radio-field-label {
z-index: 20;
width: 12px;
height: 90px;
clear: both;
color: #fff;
text-align: left;
letter-spacing: 0;
text-transform: lowercase;
background-color: rgba(255, 255, 255, .1);
border: 1px solid rgba(255, 255, 255, 0);
border-radius: 0;
align-self: center;
margin-left: auto;
margin-right: auto;
padding: 0;
font-size: 14px;
font-weight: 400;
display: block;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.radio-field-parent-2 {
z-index: 20;
width: auto;
height: auto;
float: none;
clear: none;
text-align: center;
background-color: rgba(0, 0, 0, 0);
border: 0 solid rgba(255, 255, 255, .1);
border-radius: 20px;
flex-flow: wrap;
flex: 1;
align-content: center;
align-self: stretch;
align-items: center;
margin-right: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
display: inline-block;
position: relative;
}
.radio-field-parent-2:hover {
border-width: 3px;
}
.radio-field-label-2 {
z-index: 20;
width: 100%;
height: 100%;
clear: both;
color: #fff;
text-align: left;
letter-spacing: 0;
text-transform: lowercase;
background-color: rgba(255, 255, 255, .1);
border: 1px solid rgba(255, 255, 255, 0);
border-radius: 0;
align-self: center;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
font-size: 14px;
font-weight: 400;
display: block;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.radio-field-label-2:hover {
border-width: 3px;
border-color: #e37935;
border-radius: 20px;
padding-top: 0;
}
.radio-field-label-2:focus {
border-width: 3px;
border-color: #e37935;
border-radius: 20px;
}
.radio-field-parent-3 {
width: 184px;
height: 90px;
float: none;
clear: none;
text-align: center;
background-color: rgba(0, 0, 0, 0);
border: 0 solid rgba(255, 255, 255, .1);
border-radius: 0;
flex-flow: wrap;
flex: 1;
align-content: center;
align-self: stretch;
align-items: center;
margin-right: 16px;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
display: inline-block;
position: relative;
}
.radio-field-label-3 {
z-index: 20;
width: 100%;
height: 90px;
clear: both;
color: #fff;
text-align: left;
letter-spacing: 0;
text-transform: lowercase;
background-color: rgba(255, 255, 255, .1);
border: 1px solid rgba(255, 255, 255, 0);
border-radius: 0;
align-self: center;
margin-left: auto;
margin-right: auto;
padding: 0;
font-size: 14px;
font-weight: 400;
display: block;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.radio-field-parent-4 {
width: 100%;
height: auto;
float: none;
clear: none;
text-align: center;
background-color: rgba(0, 0, 0, 0);
border: 0 solid rgba(255, 255, 255, .1);
border-radius: 0;
flex-flow: wrap;
flex: 1;
align-content: center;
align-self: stretch;
align-items: center;
margin-right: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
display: inline-block;
position: relative;
}
.radio-field-label-4 {
z-index: 20;
width: 100%;
height: 100%;
clear: both;
color: #fff;
text-align: left;
letter-spacing: 0;
text-transform: lowercase;
background-color: rgba(255, 255, 255, .1);
border: 1px solid rgba(255, 255, 255, 0);
border-radius: 0;
align-self: center;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
font-size: 14px;
font-weight: 400;
display: block;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.checked {
z-index: 0;
width: 100%;
height: 100%;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/652615bcd923b93fe22bd60e_VHS-Distortion-Texture-Mobile.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
}
.add-to-cart-button {
width: 180px;
height: auto;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;
justify-content: center;
align-items: center;
margin-left: 0;
margin-right: 0;
padding-top: 12px;
padding-bottom: 12px;
font-style: normal;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.add-to-cart-button.primary-button-text {
margin-top: 20px;
line-height: 22px;
}
.form-wrapper {
position: relative;
}
.bl-0001-custom-radio-form {
justify-content: center;
align-items: center;
margin-top: 0;
margin-bottom: 0;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.error-message-2 {
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;
}
.hidden {
display: none;
}
.unchecked {
z-index: 0;
width: 30px;
height: 30px;
position: absolute;
top: 20px;
bottom: 0;
left: 15px;
}
.form-success {
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;
}
.radio-field-label-5 {
z-index: -1;
width: 100%;
height: 100%;
clear: both;
color: #fff;
text-align: left;
letter-spacing: 0;
text-transform: lowercase;
background-color: rgba(255, 255, 255, .1);
border: 3px solid rgba(255, 255, 255, 0);
border-radius: 20px;
align-self: center;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
font-size: 14px;
font-weight: 400;
display: none;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.radio-field-label-5:hover {
border-width: 3px;
border-color: #e37935;
border-radius: 20px;
}
.radio-field-parent-5 {
width: 96%;
height: 99%;
float: none;
clear: none;
text-align: center;
background-color: rgba(0, 0, 0, 0);
border: 0 rgba(255, 255, 255, .1);
border-radius: 20px;
flex-flow: wrap;
flex: 1;
align-content: center;
align-self: stretch;
align-items: center;
margin-right: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
display: inline-block;
position: relative;
}
.radio-field-parent-5.last {
margin-right: 0;
}
.ms-radio-wrap {
padding-top: 8px;
position: relative;
}
.ms-radio-wrap.img {
width: 100%;
height: 100%;
width: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 0;
padding-left: 0;
display: flex;
}
.ms-radio-wrap.for-1 {
width: 100%;
height: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 0;
padding-left: 0;
display: flex;
}
.ms-radio-image {
width: 100%;
height: auto;
opacity: .8;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/652637701084758d8c1246e2_pexels-eberhard-grossgasteiger-1287145.jpg");
background-position: 100%;
background-size: cover;
border-width: 1px;
border-color: #c5c5c5;
border-radius: 6px;
padding-top: 100%;
}
.ms-radio-image.w--redirected-checked {
width: 100%;
height: 100%;
opacity: 1;
outline-offset: 0px;
background-image: none;
border-width: 1px;
border-color: #fff;
outline: 3px solid #2962ff;
position: absolute;
top: 0%;
bottom: 0%;
left: auto;
right: 0%;
}
.ms-radio-image.fam-45.w--redirected-checked {
background-color: rgba(227, 121, 53, .15);
border-radius: 10%;
outline-color: #e37935;
margin-left: 0;
padding-top: 0%;
}
.hide {
display: none;
}
.ms-radio-image-2 {
width: 100%;
height: auto;
opacity: .8;
border-width: 1px;
border-color: #c5c5c5;
border-radius: 6px;
padding-top: 100%;
position: absolute;
top: 0%;
bottom: 0%;
left: auto;
right: 0%;
}
.ms-radio-image-2.w--redirected-checked {
opacity: 1;
outline-offset: 0px;
border-width: 1px;
border-color: #fff;
outline: 5px solid #2962ff;
}
.ms-radio-image-2.img-2 {
background-image: none;
padding-top: 0%;
}
.x-business-header-section {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.x-business-thank-you-icon {
height: 100px;
}
.x-business-thank-you-icon.for-padding {
margin-bottom: 40px;
}
.x-business-thank-you-header {
width: 60%;
min-width: 50px;
text-align: center;
margin: 10px auto 40px;
padding-left: 0;
padding-right: 0;
font-size: 60px;
line-height: 50px;
}
.x-business-thank-you-para {
text-align: center;
font-size: 23px;
}
.x-business-thank-you-para.for-small {
font-size: 20px;
font-style: italic;
}
.text-span-149 {
font-size: 20px;
position: absolute;
}
.text-span-150 {
margin-left: 5px;
font-size: 16px;
font-weight: 600;
line-height: 16px;
text-decoration: line-through;
}
.italic-text-5 {
font-size: 10px;
line-height: 10px;
}
.italic-text-5.ghost {
color: rgba(0, 0, 0, 0);
}
.html-embed-2 {
display: none;
}
.x-numeric-input {
height: 56px;
border: 1px solid var(--line);
background-color: rgba(245, 245, 245, .5);
border-radius: 8px;
margin-bottom: 0;
padding: 24px 16px 8px;
font-size: 20px;
}
.x-numeric-input:hover {
border-color: var(--black);
background-color: var(--white);
}
.x-numeric-input:focus {
border-color: var(--link-blue);
background-color: var(--white);
}
.x-numeric-input.for-prefix {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.x-numeric-input.for-tac {
text-align: center;
padding-top: 8px;
font-size: 24px;
font-weight: 700;
}
.x-numeric-input.for-test-kit, .x-numeric-input.for-date {
padding-top: 8px;
font-size: 18px;
}
.html-embed-3 {
height: 40px;
}
.x-input-text-copy {
height: 56px;
border: 1px solid var(--line);
background-color: rgba(245, 245, 245, .5);
border-radius: 8px;
margin-bottom: 0;
padding: 24px 16px 8px;
font-size: 20px;
}
.x-input-text-copy:hover {
border-color: var(--black);
background-color: var(--white);
}
.x-input-text-copy:focus {
border-color: var(--link-blue);
background-color: var(--white);
}
.x-input-text-copy.for-prefix {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.x-input-text-copy.for-tac {
text-align: center;
padding-top: 8px;
font-size: 24px;
font-weight: 700;
}
.x-input-text-copy.for-test-kit, .x-input-text-copy.for-date {
padding-top: 8px;
font-size: 18px;
}
.div-block-122 {
align-self: center;
}
.bold-text-99 {
font-size: 20px;
}
.image-71 {
position: absolute;
top: -3%;
bottom: auto;
left: auto;
right: 0%;
}
.x-plan-table-header-28 {
z-index: 1;
height: 88px;
text-align: center;
background-color: #fff;
border-bottom: 2px solid #272727;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 16px;
display: flex;
position: relative;
}
.x-plan-table-header-28.for-sidebar {
text-align: left;
align-items: flex-start;
margin-top: 1px;
padding-top: 0;
padding-left: 0;
}
.x-plan-table-header-28.for-sidebar.for-higher.for-mobile-broadband {
text-align: left;
background-color: #ffe600;
border: 1px solid #c7c9cc;
border-right-style: none;
border-top-left-radius: 12px;
flex-direction: column;
margin-top: 0;
padding-top: 16px;
padding-left: 0;
}
.x-plan-table-header-28.for-higher {
height: 110px;
background-color: rgba(0, 0, 0, 0);
padding-bottom: 8px;
position: relative;
top: 0;
}
.x-plan-table-header-28.for-higher.for-mobile-broadband.yellow {
width: auto;
background-color: #ffe600;
border-top: 1px solid #c7c9cc;
border-bottom-width: 1px;
border-bottom-color: #c7c9cc;
border-left: 1px #c7c9cc;
border-top-right-radius: 0;
flex-direction: column;
display: flex;
}
.x-plan-table-header-28.for-higher.for-mobile-broadband.yellow.for-round-right-corner {
z-index: 0;
border-top-style: solid;
border-left-style: none;
border-right: 1px solid #c7c9cc;
border-top-right-radius: 12px;
}
.bold-text-100 {
font-size: 20px;
}
.x-plan-table-sidebar-22 {
z-index: 10;
width: 248px;
border-right: 1px solid #c7c9cc;
position: relative;
}
.bold-text-101 {
font-weight: 700;
}
.x-plan-table-sidebar-23 {
z-index: 10;
width: 248px;
border-right: 1px solid #c7c9cc;
position: relative;
}
.x-plan-table-sidebar-23.for-height {
height: 100%;
}
.text-block-119 {
justify-content: center;
align-items: center;
display: flex;
}
.bold-text-102 {
font-weight: 400;
}
.div-block-123 {
align-self: center;
}
.div-block-123.for-center {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.x-di-title-4 {
text-align: center;
margin-bottom: 10px;
font-size: 2em;
line-height: 1.3em;
}
.text-block-120 {
font-weight: 400;
text-decoration: line-through;
}
.x-notice-point-3 {
color: #333;
margin-bottom: 0;
font-family: Barlow, sans-serif;
font-size: 12px;
line-height: 19px;
display: block;
}
.x-plan-table-col-21 {
border-left: 1px solid #c7c9cc;
border-top-right-radius: 12px;
flex: 1;
transition: all .35s cubic-bezier(.86, 0, .07, 1);
}
.x-plan-table-col-21:hover {
background-color: #f5f5f5;
}
.x-plan-table-col-21.remove-left-border {
border-left-style: none;
margin-bottom: 1px;
}
.x-emp-text-46 {
text-align: center;
justify-content: center;
align-items: center;
font-weight: 700;
display: flex;
}
.x-emp-text-46.for-title {
margin-bottom: 0;
font-size: 22px;
line-height: 25px;
}
.x-emp-text-47 {
text-align: center;
justify-content: center;
align-items: center;
font-weight: 700;
line-height: 18px;
display: flex;
}
.x-emp-text-47.add-padding {
padding-bottom: 5px;
}
.x-emp-text-47.for-title {
margin-bottom: 0;
font-size: 22px;
line-height: 25px;
}
.x-emp-text-47.for-title.for-fibre {
color: #272727;
}
.x-section-20 {
z-index: auto;
display: block;
position: relative;
overflow: visible;
}
.x-section-20.add-background-color-2 {
z-index: 1000;
}
.bold-text-103 {
text-align: center;
justify-content: center;
align-items: center;
font-size: 16px;
font-weight: 700;
display: flex;
}
.text-block-121 {
color: #ff3939;
font-size: 1.2em;
font-weight: 700;
line-height: 20px;
}
.text-block-121.for-padding {
margin-top: 17px;
}
.x-emp-text-48 {
font-weight: 700;
}
.x-emp-text-48.for-fibre {
text-align: center;
margin-left: 0;
margin-right: 0;
font-size: 13px;
font-weight: 400;
line-height: 18px;
}
.x-wrapper-34 {
padding-top: 40px;
padding-bottom: 40px;
}
.x-plan-table-content-38 {
border-top: 1px #c7c9cc;
border-bottom: 1px solid #c7c9cc;
border-right: 1px #c7c9cc;
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
flex: 1;
display: flex;
}
.text-block-122 {
width: 104px;
height: 35px;
color: #fff;
background-color: #ff3939;
border-radius: 10px;
justify-content: center;
align-items: center;
padding: 3px 5px;
font-size: .7em;
font-weight: 700;
line-height: 13px;
display: flex;
position: absolute;
top: 12px;
}
.x-family-subtitle-3 {
text-align: center;
margin-bottom: 0;
font-size: 1em;
font-weight: 400;
}
.x-plan-table-header-29 {
z-index: 1;
height: 88px;
text-align: center;
background-color: #fff;
border-bottom: 2px solid #272727;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 16px;
display: flex;
position: relative;
}
.x-plan-table-header-29.for-higher {
height: 110px;
background-color: rgba(0, 0, 0, 0);
padding-bottom: 8px;
position: relative;
top: 0;
}
.x-plan-table-header-29.for-higher.for-mobile-broadband.yellow {
width: auto;
background-color: #ffe600;
border-top: 1px solid #c7c9cc;
border-bottom-width: 1px;
border-bottom-color: #c7c9cc;
border-left: 1px #c7c9cc;
border-top-right-radius: 0;
flex-direction: column;
display: flex;
}
.x-plan-table-header-29.for-higher.for-mobile-broadband.yellow.for-round-right-corner {
z-index: 0;
border-top-style: solid;
border-left-style: none;
border-right: 1px solid #c7c9cc;
border-top-right-radius: 12px;
}
.x-plan-table-header-29.for-sidebar {
text-align: left;
align-items: flex-start;
margin-top: 1px;
padding-top: 0;
padding-left: 0;
}
.x-plan-table-header-29.for-sidebar.for-higher.for-mobile-broadband {
text-align: left;
background-color: #ffe600;
border: 1px solid #c7c9cc;
border-right-style: none;
border-top-left-radius: 12px;
flex-direction: column;
margin-top: 0;
padding-top: 16px;
padding-left: 0;
}
.text-block-123 {
color: #fff;
font-size: 14px;
font-weight: 600;
}
.text-block-123.for-fibre {
color: #000;
font-size: 1.1em;
}
.bold-text-105 {
font-size: 20px;
}
.x-notice-list-3 {
width: auto;
background-color: #dde2e5;
border-radius: 12px;
flex-direction: column;
align-items: flex-start;
padding: 10px 30px;
display: flex;
}
.x-mini-notice-list-2 {
color: #000;
margin-bottom: 10px;
display: block;
}
.x-mini-notice-list-2.for-padding {
justify-content: center;
margin-top: 30px;
padding-left: 0;
display: flex;
position: static;
}
.bold-text-106 {
text-align: center;
justify-content: center;
align-items: center;
font-size: 16px;
font-weight: 700;
display: flex;
}
.text-block-124 {
font-weight: 400;
}
.x-plan-table-col-22 {
border-left: 1px solid #c7c9cc;
border-top-right-radius: 12px;
flex: 1;
transition: all .35s cubic-bezier(.86, 0, .07, 1);
}
.x-plan-table-col-22:hover {
background-color: #f5f5f5;
}
.x-plan-table-col-22.remove-left-border {
height: auto;
border-left-style: none;
margin-bottom: 0;
}
.x-plan-table-column-2 {
z-index: 0;
height: 78px;
background-color: #fff;
border-top: 1px solid #c7c9cc;
border-right: 1px solid #c7c9cc;
justify-content: center;
align-items: center;
display: flex;
position: static;
}
.x-plan-table-column-2.mid-yellow {
height: 78px;
height: 78px;
background-color: #fdf5ae;
border-top-style: none;
border-top-color: #c7c9cc;
}
.x-plan-table-column-2.btm-right-corner {
background-color: #fdf5ae;
border-bottom-right-radius: 12px;
}
.x-plan-table-column-2.btm-right-corner.for-white {
background-color: #fff;
}
.x-plan-table-column-2.grey {
background-color: #dde2e5;
border-top-style: solid;
border-top-color: #c7c9cc;
border-bottom: 1px solid #c7c9cc;
border-right-color: #c7c9cc;
}
.x-plan-table-column-2.grey.for-round-right-corner {
border-bottom: 1px solid #c7c9cc;
border-bottom-right-radius: 12px;
}
.x-plan-table-column-2.for-title {
background-color: #ffe600;
}
.x-plan-table-column-2.for-title.for-corner {
border-top-right-radius: 12px;
}
.x-plan-table-column-2.remove-right-border {
border-right-style: none;
}
.x-plan-table-column-2.remove-right-border.for-price {
flex-direction: column;
}
.x-plan-table-column-2.remove-right-border.for-price.for-highlight {
padding-top: 10px;
}
.x-plan-table-column-2.remove-right-border.for-highlight, .x-plan-table-column-2.remove-right-border.for-highlight-btm {
background-color: #fffbdb;
}
.x-plan-table-column-2.remove-right-border.mid-yellow {
border-top-style: solid;
border-right-style: none;
}
.x-plan-table-column-2.grey {
background-color: #dde2e5;
border-top-style: none;
border-top-color: #c7c9cc;
border-bottom: 1px #c7c9cc;
border-right-color: #c7c9cc;
}
.x-plan-table-column-2.mid-yellow {
height: 78px;
background-color: #fdf5ae;
border-top-style: none;
}
.x-plan-table-column-2.grey {
background-color: #dde2e5;
border-top-style: solid;
border-top-color: #c7c9cc;
border-bottom: 1px solid #c7c9cc;
border-right-color: #c7c9cc;
}
.x-plan-table-column-2.grey.for-round-right-corner {
border-bottom: 1px solid #c7c9cc;
border-bottom-right-radius: 12px;
}
.x-plan-table-column-2.grey {
background-color: #dde2e5;
border-top-style: none;
border-top-color: #c7c9cc;
border-bottom: 1px #c7c9cc;
border-right-color: #c7c9cc;
}
.x-plan-table-column-2.for-height {
height: 120px;
}
.bold-text-107 {
font-weight: 400;
}
.bold-text-108 {
font-size: 20px;
}
.text-block-125 {
justify-content: center;
align-items: center;
display: flex;
}
.x-btn-25 {
min-width: 96px;
color: #fff;
text-align: center;
background-color: #039be5;
border: 1px solid #039be5;
border-radius: 8px;
justify-content: center;
align-items: center;
margin-left: 10px;
margin-right: 10px;
padding: 10px 24px;
font-weight: 600;
transition: all .35s cubic-bezier(.86, 0, .07, 1);
display: flex;
}
.x-btn-25:hover {
background-color: #272727;
border-color: #272727;
}
.x-btn-25.remove-margin {
margin-left: 0;
margin-right: 0;
}
.div-block-124 {
align-self: center;
}
.bold-text-110 {
font-size: 20px;
}
.image-72 {
position: absolute;
top: -3%;
bottom: auto;
left: auto;
right: 0%;
}
.x-plan-table-header-30 {
z-index: 1;
height: 88px;
text-align: center;
background-color: #fff;
border-bottom: 2px solid #272727;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 16px;
display: flex;
position: relative;
}
.x-plan-table-header-30.for-sidebar {
text-align: left;
align-items: flex-start;
margin-top: 1px;
padding-top: 0;
padding-left: 0;
}
.x-plan-table-header-30.for-sidebar.for-higher.for-mobile-broadband {
text-align: left;
background-color: #ffe600;
border: 1px solid #c7c9cc;
border-right-style: none;
border-top-left-radius: 12px;
flex-direction: column;
margin-top: 0;
padding-top: 16px;
padding-left: 0;
}
.x-plan-table-header-30.for-higher {
height: 110px;
background-color: rgba(0, 0, 0, 0);
padding-bottom: 8px;
position: relative;
top: 0;
}
.x-plan-table-header-30.for-higher.for-mobile-broadband.yellow {
width: auto;
background-color: #ffe600;
border-top: 1px solid #c7c9cc;
border-bottom-width: 1px;
border-bottom-color: #c7c9cc;
border-left: 1px #c7c9cc;
border-top-right-radius: 0;
flex-direction: column;
display: flex;
}
.x-plan-table-header-30.for-higher.for-mobile-broadband.yellow.for-round-right-corner {
z-index: 0;
border-top-style: solid;
border-left-style: none;
border-right: 1px solid #c7c9cc;
border-top-right-radius: 12px;
}
.bold-text-111 {
font-size: 20px;
}
.x-plan-table-sidebar-24 {
z-index: 10;
width: 248px;
border-right: 1px solid #c7c9cc;
position: relative;
}
.bold-text-112 {
font-weight: 700;
}
.x-plan-table-sidebar-25 {
z-index: 10;
width: 248px;
border-right: 1px solid #c7c9cc;
position: relative;
}
.x-plan-table-sidebar-25.for-height {
height: 100%;
}
.text-block-126 {
justify-content: center;
align-items: center;
display: flex;
}
.bold-text-113 {
font-weight: 400;
}
.div-block-125 {
align-self: center;
}
.div-block-125.for-center {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.x-di-title-5 {
text-align: center;
margin-bottom: 10px;
font-size: 2em;
line-height: 1.3em;
}
.text-block-127 {
font-weight: 400;
text-decoration: line-through;
}
.x-plan-table-col-23 {
border-left: 1px solid #c7c9cc;
border-top-right-radius: 12px;
flex: 1;
transition: all .35s cubic-bezier(.86, 0, .07, 1);
}
.x-plan-table-col-23:hover {
background-color: #f5f5f5;
}
.x-plan-table-col-23.remove-left-border {
border-left-style: none;
margin-bottom: 1px;
}
.x-emp-text-49 {
text-align: center;
justify-content: center;
align-items: center;
font-weight: 700;
display: flex;
}
.x-emp-text-49.for-title {
margin-bottom: 0;
font-size: 22px;
line-height: 25px;
}
.x-emp-text-50 {
text-align: center;
justify-content: center;
align-items: center;
font-weight: 700;
line-height: 18px;
display: flex;
}
.x-emp-text-50.add-padding {
padding-bottom: 5px;
}
.x-emp-text-50.for-title {
margin-bottom: 0;
font-size: 22px;
line-height: 25px;
}
.x-emp-text-50.for-title.for-fibre {
color: #272727;
}
.x-section-21 {
z-index: auto;
display: block;
position: relative;
overflow: visible;
}
.x-section-21.add-background-color-2 {
z-index: 1000;
}
.bold-text-114 {
text-align: center;
justify-content: center;
align-items: center;
font-size: 16px;
font-weight: 700;
display: flex;
}
.text-block-128 {
color: #ff3939;
font-size: 1.2em;
font-weight: 700;
line-height: 20px;
}
.text-block-128.for-padding {
margin-top: 28px;
}
.x-emp-text-51 {
font-weight: 700;
}
.x-emp-text-51.for-fibre {
text-align: center;
margin-left: 0;
margin-right: 0;
font-size: 13px;
font-weight: 400;
line-height: 18px;
}
.x-wrapper-35 {
padding-top: 40px;
padding-bottom: 40px;
}
.x-plan-table-content-39 {
border-top: 1px #c7c9cc;
border-bottom: 1px solid #c7c9cc;
border-right: 1px #c7c9cc;
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
flex: 1;
display: flex;
}
.text-block-129 {
width: 120px;
height: 35px;
color: #fff;
background-color: #ff3939;
border-radius: 10px;
justify-content: center;
align-items: center;
padding: 3px 5px;
font-size: .7em;
font-weight: 700;
line-height: 13px;
display: flex;
position: absolute;
top: 12px;
}
.x-plan-table-header-31 {
z-index: 1;
height: 88px;
text-align: center;
background-color: #fff;
border-bottom: 2px solid #272727;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 16px;
display: flex;
position: relative;
}
.x-plan-table-header-31.for-higher {
height: 110px;
background-color: rgba(0, 0, 0, 0);
padding-bottom: 8px;
position: relative;
top: 0;
}
.x-plan-table-header-31.for-higher.for-mobile-broadband.yellow {
width: auto;
background-color: #ffe600;
border-top: 1px solid #c7c9cc;
border-bottom-width: 1px;
border-bottom-color: #c7c9cc;
border-left: 1px #c7c9cc;
border-top-right-radius: 0;
flex-direction: column;
display: flex;
}
.x-plan-table-header-31.for-higher.for-mobile-broadband.yellow.for-round-right-corner {
z-index: 0;
border-top-style: solid;
border-left-style: none;
border-right: 1px solid #c7c9cc;
border-top-right-radius: 12px;
}
.x-plan-table-header-31.for-sidebar {
text-align: left;
align-items: flex-start;
margin-top: 1px;
padding-top: 0;
padding-left: 0;
}
.x-plan-table-header-31.for-sidebar.for-higher.for-mobile-broadband {
text-align: left;
background-color: #ffe600;
border: 1px solid #c7c9cc;
border-right-style: none;
border-top-left-radius: 12px;
flex-direction: column;
margin-top: 0;
padding-top: 16px;
padding-left: 0;
}
.text-block-130 {
color: #fff;
font-size: 14px;
font-weight: 600;
}
.text-block-130.for-fibre {
color: #000;
font-size: 1.1em;
}
.bold-text-116 {
font-size: 20px;
}
.bold-text-117 {
text-align: center;
justify-content: center;
align-items: center;
font-size: 16px;
font-weight: 700;
display: flex;
}
.text-block-131 {
font-weight: 400;
}
.x-plan-table-col-24 {
border-left: 1px solid #c7c9cc;
border-top-right-radius: 12px;
flex: 1;
transition: all .35s cubic-bezier(.86, 0, .07, 1);
}
.x-plan-table-col-24:hover {
background-color: #f5f5f5;
}
.x-plan-table-col-24.remove-left-border {
height: auto;
border-left-style: none;
margin-bottom: 0;
}
.bold-text-118 {
font-weight: 400;
}
.bold-text-119 {
font-size: 20px;
}
.text-block-132 {
justify-content: center;
align-items: center;
display: flex;
}
.x-btn-26 {
min-width: 96px;
color: #fff;
text-align: center;
background-color: #039be5;
border: 1px solid #039be5;
border-radius: 8px;
justify-content: center;
align-items: center;
margin-left: 10px;
margin-right: 10px;
padding: 10px 24px;
font-weight: 600;
transition: all .35s cubic-bezier(.86, 0, .07, 1);
display: flex;
}
.x-btn-26:hover {
background-color: #272727;
border-color: #272727;
}
.x-btn-26.remove-margin {
margin-left: 0;
margin-right: 0;
}
.x-mobile-prefix-text {
font-size: 16px;
}
.x-nav-to-section-prepaid-belia {
width: 100%;
position: absolute;
top: -80px;
}
.x-mini-notice-list-3 {
color: #000;
margin-bottom: 10px;
list-style: disc;
display: block;
}
.x-notice-point-4 {
color: #333;
margin-bottom: 0;
font-family: Barlow, sans-serif;
font-size: 12px;
line-height: 19px;
list-style: disc;
}
.x-notice-list-4 {
width: 800px;
background-color: #dde2e5;
border-radius: 12px;
flex-direction: column;
align-items: flex-start;
padding: 5px 30px;
list-style: disc;
display: flex;
}
.bold-text-121 {
font-weight: 400;
}
.bold-text-122 {
font-weight: 700;
}
.bold-text-123 {
font-weight: 400;
}
.bold-text-123.for-bold {
font-weight: 700;
}
.for-disclaimer.for-red {
color: var(--price-red);
}
.link-block-5, .link-block-6, .link-block-7, .link-block-8 {
display: block;
}
.image-73 {
width: auto;
}
.for-gadget-sim {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/64f581560c0549b43b88be46_Digi_GadgetSIM_PromotionsBanner.jpg");
background-attachment: scroll;
}
.for-desktop.for-hide-next {
display: block;
}
.promotions-tab {
background-color: #fff;
border: 2px solid #dde2e5;
border-radius: 20px;
flex: none;
margin-left: 5px;
margin-right: 5px;
padding: 7px 10px;
}
.promotions-tab.w--current {
background-color: #dde2e5;
border: 2px solid #dde2e5;
border-radius: 30px;
flex: none;
margin-right: 5px;
padding-top: 7px;
padding-bottom: 7px;
}
.promotions-tab.for-roaming-mobile {
border-radius: 20px;
margin-left: 5px;
margin-right: 5px;
}
.promotions-tab.for-roaming-mobile.w--current {
margin-left: 5px;
margin-right: 5px;
}
.promotions-tab.for-roaming-mobile.for-more-padding {
margin-left: 5px;
margin-right: 5px;
padding-left: 15px;
padding-right: 15px;
}
.div-block-126 {
margin-bottom: 60px;
}
.bold-text-124 {
font-weight: 700;
}
.x-notice-point-5 {
color: #333;
margin-bottom: 0;
font-family: Barlow, sans-serif;
font-size: 12px;
line-height: 19px;
display: none;
}
.x-mini-notice-list-4 {
color: #000;
margin-bottom: 10px;
display: none;
}
.x-mini-notice-list-4.for-padding {
justify-content: center;
margin-top: 30px;
padding-left: 0;
display: flex;
position: static;
}
.bold-text-125 {
font-weight: 400;
}
.x-long-banner-image-5 {
object-fit: cover;
display: block;
}
.x-section-22 {
z-index: auto;
display: block;
position: relative;
overflow: visible;
}
.x-long-banner-5 {
background-color: #fff7af;
border-radius: 8px;
justify-content: center;
padding: 0;
display: block;
position: relative;
overflow: hidden;
}
.x-long-banner-5.for-bottom-margin {
margin-bottom: 20px;
}
.x-long-banner-5.for-bottom-margin.banner-data-layer {
margin-bottom: 0;
}
.paragraph-36 {
font-size: 16px;
font-weight: 500;
line-height: 26px;
display: none;
}
.x-tab-menu-5 {
border-bottom: 2px solid #272727;
align-items: flex-end;
display: flex;
}
.x-tab-menu-5.centre {
justify-content: center;
}
.x-tab-menu-5.centre.buttons-style {
border-bottom-style: none;
margin-bottom: 3px;
}
.centre_step-3 {
color: #c7c9cc;
font-size: 21px;
font-weight: 600;
}
.process_line-2 {
width: 2px;
height: 78%;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6364de048f1d895434847999_6364dc77a0ea0b22b67c2215_line%201.svg");
background-position: 50%;
background-repeat: repeat-y;
background-size: contain;
position: absolute;
}
.heading-50 {
color: #272727;
}
.centre_step-4 {
color: #c7c9cc;
font-size: 21px;
font-weight: 600;
}
.process_details-3 {
width: 45%;
min-height: 300px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 50px 20px;
display: flex;
position: relative;
}
.x-section-23 {
z-index: auto;
display: block;
position: relative;
overflow: visible;
}
.bold-text-127 {
color: #272727;
line-height: 21px;
}
.bold-text-127.for-smaller-font {
font-size: 12px;
}
.bold-text-127.for-smaller-font.for-red {
color: #ff3939;
font-size: 14px;
}
.bold-text-127.for-red {
color: #ff3939;
}
.heading-51 {
color: #272727;
}
.image-75 {
width: auto;
border-radius: 8px;
margin-bottom: 25px;
padding-bottom: 0;
padding-left: 20px;
padding-right: 20px;
}
.image-75._02-only {
padding-left: 0;
padding-right: 0;
}
.heading-52 {
color: #272727;
}
.centre_block-4 {
width: 90px;
height: 80px;
justify-content: center;
align-items: flex-start;
margin-bottom: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: static;
top: 0;
}
.image-76 {
display: none;
}
.centre_icon_wrap-4 {
z-index: 5;
width: 55px;
height: 55px;
background-color: #fff;
border-radius: 19px;
justify-content: center;
align-items: center;
margin-right: 20px;
padding: 10px;
display: flex;
position: relative;
box-shadow: 1px 1px 35px rgba(56, 68, 77, .16);
}
.centre_icon_wrap-5 {
z-index: 5;
width: 55px;
height: 55px;
background-color: #fff;
border-radius: 19px;
justify-content: center;
align-items: center;
padding: 10px;
display: flex;
position: relative;
box-shadow: 1px 1px 35px rgba(56, 68, 77, .16);
}
.heading-53 {
color: #272727;
}
.x-5g-step-text-2 {
color: #272727;
text-align: center;
font-weight: 400;
line-height: 20px;
}
.x-5g-step-title-2 {
color: #272727;
font-weight: 700;
line-height: 20px;
}
@media screen and (min-width: 1280px) {
.x-limit.x-add-margin {
padding-top: 20px;
padding-bottom: 30px;
}
.x-wrapper-2 {
padding-top: 36px;
padding-bottom: 36px;
}
.x-section.for-sfc-footer {
margin-top: -419px;
}
.x-section-header {
margin-top: 10px;
}
.x-btn-container.for-cta.for-loyalty-bonus {
margin-bottom: 40px;
}
.x-content-block.for-top-padding.for-senior-citizen {
margin-bottom: 20px;
}
.x-content-block.for-bottom-margin {
margin-bottom: 10px;
}
.x-card-block.for-4, .x-card-block.for-4.for-top-padding {
grid-template-rows: auto;
}
.x-card-block.for-next.for-top-padding {
display: flex;
}
.x-card-block.for-4 {
grid-template-rows: auto;
}
.x-card.digizen {
height: 100%;
align-items: flex-start;
}
.x-plan-table-header.for-sidebar.for-merge.mb-bd {
width: auto;
}
.x-banner-list.for-2 {
height: auto;
height: auto;
}
.x-banner-list.for-2.for-height {
height: 376px;
}
.x-banner-item.for-2-main.for-height {
height: auto;
}
.x-btl-img-banner.collab {
max-width: none;
margin-bottom: 0;
}
.x-testimonial-slide.for-one {
margin-right: 22px;
}
.x-home-promo-content.no-padding {
padding-top: 0;
}
.x-prepaid-bundle-wrapper.price.for-yellow {
display: block;
}
.x-plan-table-heading-bar.adjust-base-plan-tablet-copy {
margin-bottom: -125px;
}
.particle-js {
z-index: 10;
width: 100%;
height: 100%;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.r-line-bar {
width: 100%;
max-width: none;
}
.r-line-bar.flip {
transform: rotateX(-180deg)rotateY(0)rotateZ(0);
}
.r-section {
background-image: linear-gradient(rgba(0, 0, 0, .8), rgba(0, 0, 0, .8));
}
.r-section.for-main-banner {
background-position: 0 0, 50% 18%;
background-size: auto, cover;
}
.r-separator.product {
margin-top: -1px;
}
.r-separator.separator-optimize {
margin-top: -1px;
top: 3px;
}
.x-plan-logo-link {
left: 130px;
}
.x-plan-logo-link.for-super-long-life {
left: auto;
}
.r-text-block {
margin-bottom: 0;
}
.r-pricing-left-grid {
grid-template-rows: 33px auto auto;
}
.r-usp-background {
border-top-left-radius: 140px;
border-top-right-radius: 140px;
}
.r-rdy-character.small {
top: 24%;
bottom: auto;
left: 6%;
right: auto;
}
.r-video-grid {
grid-template-rows: auto auto;
}
.r-new-sim-box {
cursor: pointer;
}
.r-section-pricing {
background-position: 50% 0;
background-size: cover;
margin-top: -120px;
}
.r-partners-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.r-nav-bar.for-product {
padding-top: 10px;
padding-bottom: 10px;
}
.r-nav-bar.for-product.exist {
padding-top: 41px;
top: 11%;
}
.r-usp-rows {
grid-template-rows: 93px auto auto;
}
.r-container-2.for-pricing {
background-image: none;
}
.r-container-2.for-main-banner {
padding-top: 8px;
padding-bottom: 8px;
}
.r-container-2.for-optimize {
padding-bottom: 189px;
}
.r-headline-grid {
grid-template-rows: auto auto;
}
.r-text-wrapper {
margin-top: auto;
}
.r-usp-grid {
margin-top: 117px;
padding-bottom: 36px;
}
.r-body-text {
color: #fff;
text-align: center;
margin-bottom: 0;
font-family: Barlow, sans-serif;
font-size: 16px;
font-weight: 400;
}
.r-header-description {
font-size: 20px;
}
.r-usp-icon {
position: relative;
top: -21px;
}
.r-text-grid {
padding-top: 157px;
padding-bottom: 157px;
}
.r-text-style-21 {
margin-top: 17px;
margin-bottom: 0;
line-height: 30px;
}
.x-main-banner.for-add-ons {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6336651af798ee83a8cfb5da_Digi_Postpaid_FreedomAddOns_SubpageMainBanner_Desktop.jpg");
}
.x-main-banner.for-signature {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/625f7947037c34009eb08e9c_Digi_Signature_MainBanner_Desktop_3000x1043.jpeg");
}
.x-main-banner.for-exclusive-pack {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65add377a78ed7f6ff11f4ec_Digi_5G%20Internet_Web_HeaderBanner_EN_1920x668.webp");
}
.x-main-banner.for-belia {
background-position: 0 0, 50% 100%;
}
.x-main-banner.for-prepaid-en-desktop-copy {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6568604939d3aa075bb6f75e_Digi_Campaign%206_NEXT25_Web_HeaderBannerDesktop_EN_1920x668.webp");
background-position: 50%;
}
.x-main-banner.for-prepaid-bm-desktop-copy {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65686049c0ec7713fdaf8481_Digi_Campaign%206_NEXT25_Web_HeaderBannerDesktop_BM_1920x668.webp");
background-position: 50%;
}
.x-main-banner.for-exclusive-pack-bm {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65add3761e1f22cd35ecb4a5_Digi_5G%20Internet_Web_HeaderBanner_BM_1920x668.webp");
}
.x-main-banner.for-snapshot {
height: 450px;
height: 450px;
}
.x-main-banner.for-pf365 {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/651a6d7bf07166282c3a0da7_Digi_Jom5GFamiliku_PF365_SubpgMainBannerDesktop_1921x668.jpg");
background-position: 0 0, 50%;
}
.x-main-banner.for-ppj {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63042c395279de5a1458646f_Digi_Devices_PPJ_SubpageMainBanner_Desktop.jpg");
background-position: 0 0, 50% 100%;
}
.x-main-banner.for-iphone {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/650c1feeda03e31a8f0002ff_Digi_PhoneFreedom365_iPhone-15-series_SubpgMainBannerDesktop_1920x668.jpg");
background-position: 50%;
}
.x-main-banner.for-android {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/64c093eb60dc48172099ed73_Digi_Galaxy_Fold-Flip5_Andriod%20SubPageMainBanner_Desktop_PF365_1921%20x%20668.png");
background-position: 0 0, 50% 0;
}
.x-main-banner.for-ppj-copy {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63042c395279de5a1458646f_Digi_Devices_PPJ_SubpageMainBanner_Desktop.jpg");
background-position: 0 0, 50% 100%;
}
.x-main-banner.for-gf-plus {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6386be6273f5f3752ebcb5da_Digi_Devices_GadgetFreedomPlus_SubpageMainBanner_Desktop.jpg");
background-position: 0 0, 50% 100%;
}
.x-main-banner.for-promotions {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6319b5fad10df6a8b66493c4_Digi_Promotions_MainBanner_Desktop.jpg");
background-position: 0 0, 50%;
}
.x-main-banner.for-trade-in {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/634e5fb9d0a40485ab486dbd_Digi_Devices_SubpageMainBanner_TradeIn_Desktop.jpg");
background-position: 0 0, 50% 100%;
}
.x-main-banner.for-esim {
background-image: linear-gradient(rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/634e5fbac1fe781edf777497_Digi_Devices_SubpageMainBanner_eSIM_Desktop.jpg");
background-position: 0 0, 50% 100%;
}
.x-main-banner.for-airsim {
background-image: linear-gradient(rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/634e5fbcbd97be77af8fc253_Digi_Devices_SubpageMainBanner_AirSIM_Desktop.jpg");
background-position: 0 0, 50%;
}
.x-main-banner.for-loyalty-desktop {
background-position: 0 0, 100%;
}
.x-main-banner.for-pkrm {
background-position: 0 0, 50% 0;
}
.x-main-banner.for-raja-kombo {
background-position: 0 0, 100%;
}
.x-main-banner.for-snapshot-bm {
height: 450px;
}
.x-main-banner.for-pakej-perpaduan {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/64e311affa9c4928efb8760c_Digi_Pakej-Rahmah_Subpage-Main-Banner_1921x668_Desktop.jpg");
background-position: 50% 40%;
background-size: cover;
}
.x-main-banner.for-samsung-s23-contest {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63fc48a02619d1e7ab2fd016_Digi_Promo_Digi23forS23_SubpageMainBanner_Desktop.jpg");
background-position: 0 0, 50%;
}
.x-main-banner.for-prepaid-main, .x-main-banner.for-talktime-services {
background-position: 0 0, 50%;
}
.x-main-banner.for-promotions {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6476df55c6c2c46461b5e303_Digi_CelcomDigiOnlineShop_iPhone14_SliderBanner_Desktop_2000x600.png");
background-position: 50%;
}
.x-main-banner.for-promotions.for-postpaid-90 {
background-position: 50%;
}
.x-main-banner.for-promotions.for-iphone-15 {
background-position: 75%;
background-size: cover;
}
.x-main-banner.for-s23 {
background-image: linear-gradient(rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .58)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63f733ed0c8340b5534fd8cf_Digi_SamsungGalaxyS23_SubpageMainBanner_Desktop.jpg");
}
.x-main-banner.for-fold-flip-5 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6542ebc6ccf00a99b60aa8a7_Digi_Galaxy_Fold-Flip5_SubPageMainBanner_Desktop_PF365_1921%20x%20668.jpg");
background-position: 50% 100%;
background-size: cover;
}
.x-main-banner.for-iphone {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/650c3c1a88a961c5c373e8f0_SQ1230803_Web_SubpgMainBannerDesktop_1920x668.png");
background-position: 50%;
background-size: cover;
}
.x-banner-heading.for-postpaid.for-fold5-flip5.for-black, .x-banner-heading.for-postpaid.for-fold5-flip5-copy.for-black, .x-banner-heading.for-pay-via-digi.for-fold5-flip5.for-black, .x-banner-heading.for-pay-via-digi.for-fold5-flip5-copy.for-black {
top: -5px;
}
.x-banner-title.for-fold-5-flip-5.for-black, .x-banner-title.for-pay-via-digi.for-black, .x-banner-title.for-pay-via-digi-copy.for-black {
top: 15px;
}
.x-image-card.banner-data-layer.for-3-grid {
height: 188px;
}
.x-digizen-slide-wrapper {
height: 380px;
margin-right: 4px;
}
.x-digizen-slide-wrapper.for-network {
height: 430px;
}
.x-slider-arrow-left {
margin-bottom: 184px;
}
.x-slider-arrow-right {
margin-bottom: 184px;
right: -12px;
}
.x-idd-rate-title.for-yellow {
background-color: var(--digi-yellow);
}
.x-arrow-left-wrapper {
left: -14px;
}
.x-arrow-right-wrapper {
width: 30px;
height: 40px;
right: -7px;
}
.x-guide-card-wrapper {
padding-right: 20px;
}
.x-guide-card-text {
margin-right: 15px;
}
.x-plan-hover-wrapper {
width: 70%;
top: 14.5px;
left: 89px;
}
.x-triangle-block {
top: 61px;
}
.x-table-slide-container {
width: 23.5%;
box-shadow: none;
}
.x-plan-bottom-price-text {
font-size: 40px;
}
.x-plan-see-details-wrapper.x-see-details {
padding-top: 15px;
}
.x-plan-wrapper-back {
height: 100%;
}
.x-plan-benefit-wrapper {
padding-top: 0;
}
.x-plan-back-footnote-wrapper.x-pbfw-new {
margin-bottom: 0;
}
.x-auto-renewal-text.x-add-margin-2 {
margin-top: 5px;
}
.x-table-plan-container, .x-table-card-front, .x-table-card-front.x-front.x-familiku-specials, .x-table-card-front.x-front.x-familiku-specials, .x-table-card-back {
height: 500px;
}
.x-fb-column-3 {
grid-template-rows: auto;
}
.x-w-auto-renew {
margin-bottom: 0;
}
.x-fam-bundle-container-2 {
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
margin-top: 0;
}
.x-total-amount-2 {
bottom: -71px;
}
.x-price-summary-2 {
top: -80px;
}
.x-sig-tab-link {
width: 20%;
margin-left: 20px;
margin-right: 20px;
padding-left: 20px;
padding-right: 20px;
}
.x-sig-tab-link.w--current {
width: 30%;
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
}
.x-sig-tab-link.for-left {
margin-left: 0;
margin-right: 10px;
}
.x-sig-tab-link.for-side-margin {
width: 20%;
margin-left: 20px;
margin-right: 20px;
padding-left: 20px;
padding-right: 20px;
}
.x-signature-card-block.for-3 {
margin-left: auto;
margin-right: auto;
}
.x-ekyc-steps {
padding-top: 8px;
}
.x-ekyc-steps-card {
background-color: var(--white);
}
.x-ads-steps {
padding-top: 8px;
}
.x-home-digi-slider {
height: 100%;
}
.x-home-slider-ctn {
padding-bottom: 20px;
}
.x-home-dg-slide-nav {
padding-bottom: 0;
bottom: -4%;
}
.x-ekyc-form-header {
font-size: 40px;
}
.x-idd-eligible-countries.x-add-margin-2 {
margin-top: 5px;
}
.x-table-card-back-2, .x-table-card-back-2.x-back.x-familiku-special, .x-table-card-back-2.x-back.x-familiku-special {
height: 500px;
}
.x-add-slash-price {
font-size: 16px;
}
.x-idd-slider {
width: 23.5%;
box-shadow: none;
}
.x-tab-menu-3.centre.buttons-style.for-mobile {
text-align: center;
justify-content: center;
padding-left: 64px;
padding-right: 64px;
}
.x-plan-bottom-price-text-idd {
font-size: 30px;
}
.x-idd-eligible-countries-2.x-add-margin-2 {
margin-top: 5px;
padding-left: 20px;
padding-right: 20px;
}
.x-guide-card-wrapper-2 {
padding-right: 20px;
}
.x-help-card-para {
padding-left: 40px;
}
.x-help-bookmark, .x-help-bookmark-2 {
position: absolute;
top: -1%;
bottom: auto;
left: auto;
right: 3%;
}
.x-dsp-header {
font-size: 40px;
}
.x-exclusive-icon.no-margin {
margin-bottom: 0;
}
.x-exclusive-slide-wrapper {
height: 340px;
margin-right: 4px;
}
.x-exclusive-slider-arrow-left {
margin-top: auto;
margin-bottom: auto;
}
.x-exclusive-slider-arrow-right {
margin-top: auto;
margin-bottom: auto;
right: -26px;
}
.x-exclusive-small-notice {
color: var(--dark-grey);
font-size: 14px;
font-style: italic;
line-height: 20px;
}
.x-button-card-list.x-grid-4 {
grid-column-gap: 2px;
grid-row-gap: 2px;
}
.x-icon-card {
width: 80%;
}
.x-countdown-txt {
font-family: Barlow, sans-serif;
font-weight: 600;
}
.x-auto-renewal-text-2.x-add-margin-2 {
margin-top: 5px;
}
.x-arrow-left-wrapper-3 {
left: -33px;
}
.x-w-auto-renew-2 {
margin-bottom: 0;
}
.x-arrow-right-wrapper-3 {
width: 30px;
height: 40px;
right: -21px;
}
.x-banner-heading-2.for-pkrm {
font-size: 1.5em;
line-height: 1.5em;
}
.x-arrow-left-wrapper-ekyc {
left: -20px;
}
.x-arrow-right-wrapper-ekyc {
width: 30px;
height: 40px;
right: -20px;
}
.x-section-free-device.for-gadget-sim-cd {
height: 370px;
}
.x-ekyc-steps-card-2 {
background-color: #fff;
}
.x-mydigi-header {
font-size: 40px;
}
.x-idd-slider-prepaid {
width: 23.5%;
box-shadow: none;
}
.x-fb-column-6 {
grid-template-rows: auto;
padding-top: 26px;
padding-bottom: 0;
}
.x-sfc-intro-ctn {
padding-left: 140px;
padding-right: 140px;
}
.x-sfc-sokong-ctn-2.for-lesser-margin {
padding-left: 200px;
padding-right: 200px;
}
.x-plan-table-sidebar-4 {
width: 280px;
}
.x-gallery-2.for-network, .x-gallery-2.for-network-2 {
height: 100%;
}
.x-digital-header {
font-size: 30px;
line-height: 40px;
}
.x-iphone-14-slider {
margin-left: 100px;
margin-right: 100px;
}
.x-iphone14-form-header, .x-esim-header {
font-size: 40px;
}
.x-flip4all-header-ctn {
margin-bottom: 0;
}
.x-pg-device-img {
width: 100%;
}
.x-5g-steps {
padding-top: 8px;
}
.x-5g-step-card, .x-5g-mydigi-step-card {
background-color: #fff;
}
.x-plan-logo-link-2.for-blurb, .x-plan-logo-link-2.for-5g-enabled-blurb {
left: auto;
}
.x-sfc-wallpaper-title-wrapper {
padding-left: 220px;
padding-right: 220px;
}
.x-detective-maniam-navbar {
z-index: 1000;
}
.x-new-dm-right-wrapper {
width: 74%;
}
.total_slides {
margin-left: 8px;
font-size: 20px;
}
.x-dm-cast-character-slider {
padding-bottom: 100px;
}
.x-detective-maniam-trailer-btm-arrow.for-mobile {
margin-bottom: 40px;
}
.x-dm-episode-title {
font-size: 22px;
}
.x-dm-cast-character-section.home-hero-section {
padding-top: 60px;
}
.x-dm-cast-img.cast12 {
background-position: 50% 0;
}
.x-detective-maniam-abt-ctn {
height: 100vh;
flex-flow: row;
justify-content: center;
align-items: center;
margin-top: 0;
margin-bottom: 0;
padding-left: 100px;
padding-right: 100px;
display: flex;
position: static;
}
.x-dm-episode-content {
width: 750px;
}
.x-dm-episode-content.for-new {
width: 550px;
}
.x-detective-maniam-playlist-title-ctn {
margin-bottom: 20px;
padding-top: 0;
}
.x-detective-maniam-playlist-title-ctn.for-new {
margin-bottom: 10px;
font-size: 20px;
}
.x-dm-episode-image {
width: 300px;
margin-left: 16px;
}
.x-new-dm-abt-img {
width: 300px;
}
.directors-interview-youtube {
height: auto;
}
.x-dm-bts-gallery-slide {
width: 650px;
}
.x-dm-episode-line-breaker {
width: 1200px;
}
.x-dm-cast-slider-arrow, .x-dm-cast-slider-arrow.left {
bottom: 12vw;
}
.x-section-4.for-detective-maniam {
height: auto;
padding-top: 0;
padding-bottom: 0;
}
.x-section-4.for-new-playlist {
margin-top: 0;
padding-top: 60px;
}
.x-section-4.for-detective-maniam-abt {
height: auto;
height: auto;
background-image: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), linear-gradient(rgba(0, 0, 0, .84), rgba(0, 0, 0, 0) 50%, #000), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d7485f53ca324_detective_maniam_bg1.jpg");
background-position: 0 0, 0 0, 50% 0;
background-size: auto, auto, auto;
margin-top: 60px;
padding-top: 0;
padding-bottom: 0;
}
.counter_wrapper {
top: auto;
}
.x-detective-maniam-abt-title-txt {
font-size: 56px;
}
.x-detective-maniam-abt-title-txt.for-new {
font-size: 28px;
}
.x-detective-maniam-masthead-ctn {
margin-top: 0;
}
.counter {
font-size: 20px;
}
.x-dm-tape-container {
width: 100%;
height: 21vw;
position: absolute;
top: -8vw;
}
.x-dm-bts-gallery-slide-content.bts2 {
width: 605px;
}
.x-detective-maniam-masthead {
width: 100%;
margin-top: 60px;
}
.x-detective-maniam-trailer-btn-txt.banner-data-layer {
margin-top: 60px;
}
.x-detective-maniam-header {
height: 80vh;
}
.x-detective-maniam-episode-ctn {
justify-content: flex-start;
}
.x-new-dm-left-wrapper {
width: 26%;
}
.x-wrapper-40-100 {
padding-top: 36px;
padding-bottom: 36px;
top: auto;
}
.x-detective-maniam-footer-ctn {
background-image: linear-gradient(rgba(0, 0, 0, .65), rgba(0, 0, 0, .65)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d74719b3ca404_detective_maniam_bg3.jpg");
background-position: 0 0, 0 100%;
background-size: auto, cover;
}
.of {
margin-left: 8px;
font-size: 20px;
}
.x-detective-maniam-hero-content {
width: 50%;
}
.x-detective-maniam-wrapper {
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
position: relative;
top: 0;
}
.x-detective-maniam-wrapper.for-about-eps {
margin-top: 100px;
margin-bottom: 0;
padding-top: 100px;
padding-bottom: 40px;
}
.x-detective-maniam-playlist-title-txt.for-new {
font-size: 40px;
}
.x-detective-maniam-cast-title-ctn {
margin-top: 0;
padding-top: 0;
}
.x-detective-maniam-abt-para-txt {
font-size: 20px;
line-height: 30px;
}
.x-detective-maniam-abt-para-txt.for-new {
font-size: 15px;
line-height: 20px;
}
.x-detective-maniam-abt-para-txt.for-new.for-second {
font-size: 14.5px;
}
.x-limit-4 {
margin-bottom: 100px;
top: auto;
}
.x-limit-5 {
margin-bottom: 0;
top: auto;
}
.x-detective-maniam-hero-video {
height: 112%;
margin-top: 60px;
padding-top: 0;
padding-bottom: 0;
}
.x-dm-episode-descp {
font-size: 16px;
}
.x-detective-maniam-abt-title-txt-2 {
font-size: 56px;
}
.x-loyalty-img {
height: 270px;
}
.x-wrapper-pkkm {
padding-top: 36px;
padding-bottom: 36px;
}
.x-raja-kombo-star-bookmark {
width: 40px;
position: absolute;
bottom: auto;
left: auto;
right: 3%;
}
.x-card-2.for-5g {
width: auto;
height: 426px;
}
.x-roaming-card-3 {
height: 100%;
}
.background-video-2.for-dig-sub-app-store {
height: 510px;
}
.background-video-2.for-dig-sub-play-store, .background-video-2.for-dig-sub-google-authorised {
height: 515px;
}
.x-paving-5g-img {
height: 270px;
}
.x-roaming-usp-img-1-new {
height: 100px;
}
.x-wrapper-samsung {
padding-top: 0;
padding-bottom: 10px;
}
.x-wrapper-samsung-copy {
padding-top: 40px;
padding-bottom: 10px;
}
.x-wrapper-samsung-3 {
padding-top: 0;
padding-bottom: 40px;
}
.x-wrapper-pf365 {
padding-bottom: 36px;
}
.x-roaming-pass-tab-3, .x-roaming-pass-tab-3.w--current, .x-roaming-pass-tab-3.for-roaming-mobile, .x-roaming-pass-tab-3.for-roaming-mobile.w--current {
margin-right: 5px;
}
.x-tab-pane-4 {
padding-top: 10px;
}
.x-free-5g-booster-img {
padding-left: 0;
padding-right: 0;
}
.x-5gc-wrapper {
padding-top: 36px;
padding-bottom: 36px;
}
.centre_block-3._02-only {
padding-left: 0;
}
.x-5g-wrapper {
padding-top: 36px;
padding-bottom: 36px;
}
.x-promo-column-left {
padding-left: 10px;
}
.x-cd-fibre-txt-ctn {
margin-left: 0;
}
.x-cd-fibre-grid {
margin-left: 100px;
margin-right: 100px;
}
.x-postpaid-fibre-title {
width: auto;
}
.x-fibre-tv-grid {
margin-left: 60px;
margin-right: 60px;
}
.x-plan-table-column.for-prepaid-bundle.for-width, .x-plan-table-column.for-khas-belia.for-width, .x-plan-table-column.for-raja-kombo.for-width {
width: auto;
width: auto;
}
.x-plan-table-column.for-prepaid-starter.for-light-red, .x-plan-table-column.for-prepaid-starter.for-light-yellow {
width: auto;
}
.x-plan-table-column.for-prepaid-starter.for-light-orange {
width: 195px;
}
.x-plan-table-column.for-prepaid-starter.for-light-grey, .x-plan-table-column.for-prepaid-next-2.for-width-2, .x-plan-table-column.for-prepaid-next-2.for-width-2 {
width: auto;
}
.x-redirect-link-grid {
align-items: center;
justify-items: center;
}
.x-section-header-5 {
margin-top: 10px;
}
.x-plan-title-big.for-mobile-smaller {
font-size: 27px;
}
.x-plan-title-big.new {
line-height: 30px;
}
.x-plan-title-big.for-mobile-smaller {
font-size: 27px;
}
.x-plan-small-title.for-mobile-smaller {
font-size: 15px;
}
.x-plan-small-title.blurb {
font-size: 12px;
}
.x-plan-small-title.for-mobile-smaller {
font-size: 15px;
}
.x-plan-card-slide {
width: 23.5%;
}
.x-plan-card-slide.for-wide {
width: 29%;
}
.x-plan-card-slide.for-3 {
width: 23.5%;
}
.x-plan-card-slide.for-pdkb {
width: 30%;
}
.x-plan-front-details-ctn {
grid-row-gap: 15px;
}
.x-5g-booster-ctn.add-t-margin {
margin-top: 40px;
}
.x-5g-booster-ctn.for-5g.for-new-plan {
align-self: center;
margin-bottom: 40px;
padding-bottom: 0;
}
.x-plan-btm-ctn.for-postpaid-short {
height: 330px;
}
.x-plan-btm-ctn.for-postpaid-short-back, .x-plan-btm-ctn.for-postpaid-5g {
height: 400px;
}
.x-plan-btm-ctn.for-postpaid-5g.adjust-height {
height: 230px;
}
.x-plan-btm-ctn.for-postpaid-5g-back {
height: 480px;
}
.x-plan-btm-ctn.for-postpaid-5g-back.adjust-height {
height: 300px;
}
.x-esp-bookmark-2 {
width: 50px;
position: absolute;
bottom: auto;
left: auto;
right: 3%;
}
.x-plan-table-header-13.for-sidebar.for-higher.for-prepaid-starter.for-center.for-right-border-radius.for-orange {
width: 195px;
}
.x-plan-table-header-13.for-sidebar.for-higher.for-prepaid-starter.for-center.for-red {
width: auto;
}
.x-plan-table-header-13.for-sidebar.for-higher.for-prepaid-starter.for-center.for-height {
width: auto;
height: 70px;
}
.x-plan-table-header-14.for-sidebar.for-higher.for-prepaid-starter.for-center.for-right-border-radius.for-orange {
width: 195px;
}
.x-plan-table-header-14.for-sidebar.for-higher.for-prepaid-starter.for-center.for-red {
width: auto;
}
.x-plan-table-header-14.for-sidebar.for-higher.for-prepaid-starter.for-center.for-height {
width: auto;
height: 70px;
}
.x-prepaid-next-image.for-smaller {
padding-left: 80px;
padding-right: 80px;
}
.x-plan-table-content-31.for-6-columns {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.x-plan-table-row-12.add-padding.for-height {
height: 120px;
}
.cd-plan-table-col {
border-bottom-right-radius: 12px;
}
.x-table-row.for-dark-blue, .x-table-row.for-dark-blue.for-rounded-corner.for-height {
width: 280px;
}
.x-table {
width: auto;
overflow: hidden;
}
.x-table.for-desktop {
padding-left: 120px;
padding-right: 120px;
}
.x-plan-table-5g-column {
height: 77.8px;
}
.x-wrapper-17 {
padding-top: 36px;
padding-bottom: 36px;
top: auto;
}
.x-pg-gear-headline {
font-size: 2.3em;
}
.x-wrapper-19, .x-wrapper-20 {
padding-top: 36px;
padding-bottom: 36px;
}
.x-wrapper-21 {
padding-top: 36px;
padding-bottom: 36px;
top: auto;
}
.x-plan-table-content-prepaid.for-6-columns {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.text-span-135 {
font-size: 16px;
line-height: 16px;
}
.x-roam-like-home-grid {
padding-left: 100px;
padding-right: 100px;
}
.x-passes-details-wrapper {
left: 18%;
}
.x-r-passes-column {
padding-left: 100px;
padding-right: 100px;
}
.x-roaming-picker-wrapper {
margin-left: 60px;
margin-right: 60px;
}
.for-postpaid-5g {
height: 380px;
}
.for-postpaid-5g-back {
height: 450px;
}
.bold-text-80-3.sub-text {
font-size: 14px;
}
.x-table-sidebar-2 {
width: 280px;
}
.x-pakej-5g-rahmah-blurb {
left: 130px;
}
.x-wrapper-24 {
padding-top: 36px;
padding-bottom: 36px;
top: auto;
}
.x-section-header-7 {
margin-top: 10px;
}
.x-talktime-img {
height: auto;
}
.x-esim-header-copy, .x-esim-header-copy-2 {
font-size: 40px;
}
.x-iphone-15-slider {
margin-left: 100px;
margin-right: 100px;
}
.x-plan-logo-link-3.for-5g-enabled-blurb {
left: auto;
}
.x-plan-table-sidebar-18 {
width: 280px;
}
.x-plan-logo-link-4.for-5g-enabled-blurb {
left: auto;
}
.x-plan-table-sidebar-19 {
width: 280px;
}
.x-plan-logo-link-5.for-5g-enabled-blurb {
left: auto;
}
.x-plan-table-sidebar-20 {
width: 280px;
}
.x-plan-logo-link-6.for-5g-enabled-blurb {
left: auto;
}
.x-plan-table-sidebar-21 {
width: 280px;
}
.x-wrapper-6 {
padding-top: 36px;
padding-bottom: 36px;
}
.x-cny-element.for-left-ornament {
width: 130px;
}
.x-wrapper-8 {
padding-top: 36px;
padding-bottom: 36px;
}
.x-free-device-txt-ctn-3.centre.for-jom5gfamiliku, .x-free-device-txt-ctn-3.centre.for-j5gfamiliku {
top: 0;
}
.x-wrapper-31, .x-wrapper-32 {
padding-top: 36px;
padding-bottom: 36px;
}
.x-section-19.for-ultra-yellow.for-full-height {
height: 910px;
}
.x-wrapper-33 {
padding-top: 36px;
padding-bottom: 36px;
}
.x-business-thank-you-header {
font-size: 40px;
}
.text-span-150 {
font-size: 16px;
line-height: 16px;
}
.text-block-121.for-padding {
margin-top: 25px;
}
.text-block-122 {
top: 12px;
}
.x-plan-table-column-2.for-height {
height: 120px;
}
.for-desktop.for-hide-next {
display: none;
}
.promotions-tab, .promotions-tab.w--current, .promotions-tab.for-roaming-mobile, .promotions-tab.for-roaming-mobile.w--current {
margin-right: 5px;
}
.image-74 {
margin-bottom: 30px;
}
.centre_block-4._02-only {
padding-left: 0;
}
}
@media screen and (min-width: 1440px) {
h1 {
font-size: 64px;
line-height: 72px;
}
h2 {
margin-bottom: 20px;
font-size: 48px;
line-height: 56px;
}
.x-limit.for-broadcast {
background-color: #fcc;
}
.x-icon.for-opt-btn {
height: auto;
}
.x-icon.for-mydigi, .x-icon.for-business, .x-icon.for-mydigi {
width: 48px;
height: 48px;
}
.x-acc-mydigi-btn {
height: 48px;
}
.x-prime-dd-menu {
z-index: 9002;
display: block;
}
.x-prime-dd-menu.for-hide {
display: none;
}
.x-prime-dd-wrapper {
display: block;
}
.x-emp-text.for-title {
font-size: 24px;
}
.x-emp-text.for-val-large {
font-size: 40px;
line-height: 48px;
}
.x-emp-text.for-abadi {
font-size: 24px;
}
.x-wrapper-2, .x-wrapper-2.for-hero {
padding-top: 48px;
padding-bottom: 48px;
}
.x-wrapper-2.for-prime-hero {
padding-top: 48px;
}
.x-section, .x-section.accolades {
padding-bottom: 0;
}
.x-section.for-skorbsdg {
background-position: 40% 40%;
}
.x-section.for-bottom-padding {
padding-bottom: 40px;
}
.x-hero.remove-margin {
margin-top: 0;
}
.x-hero-wrapper {
min-height: 28vh;
}
.x-hero-wrapper.for-slider {
padding-top: 40px;
padding-bottom: 40px;
}
.x-lead-text.for-nopad {
color: var(--black);
}
.x-lead-text.for-limit-60 {
text-align: left;
display: block;
}
.x-lead-text.for-limit-60.centre {
display: block;
}
.x-lead-text.for-limit-60 {
text-align: left;
}
.x-lead-text.for-nopad {
color: #272727;
}
.x-lead-text.for-limit-60 {
text-align: left;
display: block;
}
.x-rate-plan-block {
font-size: 18px;
}
.x-rate-plan-card-wrapper.for-althr {
padding-top: 36px;
}
.x-accordion-block {
display: block;
}
.x-rate-table-list {
margin-bottom: 0;
}
.x-rate-plan-card-focus {
line-height: 16px;
}
.x-btn-container.for-404 {
margin-bottom: 23px;
}
.x-btn.no-margin-center {
margin-bottom: 20px;
}
.x-btn.for-colouringmalaysiaku {
margin-top: 10px;
padding: 20px 80px;
font-size: 23px;
}
.x-rate-copy-block {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .7fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.x-rate-copy-block.for-right {
grid-column-gap: 73px;
grid-template-columns: .7fr .5fr;
}
.x-rate-copy-block.for-right.for-esim {
grid-column-gap: 0px;
justify-items: center;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.x-content-wrapper.for-margin {
margin-left: 180px;
margin-right: 180px;
}
.x-content-copy-img {
width: 100%;
object-fit: cover;
margin-right: 32px;
}
.x-content-copy-img.for-right {
width: 36%;
height: auto;
}
.x-content-copy-img.for-right.for-vowifi {
width: 50%;
}
.x-content-block.x-add-padding, .x-content-block.x-add-padding-iphone {
padding-left: 220px;
padding-right: 220px;
}
.x-img-block {
border-radius: 0;
}
.x-img-block.for-square {
width: 60%;
height: 60%;
display: block;
overflow: visible;
}
.x-card-block.for-4 {
grid-template-rows: auto auto;
grid-auto-flow: row;
}
.x-card-block.for-4.for-solution, .x-card-block.for-4.for-top-padding, .x-card-block.for-4.add-margin, .x-card-block.for-4.for-esim {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.x-card-block.for-4.for-airsim {
grid-template-rows: auto;
}
.x-card-block.for-4 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.x-card-block.for-next.for-top-padding {
display: flex;
}
.x-card-block.for-4 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.x-card.borderless {
text-align: center;
border-style: none;
flex-direction: column;
justify-content: flex-start;
align-items: center;
font-size: 18px;
display: flex;
}
.x-card.digizen {
height: 100%;
align-items: stretch;
}
.x-card-img, .x-card-label {
text-align: left;
}
.x-guide-card-item-img {
object-fit: fill;
}
.x-hero-container {
margin-bottom: 32px;
}
.x-hero-container.for-slider {
max-width: 720px;
}
.x-hero-container.for-banner {
margin-bottom: 0;
}
.x-rate-table-label {
display: none;
}
.x-card-title {
padding-top: 8px;
}
.x-plan-table-sidebar {
width: 280px;
}
.x-plan-table-header {
height: 96px;
padding-left: 24px;
padding-right: 24px;
}
.x-plan-table-header.for-sidebar.for-merge.mb-bd, .x-plan-table-header.for-sidebar.for-higher.for-prepaid-next.for-light-yellow {
width: auto;
}
.x-plan-table-h3.add-padding.mobile.remove-padding {
margin-left: -19px;
}
.x-plan-table-row {
height: 80px;
}
.x-plan-table-row.for-center.for-last.mobile-broadband-borders {
z-index: 20;
min-width: auto;
border-left-style: solid;
margin-left: 32px;
}
.x-plan-table-row.highlight {
border-left-style: solid;
}
.x-endnote-h2.for-idd {
padding-left: 60px;
padding-right: 60px;
}
.x-mini-plan-list.for-span-full.super-long-life {
position: relative;
}
.x-promo-card-link {
cursor: pointer;
border-radius: 12px;
}
.x-promo-card-link:hover {
background-color: var(--ultra-light-grey);
}
.x-page-banner {
width: 100%;
}
.x-cart-main {
margin-left: 560px;
padding-top: 80px;
}
.x-cart-wrapper {
max-width: 800px;
}
.x-form-block.for-business, .x-form-block.for-lead-form, .x-form-block.for-business, .x-form-block.for-btl, .x-form-block.for-lead-form {
max-width: 1100px;
}
.x-input-row.idd-rates.add-margin {
margin-left: 140px;
margin-right: 140px;
}
.x-input-toggle {
align-items: center;
display: flex;
}
.x-tile-plan-card-wrapper {
padding: 0;
}
.x-device-list-block {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.x-form-wrapper {
max-width: 800px;
}
.x-shop-list {
margin-bottom: 32px;
}
.x-shop-more-btn.for-align {
margin-top: 40px;
}
.x-video-item.for-full {
object-fit: fill;
}
.x-banner-list {
margin-bottom: 32px;
}
.x-banner-list.for-2 {
height: auto;
height: auto;
}
.x-banner-list.for-2.for-height {
height: 427px;
}
.x-banner-item-img {
display: inline-block;
}
.x-broadcast-list {
z-index: 7;
background-color: #fcc;
position: relative;
}
.x-broadcast-badge {
font-size: 18px;
}
.x-icon-logo {
width: 48px;
height: 48px;
object-fit: fill;
}
.x-redirect-block.for-4 {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.x-redirect-link {
padding-top: 16px;
padding-bottom: 16px;
}
.x-redirect-cta-subheading {
text-align: center;
font-size: 18px;
line-height: 20px;
display: block;
}
.x-redirect-cta-subheading.left-align {
text-align: left;
}
.x-redirect-image.for-smaller {
margin-right: 29px;
}
.x-redirect-image.for-prepaid-all {
padding-left: 10px;
padding-right: 10px;
}
.x-redirect-image.for-belia {
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.x-redirect-icon {
font-size: 18px;
display: inline-block;
position: relative;
bottom: -2px;
}
.x-btl-img-banner {
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}
.x-hero-grid-banner {
min-height: 28vh;
}
.x-hero-grid-banner.for-catalogue {
height: 200px;
min-height: 0;
}
.x-hero-side-banner-img {
height: 100%;
filter: none;
}
.x-hero-heading {
color: var(--black);
}
.x-hero-side-banner-mobile {
display: none;
}
.collection-item {
color: var(--white);
}
.x-solution-prop-rt img {
width: 48px;
height: 48px;
}
.x-card-icon {
width: auto;
height: 36px;
margin-bottom: 10px;
}
.x-long-banner-image {
width: 100%;
}
.x-testimonial-slide.for-one {
width: 32%;
margin-right: 22px;
}
.x-image-card-img.for-promo {
height: auto;
margin-bottom: 0;
}
.text-span-23 {
font-size: 16px;
}
.x-home-promo-content.no-padding {
padding-top: 16px;
}
.x-promo-img-banner {
object-fit: cover;
margin-left: auto;
margin-right: auto;
}
.x-promo-list-rt h2 {
font-size: 2em;
line-height: 150%;
}
.x-promo-list-container {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1.5fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.x-promo-list-img-block {
border-radius: 12px;
}
.x-error-wrapper {
padding-top: 109px;
padding-bottom: 138px;
}
.x-error-left-block {
grid-row-gap: 16px;
}
.x-error-heading {
font-size: 50px;
}
.x-error-heading2.add-space {
margin-top: 27px;
}
.x-error-heading2.add-bottom-space {
margin-bottom: 14px;
}
.x-error-link-container {
background-color: rgba(0, 0, 0, 0);
}
.x-error-link {
font-size: 1em;
}
.paragraph-6 {
font-size: 18px;
}
.text-span-42 {
text-align: center;
font-size: 50px;
}
.heading-17, .x-p.for-center {
text-align: center;
}
.text-span-45, .text-span-46 {
color: var(--white);
}
.text-span-49 {
text-decoration: line-through;
}
.x-plan-table-heading-bar.no-curve.for-mobile-bd-mbb-5-5 {
margin-bottom: 75px;
}
.x-plan-table-heading-bar.adjust-base-plan-tablet-copy {
margin-bottom: -125px;
}
.x-plan-table-row-2 {
height: 80px;
}
.x-wrapper-2 {
padding-top: 56px;
padding-bottom: 64px;
}
.x-wrapper-2.for-hero {
padding-bottom: 56px;
}
.x-hero-container-2 {
margin-bottom: 32px;
}
.x-hero-container-2.for-banner {
margin-bottom: 0;
}
.x-hero-grid-banner-2 {
min-height: 28vh;
}
.x-plan-table-sidebar-3 {
width: 280px;
}
.x-plan-table-header-3 {
height: 96px;
padding-left: 24px;
padding-right: 24px;
}
.x-plan-logo-link {
left: 140px;
}
.x-plan-logo-link.for-super-long-life {
z-index: 100;
top: -17%;
left: auto;
}
.r-nav-bar.for-product.exist {
top: 11%;
}
.x-main-banner.for-postpaid {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/633b83c13c01cb013c6537b9_Digi_Postpaid_SubpageMainBanner_Desktop.jpg");
background-position: 0 0, 50% 0;
background-size: auto, cover;
}
.x-main-banner.for-add-ons {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6336651af798ee83a8cfb5da_Digi_Postpaid_FreedomAddOns_SubpageMainBanner_Desktop.jpg");
}
.x-main-banner.for-switch-to-digi {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6267703c306351ee60e5961b_Switch_to_Digi_Main_Banner_Desktop.jpeg");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.x-main-banner.for-signature {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/625f7947037c34009eb08e9c_Digi_Signature_MainBanner_Desktop_3000x1043.jpeg");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.x-main-banner.for-ekyc {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63608be126a735162d2c2188_Digi_eKYC-registration-Main-Banner(Desktop).jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.x-main-banner.for-get-help {
background-image: linear-gradient(rgba(0, 0, 0, 0) 41%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6260c2ea90f2246892b3c203_Digi_GetHelp_Main_Banner_Desktop.jpeg");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.x-main-banner.for-idd {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/62554491717fd6622333124c_Digi_IDD_Main%20Banner_Desktop_3000x1042.png");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.x-main-banner.for-exclusive-pack {
height: 500px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65add377a78ed7f6ff11f4ec_Digi_5G%20Internet_Web_HeaderBanner_EN_1920x668.webp");
background-position: 50%;
background-size: cover;
}
.x-main-banner.for-business-solutions {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/62678dd11c0eec0a8fa1bf2f_Digi_Digi%20Business_LE%20Webpage_build%20in%20vertical%20mention_Opt%20A_3000%20x%201043px_R1_FA_72dpi-01.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.x-main-banner.for-digital-solutions {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/626649ad45767b4e745c0acf_Digi_Digi%20Business_Digital%20Solution_Desktop_3000%20x%201043px_R4_FA_72dpi-01-compressed.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.x-main-banner.for-roaming {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/628f0cbcf853c0184815ba79_Digi_Roaming(Desktop).jpg");
background-position: 0 0, 50% 0;
background-size: auto, cover;
}
.x-main-banner.for-belia {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/639fc36fde93943ee63d9ff8_Digi_Prepaid_SubpageMainBanner_PakejKhasDataBelia_Desktop_EN.jpg");
background-position: 50%;
background-size: cover;
}
.x-main-banner.for-belia.for-bm {
background-position: 0 0, 50%;
}
.x-main-banner.for-prepaid-en-desktop-copy {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6568604939d3aa075bb6f75e_Digi_Campaign%206_NEXT25_Web_HeaderBannerDesktop_EN_1920x668.webp");
background-position: 50%;
background-size: cover;
}
.x-main-banner.for-prepaid-bm-desktop-copy {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65686049c0ec7713fdaf8481_Digi_Campaign%206_NEXT25_Web_HeaderBannerDesktop_BM_1920x668.webp");
background-position: 50%;
background-size: cover;
}
.x-main-banner.for-mydigi {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6298c18a57c18a1731be87e5_Digi_Apps%26Services_MyDigi_Desktop.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.x-main-banner.for-exclusive-pack-bm {
height: 500px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65add3761e1f22cd35ecb4a5_Digi_5G%20Internet_Web_HeaderBanner_BM_1920x668.webp");
background-position: 50%;
background-size: cover;
}
.x-main-banner.for-snapshot {
height: 600px;
height: 600px;
}
.x-main-banner.for-promotions {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .63)), none;
background-position: 0 0, 50% 0;
background-size: auto, cover;
}
.x-main-banner.for-gadget {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6348cb85fa53670cefd4e307_Digi_Devices_GadgetSIM_SubpageMainBanner_Desktop.jpg");
background-position: 0 0, 50% 20%;
background-size: auto, cover;
}
.x-main-banner.for-promotions {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6232df12a44d4f8476402748_Digi_Postpaid_Desktop_3000x1043.png");
background-position: 0 0, 50% 0;
background-size: auto, cover;
}
.x-main-banner.for-nsc {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/62e8ba13d00c74770a0a6ff3_Digi_NetworkStatusChecker-Desktop.jpg");
background-position: 0 0, 50% 0;
background-size: auto, cover;
}
.x-main-banner.for-pf365 {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/651a6d7bf07166282c3a0da7_Digi_Jom5GFamiliku_PF365_SubpgMainBannerDesktop_1921x668.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.x-main-banner.for-ppj {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63042c395279de5a1458646f_Digi_Devices_PPJ_SubpageMainBanner_Desktop.jpg");
background-position: 0 0, 50% 70%;
background-size: auto, cover;
}
.x-main-banner.for-iphone {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/650c1feeda03e31a8f0002ff_Digi_PhoneFreedom365_iPhone-15-series_SubpgMainBannerDesktop_1920x668.jpg");
background-position: 50%;
background-size: cover;
}
.x-main-banner.for-android {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/64c093eb60dc48172099ed73_Digi_Galaxy_Fold-Flip5_Andriod%20SubPageMainBanner_Desktop_PF365_1921%20x%20668.png");
background-position: 0 0, 50% 0;
background-size: auto, cover;
}
.x-main-banner.for-ppj-copy {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63042c395279de5a1458646f_Digi_Devices_PPJ_SubpageMainBanner_Desktop.jpg");
background-position: 0 0, 50% 70%;
background-size: auto, cover;
padding-bottom: 0;
}
.x-main-banner.for-gf-plus {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6386be6273f5f3752ebcb5da_Digi_Devices_GadgetFreedomPlus_SubpageMainBanner_Desktop.jpg");
background-position: 0 0, 50% 60%;
background-size: auto, cover;
}
.x-main-banner.for-promotions {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6319b5fad10df6a8b66493c4_Digi_Promotions_MainBanner_Desktop.jpg");
background-position: 0 0, 50% 40%;
background-size: auto, cover;
}
.x-main-banner.for-roaming {
background-image: linear-gradient(rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6351f16420ec73eda84a2e05_Digi_Roaming_Header-Banner_Desktop.jpg");
background-position: 0 0, 50% 0;
background-size: auto, cover;
}
.x-main-banner.for-home-fibre {
background-position: 0 0, 50% 0;
}
.x-main-banner.for-home-fibre.for-ff7 {
background-position: 0 0, 50% 25%;
}
.x-main-banner.for-trade-in {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/634e5fb9d0a40485ab486dbd_Digi_Devices_SubpageMainBanner_TradeIn_Desktop.jpg");
background-position: 0 0, 50% 70%;
background-size: auto, cover;
padding-bottom: 0;
}
.x-main-banner.for-esim {
background-image: linear-gradient(rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/634e5fbac1fe781edf777497_Digi_Devices_SubpageMainBanner_eSIM_Desktop.jpg");
background-position: 0 0, 50% 70%;
background-size: auto, cover;
padding-bottom: 0;
}
.x-main-banner.for-airsim {
background-image: linear-gradient(rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/634e5fbcbd97be77af8fc253_Digi_Devices_SubpageMainBanner_AirSIM_Desktop.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
padding-bottom: 0;
}
.x-main-banner.for-digi-5g {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/636b0d1192726724fd04852f_Digi_5G_Activate5GNow_MainBanner_Desktop.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.x-main-banner.for-digi-5g.consumer {
background-position: 0 0, 50% 20%;
}
.x-main-banner.for-loyalty-desktop {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6348cb5ba8a4b614691aa239_Digi_Prepaid_LoyaltyBonus_SubpageMainBanner_Desktop.jpg");
background-position: 100%;
background-size: cover;
}
.x-main-banner.for-pkrm {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/639fc451de939482103db0b7_Digi_Prepaid_PakejRemaja_SubpageMainBanner_Desktop.jpg");
background-position: 0 0, 50% 0;
background-size: auto, cover;
}
.x-main-banner.for-raja-kombo {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/64c67a984253687c94051f72_Celcom_Raja%20Combo_Header%20Banner_1920x668.jpg");
background-position: 50% 0;
background-size: cover;
}
.x-main-banner.for-mobile-broadband {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63855db452dae6e31fb6d116_Digi_MobileBroadband_SubpageMainBanner_Desktop.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.x-main-banner.for-snapshot-bm {
height: 600px;
}
.x-main-banner.for-oku {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6242a98a7b15306aa6e63f25_Digi_Postpaid_OKUPlan_Desktop_1400x350.png");
background-position: 0 0, 100% 0;
background-size: auto, cover;
}
.x-main-banner.for-senior-citizen {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6152b2d34ca06b58d35dde29_digi-seniors.png");
background-position: 0 0, 100% 0;
background-size: auto, cover;
}
.x-main-banner.for-appstore {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/61d2c1f102a2a8092dd4380e_Digi_Apple_AppStore_1200x630.png");
background-position: 0 0, 100% 45%;
background-size: auto, cover;
}
.x-main-banner.for-googleplay {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/61d2c1ea0a037e4cce89abe5_Digi_Google_PlayStore_1200x630.png");
background-position: 0 0, 100% 45%;
background-size: auto, cover;
}
.x-main-banner.for-senior-citizen {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6152b2d34ca06b58d35dde29_digi-seniors.png");
background-position: 0 0, 100% 0;
background-size: auto, cover;
}
.x-main-banner.for-prepaid {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6295d71a29afea5d10dad7ee_Digi_PrepaidNEXT_SubpageMainBanner_Desktop_EN.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.x-main-banner.for-autobilling {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/633b83c13c01cb013c6537b9_Digi_Postpaid_SubpageMainBanner_Desktop.jpg");
background-position: 0 0, 50% 0;
background-size: auto, cover;
}
.x-main-banner.for-pakej-perpaduan {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/64e311affa9c4928efb8760c_Digi_Pakej-Rahmah_Subpage-Main-Banner_1921x668_Desktop.jpg");
background-position: 50%;
background-size: cover;
}
.x-main-banner.for-samsung-s23-contest {
height: 450px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63fc48a02619d1e7ab2fd016_Digi_Promo_Digi23forS23_SubpageMainBanner_Desktop.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.x-main-banner.for-prepaid-main {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6568604939d3aa075bb6f75e_Digi_Campaign%206_NEXT25_Web_HeaderBannerDesktop_EN_1920x668.webp");
background-position: 50%;
background-size: cover;
}
.x-main-banner.for-talktime-services {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/642d13ace603d0ff8af724ff_Digi_Prepaid_TalktimeServices_SubpageMainBanner_Desktop.jpg");
background-position: 50% 20%;
background-size: cover;
}
.x-main-banner.for-promotions {
height: 420px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6476df55c6c2c46461b5e303_Digi_CelcomDigiOnlineShop_iPhone14_SliderBanner_Desktop_2000x600.png");
background-position: 50%;
background-size: cover;
}
.x-main-banner.for-promotions.for-iphone {
height: 420px;
}
.x-main-banner.for-s23 {
background-image: linear-gradient(rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, .58)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63f733ed0c8340b5534fd8cf_Digi_SamsungGalaxyS23_SubpageMainBanner_Desktop.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.x-main-banner.for-fold-flip-5 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6542ebc6ccf00a99b60aa8a7_Digi_Galaxy_Fold-Flip5_SubPageMainBanner_Desktop_PF365_1921%20x%20668.jpg");
background-position: 50% 75%;
background-size: cover;
}
.x-main-banner.for-iphone {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/650c3c1a88a961c5c373e904_SQ1230803_Web_SubpgMainBannerDesktop_1920x668.png");
background-position: 50% 48%;
background-size: cover;
}
.x-banner-heading.for-postpaid.for-ppj-bm {
top: 270px;
}
.x-banner-heading.for-postpaid.for-iphone, .x-banner-heading.for-postpaid.for-ppj-bm {
top: 245px;
}
.x-banner-heading.for-postpaid.for-fold5-flip5.for-black, .x-banner-heading.for-postpaid.for-fold5-flip5-copy.for-black {
top: -5px;
}
.x-banner-heading.for-pay-via-digi.for-ppj-bm {
top: 270px;
}
.x-banner-heading.for-pay-via-digi.for-iphone, .x-banner-heading.for-pay-via-digi.for-ppj-bm {
top: 245px;
}
.x-banner-heading.for-pay-via-digi.for-fold5-flip5.for-black, .x-banner-heading.for-pay-via-digi.for-fold5-flip5-copy.for-black {
top: -5px;
}
.x-banner-title.for-iphone {
top: 268px;
}
.x-banner-title.for-fold-5-flip-5.for-black, .x-banner-title.for-pay-via-digi.for-black, .x-banner-title.for-pay-via-digi-copy.for-black {
top: 15px;
}
.x-slider-dots.for-hide.for-postpaid {
padding-top: 40px;
top: -40px;
}
.x-ads-subheader.for-home-fibre {
font-size: 1.1em;
}
.x-ads-subheader.for-pakej-remaja {
font-size: 1.2em;
}
.x-title-heading.for-center {
margin-left: 140px;
margin-right: 140px;
}
.x-digizen-slide-wrapper {
height: 370px;
}
.x-slider-arrow-left {
margin-bottom: 172px;
}
.x-slider-arrow-right {
margin-bottom: 172px;
right: -5px;
}
.o--blog-sharer-url {
max-width: 480px;
margin-right: 0;
}
.o--blog-sharer-val {
width: 100%;
max-width: none;
}
.x-arrow-left-wrapper {
left: -18px;
}
.x-arrow-left-wrapper.for-postpaid {
z-index: 1000;
z-index: 1000;
margin-left: 0;
}
.x-arrow-right-wrapper {
right: -10px;
}
.x-arrow-right-wrapper.for-postpaid {
z-index: 10000;
z-index: 10000;
margin-left: 0;
right: -8px;
}
.x-guide-card-text {
margin-right: 30px;
}
.x-digi-business-sitemap-title {
margin-bottom: 12px;
}
.x-digi-biz-sitemap-title {
margin-bottom: 0;
}
.heading-36 {
margin-bottom: 12px;
}
.x-mini-notice.for-larger.for-infinite-2.for-ml {
margin-top: 20px;
}
.x-table-slide-container {
width: 23.8%;
box-shadow: none;
}
.x-plan-header.for-blue {
border-top-left-radius: 25px;
border-top-right-radius: 25px;
}
.x-plan-header-div.x-add-margin {
padding-top: 36px;
}
.x-plan-header-div.x-add-margin.for-new {
padding-top: 60px;
}
.x-plan-bottom-usp.x-pbu-new {
padding-top: 20px;
}
.x-boost-container {
padding-top: 0;
padding-bottom: 0;
}
.x-add-on-card-img {
width: 100%;
}
.x-auto-renewal.x-adjust-margin {
margin-top: 40px;
}
.x-dropdown-item {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.x-dropdown-trigger {
align-items: center;
}
.x-table-plan-container {
width: 23.7%;
}
.x-table-card-front.x-front.for-min-width {
min-width: 345px;
}
.x-table-card-front.x-front.for-sig-offer {
max-width: 100%;
}
.x-table-card-front.x-front.x-familiku-specials {
height: 450px;
height: 480px;
}
.x-table-card-back {
box-shadow: 0 0 9px -4px rgba(0, 0, 0, .3);
}
.x-table-card-back.x-back.for-max-width {
max-width: 366px;
}
.x-fb-grid {
grid-template-columns: .5fr 1fr .5fr;
}
.x-belia-social-text {
margin-left: 10px;
margin-right: 10px;
}
.x-total-amount-2 {
width: 100%;
}
.x-price-summary-2 {
width: 100%;
top: -80px;
}
.x-language-picker-ppj {
top: 11px;
}
.text-block-49 {
margin-right: 0;
}
.x-sig-offers-ctn {
width: 25%;
}
.x-sig-tab-link.for-left, .x-sig-tab-link.for-right {
width: 20%;
}
.x-signature-card-block.for-2.x-adjust-space {
margin-left: 348px;
margin-right: 348px;
}
.x-home-digi-slider {
height: 100%;
}
.x-home-dg-desktop-img {
object-fit: fill;
}
.x-home-dg-right-arrow.for-hide-mobile {
margin-top: auto;
margin-bottom: auto;
}
.x-home-dg-slide-nav {
bottom: -3%;
}
.x-table-card-back-2 {
box-shadow: 0 0 9px -4px rgba(0, 0, 0, .3);
}
.x-table-card-back-2.x-back.x-familiku-special {
height: 450px;
height: 480px;
}
.x-plan-table-row-3 {
height: 80px;
}
.x-idd-slider {
width: 23.8%;
box-shadow: none;
}
.x-help-card-block {
padding-left: 40px;
padding-right: 40px;
}
.x-help-card {
height: 100%;
padding-top: 20px;
}
.x-help-card-para {
padding-left: 40px;
}
.x-help-card-2 {
width: 100%;
}
.x-help-card-para-2 {
margin-bottom: 0;
}
.x-help-card-block-top {
margin-left: auto;
margin-right: auto;
padding-left: 50px;
padding-right: 50px;
}
.x-help-para-ctn {
align-items: center;
}
.x-dsp-form-wrapper {
max-width: 800px;
}
.x-exclusive-title.for-center {
margin-left: 140px;
margin-right: 140px;
}
.x-exclusive-gallery-img {
width: 100%;
height: auto;
}
.x-exclusive-text.for-title {
font-size: 24px;
}
.x-exclusive-slide-wrapper {
height: 400px;
}
.x-exclusive-slider-arrow-left {
margin-top: auto;
margin-bottom: auto;
margin-left: 0;
top: 0;
bottom: 0;
left: -18px;
}
.x-exclusive-slider-arrow-right {
margin-top: auto;
margin-bottom: auto;
margin-right: 0;
right: -10px;
}
.x-exclusive-table-text {
margin-left: 10px;
margin-right: 10px;
}
.x-video-center-block {
margin-left: 100px;
margin-right: 100px;
}
.x-video-center-block.for-more-margin {
margin-left: 120px;
margin-right: 120px;
}
.x-button-card-list.x-grid-4 {
margin-left: 140px;
margin-right: 140px;
padding-left: 0;
}
.x-icon-card {
width: 90%;
height: 100%;
opacity: .95;
border: 1px #000;
border-radius: 10px;
padding: 20px 30px;
box-shadow: 0 2px 10px -3px #979797;
}
.x-dropdown-item-2 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.x-familiku-masthead {
width: 100px;
}
.x-arrow-left-wrapper-3 {
left: -33px;
}
.x-arrow-right-wrapper-3 {
right: -27px;
}
.x-belia-promo-icon {
bottom: -53%;
}
.x-banner-heading-2.for-pkrm {
font-size: 1.5em;
line-height: 1.5em;
}
.x-hero-heading-2 {
color: #272727;
}
.x-hero-grid-banner-3 {
min-height: 28vh;
}
.x-webekyc-img {
width: auto;
}
.x-arrow-left-wrapper-ekyc {
left: -20px;
}
.x-arrow-right-wrapper-ekyc {
right: -20px;
}
.x-long-banner-image-2 {
width: 100%;
}
.x-free-device-img-ctn {
justify-content: center;
}
.x-section-free-device {
background-image: none;
}
.x-free-device-txt-ctn.for-gadget-sim {
top: -12px;
}
.x-free-device-title {
font-size: 6.7em;
line-height: 75%;
}
.x-digi-snapshot-logo {
width: 670px;
top: 31%;
}
.x-snapshot-cms-list {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.x-snapshot-h2-heading {
font-size: 40px;
}
.background-shade.for-quote {
height: 60%;
}
.team-wrapper {
min-height: 550px;
}
.team-item {
height: 450px;
min-width: 450px;
}
.slide-image.for-sfc {
max-width: 100%;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.x-idd-slider-prepaid {
width: 23.8%;
box-shadow: none;
}
.x-countdown-wrapper-2 {
z-index: 7;
}
.x-snapshot-highlight-ctn {
align-items: flex-end;
}
.team-item-2 {
height: 85%;
min-width: 27vw;
}
.x-free-device-small-txt-copy {
text-shadow: 4px 4px #fff;
}
.x-free-device-logo-copy {
top: 38px;
}
.x-free-device-img-ctn-copy {
justify-content: center;
}
.x-section-free-device-copy {
background-image: none;
}
.x-free-device-title-copy {
color: #4481ad;
text-shadow: 6px 6px #fff;
font-size: 6.7em;
line-height: 75%;
}
.div-block-47 {
background-color: #fff;
}
.x-fb-row-3-price-2 {
width: 110px;
}
.x-fibre-table-block {
padding-right: 10px;
}
.x-fibre-table-block.for-raja-kombo {
padding-right: 0;
}
.x-fibre-table-text {
margin-left: 10px;
margin-right: 10px;
}
.x-sfc-intro-ctn {
padding-left: 220px;
padding-right: 220px;
}
.x-sfc-scor-ctn {
margin-left: 163px;
}
.x-sfc-matches-ctn-2 {
margin-bottom: 551px;
}
.x-network-status-checker-ctn {
height: 850px;
}
.x-malaysiaku-masthead-copy {
width: 100px;
}
.x-plan-table-header-4 {
height: 96px;
border-top: 1px #000;
padding-left: 24px;
padding-right: 24px;
}
.x-plan-table-content-4 {
border-top-style: none;
}
.x-emp-text-2.for-title {
font-size: 24px;
}
.x-emp-text-2.for-non-bold {
padding-top: 10px;
font-weight: 600;
}
.x-emp-text-2.for-title {
font-size: 24px;
}
.x-plan-table-sidebar-4 {
width: 280px;
}
.x-network-steps-sub-desc {
font-size: 23px;
}
.x-gallery-2.for-network {
background-color: var(--ultra-light-grey);
padding-left: 25px;
padding-right: 25px;
}
.x-gallery-2.for-network-2 {
background-color: #f5f5f5;
padding-left: 25px;
padding-right: 25px;
}
.x-warnai-steps-btn.for-green {
background-color: #4ebb53;
}
.x-warnai-steps-btn.for-blue {
background-color: #5175cf;
}
.x-warnai-steps-btn.for-pink {
background-color: #f67a7a;
}
.x-warnai-steps-grid {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.x-warnai-sub-header {
font-size: 40px;
}
.x-cc-masthead {
top: 31%;
}
.x-roaming-card-img-2 {
width: 100%;
}
.x-sub-headline {
line-height: 25px;
}
.x-more-wrap {
padding-left: 60px;
padding-right: 60px;
}
.x-pg-title-ctn.for-flex {
align-items: flex-end;
}
.x-pg-paragraph {
padding-left: 200px;
padding-right: 200px;
}
.slide-one.is--1.for-new {
height: 700px;
}
.slide-one.is--1.for-new.new2 {
height: 500px;
}
.slide-one.is--1.for-new {
height: 700px;
}
.slide-one.is--1.for-new.new2 {
width: 70%;
height: auto;
}
.x-section-cc-bg-img {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/630c533e8976ef88119e9522_Digi_Colouring_Malaysiaku_Grand_Prize_Banner2.jpeg");
}
.x-section-for-cc {
background-image: none;
}
.x-warnai-subheader.for-small {
line-height: 35px;
}
.x-mydigi-card-img {
width: 100%;
}
.image-34 {
height: 80px;
}
.x-cm-paragraph {
padding-left: 220px;
padding-right: 220px;
}
.x-iphone-14-header {
top: 16%;
}
.x-flip-subheader {
font-size: 40px;
}
.x-esim-card-img {
text-align: left;
}
.x-esim-card-title {
padding-top: 8px;
}
.x-belia-promo-postpaid-ctn {
margin-top: 0;
}
.mask {
overflow: hidden;
}
.x-plan-header-sub-3 {
margin-bottom: 24px;
}
.image-46 {
z-index: 10000;
position: static;
}
.x-plan-table-text-2.for-ppkm {
font-size: 16px;
line-height: 20px;
}
.x-plan-table-row-4 {
height: 80px;
}
.x-flip4all-header-ctn {
margin-bottom: 0;
}
.x-flip4all-steps-grid {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.x-pg-device-grid {
margin-left: 120px;
margin-right: 120px;
}
.x-content-copy-img-digi-smart-uc {
width: 100%;
object-fit: cover;
margin-right: 32px;
}
.x-menang-img-block {
border-radius: 0;
}
.x-btn-5.for-colouringmalaysiaku {
margin-top: 10px;
padding: 20px 80px;
font-size: 23px;
}
.x-plan-logo-link-2.for-blurb, .x-plan-logo-link-2.for-5g-enabled-blurb {
z-index: 100;
top: 60%;
left: auto;
}
.x-plan-table-header-5 {
height: 96px;
padding-left: 24px;
padding-right: 24px;
}
.x-plan-table-header-5.for-loyalty.for-yellow {
padding-left: 10px;
padding-right: 10px;
}
.x-plan-table-header-5.for-loyalty.for-yellow.for-radius {
height: 70px;
}
.x-plan-table-header-5.for-loyalty.for-yellow.for-radius.add-height {
height: 110px;
}
.x-plan-table-header-5.for-fibre.for-yellow {
padding-left: 10px;
padding-right: 10px;
}
.x-plan-table-header-5.for-fibre.for-yellow.for-radius {
height: 70px;
}
.x-plan-table-header-5.for-fibre.for-yellow.for-radius.add-height {
width: 99.9999%;
height: 120px;
}
.x-plan-table-sidebar-5 {
width: 280px;
}
.x-plan-table-col-5.for-one-col.for-raja-kombo.for-yellow.for-border {
border-style: dashed;
margin-top: -4px;
}
.x-plan-table-col-5.for-one-col.for-pakej-perpaduan.for-yellow.for-border {
border-style: none;
margin-top: 0;
}
.x-new-dm-right-wrapper {
width: 75%;
}
.x-dm-cast-character-slider {
padding-bottom: 140px;
}
.x-dm-episode-title {
font-size: 24px;
}
.x-dm-cast-character-section.home-hero-section {
min-height: 60vh;
padding-top: 0;
}
.x-dm-cast-img.cast12 {
background-position: 50% 0;
}
.x-detective-maniam-abt-ctn {
padding-left: 120px;
padding-right: 120px;
}
.x-dm-episode-content {
width: 820px;
margin-left: 30px;
}
.x-dm-episode-content.for-new {
width: 630px;
}
.x-dm-episode-image {
width: 360px;
margin-left: 16px;
}
.x-dm-episode-image.for-new {
width: 240px;
}
.x-new-dm-abt-img {
width: 320px;
}
.x-dm-episode-line-breaker {
width: 1400px;
}
.x-dm-cast-slider-arrow, .x-dm-cast-slider-arrow.left {
bottom: 12vw;
}
.x-section-4 {
margin-top: 0;
padding-bottom: 0;
}
.x-section-4.for-new-playlist, .x-section-4.for-detective-maniam-abt {
display: none;
}
.counter_wrapper {
top: auto;
bottom: 12vw;
}
.x-detective-maniam-abt-title-txt {
font-size: 60px;
}
.x-detective-maniam-abt-title-txt.for-new {
font-size: 30px;
}
.x-dm-tape-container {
top: -8vw;
}
.x-detective-maniam-masthead {
width: 100%;
}
.x-detective-maniam-trailer-btn-txt.banner-data-layer {
margin-top: 60px;
}
.x-new-dm-left-wrapper {
width: 25%;
flex-direction: column;
align-items: center;
display: flex;
}
.x-wrapper-40-100 {
padding-top: 48px;
padding-bottom: 48px;
}
.x-dm-episode-number {
font-size: 24px;
}
.x-detective-maniam-wrapper {
padding-top: 0;
padding-bottom: 0;
}
.x-detective-maniam-wrapper.for-about-eps {
margin-bottom: 0;
padding-bottom: 60px;
}
.x-dm-cast-name {
font-size: 52px;
}
.x-detective-maniam-cast-title-ctn {
margin-top: 60px;
}
.x-detective-maniam-abt-para-txt.for-new {
font-size: 15px;
line-height: 20px;
}
.x-dm-epsisode-duration {
font-size: 18px;
}
.x-dm-episode-descp {
font-size: 16px;
line-height: 26px;
}
.x-detective-maniam-abt-title-txt-2 {
font-size: 60px;
}
.x-loyalty-img {
width: auto;
height: 300px;
}
.x-content-copy-img-3 {
width: 100%;
object-fit: cover;
margin-right: 32px;
}
.x-content-copy-img-3.for-left-video {
top: 100px;
}
.x-content-copy-img-3.for-left-video.for-digital-subscription {
position: relative;
top: auto;
}
.x-content-copy-img-3.for-right-video {
width: 36%;
height: auto;
}
.x-fibre-table-sidebar-2 {
width: 380px;
}
.x-loyalty-txt.for-sub-title {
font-size: 20px;
}
.x-loyalty-table-header {
height: 96px;
padding-left: 24px;
padding-right: 24px;
}
.bold-text-27 {
font-size: 20px;
}
.x-rate-copy-block-loyalty {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .7fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.x-rate-copy-block-loyalty.for-center {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: row;
justify-content: flex-start;
}
.x-rate-copy-block-loyalty.for-center.for-loyalty {
display: flex;
}
.x-rate-copy-block-loyalty.for-center {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: row;
justify-content: flex-start;
display: block;
}
.x-rate-copy-block-loyalty.for-center.for-talktime {
display: flex;
}
.x-ppkm-txt.for-sub-title, .x-ppkm-txt.for-title {
font-size: 24px;
}
.x-prkm-table-header {
height: 96px;
padding-left: 24px;
padding-right: 24px;
}
.x-prkm-table-sidebar {
width: 380px;
}
.x-wrapper-pkkm {
padding-top: 48px;
padding-bottom: 48px;
}
.x-raja-kombo-table-header {
height: 96px;
padding-left: 24px;
padding-right: 24px;
}
.x-raja-kombo-table-headline {
font-size: 24px;
}
.x-exclusive-table-header-2 {
height: 96px;
padding-left: 24px;
padding-right: 24px;
}
.x-raja-kombo-txt.for-title {
font-size: 24px;
}
.x-raja-kombo-table-sidebar-2 {
width: 280px;
}
.x-raja-kombo-star-bookmark {
right: 3%;
}
.x-card-2.borderless {
text-align: center;
text-align: center;
border-style: none;
flex-direction: column;
justify-content: flex-start;
align-items: center;
font-size: 18px;
display: flex;
}
.x-card-2.for-5g {
width: auto;
height: 426px;
}
.x-banner-item-img-4 {
object-fit: cover;
}
.x-rate-plan-block-2 {
font-size: 18px;
}
.x-section-5 {
padding-bottom: 0;
}
.x-esim-card-title-2 {
padding-top: 8px;
}
.x-title-header {
text-align: center;
}
.background-video-2.for-dig-sub-app-store {
height: 530px;
}
.background-video-2.for-dig-sub-play-store, .background-video-2.for-dig-sub-google-authorised {
height: 560px;
}
.x-paving-5g-img {
width: auto;
height: 100%;
}
.x-rate-copy-block-paving-5g {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .7fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.x-rate-copy-block-paving-5g.for-center {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: row;
justify-content: flex-start;
display: block;
}
.x-roaming-usp-img-2-copy {
height: 85px;
}
.x-roaming-usp-img-1-copy {
height: 110px;
}
.x-dropdown-header {
align-items: center;
}
.x-wrapper-samsung {
padding-top: 10px;
padding-bottom: 0;
}
.x-wrapper-samsung-copy {
padding-top: 20px;
padding-bottom: 0;
}
.x-wrapper-samsung-3 {
padding-top: 10px;
padding-bottom: 40px;
}
.x-wrapper-pf365 {
padding-bottom: 48px;
}
.x-towers-card-title {
padding-top: 8px;
}
.x-exclusive-table-text-2 {
margin-left: 10px;
margin-right: 10px;
}
.x-pakej-perpaduan-table-sidebar {
width: 280px;
}
.x-pakej-perpaduan-card-img, .x-pakej-perpaduan-image {
width: 100%;
}
.x-long-banner-image-copy {
width: 650px;
}
.x-free-5g-booster-img {
width: 140px;
padding-left: 0;
padding-right: 0;
}
.x-free-5g-booster-img.for-bm {
width: 150px;
padding-left: 0;
padding-right: 0;
}
.x-redirect-icon-2 {
font-size: 18px;
display: inline-block;
position: relative;
bottom: -2px;
}
.x-5gc-wrapper {
padding-top: 48px;
padding-bottom: 48px;
}
.centre_icon_wrap-2 {
left: 0;
}
.x-5g-wrapper {
padding-top: 48px;
padding-bottom: 48px;
}
.x-5g-free-booster-title, .x-jius-anim-header-3 {
text-shadow: none;
}
.x-5gbooster-blurb-2 {
margin-top: 0;
}
.x-promo-column-left {
padding-right: 10px;
}
.x-banner-item-img-copy {
display: inline-block;
}
.x-plan-table-row-6, .x-plan-table-row-6.for-center.mobile-broadband-borders, .x-plan-table-column, .x-plan-table-column.mid-yellow {
height: 80px;
}
.x-plan-table-column.for-prepaid-bundle.for-width, .x-plan-table-column.for-khas-belia.for-width, .x-plan-table-column.for-raja-kombo.for-width {
width: auto;
width: auto;
}
.x-plan-table-column.for-prepaid-starter.for-light-orange {
width: auto;
}
.x-plan-table-column.mid-yellow {
height: 80px;
}
.x-plan-table-column.for-prepaid-next-2.for-width-2 {
width: auto;
width: auto;
}
.x-emp-text-3.for-title {
font-size: 24px;
}
.x-plan-table-sidebar-7 {
width: 280px;
}
.x-redirect-cta-heading {
font-size: 18px;
line-height: 20px;
display: block;
}
.x-redirect-cta-heading.for-belia {
margin-top: 10px;
}
.x-line-block {
padding-left: 60px;
}
.x-redirect-link-block {
flex-direction: row;
justify-content: flex-start;
margin-left: 40px;
}
.x-redirect-link-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-columns: auto auto auto;
justify-content: center;
align-items: center;
justify-items: center;
}
.for-prepaid-all.for-raja-kombo.for-bigger {
padding-left: 10px;
padding-right: 10px;
}
.x-prepaid-next-txt.for-title, .x-prepaid-next-txt.for-title-2, .x-prepaid-next-txt.for-title-2 {
font-size: 24px;
}
.x-plan-table-sidebar-12, .x-plan-table-sidebar-13 {
width: 280px;
}
.x-plan-table-sidebar-8 {
width: 330px;
}
.x-plan-small-title.blurb {
font-size: 14px;
}
.x-plan-card-slide {
margin-right: 25px;
}
.x-5g-booster-ctn.add-t-margin {
margin-top: 70px;
}
.x-plan-btm-ctn.for-postpaid-5g-back {
height: 470px;
}
.x-emp-text-26.for-title {
font-size: 24px;
}
.x-plan-table-col-8.for-one-col.for-exclusive.for-red.for-telco-h {
border-style: none;
margin-top: 0;
}
.x-plan-table-header-13 {
height: 96px;
padding-left: 24px;
padding-right: 24px;
}
.x-plan-table-header-13.for-sidebar.for-higher.for-prepaid-starter.for-center.for-right-border-radius.for-orange {
width: auto;
}
.x-plan-table-header-13.for-sidebar.for-higher.for-prepaid-starter.for-left-border-radius.for-grey {
width: 195px;
}
.x-prepaid-starter-txt.for-title {
font-size: 24px;
}
.x-plan-table-col-9.for-one-col.for-exclusive.for-yellow.for-border {
border-style: dashed;
margin-top: 0;
}
.x-emp-text-27.for-title {
font-size: 24px;
}
.x-plan-table-col-10.for-one-col.for-exclusive.for-red.for-telco-h {
border-style: none;
margin-top: 0;
}
.x-plan-table-header-14 {
height: 96px;
padding-left: 24px;
padding-right: 24px;
}
.x-plan-table-header-14.for-sidebar.for-higher.for-prepaid-starter.for-center.for-right-border-radius.for-orange {
width: auto;
}
.x-plan-table-header-14.for-sidebar.for-higher.for-prepaid-starter.for-left-border-radius.for-grey {
width: 195px;
}
.x-plan-table-col-11.for-one-col.for-exclusive.for-yellow.for-border {
border-style: dashed;
margin-top: 0;
}
.x-emp-text-28.for-title {
font-size: 24px;
}
.x-plan-table-header-17 {
height: 96px;
padding-left: 24px;
padding-right: 24px;
}
.x-plan-table-sidebar-11 {
width: 280px;
}
.x-plan-table-row-11, .x-plan-table-row-11.for-center.mobile-broadband-borders {
height: 80px;
}
.x-prepaid-next-image.for-smaller {
padding-left: 90px;
padding-right: 90px;
}
.x-plan-table-header-18 {
height: 96px;
padding-left: 24px;
padding-right: 24px;
}
.x-plan-table-header-18.for-sidebar.for-higher.for-raja-kombo.for-light-yellow, .x-plan-table-sidebar-15 {
width: auto;
}
.x-plan-table-row-12, .x-plan-table-row-12.for-center.mobile-broadband-borders, .x-plan-table-row-12.for-center.mobile-broadband-borders, .x-plan-table-row-12.for-center.mobile-broadband-borders, .x-plan-table-row-12.for-center.mobile-broadband-borders {
height: 80px;
}
.x-plan-table-row-12.for-title {
height: 81px;
}
.x-plan-table-header-20 {
height: 96px;
padding-left: 24px;
padding-right: 24px;
}
.x-emp-text-32.for-title {
font-size: 24px;
}
.x-plan-table-sidebar-17 {
width: 280px;
}
.x-plan-table-header-21 {
height: 96px;
padding-left: 24px;
padding-right: 24px;
}
.cd-plan-table-row, .cd-plan-table-row.for-centre.fibre {
height: 80px;
}
.x-table-header {
height: 96px;
padding-left: 24px;
padding-right: 24px;
}
.x-table-header.for-higher.for-5g.for-rounded-corner {
height: 140px;
}
.x-table-header.for-higher.for-5g.for-rounded-corner.remove-left-corner, .x-table-header.for-higher.for-5g.for-light-blue {
height: 107px;
height: 107px;
}
.x-table-header.for-higher.for-5g.for-height {
height: 107px;
}
.x-table-row {
height: 80px;
}
.x-table-row.for-dark-blue {
width: 420px;
height: 140px;
}
.x-table-row.for-dark-blue.for-no-rounded-border {
width: 280px;
}
.x-table-row.for-dark-blue {
width: 270px;
height: 107px;
width: 280px;
height: 107px;
}
.x-table-row.for-dark-blue.for-rounded-corner.for-height {
width: 280px;
}
.x-table.for-desktop {
padding-left: 220px;
padding-right: 220px;
}
.x-plan-table-5g-column {
height: 80px;
}
.x-plan-table-5g-column.for-light-blue {
width: auto;
height: 107px;
}
.x-plan-table-5g-column.for-light-blue.add-left-border {
height: 107px;
}
.x-plan-table-5g-column.for-light-blue {
width: auto;
height: 107px;
}
.x-plan-table-5g-column.for-light-blue.add-left-border {
height: 107px;
}
.x-main-banner-link, .cd-feature-slide {
height: 420px;
}
.x-wrapper-17 {
padding-top: 48px;
padding-bottom: 48px;
}
.x-free-device-img-ctn-4 {
justify-content: center;
}
.x-pg-dark-blue-bg, .x-pg-dark-blue-bg-mobile {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.x-section-16 {
padding-bottom: 0;
}
.x-hero-side-banner-mobile-2 {
display: none;
}
.x-broadcast-badge-2 {
font-size: 18px;
}
.x-wrapper-19 {
width: auto;
}
.x-wrapper-19.for-hero {
padding-top: 0;
padding-bottom: 0;
}
.x-hero-container-3 {
margin-bottom: 32px;
}
.x-hero-container-3.for-banner {
margin-bottom: 0;
}
.x-hero-heading-3 {
color: #272727;
}
.x-hero-side-banner-img-2 {
height: 100%;
filter: none;
}
.x-limit-10.for-broadcast {
background-color: #fcc;
}
.x-hero-grid-banner-4 {
min-height: 28vh;
}
.x-wrapper-20, .x-wrapper-21 {
padding-top: 48px;
padding-bottom: 48px;
}
.x-free-device-img-ctn-5, .x-free-device-img-ctn-6 {
justify-content: center;
}
.x-plan-table-header-23 {
height: 96px;
padding-left: 24px;
padding-right: 24px;
}
.x-subtxt-plancard {
margin-top: 20px;
}
.x-dropdown-item-3 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.for-postpaid-5g {
height: 330px;
}
.for-postpaid-5g-back {
height: 400px;
}
.bold-text-80-3.sub-text {
font-size: 14px;
}
.x-table-sidebar-2 {
width: auto;
}
.cd-table-content-3 {
flex: 1;
align-self: auto;
}
.x-pakej-5g-rahmah-blurb {
left: 140px;
}
.x-wrapper-24 {
padding-top: 48px;
padding-bottom: 48px;
}
.x-cd-gs-blurb {
margin-top: 0;
}
.x-cd-gs-header {
text-shadow: none;
}
.x-talktime-img {
width: 40%;
height: auto;
}
.x-rate-plan-block-3 {
font-size: 18px;
}
.x-wrapper-26 {
width: auto;
}
.x-rate-plan-block-4 {
font-size: 18px;
}
.x-wrapper-27 {
width: auto;
}
.x-content-copy-img-6 {
width: 100%;
object-fit: cover;
margin-right: 32px;
}
.x-content-copy-img-6.for-width {
width: 40%;
}
.x-wrapper-29 {
width: auto;
}
.x-trade-in-step-card {
width: 100%;
}
.x-trade-in-header {
top: 16%;
}
.x-dropdown-item-4 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.x-section-17 {
padding-bottom: 0;
}
.x-wrapper-30 {
width: auto;
}
.x-iphone-15-header {
top: 16%;
}
.x-plan-table-content-34 {
border-top-style: none;
}
.x-plan-logo-link-3.for-5g-enabled-blurb {
z-index: 100;
top: 60%;
left: auto;
}
.x-plan-table-header-24 {
height: 96px;
padding-left: 24px;
padding-right: 24px;
}
.x-plan-table-sidebar-18 {
width: 280px;
}
.x-plan-table-content-35 {
border-top-style: none;
}
.x-plan-logo-link-4.for-5g-enabled-blurb {
z-index: 100;
top: 60%;
left: auto;
}
.x-plan-table-header-25 {
height: 96px;
padding-left: 24px;
padding-right: 24px;
}
.x-plan-table-sidebar-19 {
width: 280px;
}
.x-plan-table-content-36 {
border-top-style: none;
}
.x-plan-logo-link-5.for-5g-enabled-blurb {
z-index: 100;
top: 60%;
left: auto;
}
.x-plan-table-header-26 {
height: 96px;
padding-left: 24px;
padding-right: 24px;
}
.x-plan-table-sidebar-20 {
width: 280px;
}
.x-plan-table-content-37 {
border-top-style: none;
}
.x-plan-logo-link-6.for-5g-enabled-blurb {
z-index: 100;
top: 60%;
left: auto;
}
.x-plan-table-header-27 {
height: 96px;
padding-left: 24px;
padding-right: 24px;
}
.x-plan-table-sidebar-21 {
width: 280px;
}
.x-wrapper-6 {
padding-top: 48px;
padding-bottom: 48px;
}
.x-iphone-5g-bg {
background-position: 0 70%;
}
.x-5g-iphone-img-2.for-cny.for-p5365, .x-5g-iphone-img-2.for-cny.for-j5gfamiliku {
margin-top: 0;
}
.x-cny-element.for-left-ornament {
width: 120px;
}
.x-anim-banner-header.for-padding {
font-size: 2.7em;
}
.x-free-device-img-ctn-7 {
justify-content: center;
}
.x-wrapper-8 {
padding-top: 48px;
padding-bottom: 48px;
}
.x-jom5gfamiliku-img {
width: 670px;
top: 49px;
left: -110px;
}
.x-jom5gfamiliku-img.for-new {
left: -60px;
}
.x-jom5gfamiliku-bg {
background-position: 0%;
}
.x-section-jom5gfamiliku {
background-image: none;
}
.x-free-device-txt-ctn-3.centre.for-jom5gfamiliku {
top: 0;
left: 0;
}
.x-free-device-txt-ctn-3.centre.for-j5gfamiliku {
top: -10px;
}
.x-wrapper-31, .x-wrapper-32 {
padding-top: 48px;
padding-bottom: 48px;
}
.x-free-device-img-ctn-8 {
justify-content: center;
}
.x-long-banner-image-3 {
width: 100%;
}
.x-section-18 {
padding-bottom: 0;
}
.x-jom5gfamiliku-img-copy {
top: 49px;
left: -110px;
}
.x-long-banner-image-4 {
width: 100%;
}
.x-section-19 {
padding-bottom: 0;
}
.x-section-19.for-ultra-yellow.for-full-height {
height: 1010px;
}
.x-wrapper-33 {
padding-top: 48px;
padding-bottom: 48px;
}
.x-plan-table-header-28 {
height: 96px;
padding-left: 24px;
padding-right: 24px;
}
.x-plan-table-sidebar-22, .x-plan-table-sidebar-23 {
width: 280px;
}
.x-emp-text-46.for-title, .x-emp-text-47.for-title {
font-size: 24px;
}
.x-section-20 {
padding-bottom: 0;
}
.x-plan-table-header-29 {
height: 96px;
padding-left: 24px;
padding-right: 24px;
}
.x-plan-table-column-2, .x-plan-table-column-2.mid-yellow, .x-plan-table-column-2.mid-yellow, .x-plan-table-column-2.mid-yellow {
height: 80px;
}
.x-plan-table-header-30 {
height: 96px;
padding-left: 24px;
padding-right: 24px;
}
.x-plan-table-sidebar-24, .x-plan-table-sidebar-25 {
width: 280px;
}
.x-emp-text-49.for-title, .x-emp-text-50.for-title {
font-size: 24px;
}
.x-section-21 {
padding-bottom: 0;
}
.x-plan-table-header-31 {
height: 96px;
padding-left: 24px;
padding-right: 24px;
}
.x-long-banner-image-5 {
width: 100%;
}
.x-section-22, .x-section-23 {
padding-bottom: 0;
}
}
@media screen and (min-width: 1920px) {
.x-section {
z-index: 10;
}
.x-section.for-smbdg {
background-position: 50% 20%;
}
.x-section.for-skorbsdg {
background-position: 40% 32%;
}
.x-section.for-sfc-footer {
margin-top: -592px;
}
.x-section-header {
margin-top: 10px;
}
.x-content-block.for-slide {
flex-direction: column;
justify-content: center;
align-items: center;
display: block;
}
.x-card-block.for-4 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-flow: row;
}
.x-card-block.for-4.for-airsim {
grid-template-rows: auto;
}
.x-plan-table-row.for-center.for-last.mobile-broadband-borders {
z-index: 20;
}
.x-banner-list.for-2.for-height {
height: 480px;
}
.x-testimonial-slide.for-one {
margin-right: 24px;
}
.x-plan-table-heading-bar.no-curve.for-mobile-bd-mbb-5-5 {
margin-bottom: 75px;
}
.x-plan-table-heading-bar.adjust-base-plan-tablet-copy {
margin-bottom: -125px;
}
.x-plan-logo-link {
left: 140px;
}
.x-main-banner.for-add-ons {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6336651af798ee83a8cfb5da_Digi_Postpaid_FreedomAddOns_SubpageMainBanner_Desktop.jpg");
}
.x-main-banner.for-family {
background-position: 0 0, 50% 30%;
}
.x-main-banner.for-exclusive-pack {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65add377a78ed7f6ff11f4ec_Digi_5G%20Internet_Web_HeaderBanner_EN_1920x668.webp");
}
.x-main-banner.for-belia {
background-position: 50%;
}
.x-main-banner.for-belia.for-bm {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/639fc36f1dc0873d30f667eb_Digi_Prepaid_SubpageMainBanner_PakejKhasDataBelia_Desktop_BM.jpg"), linear-gradient(to bottom, null, null);
background-position: 50%, 0 0;
}
.x-main-banner.for-prepaid-en-desktop-copy {
height: 500px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6568604939d3aa075bb6f75e_Digi_Campaign%206_NEXT25_Web_HeaderBannerDesktop_EN_1920x668.webp");
background-position: 50%;
}
.x-main-banner.for-prepaid-bm-desktop-copy {
height: 500px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65686049c0ec7713fdaf8481_Digi_Campaign%206_NEXT25_Web_HeaderBannerDesktop_BM_1920x668.webp");
background-position: 50%;
}
.x-main-banner.for-exclusive-pack-bm {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65add376e00057e5d2acb0c1_Digi_5G%20Internet_Web_HeaderBanner_BM_990x500.webp");
}
.x-main-banner.for-digital-subs {
background-position: 0 0, 50%;
}
.x-main-banner.for-promotions {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .63)), none;
}
.x-main-banner.for-nsc {
background-position: 0 0, 50%;
}
.x-main-banner.for-pf365 {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/651a6d7bf07166282c3a0da7_Digi_Jom5GFamiliku_PF365_SubpgMainBannerDesktop_1921x668.jpg");
background-position: 0 0, 50% 35%;
}
.x-main-banner.for-ppj {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63042c395279de5a1458646f_Digi_Devices_PPJ_SubpageMainBanner_Desktop.jpg");
background-position: 0 0, 50% 70%;
}
.x-main-banner.for-iphone {
height: 420px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65124c4fc2fb60f6fbee4c02_DIgi__iPhone-15-Pro_Subpage-Main-Banner_Desktop-Biggest_1920x668.png");
background-position: 50% 37.5%;
}
.x-main-banner.for-iphone.for-iphone-15 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65124c4fc2fb60f6fbee4c02_DIgi__iPhone-15-Pro_Subpage-Main-Banner_Desktop-Biggest_1920x668.png");
}
.x-main-banner.for-android {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/64c093eb0fcbd204b7a64ede_Digi_Galaxy_Fold-Flip5_Andriod%20SubPageMainBanner_Desktop%201920_PF365_1921%20x%20668.png");
background-position: 0 0, 50% 23%;
}
.x-main-banner.for-ppj-copy {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63042c395279de5a1458646f_Digi_Devices_PPJ_SubpageMainBanner_Desktop.jpg");
background-position: 0 0, 50% 70%;
}
.x-main-banner.for-gf-plus {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6386be6273f5f3752ebcb5da_Digi_Devices_GadgetFreedomPlus_SubpageMainBanner_Desktop.jpg");
background-position: 0 0, 50% 30%;
}
.x-main-banner.for-promotions {
background-image: linear-gradient(rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6319b5fad10df6a8b66493c4_Digi_Promotions_MainBanner_Desktop.jpg");
background-position: 0 0, 50% 0;
background-size: auto, auto;
}
.x-main-banner.for-roaming {
background-image: linear-gradient(rgba(0, 0, 0, 0) 31%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6351f16420ec73eda84a2e05_Digi_Roaming_Header-Banner_Desktop.jpg");
background-position: 0 0, 50% 0;
background-size: auto, cover;
}
.x-main-banner.for-home-fibre {
background-position: 0 0, 50% 20%;
}
.x-main-banner.for-home-fibre.for-ff7 {
height: 570px;
}
.x-main-banner.for-trade-in {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/634e5fb9d0a40485ab486dbd_Digi_Devices_SubpageMainBanner_TradeIn_Desktop.jpg");
background-position: 0 0, 50% 40%;
}
.x-main-banner.for-esim {
background-image: linear-gradient(rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/634e5fbac1fe781edf777497_Digi_Devices_SubpageMainBanner_eSIM_Desktop.jpg");
background-position: 0 0, 50% 40%;
}
.x-main-banner.for-airsim {
background-image: linear-gradient(rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/634e5fbcbd97be77af8fc253_Digi_Devices_SubpageMainBanner_AirSIM_Desktop.jpg");
background-position: 0 0, 50% 40%;
}
.x-main-banner.for-digi-5g {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/636b0d1192726724fd04852f_Digi_5G_Activate5GNow_MainBanner_Desktop.jpg");
}
.x-main-banner.for-digi-5g.consumer {
background-position: 0 0, 50% 10%;
}
.x-main-banner.for-loyalty-desktop {
background-position: 0 0, 100% 0;
}
.x-main-banner.for-pkrm {
background-position: 0 0, 50% 0;
}
.x-main-banner.for-raja-kombo {
background-position: 50%;
}
.x-main-banner.for-mobile-broadband {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63855db452dae6e31fb6d116_Digi_MobileBroadband_SubpageMainBanner_Desktop.jpg");
background-position: 0 0, 50% 20%;
}
.x-main-banner.for-pakej-perpaduan {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/64e311afe1bb3c165ccc69fa_Digi_Pakej-Rahmah_Subpage-Main-Banner_1921x668_Desktop_For-Biggest-Screen.jpg");
background-position: 50%;
background-size: cover;
}
.x-main-banner.for-samsung-s23-contest {
height: 600px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .63)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63fc48a02619d1e7ab2fd016_Digi_Promo_Digi23forS23_SubpageMainBanner_Desktop.jpg");
background-position: 0 0, 50% 40%;
}
.x-main-banner.for-prepaid-main {
height: 500px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6568604939d3aa075bb6f75e_Digi_Campaign%206_NEXT25_Web_HeaderBannerDesktop_EN_1920x668.webp");
background-position: 50%;
background-attachment: scroll;
}
.x-main-banner.for-talktime-services {
background-position: 0 0, 50% 20%;
}
.x-main-banner.for-promotions {
height: 580px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6476df55c6c2c46461b5e303_Digi_CelcomDigiOnlineShop_iPhone14_SliderBanner_Desktop_2000x600.png");
background-position: 50%;
background-size: auto;
}
.x-main-banner.for-promotions.for-iphone {
height: 580px;
}
.x-main-banner.for-promotions.for-pakej-5g-rahmah {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/651eed6b0bcc2eb5951b7c0b_Digi_Pakej%205G%20Rahmah__Promo%20Slider%20Banner_2000x600.jpg");
}
.x-main-banner.for-promotions.for-postpaid-90 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/651a6dd64b039af722dd7489_Digi_Digi%20Postpaid%2090_PromoSlideBanner_EN_2000x600.jpg");
}
.x-main-banner.for-promotions.for-postpaid-infinite {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/651a6dc4cac08b07e4fe379c_Digi_Campaign5_PostpaidInfinite_PromoSlideBanner_EN_2000x600.jpg");
}
.x-main-banner.for-promotions.for-program-peranti-5g {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/653096cd295eb56d6df258c6_CelcomDigi_ProgramPeranti5GUntukSemua_Promotion_sliderbanner_Desktop2000x600.jpg");
}
.x-main-banner.for-promotions.for-iphone-15 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65499e39fcf5f06921a9ad06_Digi_PhoneFreedom365_iPhone15_Web_PromoSlideBanner_2000x600.jpg");
}
.x-main-banner.for-promotions.for-google-contest {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/654c418df9cebe95d6ac4dea_CelcomDigi_GoogleSpend%26Win_Desktop.jpg");
}
.x-main-banner.for-s23 {
background-image: linear-gradient(rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, .58)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63f733ed0c8340b5534fd8cf_Digi_SamsungGalaxyS23_SubpageMainBanner_Desktop.jpg");
background-position: 0 0, 50% 40%;
}
.x-main-banner.for-fold-flip-5 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6542ebc6ccf00a99b60aa8a7_Digi_Galaxy_Fold-Flip5_SubPageMainBanner_Desktop_PF365_1921%20x%20668.jpg");
background-position: 50%;
background-size: contain;
}
.x-main-banner.for-iphone {
height: 420px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/650c3c1a88a961c5c373e8fa_SQ1230803_Web_SubpgMainBannerDesktop_1920x668_For-Largest-.png");
background-position: 50% 54%;
background-size: auto;
}
.x-banner-heading.for-postpaid.for-iphone {
top: 262px;
}
.x-banner-heading.for-postpaid.for-fold5-flip5.for-black, .x-banner-heading.for-postpaid.for-fold5-flip5-copy.for-black {
top: -5px;
}
.x-banner-heading.for-pay-via-digi.for-iphone {
top: 262px;
}
.x-banner-heading.for-pay-via-digi.for-fold5-flip5.for-black, .x-banner-heading.for-pay-via-digi.for-fold5-flip5-copy.for-black {
top: -5px;
}
.x-banner-title.for-iphone {
top: 285px;
}
.x-banner-title.for-fold-5-flip-5.for-black, .x-banner-title.for-pay-via-digi.for-black, .x-banner-title.for-pay-via-digi-copy.for-black {
top: 15px;
}
.x-arrow-right-wrapper.for-postpaid {
right: -14px;
}
.x-mini-notice.for-5g.for-padding {
padding-left: 0;
padding-right: 0;
}
.x-plan-header-div.x-add-margin {
padding-top: 30px;
}
.x-table-plan-container.x-familiku-specials.for-postpaid.eng {
height: 585px;
}
.x-snapshot-paragraph {
font-size: 24px;
line-height: 35px;
}
.x-dgs-section.for-sfc-bg {
background-image: linear-gradient(rgba(250, 215, 84, .44), #000 11%);
}
.team-wrapper {
min-height: 560px;
}
.team-item {
height: 450px;
min-width: 450px;
}
.arrow-img {
opacity: 0;
display: flex;
}
.x-snapshot-descrip {
font-size: 20px;
line-height: 35px;
}
.x-sfc-bg-video {
height: 700px;
}
.x-sfc-scor-ctn {
width: 560px;
margin-bottom: 218px;
margin-left: 253px;
}
.x-gadget-paragraph {
font-size: 24px;
line-height: 35px;
}
.x-gadget-sim-bg, .x-gadget-sim-bg.for-gadget-sim {
background-position: 50% 60%;
}
.x-sfc-steps-ctn-2 {
margin-top: 40px;
}
.x-sfc-iphone-img-copy {
width: auto;
}
.x-sfc-matches-ctn-2 {
margin-bottom: 715px;
}
.x-digital-header {
font-size: 35px;
}
.x-warnai-title-desc {
font-size: 20px;
line-height: 35px;
}
.x-warnai-bg-video {
height: 700px;
}
.x-sub-headline {
line-height: 25px;
}
.card__content__right {
max-width: 70%;
flex: 1;
align-items: flex-start;
padding-left: 100px;
}
.slide-one.is--1 {
height: 710px;
height: 710px;
}
.slide-one.is--1.for-new.new2 {
margin-bottom: 0;
}
.x-cm-logo {
width: 800px;
}
.x-iphone-14-header {
top: 7%;
}
.process_line {
display: block;
}
.x-sfc-steps-ctn-3 {
margin-top: 1px;
}
.x-sfc-wallpaper-title-wrapper {
padding-left: 300px;
padding-right: 300px;
}
.x-detective-maniam-link-txt.add-margin.for-mobile.for-cast, .x-detective-maniam-link-txt.add-margin.for-new-about-playlist, .x-detective-maniam-link-txt.add-margin.for-new-about-playlist.w--current, .x-detective-maniam-link-txt.add-margin.for-tablet.for-mobile.for-directors-note, .x-detective-maniam-link-txt.for-mobile {
font-size: 20px;
}
.x-new-dm-right-wrapper {
width: 72%;
margin-left: 0;
}
.x-dm-cast-character-slider {
padding-bottom: 140px;
}
.x-dm-episode-title {
font-size: 32px;
}
.x-dm-cast-descp.large {
font-size: 20px;
}
.x-detective-maniam-abt-ctn {
height: 100vh;
margin-top: 0;
padding-left: 140px;
padding-right: 140px;
}
.x-dm-episode-content {
width: 1200px;
}
.x-dm-episode-content.for-new {
width: 1000px;
}
.x-dm-episode-image {
width: 450px;
margin-left: 30px;
}
.x-dm-episode-image.for-new {
width: 320px;
}
.x-new-dm-abt-img {
width: 500px;
}
.x-dm-episode-line-breaker {
width: 1800px;
}
.x-dm-cast-slider-arrow, .x-dm-cast-slider-arrow.left {
bottom: 8vw;
}
.x-section-4.for-bts {
margin-top: 300px;
}
.counter_wrapper {
top: auto;
bottom: 8vw;
}
.x-detective-maniam-abt-title-txt {
letter-spacing: 1px;
font-size: 80px;
}
.x-detective-maniam-abt-title-txt.for-new {
margin-top: 10px;
font-size: 40px;
}
.x-detective-maniam-abt-img {
width: 1600px;
}
.x-dm-tape-container {
top: -5vw;
}
.x-detective-maniam-masthead {
width: 100%;
margin-top: 40px;
}
.x-detective-maniam-trailer-btn-txt.banner-data-layer {
margin-top: 80px;
font-size: 20px;
}
.x-detective-maniam-episode-ctn {
width: auto;
}
.x-new-dm-left-wrapper {
width: 25%;
}
.x-dm-episode-number {
font-size: 32px;
}
.x-detective-maniam-cast-title-txt {
letter-spacing: 1px;
font-size: 72px;
}
.x-detective-maniam-wrapper {
margin-top: 60px;
padding-top: 0;
}
.x-detective-maniam-wrapper.for-about-eps {
margin-right: 100px;
padding-top: 140px;
}
.x-detective-maniam-playlist-title-txt {
letter-spacing: 1px;
font-size: 72px;
}
.x-detective-maniam-playlist-title-txt.for-new {
font-size: 60px;
}
.x-detective-maniam-cast-title-ctn {
margin-top: 60px;
}
.x-detective-maniam-abt-para-txt {
font-size: 28px;
line-height: 40px;
}
.x-detective-maniam-abt-para-txt.for-new {
font-size: 20px;
line-height: 28px;
}
.x-detective-maniam-abt-para-txt.for-new.for-second {
font-size: 20px;
}
.x-dm-epsisode-duration {
font-size: 24px;
right: 80px;
}
.x-detective-maniam-interview-title-txt, .x-detective-maniam-bts-title-txt {
letter-spacing: 1px;
font-size: 72px;
}
.x-limit-4 {
padding-left: 100px;
}
.x-limit-5 {
padding-right: 0;
}
.x-detective-maniam-hero-video {
height: 108%;
}
.x-dm-episode-descp {
font-size: 22px;
line-height: 32px;
}
.x-detective-maniam-abt-title-txt-2 {
letter-spacing: 1px;
font-size: 80px;
}
.x-loyalty-img {
width: auto;
height: 350px;
}
.x-content-copy-img-3.for-left-video.for-digital-subscription {
margin-top: 0;
position: relative;
top: auto;
}
.x-card-2.for-5g {
width: 482px;
height: 402px;
}
.background-video-2.for-dig-sub-app-store {
height: 580px;
}
.background-video-2.for-dig-sub-play-store {
height: 610px;
}
.background-video-2.for-dig-sub-google-authorised {
height: 545px;
}
.x-paving-5g-img {
width: auto;
height: 100%;
}
.x-wrapper-samsung, .x-wrapper-samsung-copy, .x-wrapper-samsung-3 {
padding-top: 0;
}
.x-free-5g-booster-img {
padding-left: 0;
padding-right: 0;
}
.x-free-5g-booster-img.for-bm {
width: 150px;
padding-left: 0;
padding-right: 0;
}
.x-plan-table-column.for-prepaid-bundle.for-width, .x-plan-table-column.for-khas-belia.for-width, .x-plan-table-column.for-raja-kombo.for-width, .x-plan-table-column.for-prepaid-next-2.for-width-2 {
width: auto;
width: auto;
}
.bold-text-44.for-smaller {
line-height: 14px;
}
.x-redirect-link-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-columns: auto auto auto;
justify-items: center;
}
.for-prepaid-all {
text-align: center;
}
.x-section-header-5 {
margin-top: 10px;
}
.x-prepaid-next-image.for-smaller {
padding-left: 100px;
padding-right: 100px;
}
.cd-plan-table-row.for-centre.fibre {
height: 79.8px;
}
.x-table.for-desktop {
padding-left: 220px;
padding-right: 220px;
}
.x-plan-table-5g-column {
height: 79.8px;
}
.x-plan-table-5g-column.for-light-blue {
height: 107px;
height: 107px;
}
.x-main-banner-link, .cd-feature-slide {
height: 580px;
}
.x-pg-gear-headline {
font-size: 2.8em;
}
.x-section-16 {
z-index: 10;
}
.x-double-digit-sale-blurb {
margin-top: -200px;
}
.x-prepaid-table-5g-bonanza-blurb {
width: 75%;
padding-bottom: 0;
}
.x-pakej-5g-rahmah-blurb {
left: 140px;
}
.x-section-header-7 {
margin-top: 10px;
}
.x-talktime-img {
width: 40%;
height: auto;
}
.x-trade-in-header {
top: 7%;
}
.x-section-17 {
z-index: 10;
}
.x-iphone-15-header {
top: 7%;
}
.x-iphone-5g-bg, .x-jom5gfamiliku-bg {
background-position: 50% 75%;
}
.x-section-18 {
z-index: 10;
}
.x-section-19.for-ultra-yellow.for-full-height {
height: 1351px;
}
.x-section-20, .x-section-21 {
z-index: 10;
}
.for-gadget-sim {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/64f1823173fc956b92b58bbf_gadget-sim-desktop%20(1).jpg");
}
.x-section-22 {
z-index: 10;
}
.process_line-2 {
display: block;
}
.x-section-23 {
z-index: 10;
}
}
@media screen and (max-width: 991px) {
body {
font-size: 14px;
line-height: 22px;
}
.x-top-nav {
padding-top: 0;
}
.x-limit {
padding-left: 32px;
padding-right: 32px;
}
.x-limit.for-prime-dd {
padding-left: 0;
padding-right: 0;
}
.x-limit.x-add-margin.more-margin {
padding-left: 32px;
padding-right: 32px;
}
.x-limit.for-countdown {
flex-direction: column;
}
.x-limit.for-more-padding {
padding-left: 32px;
padding-right: 32px;
}
.x-area-group {
display: none;
}
.x-area-group-link {
background-color: var(--black);
color: #fff;
text-align: center;
border-radius: 8px;
padding-top: 12px;
padding-bottom: 12px;
font-size: 16px;
line-height: 24px;
}
.x-area-group-link.top {
color: var(--grey-text);
background-color: #fff;
padding-top: 4px;
padding-bottom: 4px;
font-size: 12px;
}
.x-prime-nav-group {
position: relative;
}
.x-acc-nav-group, .x-brand-link {
z-index: 10;
position: relative;
}
.x-prime-nav-menu {
width: 100%;
height: 100vh;
background-color: var(--ultra-light-grey);
margin-left: 0;
padding-top: 120px;
padding-bottom: 0;
position: fixed;
top: 0;
left: 0;
right: 0;
transform: translate(0%);
}
.x-prime-nav-menu.for-m-hide {
transform: translate(-100%);
}
.x-prime-nav-menu-list {
margin-left: 0;
margin-right: 0;
display: block;
}
.x-prime-nav-menu-item {
border-bottom: 1px solid var(--line);
margin-bottom: 8px;
padding-bottom: 8px;
padding-left: 0;
padding-right: 0;
}
.x-prime-nav-menu-link {
justify-content: space-between;
padding: 12px 0;
font-size: 20px;
display: flex;
}
.x-icon.for-opt-btn {
font-size: 22px;
}
.x-icon.for-prime-nav {
transition: all .25s cubic-bezier(.86, 0, .07, 1);
display: block;
transform: rotate(0);
}
.x-icon.for-prime-nav.is-idle {
transform: rotate(180deg);
}
.x-icon.for-more-toggle-right.is-hide {
display: block;
}
.x-icon.for-mydigi, .x-icon.for-opt-btn, .x-icon.for-business, .x-icon.for-mydigi {
font-size: 22px;
}
.x-prime-dd-menu {
background-color: var(--white);
border-radius: 8px;
position: relative;
top: 0;
}
.x-prime-dd-wrapper {
padding: 24px 24px 0;
}
.x-prime-dd-col {
min-width: 0;
}
.x-emp-text.for-title.for-padding {
text-align: center;
}
.x-emp-text.for-fibre.forbold {
margin-right: 0;
}
.x-emp-text.for-fibre.forbold.for-right-padding {
margin-right: 30px;
}
.x-prime-dd-sep {
width: 100%;
height: 1px;
margin: 24px 0;
}
.x-prime-dd-list {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
}
.x-flex.for-top {
flex-direction: column;
align-items: stretch;
}
.x-flex.for-top.esim {
flex-direction: row;
align-items: flex-start;
}
.x-flex.for-top {
flex-direction: column;
align-items: stretch;
}
.x-flex.for-top.esim {
flex-direction: row;
align-items: flex-start;
}
.x-prime-dd-container {
display: block;
}
.x-mobile-nav-toggle-btn {
z-index: 10;
background-color: var(--black);
color: var(--white);
border-radius: 40px;
margin-left: 16px;
padding: 12px 16px;
font-weight: 500;
transition: all .25s cubic-bezier(.86, 0, .07, 1);
display: block;
position: relative;
}
.x-mobile-nav-toggle-btn.for-idle {
background-color: var(--white);
color: var(--dark-grey);
display: block;
}
.x-scroller {
width: 100%;
height: 100%;
overflow: auto;
}
.x-scroller.for-prime-nav-menu {
padding-bottom: 80px;
padding-left: 32px;
padding-right: 32px;
}
.x-master {
padding-top: 111px;
}
.x-master.for-home {
padding-top: 108px;
}
.x-master.for-ep {
padding-top: 112px;
}
.x-master.for-ekyc {
padding-top: 100px;
}
.x-wrapper-2.x-add-padding.for-pf {
padding-left: 10px;
padding-right: 10px;
}
.x-wrapper-2.for-bottom-padding.for-network {
padding-bottom: 0;
}
.x-section.for-hide, .x-section.for-hide.for-s22-desktop {
display: none;
}
.x-section.for-hide-desktop, .x-section.for-hide-desktop.for-ultra-light-grey {
display: block;
}
.x-section.for-hide-tablet {
display: none;
}
.x-section.for-skorbsdg {
background-position: 100% 100%;
}
.x-section.for-pg-bg-yellow, .x-section.for-pg-dark-blue {
border-top-left-radius: 80px;
border-top-right-radius: 80px;
}
.x-section.for-pg-bg-blue {
border-top-left-radius: 80px;
border-top-right-radius: 80px;
top: -30px;
}
.x-section.flip4all-bg2 {
border-bottom-right-radius: 70px;
border-bottom-left-radius: 70px;
}
.x-section.for-pg-bg-blue {
border-top-left-radius: 80px;
border-top-right-radius: 80px;
}
.x-section.for-sfc-footer {
margin-top: -358px;
}
.x-section.for-pg-bg-green {
border-top-left-radius: 80px;
border-top-right-radius: 80px;
}
.x-subnav {
top: 112px;
}
.x-subnav-menu-list, .x-subnav-menu-item {
flex: none;
}
.x-vr-sep.for-onboard {
width: auto;
height: 1px;
margin: 16px 0;
}
.x-hero.for-subpage {
margin-bottom: 24px;
position: static;
}
.x-hero-wrapper {
min-height: 0;
padding: 0;
display: block;
}
.x-hero-wrapper.for-slider {
flex-direction: column-reverse;
justify-content: flex-end;
align-items: stretch;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.x-lead-text.for-limit-60 {
max-width: none;
}
.x-lead-text.for-slider {
color: var(--black);
}
.x-lead-text.for-center {
font-size: 22px;
}
.x-lead-text.for-limit-60 {
max-width: none;
}
.x-lead-text.for-center {
font-size: 22px;
}
.x-lead-text.for-limit-60 {
max-width: none;
}
.x-section-header {
margin-top: 10px;
}
.x-rate-plan-block {
flex-direction: column;
align-items: stretch;
display: flex;
}
.x-rate-plan-container {
margin: -16px -32px 24px;
padding-left: 32px;
padding-right: 32px;
overflow: auto;
}
.x-rate-plan-list {
margin-left: -32px;
margin-right: -32px;
padding: 16px 32px 32px;
}
.x-rate-plan-item {
width: 260px;
}
.x-rate-plan-item.for-althr {
width: 100%;
}
.x-rate-plan-card.for-focus {
transform: none;
}
.tab-postpaid150 {
flex: none;
}
.x-tab-content.for-overflow {
overflow: visible;
}
.x-tab-pane {
padding-bottom: 24px;
}
.x-tab-pane.for-margin.for-lr-padding {
padding-left: 0;
padding-right: 0;
}
.x-tab-pane.for-5g {
padding-bottom: 0;
}
.x-rate-table-row {
flex-wrap: wrap;
}
.x-rate-table-row.for-header {
margin-top: 0;
}
.x-rate-table-col.for-first {
width: 160px;
}
.x-rate-table-col.for-last {
width: 100%;
border-top: 1px solid var(--line);
}
.x-footer {
padding-bottom: 40px;
}
.x-footer-wrapper {
display: block;
}
.x-footer-col {
margin-bottom: 24px;
}
.x-btn-container.for-card-block {
z-index: 10;
position: relative;
}
.x-btn-container.for-card-block.for-digizen-stories {
flex-wrap: nowrap;
}
.x-btn-container.for-cta.for-mobile {
justify-content: center;
margin-top: -15px;
}
.x-btn-container.for-cta.for-mobile.for-flip-fold-5 {
margin-top: 20px;
}
.x-btn-container.for-cta.for-tablet {
justify-content: center;
margin-top: -15px;
padding-bottom: 10px;
}
.x-btn-container.mt-0 {
margin-top: 0;
}
.x-btn-container.for-promo-list {
flex-direction: column;
align-items: stretch;
}
.x-btn-container.for-appdownload {
grid-template-columns: 1fr;
}
.x-btn-container.for-center.add-margin.for-mobile-hide {
display: none;
}
.x-btn-container.for-center.add-margin.for-desktop-hide {
display: flex;
}
.x-btn.for-small {
flex: 1;
}
.x-btn.toggle-popup.banner-data-layer.for-smaller {
font-size: 14px;
}
.x-btn.banner-data-layer.match-roaming-two.for-mobile {
display: flex;
}
.x-btn.banner-data-layer.match-roaming-two.for-desktop, .x-btn.for-desktop {
display: none;
}
.x-btn.for-mobile {
display: flex;
}
.x-footer-list {
display: none;
}
.x-rate-copy-block {
flex-direction: column;
align-items: stretch;
}
.x-rate-copy-block.for-right.for-esim {
flex-direction: row;
display: flex;
}
.x-rate-copy-block.for-right.for-5g {
flex-direction: column-reverse;
}
.x-content-wrapper {
flex-direction: column;
align-items: center;
display: flex;
}
.x-content-wrapper.for-margin {
margin-left: 0;
margin-right: 0;
}
.x-content-wrapper.for-left {
align-items: flex-start;
}
.x-content-copy-img {
width: 100%;
margin-bottom: 24px;
position: relative;
top: auto;
}
.x-content-copy-img.for-right {
width: 100%;
border-radius: 8px;
margin-top: 24px;
margin-left: 0;
}
.x-content-copy-img.for-right.for-vowifi {
width: 45%;
margin-top: 0;
margin-bottom: 0;
}
.x-content-copy-img.for-right.for-airsim {
width: 40%;
}
.x-content-copy-img.for-left32 {
width: 100%;
margin-bottom: 24px;
margin-right: 0;
}
.x-content-block {
margin-top: 0;
}
.x-content-block.for-slide {
margin-left: -32px;
margin-right: -32px;
padding-left: 32px;
padding-right: 32px;
}
.x-content-block.x-add-padding {
padding-left: 20px;
padding-right: 20px;
}
.x-content-block.for-slide {
margin-left: -32px;
margin-right: -32px;
padding-left: 32px;
padding-right: 32px;
}
.x-content-block.x-add-padding-iphone {
padding-left: 20px;
padding-right: 20px;
}
.x-content-block.for-no-top-padding {
margin-top: 0;
}
.x-content-block.add-padding {
margin-top: 20px;
}
.x-content-block.for-padding, .x-content-block.for-padding.for-homepage-video, .x-content-block.remove-padding, .x-content-block.remove-padding.for-homepage-video {
padding-left: 0;
padding-right: 0;
}
.x-img-block {
width: 100%;
}
.x-img-block.for-square {
width: 100%;
height: 100%;
}
.x-card-block.for-4 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.x-card-block.for-4.for-solution {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.x-card-block.for-4.for-top-padding {
grid-template-columns: 1fr 1fr;
}
.x-card-block.for-4.add-margin {
grid-template-columns: 1fr 1fr 1fr;
}
.x-card-block.for-4.for-esim {
grid-template-columns: 1fr 1fr;
}
.x-card-block.for-4 {
grid-template-columns: 1fr 1fr 1fr;
}
.x-card-block.for-3.hide-for-desktop {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: none;
}
.x-card-block.for-2-rows, .x-card-block.for-next.for-top-padding.for-4.desktop {
grid-template-columns: 1fr 1fr 1fr;
}
.x-card-block.for-3 {
margin-top: 0;
}
.x-card-block.for-2-rows {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.x-card-block.for-testimonial {
grid-column-gap: 20px;
grid-row-gap: 20px;
margin-top: 40px;
margin-bottom: 20px;
}
.x-card-block.for-4 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.x-card.digizen {
height: 100%;
}
.x-guide-card-block.for-volte {
grid-template-columns: 1fr 1fr;
}
.x-guide-card-block.for-airsim {
grid-template-columns: 1fr 1fr 1fr;
}
.x-guide-card-item-info.for-snapshot {
margin-bottom: 0;
padding-top: 20px;
padding-left: 20px;
}
.x-hero-side-banner.for-slider {
width: 100%;
height: auto;
object-fit: cover;
margin-bottom: -60px;
display: block;
position: relative;
bottom: auto;
right: auto;
}
.x-hero-side-banner.for-slider.for-mobile {
display: none;
}
.x-onboard-plan-flex {
flex-direction: column;
}
.x-onboard-plan-col.for-mobile {
display: flex;
}
.x-onboard-plan-col.for-desktop {
display: none;
}
.x-onboard-plan-img {
height: 64px;
}
.x-hero-container {
max-width: none;
background-image: radial-gradient(circle farthest-corner at 0% 100%, var(--digi-yellow) 60%, rgba(255, 230, 0, 0) 90%);
padding: 32px;
}
.x-hero-container.for-slider {
width: auto;
height: auto;
max-width: none;
background-image: linear-gradient(to top, var(--white) 88%, rgba(255, 230, 0, 0));
flex: none;
}
.x-hero-container.for-banner {
background-image: none;
}
.x-plan-table-sidebar {
width: 240px;
border-right-width: 2px;
border-right-color: var(--black);
}
.x-plan-table-content {
position: relative;
overflow: auto;
}
.x-plan-table-header {
position: relative;
top: 0;
}
.x-plan-table-header.for-sidebar.for-merge.mb-bd {
border-top-style: none;
}
.x-plan-table-header.for-sidebar.for-higher.for-raja-kombo.for-left-border-radius, .x-plan-table-header.for-sidebar.for-higher.for-raja-kombo.for-light-yellow {
width: 300px;
}
.x-plan-table-header.for-sidebar.for-higher.for-raja-kombo.for-center {
width: 150px;
}
.x-plan-table-header.for-sidebar.for-sticky {
position: relative;
top: auto;
}
.x-plan-table-header.for-higher.for-juara {
height: 150px;
}
.x-plan-table-header.for-higher.for-mobile-broadband.yellow, .x-plan-table-header.for-higher.for-trade-in.yellow {
border-left-width: 1px;
}
.x-plan-table-header.for-sticky {
position: relative;
top: auto;
}
.x-plan-table-col {
border-right: 1px none var(--line);
flex: 1;
position: relative;
}
.x-plan-table-col.for-one-col {
width: 60%;
border-right-style: none;
}
.x-plan-table-col.for-trade-in {
width: 100%;
}
.x-plan-table-h3.add-padding.mobile.remove-padding {
margin-left: -10px;
}
.x-plan-table-h3.for-prepaid-next {
font-size: 1.5em;
line-height: 21px;
}
.x-plan-table-row.for-center.for-last.mobile-broadband-borders {
border-top-style: none;
margin-left: auto;
}
.x-plan-table-row.for-center.mobile-broadband-borders, .x-plan-table-row.for-center.trade-in-borders {
border-left-style: solid;
}
.x-plan-table-row.for-huawei.adjust-device-addon.padding-20 {
z-index: 0;
}
.x-plan-table-row.for-huawei.adjust-device-addon.padding-20.add-bottom-stroke {
border-bottom-width: 3px;
margin-top: 2px;
}
.x-plan-table-row.for-huawei.adjust-device-addon.padding-20.add-bottom-stroke-2 {
border-bottom-style: solid;
border-bottom-width: 3px;
margin-top: 2px;
}
.x-plan-table-row.for-promo {
padding-right: 59px;
}
.x-endnote-h2 {
width: 100%;
}
.x-hero-slider-pane {
height: auto;
}
.x-hero-slider-pane.for-postpaid-family {
color: var(--black);
}
.x-content-card-list {
grid-template-columns: 1fr;
}
.x-promo-card-list, .x-simple-card-list {
grid-template-columns: 1fr 1fr;
}
.x-slider-h1 {
font-size: 32px;
}
.x-float-helper {
z-index: 9000;
display: block;
}
.x-float-helper-btn {
transition: all .25s cubic-bezier(.77, 0, .175, 1);
box-shadow: 0 6px 12px -4px rgba(3, 155, 229, .64);
}
.x-float-helper-menu {
transform: scale3d(1none, 1none, 1none) translate(-50%, 0px);
transition: all .5s cubic-bezier(.77, 0, .175, 1);
}
.x-float-helper-menu.for-m-hide {
perspective-origin: 50% 100%;
transform-origin: 50% 100%;
transform: translate(-50%)scale(0);
}
.x-promo-wrapper {
background-image: none;
}
.x-promo-container {
display: block;
}
.x-cart-main {
margin-left: 0;
padding-top: 32px;
}
.x-cart-close-btn {
margin-bottom: 24px;
}
.x-input-row.idd-rates.flex-child.for-1-column {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
justify-items: center;
display: grid;
}
.x-input-row.idd-rates.add-margin {
margin-left: -8px;
margin-right: -8px;
}
.x-input-text.add-height {
height: 80px;
}
.x-input-col.dont-expand {
width: 300px;
width: 70%;
margin-left: 0;
margin-right: 0;
}
.x-input-col.dont-expand.left-padding {
width: 70%;
margin-left: 0;
}
.x-input-col.dont-expand.right-padding {
margin-left: 0;
margin-right: 0;
}
.x-toggle-group {
flex-direction: column;
}
.x-input-toggle {
align-items: center;
display: flex;
}
.x-input-prefix {
padding-top: 23px;
padding-bottom: 9px;
}
.x-input-prefix.for-idle {
padding-top: 16px;
padding-bottom: 16px;
}
.x-tile-plan-list, .x-device-list-block {
grid-template-columns: 1fr 1fr;
}
.x-step-h3 {
font-size: 20px;
line-height: 28px;
}
.x-form-nav-header {
width: auto;
padding-top: 16px;
padding-bottom: 16px;
padding-left: 24px;
position: fixed;
}
.x-form-h1 {
margin-bottom: 0;
}
.x-form-wrapper {
padding-top: 10px;
}
.x-m-quick-nav {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 40px;
display: grid;
}
.x-hero-slider-link {
position: relative;
}
.x-hero-slider-action.for-yellow, .x-hero-slider-action.for-postpaid-fam {
color: var(--link-blue);
}
.x-prime-nav-menu-link-alt {
justify-content: space-between;
padding: 12px 0;
font-size: 20px;
display: flex;
}
.x-shop-list, .x-shop-list.for-5 {
grid-template-columns: 1fr 1fr 1fr;
}
.x-shop-more-btn.for-align {
margin-top: 0;
}
.x-lang-picker-block.for-raja-kombo {
top: 185px;
right: 15px;
}
.x-video-gallery-block {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.x-banner-list {
height: auto;
grid-template-columns: 1fr;
}
.x-banner-list.for-2 {
height: auto;
flex-direction: column;
grid-template-columns: 1.75fr;
align-items: stretch;
display: flex;
}
.x-banner-list.for-1-4 {
height: auto;
flex-direction: column;
align-items: center;
display: flex;
}
.x-banner-list.for-4 {
grid-template-columns: 1fr 1fr;
}
.x-banner-list.for-two {
height: auto;
}
.x-banner-list.for-2 {
height: auto;
height: auto;
height: auto;
height: auto;
flex-direction: column;
grid-template-columns: 1.75fr;
align-items: stretch;
display: flex;
}
.x-banner-list.for-2.for-height {
height: 1080px;
}
.x-banner-item.for-2-main {
width: auto;
}
.x-banner-item.for-1-4-main {
max-height: 380px;
overflow: hidden;
}
.x-banner-item-link {
object-fit: contain;
}
.x-banner-item-img {
width: 100%;
height: auto;
max-width: none;
object-fit: contain;
display: block;
}
.x-plan-table-merged {
grid-column-gap: 0px;
}
.x-broadcast-list {
padding-top: 10px;
padding-bottom: 10px;
}
.x-broadcast-teaser {
font-size: 14px;
}
.x-jaringan-banner-item-link {
object-fit: contain;
}
.x-redirect-block.for-smaller.for-4 {
grid-template-columns: minmax(200px, 1fr) 1fr;
}
.x-redirect-block.for-store {
grid-template-columns: minmax(auto, 1fr) 1fr 1fr 1fr 1fr;
}
.x-redirect-block.for-pf365, .x-redirect-block.for-android, .x-redirect-block.for-prepaid-all {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.x-redirect-link {
flex-direction: column;
justify-content: center;
padding: 12px 16px;
}
.x-redirect-link.for-store {
text-align: center;
}
.x-redirect-link.for-iphones {
flex-direction: column;
}
.x-redirect-link.for-pf365 {
width: 210px;
}
.x-redirect-link.for-iphones {
width: 210px;
flex-direction: column-reverse;
}
.x-redirect-link.for-prepaid-all {
width: 160px;
}
.x-redirect-cta-subheading {
text-align: center;
display: block;
}
.x-redirect-cta-subheading.for-pf365 {
text-align: center;
align-self: center;
line-height: 14px;
}
.x-redirect-cta-subheading.for-pf365.reduce-padding {
margin-top: 10px;
line-height: 20px;
}
.x-redirect-cta-subheading.reduce-padding {
line-height: 0;
}
.x-redirect-cta-subheading.left-align {
text-align: left;
}
.x-redirect-text.for-prepaid-all.for-padding {
margin-top: 12px;
}
.x-redirect-image {
margin-bottom: 20px;
position: static;
}
.x-redirect-image.for-pf365, .x-redirect-image.for-android, .x-redirect-image.for-android, .x-redirect-image.for-prepaid-all {
margin-bottom: 0;
}
.x-redirect-image.for-belia {
margin-top: -1px;
}
.x-redirect-icon {
font-size: 16px;
}
.x-btl-img-banner {
border-radius: 0;
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.x-btl-img-banner.collab {
border-radius: 12px;
}
.x-hero-grid-banner {
height: 240px;
min-height: 0;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .95fr 1fr;
grid-auto-columns: 1fr;
padding: 0;
display: grid;
}
.x-hero-side-banner-img {
object-fit: cover;
border-radius: 0;
display: block;
}
.x-limit.for-banner {
padding-left: 32px;
padding-right: 32px;
}
.x-hero-side-banner-mobile {
border-radius: 0;
display: none;
}
.x-solution-feature-rich-text {
flex-direction: column;
align-items: stretch;
display: flex;
}
.x-solution-feature-rich-text img {
width: 100%;
}
.x-solution-feature-rich-text figure {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.x-solution-testimonial-rt {
flex-direction: column;
align-items: stretch;
display: flex;
}
.x-solution-testimonial-rt img {
width: 100%;
}
.x-solution-testimonial-rt figure {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.x-long-banner.add-space {
margin-top: 16px;
}
.x-long-banner.for-bottom-margin.banner-data-layer {
display: block;
}
.x-testimonial-slide.for-one, .x-testimonial-slide.for-fibre {
width: 47%;
}
.x-testimonial-slide.for-one {
width: 48%;
margin-right: 24px;
}
.slider {
margin-left: -32px;
margin-right: -32px;
padding-left: 32px;
padding-right: 32px;
}
.right-arrow {
right: -8%;
}
.x-image-card-container {
grid-template-columns: 1fr 1fr;
}
.x-image-card-container.for-promo {
grid-column-gap: 15px;
grid-row-gap: 15px;
}
.x-image-card-container.for-promo.version-2 {
grid-template-columns: 1fr 1fr;
}
.x-image-card-container.for-bottom-margin, .x-image-card-container.for-3 {
grid-template-columns: 1fr 1fr 1fr;
}
.x-image-card-img.remove-padding {
margin-bottom: 0;
}
.x-form-tab-link {
flex: none;
}
.text-span-35 {
color: var(--white);
}
.x-wrapper.decrease-padding {
padding-top: 0;
padding-bottom: 20px;
}
.x-wrapper.for-home-fibre {
padding-top: 30px;
}
.x-promo-img-banner {
height: auto;
border-radius: 16px;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.x-promo-list-tab.ramadan-raya-2023 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.x-promo-list-tab-a {
color: var(--black);
text-align: center;
border-style: solid;
border-radius: 100px;
justify-content: center;
align-items: center;
padding-top: 8px;
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.x-promo-list-tab-a:hover {
background-color: var(--bottom-nav);
}
.x-promo-list-tab-a.ramadan-raya-2023 {
color: var(--black);
text-align: center;
border-style: solid;
border-radius: 30px;
padding: 10px 5px;
}
.x-promo-list-tab-a.ramadan-raya-2023:hover {
background-color: var(--bottom-nav);
}
.x-promo-list-tab-a.ramadan-raya-2023.w--current, .x-promo-list-tab-a.ramadan-raya-2023.all-promotions {
display: none;
}
.x-promo-list-rt {
text-align: center;
}
.x-promo-list-container {
flex-direction: column;
grid-template-columns: 1fr;
align-items: stretch;
}
.x-promo-list-img-block {
width: 100%;
}
.x-error-heading {
font-size: 40px;
line-height: 48px;
}
.x-error-img {
width: 200px;
}
.x-tab-link-2 {
flex: none;
}
.x-btn-3.toggle-popup {
padding-left: 10px;
padding-right: 10px;
}
.x-back-top-link {
display: none;
}
.x-btl-main-headline {
font-size: 1.8em;
}
.x-raja-kombo-cta-container {
width: 100%;
}
.x-pb-price-grid {
grid-template-columns: 1fr .25fr .25fr .5fr .5fr;
}
.x-plan-table-heading-bar.no-curve.for-mobile-bd-mbb-5-5 {
top: 575px;
}
.x-plan-table-heading-bar.adjust-base-plan-tablet-copy {
margin-bottom: -125px;
}
.x-test-kit-h2 {
width: 100%;
}
.x-plan-table-col-3 {
min-width: 160px;
border-right: 1px solid #c7c9cc;
flex: none;
}
.x-onboard-plan-img-2 {
height: 64px;
}
.x-banner-item-img-2 {
width: 100%;
height: 100%;
max-width: none;
object-fit: contain;
}
.x-plan-table-merged-2 {
grid-column-gap: 0px;
}
.x-plan-table-content-3 {
overflow: auto;
}
.x-hero-container-2 {
max-width: none;
background-image: radial-gradient(circle at 0 100%, #ffe600 60%, rgba(255, 230, 0, 0) 90%);
padding: 32px;
}
.x-hero-container-2.for-banner {
background-image: none;
}
.x-content-copy-img-2 {
width: 100%;
margin-bottom: 24px;
position: relative;
top: auto;
}
.x-content-copy-img-2.for-left32 {
width: 100%;
margin-bottom: 24px;
margin-right: 0;
}
.x-hero-grid-banner-2 {
height: 240px;
min-height: 0;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .95fr 1fr;
grid-auto-columns: 1fr;
padding: 0;
display: grid;
}
.x-plan-table-sidebar-3 {
width: 240px;
border-right-width: 2px;
border-right-color: #272727;
}
.r-separator.product {
top: 25px;
}
.r-master {
margin-top: 0;
}
.x-plan-logo-link {
left: 100px;
}
.x-plan-logo-link.for-super-long-life {
top: -18%;
left: auto;
}
.r-pricing-cashback {
grid-row-gap: 6px;
}
.r-text-block {
text-align: center;
}
.r-pricing-left-grid {
grid-template-rows: 33px auto;
}
.r-pricing-wrapper {
grid-template-columns: 1fr;
}
.r-usp-background {
height: 350px;
padding-bottom: 0;
}
.r-rdy-character.small {
display: none;
position: static;
top: -184px;
}
.r-video-grid {
grid-template: "."
"."
/ 1fr;
}
.r-video-grid.for-mobile {
grid-row-gap: 32px;
margin-left: 24px;
margin-right: 24px;
}
.r-new-sim-box.outline.existing-cust {
margin-left: 24px;
margin-right: 24px;
}
.r-section-pricing {
background-position: 50% 0;
}
.r-join-us-grid {
margin-left: 24px;
margin-right: 24px;
}
.r-pricing-box-grid {
grid-template-rows: auto auto auto;
}
.r-partners-grid {
grid-column-gap: 31px;
margin-top: 0;
margin-left: 24px;
margin-right: 24px;
}
.r-nav-bar.for-product.exist {
top: 22%;
bottom: auto;
left: 0%;
right: 0%;
}
.r-section-body {
height: 1200px;
}
.r-pricing-right-grid {
grid-template-rows: auto;
}
.r-container-2 {
position: static;
}
.r-container-2.for-pricing {
padding-left: 36px;
padding-right: 36px;
}
.r-container-2.for-section-body {
max-width: 1200px;
padding-bottom: 93px;
}
.r-container-2.for-optimize {
padding-top: 65px;
padding-bottom: 113px;
}
.r-container-2.for-cashback {
padding-bottom: 44px;
}
.r-container-2.always-on {
padding-top: 50px;
padding-bottom: 49px;
}
.r-video-container {
margin-left: 24px;
margin-right: 24px;
}
.r-new-sim-grid {
display: none;
}
.r-new-sim-grid.for-tablet {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .25fr 1.25fr .25fr;
grid-auto-columns: 1fr;
margin: 11px 5px;
display: grid;
}
.r-headline-grid {
grid-template-rows: auto auto;
}
.r-headline-grid.for-cashback, .r-text-wrapper.optimize {
margin-left: 24px;
margin-right: 24px;
}
.r-section-always-on {
background-image: linear-gradient(rgba(33, 30, 30, .9), rgba(33, 30, 30, .9)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/61b1cd716e4d290a4426e6ad_Digi_RDY_Showreel_Background.jpg");
background-position: 0 0, 0 0;
background-size: auto, cover;
}
.r-usp-grid {
margin-top: 118px;
margin-left: 24px;
margin-right: 24px;
}
.r-body-text.small {
margin-left: 24px;
margin-right: 24px;
}
.r-body-text.left-align.join-us {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.r-always-on-grid {
margin-left: 24px;
margin-right: 24px;
}
.r-text-style-21 {
line-height: 25px;
}
.x-footer-gaming {
justify-content: space-between;
align-items: center;
}
.x-main-banner.for-postpaid {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/633b83c04c294eb5304b3326_Digi_Postpaid_SubpageMainBanner_Tablet.jpg");
}
.x-main-banner.for-add-ons {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6336651ad45656564428ac31_Digi_Postpaid_FreedomAddOns_SubpageMainBanner_Tablet.jpg");
}
.x-main-banner.for-family {
background-image: linear-gradient(rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, .58)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6336651ea32bf80e9911fcd5_Digi_Postpaid_PostpaidFamily_SubpageMainBanner_Tablet.jpg");
}
.x-main-banner.for-switch-to-digi {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6267703c72c1228672bbce24_Switch_to_Digi_Main_Banner_Tablet.jpeg");
}
.x-main-banner.for-signature {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/625f7943f8d262575e196b33_Digi_Signature_MainBanner_Tablet_991x500.jpeg");
}
.x-main-banner.for-ekyc {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63608be06855c90e6b5c2410_Digi_eKYC-registration-Main-Banner(Tablet).jpg");
background-position: 0 0, 50% 100%;
}
.x-main-banner.for-get-help {
background-image: linear-gradient(rgba(0, 0, 0, 0) 49%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6260c2e990f224ff28b3c201_Digi_GetHelp_Main_Banner_Tablet.jpeg");
}
.x-main-banner.for-idd {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6255448f36259f7b28e5a405_Digi_IDD_Main%20Banner_Tablet_991x500.png");
}
.x-main-banner.for-exclusive-pack {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65add376c404c76595cc4511_Digi_Web_PromoMainBanner_EN_1280x800.webp");
}
.x-main-banner.for-business-solutions {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/626649bcb0845456ac1a1b61_Digi_Digi%20Business_LE%20Webpage_build%20in%20vertical%20mention_Opt%20A_991%20x%20500px_R1_FA_72dpi-01.jpg");
}
.x-main-banner.for-digital-solutions {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/626649bca4cc8f8a73d7914f_Digi_Digi%20Business_LE%20Webpage_Digital%20Solution_Tablet_991%20x%20500px_R4_FA_72dpi-01.jpg");
}
.x-main-banner.for-roaming {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/628f0da7b6db466c173691e7_Digi_Roaming(Tablet).jpg");
}
.x-main-banner.for-belia {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/639fc36ea449416660b7b0ad_Digi_Prepaid_SubpageMainBanner_PakejKhasDataBelia_Tablet_EN.jpg");
background-position: 50% 0;
}
.x-main-banner.for-belia.for-bm {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/639fc36f84d8d4bc21994093_Digi_Prepaid_SubpageMainBanner_PakejKhasDataBelia_Tablet_BM.jpg");
}
.x-main-banner.for-prepaid-en-desktop-copy {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65686048b668a4792caeef5c_Digi_Campaign%206_NEXT25_Web_HeaderBannerTablet_EN_991x500.webp");
background-position: 50%;
}
.x-main-banner.for-prepaid-bm-desktop-copy {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6568604832f50c05d367b9cd_Digi_Campaign%206_NEXT25_Web_HeaderBannerTablet_BM_991x500.webp");
background-position: 50%;
}
.x-main-banner.for-mydigi {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6298c18af2f18d3c0878c8b3_Digi_Apps%26Services_MyDigi_Tablet.jpg");
}
.x-main-banner.for-exclusive-pack-bm {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65add376e00057e5d2acb0c1_Digi_5G%20Internet_Web_HeaderBanner_BM_990x500.webp");
}
.x-main-banner.for-digital-subs {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6507f073d8ab2afe46a6705b_Digi_Pay_Via_Digi_MainBanner_Tablet.jpg");
background-position: 0 0, 50%;
}
.x-main-banner.for-promotions {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), none;
}
.x-main-banner.for-gadget {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6348cb8808a873fd75a68d47_Digi_Devices_GadgetSIM_SubpageMainBanner_Tablet.jpg");
background-position: 0 0, 50%;
}
.x-main-banner.for-promotions {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6232df14d8d3192e6b90a4e4_Digi_Postpaid_Tablet_991x500.png");
}
.x-main-banner.for-nsc {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/62e8ba1153b9032cc54f7d55_Digi_NetworkStatusChecker-Tablet.jpg");
}
.x-main-banner.for-pf365 {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/651a6d7bf60f7a6434d33146_Digi_Jom5GFamiliku_PF365_SubpgMainBannerTablet_991x500.jpg");
background-position: 0 0, 50%;
}
.x-main-banner.for-ppj {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63042c38c3ae4cbef1350941_Digi_Devices_PPJ_SubpageMainBanner_Tablet.jpg");
background-position: 0 0, 50%;
}
.x-main-banner.for-iphone {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65124c4440949bdca68b19ce_DIgi__iPhone-15-Pro_Subpage-Main-Banner_Tablet_1920x668.png");
background-position: 50% 0;
}
.x-main-banner.for-iphone.for-iphone-15 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65124c4440949bdca68b19ce_DIgi__iPhone-15-Pro_Subpage-Main-Banner_Tablet_1920x668.png");
}
.x-main-banner.for-android {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/64c093ea2b95cbe3c8b65b32_Digi_Galaxy_Fold-Flip5_Andriod%20SubPageMainBanner_Tablet_PF365_991%20x%20500.png");
}
.x-main-banner.for-ppj-copy {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63042c38c3ae4cbef1350941_Digi_Devices_PPJ_SubpageMainBanner_Tablet.jpg");
}
.x-main-banner.for-gf-plus {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6386be5e817cab2d5664df1f_Digi_Devices_GadgetFreedomPlus_SubpageMainBanner_Tablet.jpg");
background-position: 0 0, 50% 150%;
}
.x-main-banner.for-promotions {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6319b5f897221909c818e66a_Digi_Promotions_MainBanner_Tablet.jpg");
background-position: 0 0, 50%;
}
.x-main-banner.for-roaming {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6351f168c9710088dbd776ac_Digi_Roaming_Header-Banner_Tablet.jpg");
}
.x-main-banner.for-home-fibre {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/656534026ad921086c1f8b4e_CD-Fibre-KV_AssetDevelopment_Cross-sell-Banner-on-Postpaid-(Digi)_1280x640_ENG.webp");
}
.x-main-banner.for-home-fibre.for-bm {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/656534037bae10b18a621bce_CD-Fibre-KV_AssetDevelopment_Fibre-page-Product-Banner-(Digi)_Tablet_990x500_BM.webp");
}
.x-main-banner.for-trade-in {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/634e5fbde584507402945034_Digi_Devices_SubpageMainBanner_TradeIn_Tablet.jpg");
}
.x-main-banner.for-esim {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/634e5fba52ffb6b5c1edad34_Digi_Devices_SubpageMainBanner_eSIM_Tablet.jpg");
background-position: 0 0, 50% 100%;
}
.x-main-banner.for-airsim {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/634e5fb82252d285f7391563_Digi_Devices_SubpageMainBanner_AirSIM_Tablet.jpg");
}
.x-main-banner.for-digi-5g {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/636b0d0f2fa6b689b4d920e6_Digi_5G_Activate5GNow_MainBanner_Tablet.jpg");
}
.x-main-banner.for-digi-5g.consumer {
background-image: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/64e6ff7b3739ed6cf620e998_Digi_Jom5G_OpenGraphImage_1200x630.jpg");
}
.x-main-banner.for-loyalty-desktop {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/639fc4d17670a167184761e1_Digi_Prepaid_PrepaidLoyaltyBonus_SubpageMainBanner_Tablet.jpg");
background-position: 88%;
background-size: cover;
}
.x-main-banner.for-pkrm {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/639fc452de93940e873db0ee_Digi_Prepaid_PakejRemaja_SubpageMainBanner_Tablet.jpg");
background-position: 0 0, 50% 0;
background-size: auto, auto;
}
.x-main-banner.for-raja-kombo {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/64c67a98b5d3e5b85d11df6e_Celcom_Raja%20Combo_Header%20Banner_990x500.jpg");
background-position: 100%;
background-size: cover;
}
.x-main-banner.for-mobile-broadband {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63855db4ce1fd2ac0bbe96e9_Digi_MobileBroadband_SubpageMainBanner_Tablet.jpg");
background-position: 0 0, 50% 80%;
}
.x-main-banner.for-oku {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6242a98a7b15306aa6e63f25_Digi_Postpaid_OKUPlan_Desktop_1400x350.png");
}
.x-main-banner.for-senior-citizen {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6152b2d34ca06b58d35dde29_digi-seniors.png");
}
.x-main-banner.for-appstore {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/61d2c1f102a2a8092dd4380e_Digi_Apple_AppStore_1200x630.png");
}
.x-main-banner.for-googleplay {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/61d2c1ea0a037e4cce89abe5_Digi_Google_PlayStore_1200x630.png");
}
.x-main-banner.for-senior-citizen {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6152b2d34ca06b58d35dde29_digi-seniors.png");
background-position: 0 0, 95% 0;
}
.x-main-banner.for-prepaid {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/639fc018de93945b943d6e18_Digi_Prepaid_PrepaidNEXT_SubpageMainBanner_Tablet_EN.jpg");
background-position: 0 0, 50% 70%;
background-size: auto, auto;
}
.x-main-banner.for-autobilling {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6152b2d34ca06b8ff65dddde_digi-auto-billing.png");
background-position: 0 0, 70% 0;
}
.x-main-banner.for-pakej-perpaduan {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/64e311af20b9f591804e1daf_Digi_Pakej-Rahmah_Subpage-Main-Banner_991x500_Tablet.jpg");
background-position: 50% 40%;
background-size: auto;
}
.x-main-banner.for-samsung-s23-contest {
background-image: linear-gradient(rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63f888e49bfffee9889e132c_Digi_SubpageMainBanner_Digi23for23_Tablet.jpg");
}
.x-main-banner.for-prepaid-main {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65686048b668a4792caeef5c_Digi_Campaign%206_NEXT25_Web_HeaderBannerTablet_EN_991x500.webp");
background-position: 50%;
}
.x-main-banner.for-talktime-services {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/642d135d6e06ee5d4dc07b18_Digi_Prepaid_TalktimeServices_SubpageMainBanner_Tablet.jpg");
background-position: 50%;
background-size: cover;
}
.x-main-banner.for-promotions {
height: 400px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6479542a90128cb356d9ca8b_Digi_Roaming_PromoSliderBanner_2000x600.jpg");
background-position: 50%;
}
.x-main-banner.for-promotions.for-iphone {
height: 400px;
}
.x-main-banner.for-promotions.for-pakej-5g-rahmah {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/651eed6b0bcc2eb5951b7c0b_Digi_Pakej%205G%20Rahmah__Promo%20Slider%20Banner_2000x600.jpg");
}
.x-main-banner.for-promotions.for-postpaid-90 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/651a6dd64b039af722dd7489_Digi_Digi%20Postpaid%2090_PromoSlideBanner_EN_2000x600.jpg");
}
.x-main-banner.for-promotions.for-postpaid-infinite {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/651a6dc4cac08b07e4fe379c_Digi_Campaign5_PostpaidInfinite_PromoSlideBanner_EN_2000x600.jpg");
}
.x-main-banner.for-promotions.for-program-peranti-5g {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/653096cd295eb56d6df258c6_CelcomDigi_ProgramPeranti5GUntukSemua_Promotion_sliderbanner_Desktop2000x600.jpg");
}
.x-main-banner.for-promotions.for-iphone-15 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65499e39fcf5f06921a9ad06_Digi_PhoneFreedom365_iPhone15_Web_PromoSlideBanner_2000x600.jpg");
background-position: 50%;
}
.x-main-banner.for-promotions.for-google-contest {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/654c418df9cebe95d6ac4dea_CelcomDigi_GoogleSpend%26Win_Desktop.jpg");
}
.x-main-banner.for-promotions.for-cny-deals {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65ad20a474ea876a30978f1d_Digi_CNY_Deals_Promotion_Slider%20Banner_Desktop_EN.webp");
}
.x-main-banner.for-s23 {
background-image: linear-gradient(rgba(0, 0, 0, 0) 37%, rgba(0, 0, 0, .58)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63f733ede6f7996b8a2747a2_Digi_SamsungGalaxyS23_SubpageMainBanner_Tablet.jpg");
}
.x-main-banner.for-fold-flip-5 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6542ebe2ecc283996ae866f6_Digi_Galaxy_Fold-Flip5_SubPageMainBanner_Tablet_PF365_991%20x%20500.jpg");
background-position: 50%;
}
.x-main-banner.for-digital-subs-copy {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63043a2d5279de81485911b1_Digi_Digital_Subscriptions_Main_Banner_Tab.jpeg");
}
.x-main-banner.for-iphone {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/650c3c1a88a961c5c373e8f6_SQ1230803_Web_SubpgMainBannerTablet_990x500.png");
background-position: 50%;
}
.x-banner-heading.main-banner {
top: 171px;
}
.x-banner-heading.for-refresh {
top: 245px;
}
.x-banner-heading.for-postpaid.for-ekyc.for-bm {
top: 212px;
}
.x-banner-heading.for-postpaid.for-iphone {
top: 255px;
}
.x-banner-heading.for-nsc {
font-size: 1.3em;
}
.x-banner-heading.for-digi-5g.consumer {
top: 271px;
}
.x-banner-heading.for-prepaid {
padding-left: 80px;
padding-right: 80px;
font-size: 1.4em;
}
.x-banner-heading.for-autobilling {
font-size: 1.3em;
}
.x-banner-heading.for-roaming {
top: 279px;
}
.x-banner-heading.for-pay-via-digi.for-ekyc.for-bm {
top: 212px;
}
.x-banner-heading.for-pay-via-digi.for-iphone {
top: 255px;
}
.x-banner-title {
top: 189px;
}
.x-banner-title.for-refresh, .x-banner-title.for-postpaid {
top: 270px;
}
.x-banner-title.for-postpaid.for-ekyc.for-bm {
font-size: 40px;
line-height: 50px;
top: 229px;
}
.x-banner-title.for-prepaid {
top: 270px;
}
.x-banner-title.for-signature {
top: 283px;
}
.x-banner-title.for-ekyc, .x-banner-title.for-switch-to-digi-bm, .x-banner-title.for-fibre {
top: 270px;
}
.x-banner-title.for-fibre.for-font-size {
font-size: 40px;
}
.x-banner-title.for-fibre.for-font-size.bm {
font-size: 40px;
line-height: 40px;
}
.x-banner-title.for-idd {
font-size: 40px;
}
.x-banner-title.for-get-help {
top: 260px;
}
.x-banner-title.for-digital-solutions {
font-size: 33px;
line-height: 37px;
top: 270px;
}
.x-banner-title.for-digital-solutions.for-ifleet {
top: 267px;
}
.x-banner-title.for-digital-solutions.for-avana {
font-size: 35px;
top: 272px;
}
.x-banner-title.for-digital-solutions.for-cisco, .x-banner-title.for-digital-solutions.for-dsms {
top: 271px;
}
.x-banner-title.for-digital-solutions.for-krypto {
top: 272px;
}
.x-banner-title.for-mydigi {
margin-left: 10px;
margin-right: 10px;
top: 270px;
}
.x-banner-title.for-promotions {
font-size: 40px;
}
.x-banner-title.for-gadget, .x-banner-title.for-promotions {
top: 270px;
}
.x-banner-title.for-pf365 {
font-size: 40px;
}
.x-banner-title.for-iphone {
font-size: 40px;
top: 280px;
}
.x-banner-title.for-android, .x-banner-title.for-ppj-en, .x-banner-title.for-ppj-bm, .x-banner-title.for-gf-plus, .x-banner-title.for-promotions {
font-size: 40px;
}
.x-banner-title.for-roaming {
font-size: 37px;
line-height: 42px;
top: 303px;
}
.x-banner-title.for-tradein, .x-banner-title.for-esim, .x-banner-title.for-airsim {
font-size: 40px;
}
.x-banner-title.for-digi-5g {
top: 270px;
}
.x-banner-title.for-digi-5g.consumer {
font-size: 36px;
line-height: 45px;
top: 294px;
}
.x-banner-title.for-mobile-broadband, .x-banner-title.for-prepaid {
top: 270px;
}
.x-banner-title.for-autobilling {
font-size: 38px;
top: 270px;
}
.x-banner-title.for-s23, .x-banner-title.for-fold-5-flip-5, .x-banner-title.for-pay-via-digi {
font-size: 40px;
}
.x-banner-title.for-pay-via-digi {
top: 270px;
}
.x-banner-title.for-pay-via-digi.for-ekyc.for-bm {
font-size: 40px;
line-height: 50px;
top: 229px;
}
.x-banner-title.for-pay-via-digi-copy {
font-size: 40px;
}
.x-slider-dots {
width: 100px;
bottom: -15%;
}
.x-slider-dots.for-hide {
display: block;
top: 8px;
}
.x-slider-dots.for-hide.for-postpaid {
padding-top: 40px;
top: -25px;
bottom: auto;
}
.x-slider-dots.for-hide-prepaid {
display: block;
}
.x-ads-subheader.for-pakej-remaja {
font-size: 1.15em;
}
.x-title-heading.x-height-adjustment {
line-height: 35px;
}
.x-title-heading.for-center {
margin-left: 20px;
margin-right: 20px;
}
.x-title-heading.for-google-play {
font-size: 1.6em;
}
.x-di-description {
padding-left: 37px;
padding-right: 37px;
}
.x-left-slider-arrow {
top: -19%;
left: 5%;
}
.x-right-slider-arrow {
top: -18%;
left: 707px;
}
.x-digizen-slide-wrapper {
height: 400px;
margin-left: 13px;
margin-right: 0;
left: -13px;
}
.x-digizen-slide-wrapper.for-network {
height: 530px;
}
.x-slider-arrow-left {
margin-bottom: 143px;
}
.x-slider-arrow-right {
margin-bottom: 143px;
right: -17px;
}
.x-idd-rate-title.for-yellow {
font-size: 16px;
}
.x-arrow-left-wrapper {
left: -13px;
}
.x-arrow-left-wrapper.for-hide {
display: block;
left: -12px;
}
.x-arrow-left-wrapper.for-hide.for-tablet {
left: -17px;
}
.x-arrow-left-wrapper.for-hide-prepaid {
display: block;
}
.x-arrow-left-wrapper.for-postpaid {
top: 0%;
left: -10px;
}
.x-arrow-right-wrapper {
right: -7px;
}
.x-arrow-right-wrapper.for-hide {
display: block;
right: -12px;
}
.x-arrow-right-wrapper.for-hide-prepaid {
display: block;
}
.x-arrow-right-wrapper.for-postpaid {
top: 0%;
right: -14px;
}
.x-guide-card-grid.for-2 {
grid-template-columns: 1fr 1fr;
}
.x-guide-card-grid.for-2.for-add-grid-space {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.x-guide-card-grid.for-2.for-add-grid-space.for-rdy {
margin-left: 20px;
margin-right: 20px;
}
.x-guide-card-grid.for-add-space {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-columns: 1fr 1fr;
}
.x-guide-card-grid.for-add-space.for-rdy {
margin-left: 20px;
margin-right: 20px;
}
.x-guide-card-grid.for-add-space {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-columns: 1fr 1fr;
}
.x-guide-card-grid.for-add-space.for-4 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.x-guide-card-grid.for-4 {
grid-template-columns: 1fr 1fr;
}
.x-guide-card-grid.for-add-space {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-columns: 1fr 1fr;
}
.x-guide-card-grid.for-4 {
grid-template-columns: 1fr 1fr;
}
.x-plan-hover-wrapper {
width: 80%;
height: auto;
left: 39px;
}
.x-mini-notice {
padding-left: 20px;
padding-right: 20px;
}
.x-mini-notice.for-larger {
line-height: 25px;
}
.x-mini-notice.for-5g {
padding-left: 0;
padding-right: 0;
font-size: 12px;
}
.x-mini-notice.for-larger {
line-height: 25px;
}
.x-mini-notice.for-larger.remove-padding {
margin-bottom: -24px;
}
.x-mini-notice.for-larger {
line-height: 25px;
}
.x-mini-notice.for-larger.remove-padding {
margin-bottom: -24px;
}
.x-mini-notice.for-larger {
line-height: 25px;
}
.x-mini-notice.for-larger.remove-padding {
margin-bottom: 0;
font-size: 11px;
}
.x-mini-notice.for-larger {
line-height: 25px;
}
.x-mini-notice.for-larger.remove-padding {
margin-bottom: 0;
font-size: 11px;
}
.x-mini-notice.for-larger {
line-height: 25px;
}
.x-mini-notice.for-larger.remove-padding {
margin-bottom: -24px;
}
.x-mini-notice.for-larger {
line-height: 25px;
}
.x-mini-notice.for-larger.remove-padding {
margin-bottom: 0;
font-size: 11px;
}
.x-mini-notice.for-5g {
padding-left: 0;
padding-right: 0;
font-size: 12px;
}
.x-table-slide-container {
width: 48%;
}
.x-table-slide-container.x-table-adjust-height.for-belia {
width: 50%;
}
.tab-link-tab-1, .tab-link-tab-1.w--current {
width: 250px;
}
.x-add-on-content-wrapper {
padding-left: 0;
padding-right: 0;
}
.x-plan-bottom {
justify-content: flex-end;
}
.x-plan-bottom-price.x-auto-renewal.x-auto-renewal-price.x-price {
margin-top: 71px;
margin-bottom: auto;
}
.x-plan-bottom-price.x-auto-renewal.x-auto-renewal-price.x-price.pdkb {
margin-top: 20px;
}
.x-plan-bottom-price.x-auto-renewal.x-auto-renewal-price.x-adjust-price {
margin-top: 25px;
}
.x-plan-header-div.x-add-margin {
padding-top: 0;
padding-bottom: 0;
}
.x-samsung-column-1 {
text-align: center;
margin-top: 20px;
margin-left: 0;
margin-right: 0;
}
.x-samsung-column-1.for-gs22u {
margin-top: 40px;
margin-left: 0;
margin-right: 0;
}
.x-samsung-grid, .x-samsung-grid.for-mobile {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.x-samsung-grid.for-hide {
display: none;
}
.x-samsung-column-2.for-mobile {
display: block;
}
.x-samsung-column-2.for-mobile.for-hide {
display: none;
}
.x-boost-paragraph {
font-size: 16px;
line-height: 20px;
}
.x-dropdown-content {
width: 100%;
}
.x-table-plan-container {
width: 48%;
}
.x-table-plan-container.x-sig-slider-ctn {
width: 300px;
margin-left: 10px;
margin-right: 10px;
}
.x-table-plan-container.x-sig-slider-ctn.no-margin {
margin-right: 10px;
}
.x-table-plan-container.x-familiku-specials {
height: 570px;
}
.x-table-plan-container.x-familiku-specials.for-postpaid {
height: 480px;
}
.x-table-plan-container.x-familiku-specials.for-postpaid.bm {
height: 500px;
}
.x-table-plan-container.x-familiku-specials.for-postpaid.eng {
height: 505px;
}
.x-table-plan-container.x-familiku-specials.for-postpaid.bm {
height: 500px;
}
.x-table-card-front.x-front.x-familiku-specials {
height: 400px;
height: 400px;
}
.tab-family20, .tab-family30, .tab-family45 {
flex: none;
}
.x-endnote-samsung-s22 {
width: 100%;
}
.x-fam-bundle-container-2 {
margin-left: 0;
margin-right: 0;
}
.x-total-amount-2 {
width: 100%;
bottom: -80px;
}
.x-price-summary-2 {
width: 100%;
top: -79px;
}
.x-signature-subtitle {
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
}
.x-language-picker-ppj {
right: -2%;
}
.x-sig-table-ctn {
align-items: flex-start;
}
.x-sig-slider-mask {
max-width: 320px;
}
.text-block-49 {
margin-left: 18px;
margin-right: 20px;
font-size: 40px;
}
.x-sig-offers-ctn {
width: 40%;
}
.x-sig-tab-link {
width: 30%;
justify-content: center;
align-items: center;
display: flex;
}
.x-sig-title {
max-width: 90%;
}
.x-signature-card-block.for-2.x-adjust-space {
margin-left: 0;
margin-right: 0;
}
.x-limit.for-banner {
padding-left: 32px;
padding-right: 32px;
}
.x-signature-card-block-number {
grid-template-columns: 1fr 1fr;
}
.x-switch-paragraph {
margin-bottom: 15px;
}
.x-ekyc-headline.for-smaller {
font-size: 20px;
}
.x-ekyc-steps {
grid-template-columns: 1fr 1fr;
}
.x-ekyc-steps-text {
line-height: 18px;
}
.tab-ads-change-plan, .tab-ads-get-addons {
flex: none;
}
.x-home-digi-slider-mask {
width: 80%;
}
.x-home-digi-slider {
height: 100%;
}
.x-home-dg-left-arrow {
left: 10%;
}
.x-home-dg-img-ctn-2, .x-home-dg-img-ctn {
margin-left: 20px;
margin-right: 20px;
}
.x-home-dg-right-arrow {
right: 10%;
}
.x-home-slider-ctn {
padding-top: 10px;
}
.x-home-dg-mobile-img.for-hide-mobile {
display: none;
}
.x-ekyc-form-header {
width: 100%;
font-size: 35px;
}
.x-ekyc-column-block.right {
padding-right: 10px;
}
.x-table-card-back-2.x-back.x-familiku-special {
height: 400px;
height: 400px;
}
.x-plan-bottom-2 {
justify-content: flex-end;
}
.x-plan-table-row-3.for-center.for-horizontal.for-vertical.for-raja-kombo, .x-plan-table-row-3.for-center.for-horizontal.for-vertical.for-pakej-remaja, .x-plan-table-row-3.for-center.for-horizontal.for-vertical.for-pakej-remaja, .x-plan-table-row-3.for-center.for-raja-kombo.for-light-orange {
width: auto;
}
.x-plan-table-row-3.for-raja-kombo.add-height-copy, .x-plan-table-row-3.for-pakej-remaja.add-height-copy, .x-plan-table-row-3.for-pakej-remaja.add-height-copy {
height: 90px;
}
.x-plan-header-2.x-add-height.for-new {
height: 70%;
}
.x-idd-slider {
width: 48%;
right: -2px;
}
.x-tab-menu-3.centre.buttons-style.for-mobile.for-flex {
width: auto;
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: center;
padding-top: 0;
padding-bottom: 0;
display: flex;
overflow: visible;
}
.x-tab-menu-3.centre.buttons-style.for-mobile {
width: 704px;
width: 728px;
float: none;
clear: none;
grid-column-gap: 8px;
grid-row-gap: 6px;
text-align: center;
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: minmax(20px, 1fr) 1fr 1fr minmax(140px, 1fr) 1fr minmax(182px, 1fr) 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
align-content: stretch;
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
padding: 10px 0 15px;
display: grid;
position: relative;
overflow: scroll;
}
.x-tab-menu-3.centre.buttons-style.for-mobile.for-padding {
flex-wrap: nowrap;
display: flex;
overflow: auto;
}
.tab-postpaid150-2 {
flex: none;
}
.tab-postpaid150-2.left-button {
margin-left: 10px;
}
.x-idd-main-slider {
margin-left: 20px;
margin-right: 20px;
}
.x-help-card-block {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
margin-left: 0;
margin-right: 0;
}
.x-help-icon {
margin-bottom: 0;
}
.x-help-card-header {
width: 100%;
margin-top: 10px;
}
.x-help-card-para {
text-align: left;
padding-left: 30px;
padding-right: 10px;
}
.x-help-card-2 {
margin-left: 0;
margin-right: 0;
}
.x-help-card-block-top {
grid-template-columns: 1fr 1fr;
margin-left: 0;
margin-right: 0;
}
.x-self-help-header {
width: 100%;
margin-top: 10px;
}
.x-self-help-icon {
margin-bottom: 0;
}
.x-ekyc-input-row {
margin-top: 0;
}
.x-ekyc-input-row.for-top-margin {
margin-top: 40px;
}
.x-ekyc-column {
margin-right: 0;
}
.x-lang-picker-rdy {
top: 191px;
right: 86%;
}
.x-dsp-header {
width: 100%;
font-size: 35px;
}
.x-dsp-teachers-column {
margin-right: 0;
}
.x-dsp-teachers-input-row {
margin-top: 0;
}
.x-dsp-teachers-input-row.for-top-margin {
margin-top: 40px;
}
.x-dsp-form-wrapper {
padding-top: 10px;
}
.x-ads-step-content {
padding-left: 10px;
padding-right: 10px;
}
.x-exclusive-card-block.for-margin-padding {
margin-left: 0;
margin-right: 0;
}
.x-exclusive-card-block.for-margin-padding.for-5 {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.x-exclusive-title.for-center {
margin-left: 20px;
margin-right: 20px;
}
.x-exclusive-gallery-title {
line-height: 22px;
}
.x-exclusive-table-block {
width: 90%;
}
.x-exclusive-card {
height: 100%;
justify-content: flex-start;
}
.x-exclusive-slide-wrapper {
width: 48.5%;
height: 320px;
margin-left: 13px;
margin-right: 0;
left: -10px;
}
.x-exclusive-slider-arrow-left {
margin-bottom: auto;
margin-left: 0;
left: -17px;
}
.x-exclusive-slider-arrow-left.for-hide-arrow {
display: flex;
}
.x-exclusive-slider-arrow-right {
margin-right: 0;
right: -15px;
}
.x-exclusive-slider-arrow-right.for-hide-arrow {
display: flex;
}
.x-video-center-block {
margin-left: 0;
margin-right: 0;
}
.x-button-card-list {
grid-template-columns: 1fr 1fr;
}
.x-button-card-list.x-grid-4 {
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-left: 10px;
margin-right: 10px;
padding-left: 0;
}
.x-icon-card {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.tab-link-tab-1-2, .tab-link-tab-1-2.w--current {
width: 250px;
}
.x-get-help-ctn {
z-index: 9000;
position: fixed;
bottom: 32px;
left: 85%;
}
.x-get-help-ctn.for-hide-dp {
display: block;
bottom: 22px;
}
.x-get-help-img {
width: 90px;
}
.x-countdown-txt {
padding-bottom: 5px;
font-size: 18px;
line-height: 22px;
}
.x-slider-dots-3 {
bottom: -15%;
}
.x-slider-dots-3.for-hide-arrow {
display: none;
}
.x-arrow-left-wrapper-3 {
left: -35px;
}
.x-arrow-left-wrapper-3.for-hide {
display: block;
left: -6px;
}
.x-arrow-left-wrapper-3.for-hide.for-tablet {
left: -17px;
}
.x-arrow-left-wrapper-3.for-hide.for-tablet.for-hide-arrow {
display: none;
}
.x-arrow-right-wrapper-3 {
right: -30px;
}
.x-arrow-right-wrapper-3.for-hide {
display: block;
right: -7px;
}
.x-arrow-right-wrapper-3.for-hide.for-tablet.for-hide-arrow {
display: none;
}
.x-banner-title-2 {
top: 189px;
}
.x-banner-title-2.for-loyalty-bonus {
top: 270px;
}
.x-banner-title-2.for-appstore {
margin-left: 10px;
margin-right: 10px;
top: 270px;
}
.x-banner-title-2.for-googleplay {
margin-left: 10px;
margin-right: 10px;
font-size: 40px;
top: 270px;
}
.x-banner-heading-2.for-pkrm {
font-size: 1.5em;
line-height: 1.5em;
}
.x-banner-heading-2.for-oku {
line-height: 1.1em;
}
.x-banner-heading-2.for-appstore {
font-size: 1.3em;
}
.x-banner-heading-2.for-googleplay {
margin-left: 50px;
margin-right: 50px;
font-size: 1.4em;
}
.x-invincible-div-2 {
background-color: #f5f5f5;
border: 1px solid #f5f5f5;
}
.x-invincible-text-2 {
color: #f5f5f5;
}
.tab-family20-2, .tab-family30-2 {
flex: none;
}
.x-hero-grid-banner-3 {
height: 240px;
min-height: 0;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .95fr 1fr;
grid-auto-columns: 1fr;
padding: 0;
display: grid;
}
.x-ekyc-slider {
width: 700px;
}
.x-arrow-left-wrapper-ekyc {
left: -20px;
}
.x-arrow-right-wrapper-ekyc {
right: -20px;
}
.x-subnav-menu-item-copy {
flex: none;
}
.x-free-device-small-txt {
font-size: 1.6em;
}
.x-free-device-logo {
width: 110px;
}
.x-free-device-img-ctn {
padding-left: 21px;
padding-right: 21px;
}
.x-section-free-device.adjust-bottom-margin.for-shorter-height {
height: 290px;
}
.x-section-free-device.adjust-bottom-margin.for-longer {
height: 370px;
height: 370px;
}
.x-section-free-device.for-fibre, .x-section-free-device.for-j5gbersama {
height: 320px;
}
.x-section-free-device.for-gadget-sim-cd {
height: 300px;
}
.x-free-device-txt-ctn {
margin-left: 0;
}
.x-free-device-txt-ctn.for-fibre {
width: 370px;
margin-right: 10px;
top: -13px;
}
.x-free-device-txt-ctn.for-fibre.for-bm {
width: 375px;
}
.x-free-device-txt-ctn.for-j5gbersama {
margin-left: 0;
top: -70px;
left: 60px;
}
.x-free-device-title {
font-size: 6.7em;
}
.x-tab-ekyc {
flex: none;
}
.x-tab-ekyc.right-button.w--current {
margin-bottom: 0;
}
.x-mydigi-card-block {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
margin-left: 0;
margin-right: 0;
}
.x-mydigi-header {
width: 100%;
font-size: 35px;
}
.x-mydigi-subheader {
margin-left: 10px;
margin-right: 10px;
font-size: 16px;
line-height: 20px;
}
.x-digi-snapshot-logo {
width: 540px;
top: 19%;
}
.x-snapshot-paragraph {
padding-left: 0;
padding-right: 0;
}
.x-snapshot-cms-list {
grid-template-columns: 1fr 1fr;
}
.x-snapshot-cms-item.small-card {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: block;
}
.x-snapshot-title {
margin-top: 20px;
margin-bottom: 20px;
font-size: 35px;
line-height: 40px;
}
.x-dgs-section {
padding-top: 20px;
padding-bottom: 0;
}
.wrapper {
margin-bottom: -44px;
}
.wrapper.shade-wrapper {
margin-bottom: 0;
}
.team-wrapper {
min-height: 430px;
justify-content: flex-start;
overflow: auto;
}
.team-item {
width: 33.33%;
height: 86%;
min-width: 40vw;
margin-left: 10px;
margin-right: 10px;
}
.team-item.for-sfc {
height: 83%;
}
.x-idd-slider-prepaid {
width: 48%;
right: -2px;
}
.x-countdown-wrapper-2 {
padding-top: 10px;
padding-bottom: 10px;
}
.grid-7 {
grid-template-columns: 1fr;
}
.x-snapshot-steps-ctn {
padding: 22px;
}
.x-ds-grid.owl-carousel {
margin-top: 20px;
}
.xpl-head {
font-size: 18px;
line-height: 22px;
}
.x-snapshot-highlight-ctn {
width: auto;
}
.x-snapshot-title-hashtag {
margin-top: 0;
margin-bottom: 10px;
font-size: 35px;
}
.x-snapshot-descrip {
padding-left: 0;
padding-right: 0;
line-height: 23px;
}
.team-item-2 {
width: 33.33%;
height: 85%;
min-width: 40vw;
margin-left: 10px;
margin-right: 10px;
}
.x-free-device-small-txt-copy {
font-size: 1.6em;
}
.x-free-device-txt-ctn-copy {
margin-left: -13px;
top: 2px;
}
.x-free-device-devices-copy-copy {
width: 320px;
}
.x-free-device-small-txt-copy-copy {
font-size: 1.6em;
}
.x-free-device-img-ctn-copy {
padding-left: 21px;
padding-right: 21px;
}
.x-section-free-device-copy {
height: 340px;
margin-bottom: 15px;
}
.x-free-device-title-copy {
font-size: 6.7em;
}
.x-language-picker-snapshot {
top: 125px;
}
.x-fb-row-3-price-2 {
width: 100px;
}
.x-feat-wrapper {
padding-left: 0;
padding-right: 0;
}
.x-fibre-table-block {
width: 90%;
}
.x-fibre-table-block.for-raja-kombo {
z-index: 99999;
z-index: 99999;
align-items: stretch;
position: relative;
}
.x-sfc-navbar {
padding-left: 19px;
padding-right: 19px;
}
.x-promo-dg-logo {
margin-right: 10px;
}
.x-sfc-logo {
margin-left: 10px;
}
.x-sfc-intro-ctn {
margin-top: 30px;
padding-left: 0;
padding-right: 0;
}
.x-sfc-intro-title-txt {
width: 340px;
}
.x-sfc-ctdwn-title-txt {
margin-bottom: 5px;
}
.x-sfc-title-ctn {
margin-top: 0;
}
.x-sfc-redgiant-logo {
width: 670px;
}
.x-sfc-masthead-sb {
width: 530px;
}
.x-sfc-bg-block {
width: 680px;
height: 170px;
}
.x-sfc-heading.for-white.for-centre {
font-size: 31px;
}
.x-sfc-heading.for-sfc {
font-size: 34px;
}
.x-sfc-scor-ctn {
margin-left: 20px;
}
.x-gadget-paragraph {
padding-left: 0;
padding-right: 0;
}
.x-gadget-title {
margin-top: 20px;
margin-bottom: 20px;
font-size: 35px;
}
.x-sfc-masthead-sm {
width: 620px;
}
.x-sfc-title-ctn-2 {
margin-top: 0;
}
.x-gadget-sim-image {
width: 240px;
}
.x-gadget-sim-image.for-gs {
width: 160px;
left: auto;
}
.x-sfc-link-txt-2.add-margin {
margin-right: 15px;
}
.x-sfc-title-ctn-4 {
margin-top: 40px;
}
.x-sfc-matches-ctn-2 {
margin-bottom: 229px;
}
.x-sfc-steps-descrip-2 {
font-size: 18px;
line-height: 24px;
}
.x-sfc-step-box-2 {
padding: 20px;
}
.x-sfc-sokong-ctn-2 {
margin-bottom: 10px;
padding-left: 0;
padding-right: 0;
}
.x-sfc-sokong-ctn-2.for-lesser-margin {
padding-left: 0;
padding-right: 0;
}
.x-sfc-para-scor-2 {
width: 320px;
margin-top: 0;
line-height: 20px;
}
.x-sfc-para-scor-2.forsfc {
width: 100%;
}
.x-sfc-footnote, .x-sfc-footnote-2 {
margin-bottom: 40px;
}
.x-plan-table-header-4 {
position: relative;
top: 0;
}
.x-plan-table-content-4 {
overflow: auto;
}
.x-plan-table-content-4.for-90 {
justify-content: space-between;
}
.x-plan-table-sidebar-4 {
width: 240px;
border-right-width: 2px;
border-right-color: #272727;
}
.x-plan-table-col-4 {
min-width: 160px;
border-right: 1px solid #c7c9cc;
flex: 1;
}
.x-plan-table-col-4.for-one-col {
width: 50%;
border-right-style: none;
}
.x-plan-table-col-4.for-one-col.for-ppj.last-column {
border-left-style: none;
flex: 1;
}
.x-plan-table-col-4.for-column {
width: 20%;
border-right-style: none;
}
.x-plan-table-col-4.for-column.for-yellow {
width: 30%;
min-width: auto;
width: 30%;
min-width: auto;
margin-right: 0;
}
.x-gallery-2.for-network, .x-gallery-2.for-network-2 {
min-height: auto;
border-color: #c7c9cc;
}
.x-network-tab-btn.for-center.nsc-cta-2 {
padding-left: 10px;
padding-right: 10px;
}
.x-network-tab-btn.nsc-cta-1 {
padding-left: 20px;
padding-right: 20px;
}
.x-network-tab-btn.nsc-cta-1.w--current, .x-network-tab-btn.nsc-cta-3 {
padding-left: 10px;
padding-right: 10px;
}
.x-network-card-block.for-3.for-tab {
grid-template-columns: 1fr 1fr;
}
.x-digital-header {
width: 100%;
font-size: 30px;
line-height: 38px;
}
.x-language-picker-pakejpowerjimat {
top: 127px;
}
.x-subnav-menu-item-flex {
flex: none;
}
.x-warnai-steps-btn {
padding: 22px;
}
.x-warnai-steps-grid {
grid-template-columns: 1fr;
}
.x-warnai-header {
margin-top: 20px;
margin-bottom: 20px;
font-size: 35px;
line-height: 40px;
}
.x-warnai-paragraph {
padding-left: 0;
padding-right: 0;
}
.x-warnai-title-desc {
padding-left: 0;
padding-right: 0;
line-height: 23px;
}
.x-cc-masthead {
width: 540px;
top: 19%;
}
.div-block-67 {
align-items: center;
padding: 0 0 20px;
}
.grid-9 {
grid-template-columns: 1fr;
}
.x-roaming-passes-grid {
grid-template-columns: 1fr 1fr 1fr;
}
.x-roaming-passes-grid.for-tablet {
grid-template-columns: 1fr 1fr;
}
.x-roaming-tab-menu-txt {
font-size: 16px;
}
.div-block-65 {
border-top-right-radius: 20px;
border-bottom-left-radius: 0;
}
.text-block-79 {
padding-top: 10px;
padding-bottom: 10px;
}
.x-sub-headline {
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
}
.x-traveller-ctn {
margin-bottom: 20px;
}
.x-traveller-img-ctn {
margin-right: 20px;
}
.x-more-wrap {
padding-left: 0;
padding-right: 0;
}
.x-pg-navbar {
padding-left: 19px;
padding-right: 19px;
}
.x-pg-link-txt.add-margin {
margin-right: 15px;
}
.x-pg-link-txt.add-margin.for-hide-on-mobile {
display: none;
}
.x-pg-logo {
margin-left: 10px;
}
.x-dg-pg-footer-txt {
margin-right: 40px;
}
.x-pg-title-ctn.for-add-margin {
margin-top: 30px;
}
.x-pg-paragraph {
padding-left: 0;
padding-right: 0;
}
.x-pg-header-banner.tablet {
display: block;
}
.x-pg-header-banner.desktop {
display: none;
}
.card__content__right {
grid-row-gap: 20px;
padding-left: 30px;
}
.slide-one.is--1 {
height: 530px;
justify-content: center;
}
.slide-one.is--1.for-new {
height: 390px;
}
.slide-one.is--1.for-new.new2 {
height: auto;
margin-left: 0;
margin-right: 0;
padding-top: 30px;
padding-bottom: 30px;
}
.slide-one.is--1 {
height: 470px;
justify-content: center;
}
.slide-one.is--1.for-new {
height: 390px;
}
.slide-one.is--1.for-new.new2 {
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
}
.x-pg-title.for-gear.black {
padding-left: 0;
}
.team-item-3 {
width: 33.33%;
height: 85%;
min-width: 40vw;
margin-left: 10px;
margin-right: 10px;
}
.x-section-for-cc {
height: 340px;
margin-bottom: 15px;
}
.x-cc-main-prize {
width: 450px;
}
.x-cc-second-prize {
width: 200px;
}
.r-rdy-cop-grid {
border-style: none;
grid-template-columns: 1fr;
margin-left: 24px;
margin-right: 24px;
padding-bottom: 30px;
padding-right: 20px;
}
.r-rdy-number-ctn {
margin-left: 20px;
margin-right: 15px;
}
.r-rdy-cop-grid-2 {
border-style: none;
grid-template-columns: 1fr;
margin-left: 24px;
margin-right: 24px;
padding-bottom: 30px;
padding-right: 20px;
}
.x-roaming-usp-img-mob-1 {
width: 340px;
padding-bottom: 10px;
}
.image-45 {
width: 370px;
padding-bottom: 10px;
}
.x-roaming-usp-desktop {
display: flex;
}
.image-42 {
width: 300px;
display: none;
}
.x-roaming-usp-mobile {
flex-direction: column;
align-items: center;
display: none;
}
.image-44 {
width: 350px;
}
.x-promo-navbar {
padding-left: 19px;
padding-right: 19px;
}
.x-promo-paragraph-section {
padding-left: 100px;
padding-right: 100px;
}
.x-cm-paragraph {
padding-left: 60px;
padding-right: 60px;
}
.c-slide_image.c-move-to-bottom {
transform: none;
}
.x-cm-logo {
width: 470px;
}
.x-cm-button.for-mobile {
color: #d1c9b8;
background-color: #003030;
display: block;
}
.x-cm-button.for-mobile.banner-data-layer.hide, .x-cm-button.for-deskop {
display: none;
}
.c-arrow {
padding-bottom: 0;
}
.x-promo-master {
padding-top: 82px;
}
.c-arrows-wrapper {
margin-top: 34px;
margin-right: 44px;
}
.x-cm-steps-ctn {
grid-template-columns: 1fr 1fr;
}
.c-slider {
height: 390px;
margin-top: 10px;
margin-left: 59px;
margin-right: 0;
}
.x-dg-pg-footer-txt-copy {
margin-right: 40px;
}
.x-iphone-15-tablet {
border-radius: 20px;
display: block;
}
.x-iphone-14-slider {
margin-left: 0;
margin-right: 0;
}
.x-iphone-15-desktop {
display: none;
}
.x-iphone14-form-img-ctn {
padding-left: 0;
padding-right: 0;
}
.x-iphone14-form-header {
width: 100%;
font-size: 35px;
}
.x-flip-header-banner.tablet {
display: block;
}
.x-flip-header-banner.desktop {
display: none;
}
.x-flip-paragraph {
padding-left: 0;
padding-right: 0;
}
.x-flip-steps-btn {
padding: 22px;
}
.x-esim-header {
width: 100%;
font-size: 35px;
}
.x-esim-subheader {
margin-left: 10px;
margin-right: 10px;
line-height: 25px;
}
.x-esim-parag, .x-esim-header-2 {
text-align: left;
margin-right: 20px;
}
.x-table-plan-slider-2.for-postpaid {
flex-direction: column;
justify-content: center;
align-items: center;
display: block;
}
.x-belia-promo-postpaid-ctn {
margin-top: 0;
}
.postpaid-plan {
flex: none;
}
.x-postpaid-new-label.for-addons {
padding-left: 5px;
padding-right: 5px;
font-size: 12px;
}
.postpaid-infinite {
flex: none;
}
.postpaid-40, .postpaid-40.w--current {
line-height: 22px;
}
.x-plan-table-row-4.for-promo {
padding-right: 59px;
}
.family-20, .family-30, .family-45 {
flex: none;
}
.x-flip4all-header {
margin-top: 0;
margin-bottom: 20px;
padding-left: 0;
padding-right: 0;
font-size: 30px;
line-height: 35px;
}
.x-flip4all-contest-date {
font-size: 18px;
}
.x-flip4all-steps-grid {
grid-template-columns: 1fr;
}
.x-flip4all-steps-grid.for-belia, .x-flip4all-steps-grid.for-iphone {
grid-template-columns: 1fr 1fr;
}
.x-storepoint-container {
margin-left: -32px;
margin-right: -32px;
}
.x-pg-device-grid {
margin-left: 0;
margin-right: 0;
}
.x-content-copy-img-digi-smart-uc {
width: 100%;
margin-bottom: 24px;
position: relative;
top: auto;
}
.x-menang-img-block {
width: 100%;
}
.x-belia-heading {
margin-bottom: 20px;
padding-left: 0;
padding-right: 0;
font-size: 30px;
}
.x-perantisiswa-subheading {
text-align: center;
margin-top: 20px;
}
.x-belia-steps {
padding: 22px;
}
.x-belia-paragraph {
text-align: center;
flex-direction: row;
justify-content: flex-start;
align-items: center;
font-size: 16px;
display: block;
}
.x-line {
margin-top: 60px;
}
.x-5g-network-parag {
margin-bottom: 0;
}
.x-dropdown-content-3 {
width: 100%;
}
.x-5g-steps {
grid-template-columns: 1fr 1fr;
}
.x-5g-step-text {
line-height: 18px;
}
.x-5g-icon-title {
font-size: 20px;
}
.x-5g-icon-wrapper {
margin-left: 0;
margin-right: 0;
}
.process_line {
height: 80%;
}
.process_image_wrap {
padding: 15px;
}
.process_image_wrap.hide {
width: 50%;
padding-bottom: 60px;
padding-left: 20px;
padding-right: 20px;
}
.process_image_wrap.hide.for-5g {
padding-left: 0;
padding-right: 0;
}
.process_image_wrap.hide {
width: 50%;
padding-bottom: 60px;
padding-left: 20px;
padding-right: 20px;
}
.process_image_wrap.hide.for-5g {
padding-left: 0;
padding-right: 0;
}
.x-5g-link-wrapper {
margin-top: 20px;
}
.centre_block {
width: 150px;
}
.process_details {
padding: 10px;
}
.centre_icon_wrap {
margin-left: 30px;
}
.x-5g-link-arrow.for-rotate {
top: 3px;
}
.x-promo-grid {
grid-template-columns: 2.1fr;
}
.x-promo-grid.for-2 {
grid-template-columns: 1fr;
}
.x-plan-logo-link-2.for-blurb {
z-index: auto;
top: 60%;
left: auto;
}
.x-plan-logo-link-2.for-5g-enabled-blurb {
z-index: auto;
top: 50%;
left: auto;
}
.x-plan-table-header-5 {
position: relative;
top: 0;
}
.x-plan-table-header-5.for-sidebar.for-sticky, .x-plan-table-header-5.for-sticky {
position: relative;
top: auto;
}
.x-plan-table-header-5.for-higher.for-mobile-broadband.yellow {
border-left-width: 1px;
}
.x-plan-table-header-5.for-higher.for-mobile-broadband.yellow.for-round-right-corner {
width: 390px;
}
.x-plan-table-sidebar-5 {
width: 240px;
border-right-width: 2px;
border-right-color: #272727;
}
.x-plan-table-content-5 {
position: relative;
overflow: auto;
}
.x-plan-table-col-5 {
min-width: 160px;
border-right: 1px solid #c7c9cc;
flex: none;
position: relative;
}
.x-plan-table-col-5.for-one-col {
width: 60%;
border-right-style: none;
}
.x-plan-table-col-5.for-one-col.for-raja-kombo.for-yellow.for-border {
width: 40%;
margin-top: -4px;
}
.x-plan-table-col-5.for-one-col.for-pakej-perpaduan.for-yellow.for-border {
width: 33%;
margin-top: 0;
}
.x-plan-table-col-5.for-column {
width: 20%;
border-right-style: none;
}
.x-sfc-intro-title-txt-2 {
width: 340px;
}
.x-sfc-jersi-wrapper {
margin-left: -32px;
margin-right: -32px;
overflow: scroll;
}
.x-sfc-jersi-img {
width: 40%;
}
.x-sfc-steps-ctn-3 {
grid-row-gap: 0px;
grid-template-columns: 1fr;
margin-bottom: 42px;
}
.x-sfc-steps-descrip-3 {
font-size: 18px;
line-height: 24px;
}
.x-sfc-wallpaper-title-wrapper {
margin-top: 20px;
padding-left: 0;
padding-right: 0;
}
.x-sfc-wallpaper-section {
padding-top: 0;
}
.slider-item {
width: 35vw;
height: 60vw;
}
.x-samsung-fold4-img {
width: 100%;
}
.x-detective-maniam-navbar {
padding-left: 19px;
padding-right: 19px;
}
.x-detective-maniam-menu-ctn {
margin-right: 10px;
}
.x-detective-maniam-link-txt.add-margin, .x-detective-maniam-link-txt.add-margin.for-mobile {
margin-right: 20px;
}
.x-detective-maniam-link-txt.add-margin.for-new-about-playlist {
display: none;
}
.x-detective-maniam-link-txt.add-margin.for-new-about-playlist.w--current {
display: block;
}
.x-detective-maniam-link-txt.add-margin.for-tablet {
margin-right: 15px;
}
.x-detective-maniam-link-txt.add-margin.for-tablet.for-mobile {
margin-right: 20px;
}
.x-detective-maniam-link-txt.add-margin.for-playlist {
display: block;
}
.x-detective-maniam-showreel-wrapper {
width: 90%;
height: auto;
background-color: rgba(0, 0, 0, 0);
}
.x-detective-maniam-footer-txt {
font-size: 12px;
}
.x-detective-maniam-trailer-btm-arrow.for-mobile {
margin-bottom: 80px;
}
.x-dm-cast-character-section {
padding-top: 60px;
padding-bottom: 60px;
}
.x-dm-cast-character-section.home-hero-section {
min-height: auto;
background-image: linear-gradient(rgba(0, 0, 0, .49), rgba(0, 0, 0, .49)), linear-gradient(#000, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, .8)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d7485f53ca324_detective_maniam_bg1.jpg");
background-position: 0 0, 0 0, 100% 0;
padding-top: 90px;
padding-bottom: 60px;
}
.x-dm-cast-descp.large {
width: auto;
}
.x-detective-maniam-abt-ctn {
height: 60vh;
margin-top: 40px;
margin-bottom: 40px;
padding-left: 60px;
padding-right: 60px;
}
.x-dm-cast-img-cover {
width: auto;
}
.x-dm-episode-content {
width: 100%;
margin-left: 40px;
margin-right: 20px;
}
.x-detective-maniam-playlist-title-ctn {
margin-bottom: 0;
}
.x-dm-episode-image {
width: 99.99%;
height: auto;
}
.x-dm-cast-body-info.speaker-headding {
margin-top: -36px;
margin-bottom: 0;
}
.x-dm-cast-info {
max-width: 499.2px;
}
.directors-interview-youtube {
width: 100%;
}
.x-dm-cast-slide-img {
height: 55vh;
min-height: 0;
}
.x-detective-maniam-abt-para-ctn {
flex-direction: column;
align-items: center;
margin-left: 20px;
display: flex;
}
.x-section-4.for-detective-maniam {
padding-top: 40px;
padding-bottom: 100px;
}
.x-section-4.for-new-playlist {
display: block;
}
.x-section-4.for-mobile {
display: none;
}
.x-section-4.for-bts {
margin-top: 100px;
}
.x-section-4.for-tape {
margin-top: -40px;
}
.x-section-4.for-detective-maniam-abt {
background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), linear-gradient(rgba(0, 0, 0, .84), rgba(0, 0, 0, 0) 50%, #000), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d7485f53ca324_detective_maniam_bg1.jpg");
background-position: 0 0, 0 0, 50% 0;
background-size: auto, auto, auto;
display: block;
}
.x-detective-maniam-abt-title-txt {
width: 340px;
font-family: Special Elite, sans-serif;
font-size: 36px;
}
.x-detective-maniam-masthead-ctn {
margin-top: -50px;
}
.x-detective-maniam-abt-img {
width: 700px;
height: 350px;
}
.x-dm-tape-container {
height: 20vw;
top: -4vw;
}
.x-detective-maniam-masthead {
width: 100%;
margin-top: 120px;
}
.x-detective-maniam-trailer-btn-txt {
font-size: 12px;
}
.x-detective-maniam-episode-ctn {
justify-content: flex-start;
padding-bottom: 0;
}
.x-wrapper-40-100 {
padding-bottom: 0;
}
.x-wrapper-40-100.for-interview {
padding-bottom: 40px;
}
.x-detective-maniam-interview-title-ctn-copy {
text-align: center;
margin-top: 0;
}
.x-dm-cast-slider-mask {
width: 65%;
}
.x-detective-maniam-cast-title-txt {
width: auto;
text-align: center;
letter-spacing: 1px;
font-size: 48px;
}
.x-dm-cast-name {
font-size: 48px;
}
.x-detective-maniam-playlist-title-txt {
width: 340px;
text-align: center;
letter-spacing: 1px;
font-family: Special Elite, sans-serif;
font-size: 40px;
}
.x-detective-maniam-cast-title-ctn {
padding-top: 0;
}
.x-detective-maniam-abt-para-txt {
text-align: center;
margin-bottom: 10px;
font-size: 15px;
line-height: 20px;
}
.x-detective-maniam-abt-para-txt.for-second {
margin-bottom: 0;
font-weight: 500;
}
.x-detective-maniam-bts-title-ct {
margin-top: 0;
}
.x-dm-epsisode-duration {
right: 20px;
}
.x-detective-maniam-interview-title-txt {
width: auto;
letter-spacing: 1px;
font-size: 48px;
}
.x-detective-maniam-bts-title-txt {
width: auto;
font-size: 48px;
}
.x-limit-4 {
padding-left: 32px;
padding-right: 32px;
}
.x-limit-5 {
position: relative;
}
.x-detective-maniam-abt-title-txt-2 {
width: 340px;
text-align: center;
margin-bottom: 10px;
font-size: 36px;
}
.x-5g-mydigi-subheading {
line-height: 24px;
}
.x-loyalty-img {
width: auto;
height: auto;
margin-bottom: -10px;
}
.x-content-copy-img-3 {
width: 100%;
margin-bottom: 24px;
position: relative;
top: auto;
}
.x-content-copy-img-3.for-left-video {
width: 100%;
border-style: none;
margin-bottom: 24px;
margin-right: 0;
position: relative;
top: auto;
}
.x-content-copy-img-3.for-right-video {
width: 100%;
border-radius: 8px;
margin-top: 0;
margin-left: 0;
position: relative;
top: auto;
}
.x-fibre-table-sidebar-2 {
width: 220px;
border-right-width: 2px;
border-right-color: #272727;
}
.x-plan-table-content-6 {
overflow: auto;
}
.x-loyalty-txt.for-sub-title {
font-size: 18px;
}
.x-loyalty-table-header {
position: relative;
top: 0;
}
.x-rate-copy-block-loyalty {
flex-direction: column;
align-items: stretch;
}
.x-rate-copy-block-loyalty.for-center {
justify-content: flex-start;
}
.x-rate-copy-block-loyalty.for-center.for-loyalty {
grid-row-gap: 40px;
flex-direction: column;
display: flex;
}
.x-rate-copy-block-loyalty.for-center {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
display: flex;
}
.x-rate-copy-block-loyalty.for-center.for-talktime {
grid-row-gap: 40px;
flex-direction: column;
display: flex;
}
.x-prkm-table-header {
position: relative;
top: 0;
}
.x-prkm-table-sidebar {
width: 220px;
border-right-width: 2px;
border-right-color: #272727;
}
.x-ppkm-tab-2 {
padding-left: 20px;
padding-right: 20px;
}
.x-ppkm-tab-5 {
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
}
.x-ppkm-tab-5.w--current {
margin-right: 0;
}
.x-ppkm-tab-4, .x-ppkm-tab-1 {
padding-left: 20px;
padding-right: 20px;
}
.x-ppkm-tab-1.w--current {
width: auto;
padding-left: 20px;
padding-right: 20px;
}
.x-belia-steps-2 {
padding: 22px;
}
.x-roaming-tab-text-3 {
width: auto;
}
.x-raja-kombo-table-header, .x-exclusive-table-header-2 {
position: relative;
top: 0;
}
.x-raja-kombo-table-sidebar-2 {
width: 315px;
border-right-width: 2px;
border-right-color: #272727;
}
.x-raja-kombo-table-block {
width: 90%;
margin-right: auto;
}
.x-raja-kombo-star-bookmark {
width: 32px;
right: 4%;
}
.x-card-2.borderless {
padding-left: 8px;
padding-right: 8px;
}
.x-card-2.for-5g {
width: auto;
height: 416px;
}
.x-promo-heading-wrapper {
margin-top: 40px;
}
.x-banner-item-img-4 {
width: 100%;
height: auto;
max-width: none;
object-fit: contain;
}
.x-rate-plan-block-2 {
flex-direction: row;
display: flex;
}
.x-belia-paragraph-3 {
text-align: center;
flex-direction: row;
justify-content: flex-start;
align-items: center;
font-size: 16px;
display: block;
}
.x-belia-heading-2, .x-belia-heading-3 {
margin-bottom: 20px;
padding-left: 0;
padding-right: 0;
font-size: 30px;
}
.x-section-5.for-breaker {
background-image: linear-gradient(171deg, #fdf5ae 30%, #039be5 85%, #005eb8);
}
.x-limit-6 {
padding-left: 32px;
padding-right: 32px;
}
.x-belia-heading-4 {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
font-size: 30px;
}
.x-di-title-3 {
margin-bottom: 20px;
}
.x-solution-testimonial-rt-2 {
flex-direction: column;
align-items: stretch;
display: flex;
}
.x-iphone-steps-txt-2 {
font-size: 16px;
}
.x-iphone-steps-card {
padding: 22px;
}
.x-iphone-steps-card.add-padding {
padding-top: 20px;
padding-bottom: 20px;
}
.x-iphone-steps-desc-txt-2 {
font-size: 14px;
}
.bold-text-29 {
font-size: 16px;
}
.x-dsp-subtitle {
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
}
.x-banner-title-3 {
top: 189px;
}
.x-banner-title-3.for-oku {
top: 270px;
}
.x-banner-title-3.for-senior-citizen {
font-size: 40px;
top: 270px;
}
.x-belia-heading-5 {
margin-bottom: 20px;
padding-left: 0;
padding-right: 0;
font-size: 30px;
}
.x-esim-paragraph {
padding-left: 0;
padding-right: 0;
}
.x-dsp-cta-header.for-mobile {
margin-top: 40px;
margin-bottom: -15px;
font-size: 1.2em;
font-weight: 600;
display: block;
}
.x-paving-5g-img {
width: auto;
height: auto;
margin-bottom: -10px;
}
.x-rate-copy-block-paving-5g {
flex-direction: column;
align-items: stretch;
}
.x-rate-copy-block-paving-5g.for-center {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: flex;
}
.x-content-wrapper-3 {
flex-direction: column;
align-items: center;
display: flex;
}
.for-airsim-parag {
width: 100%;
text-align: left;
margin-left: 20px;
margin-right: 20px;
font-size: 16px;
}
.x-roaming-usp-img-1-new {
height: 58px;
padding-right: 0;
}
.x-roaming-usp-img-2-copy {
height: 49px;
padding-right: 0;
}
.x-roaming-usp-img-1-copy {
height: 61px;
padding-right: 0;
}
.x-breaker-title {
width: 75%;
}
.x-roaming-pass-tab-3 {
text-align: center;
flex-direction: row;
justify-content: center;
margin-left: 0;
margin-right: 0;
padding-top: 8px;
padding-bottom: 8px;
padding-right: 10px;
display: flex;
position: relative;
top: 0%;
bottom: auto;
left: auto;
right: auto;
overflow: visible;
}
.x-roaming-pass-tab-3.w--current, .x-roaming-pass-tab-3.for-roaming-mobile {
margin-left: 0;
margin-right: 0;
}
.x-roaming-pass-tab-3.for-roaming-mobile.w--current {
width: auto;
margin-left: 0;
margin-right: 0;
padding-left: 10px;
padding-right: 10px;
overflow: auto;
}
.x-roaming-pass-tab-3.for-roaming-mobile.for-more-padding {
margin-left: 0;
margin-right: 0;
}
.x-roaming-pass-tab-3.for-hide {
display: none;
}
.x-tab-pane-4 {
padding: 20px 10px 24px;
}
.x-tab-3 {
flex-direction: column;
align-items: center;
margin-top: auto;
padding-left: 30px;
padding-right: 30px;
display: flex;
}
.x-deck-list-2 {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-columns: 1fr 1fr;
}
.x-tab-scroll-menu {
justify-content: center;
overflow: auto;
}
.x-tab-scroll-menu.for-long-tab {
justify-content: flex-start;
margin-bottom: 10px;
margin-left: 40px;
padding-right: 40px;
}
.x-tab-scroll-menu.for-long-tab.centralise {
justify-content: center;
}
.x-tab-scroll-content {
padding-left: 32px;
padding-right: 32px;
}
.x-5g-icon-title-2 {
font-size: 20px;
}
.x-pakej-perpaduan-table-block {
width: 90%;
margin-right: auto;
}
.bold-text-34 {
font-size: 16px;
}
.x-pakej-perpaduan-table-sidebar {
width: 315px;
border-right-width: 2px;
border-right-color: #272727;
}
.x-pakej-perpaduan-card-img {
display: inline-block;
position: static;
}
.x-content-block-copy {
margin-top: 0;
}
.x-ppkm-tab-1-pf365 {
padding-left: 20px;
padding-right: 20px;
}
.x-ppkm-tab-1-pf365.w--current {
width: auto;
padding-left: 20px;
padding-right: 20px;
}
.x-free-5g-booster-link {
align-self: center;
padding-bottom: 10px;
}
.x-free-5g-booster-img {
width: 120px;
padding-left: 0;
padding-right: 0;
}
.x-free-5g-booster-img.for-bm {
padding-left: 0;
padding-right: 0;
}
.x-5g-link-txt-2 {
top: auto;
}
.x-redirect-icon-2 {
font-size: 16px;
}
.x-5gc-wrapper {
position: static;
}
.x-5gc-wrapper.x-add-margin {
margin-bottom: 20px;
display: none;
}
.x-5g-mydigi-grid-2 {
grid-template-columns: 2.5fr;
padding-left: 0;
padding-right: 0;
}
.centre_icon_wrap-3 {
margin-left: 50px;
}
.x-5g-mydigi-grid-mobile {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 2.5fr;
grid-auto-columns: 1fr;
padding-left: 0;
padding-right: 0;
display: grid;
}
.process_details-2 {
padding: 10px;
display: flex;
}
.centre_block-3 {
width: 150px;
align-self: auto;
padding-left: 15px;
}
.image-56 {
width: auto;
height: auto;
padding-left: 0;
padding-right: 0;
}
.centre_icon_wrap-2 {
margin-left: 10px;
}
.horizontal-content-block-2 {
padding-left: 25px;
padding-right: 40px;
}
.testimonial-section {
padding-left: 40px;
padding-right: 40px;
}
.container-3 {
flex-wrap: wrap;
justify-content: space-between;
}
.column-wrap-2 {
flex-wrap: wrap;
}
.x-5g-wrapper {
padding-bottom: 0;
}
.x-pakej-perpaduan-icon-wrapper {
margin-left: 0;
margin-right: 0;
}
.postpaid-5g {
flex: none;
}
.x-5g-free-booster-title.for-smaller {
font-size: 2.4em;
}
.x-5g-free-booster-title.white {
font-size: 2.5em;
}
.x-5g-free-booster-title.for-smaller {
font-size: 2.4em;
}
.x-jius-anim-header-3 {
font-size: 1.6em;
}
.x-5gbooster-blurb-2 {
width: 230px;
width: 230px;
}
.prepaid-5g {
flex: none;
}
.prepaid-5g.right-button.w--current {
margin-bottom: 0;
}
.x-5g-consumer-tab {
flex: none;
}
.x-promo-columns {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: -160px;
margin-left: auto;
margin-right: auto;
padding-top: 0;
display: block;
position: relative;
top: -200px;
}
.x-promo-column-left {
margin-top: -20px;
padding-bottom: 219px;
padding-left: 10px;
position: relative;
top: 220px;
}
.heading-44 {
text-align: left;
display: none;
}
.x-gradient-block-anchor {
display: none;
}
.x-cd-fibre-img {
width: 300px;
}
.x-cd-banner-title {
font-size: 2.8em;
line-height: 110%;
}
.x-cd-fibre-grid {
grid-column-gap: 20px;
margin-left: 0;
margin-right: 0;
}
.text-block {
text-align: center;
}
.x-5g-icon-title-3 {
font-size: 20px;
}
.x-fibre-footnote-ctn {
width: auto;
font-size: 16px;
}
.x-postpaid-fibre-ctn {
padding-left: 0;
padding-right: 0;
}
.x-postpaid-fibre-title {
width: 75%;
}
.x-banner-item-img-copy {
width: 100%;
height: auto;
max-width: none;
object-fit: contain;
display: block;
}
.x-fibre-tv-grid {
margin-left: 0;
margin-right: 0;
}
.x-plan-table-row-6.for-center.mobile-broadband-borders {
border-left-style: none;
}
.x-plan-table-row-6.add-padding.mid-yellow {
border-right: 1px #c7c9cc;
}
.x-plan-table-column.for-prepaid-bundle.for-width {
width: auto;
height: 120px;
}
.x-plan-table-column.for-prepaid-bundle.for-width.for-btn.for-corner-border {
width: auto;
}
.x-plan-table-column.for-prepaid-bundle.for-width {
width: auto;
height: 120px;
}
.x-plan-table-column.for-prepaid-bundle.for-width.for-btn.for-corner-border {
width: auto;
}
.x-plan-table-column.for-khas-belia.for-width {
width: auto;
height: 120px;
}
.x-plan-table-column.for-khas-belia.for-width.for-btn.for-corner-border {
width: auto;
}
.x-plan-table-column.for-khas-belia.for-width {
width: auto;
height: 120px;
}
.x-plan-table-column.for-khas-belia.for-width.for-btn.for-corner-border {
width: auto;
}
.x-plan-table-column.for-raja-kombo.for-width {
width: auto;
height: 120px;
}
.x-plan-table-column.for-raja-kombo.for-width.for-btn.for-right-border, .x-plan-table-column.for-raja-kombo.for-width.for-btn.for-corner-border {
width: auto;
}
.x-plan-table-column.for-raja-kombo.for-width {
width: auto;
height: 120px;
}
.x-plan-table-column.for-raja-kombo.for-width.for-btn.for-right-border, .x-plan-table-column.for-raja-kombo.for-width.for-btn.for-corner-border {
width: auto;
}
.x-plan-table-column.for-prepaid-starter.for-light-grey {
width: 220px;
}
.x-plan-table-column.for-prepaid-next-2.for-width-2 {
width: auto;
height: 120px;
}
.x-plan-table-column.for-prepaid-next-2.for-width-2.for-btn-2.for-corner-border-2 {
width: auto;
}
.x-plan-table-column.for-prepaid-next-2.for-width-2 {
width: auto;
height: 120px;
}
.x-plan-table-column.for-prepaid-next-2.for-width-2.for-btn-2.for-corner-border-2 {
width: auto;
}
.x-plan-table-col-6 {
border-right: 1px #c7c9cc;
flex: none;
position: relative;
}
.x-plan-table-content-7 {
position: relative;
overflow: auto;
}
.x-plan-table-sidebar-7 {
width: 240px;
border-right-width: 1px;
border-right-color: #c7c9cc;
}
.x-redirect-cta-heading {
margin-bottom: 0;
font-size: 16px;
display: block;
}
.x-redirect-cta-heading.for-belia.remove-padding {
line-height: 20px;
}
.bold-text-44.for-smaller {
font-size: 11px;
}
.bold-text-43 {
width: auto;
font-size: 14px;
}
.x-line-block {
padding-right: 0;
}
.x-redirect-link-grid {
margin-left: 40px;
margin-right: 40px;
display: flex;
}
.image-66 {
margin-left: 10px;
}
.container-5 {
padding-left: 5vw;
padding-right: 5vw;
}
.swiper-slide {
width: 50%;
}
.fs-cc-banner_buttons-wrapper {
margin-top: 0;
}
.fs-cc-banner_text {
margin-right: 0;
font-size: 16px;
line-height: 24px;
}
.fs-cc-banner_component.grey {
width: 310px;
width: 310px;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.fs-cc-banner_container {
flex-direction: column;
align-items: flex-start;
}
.x-btn-8 {
align-self: flex-start;
margin-right: 0;
padding-left: 50px;
padding-right: 50px;
}
.x-5g-icon-ji-3, .x-5g-icon-ji-3.for-smaller {
width: 55px;
}
.x-dynamic-logo-ctn-3.for-j5gbersama {
bottom: 40px;
right: 140px;
}
.x-dynamic-logo-ctn-3.for-j5gbersama.for-padding {
right: 100px;
}
.x-dynamic-logo-ctn-3.for-j5gbersama {
bottom: 40px;
right: 140px;
}
.x-dynamic-logo-ctn-3.for-j5gbersama.for-bm {
bottom: 40px;
right: 90px;
}
.x-dynamic-logo-ctn-3.for-j5gbersama {
bottom: 40px;
right: 140px;
}
.x-dynamic-logo-ctn-3.for-j5gbersama.for-bm {
bottom: 40px;
right: 90px;
}
.x-dynamic-logo-ctn-3.for-j5gbersama.for-homepage {
bottom: 20px;
right: 17px;
}
.x-free-device-img-3 {
width: 380px;
}
.x-free-device-img-3.for-fibre {
width: 400px;
bottom: 30px;
}
.x-free-device-img-3.j5gbersama {
width: 210px;
top: -110px;
left: 30px;
}
.x-free-device-img-3.for-cd-gs {
width: 500px;
top: 12px;
left: -9px;
}
.x-free-device-img-3.for-fibre-en {
width: 400px;
bottom: 31px;
}
.for-prepaid-all {
margin-bottom: 0;
}
.x-free-5g-booster-link-4 {
padding-bottom: 10px;
}
.x-free-5g-booster-link-4.adjust-padding, .x-free-5g-booster-link-4.adjust-padding-2, .x-free-5g-booster-link-4.adjust-padding-2 {
padding-bottom: 0;
}
.x-plan-table-sidebar-12 {
width: auto;
border-right-width: 1px;
border-right-color: #c7c9cc;
}
.x-plan-table-content-17 {
position: relative;
overflow: auto;
}
.bold-text-56 {
font-size: 16px;
line-height: 13px;
}
.x-plan-table-sidebar-13 {
width: auto;
border-right-width: 1px;
border-right-color: #c7c9cc;
}
.x-plan-table-content-19 {
position: relative;
overflow: auto;
}
.bold-text-57 {
font-size: 16px;
line-height: 13px;
}
.x-plan-table-sidebar-8 {
width: auto;
border-right-width: 1px;
border-right-color: #c7c9cc;
}
.x-plan-table-content-10 {
position: relative;
overflow: auto;
}
.bold-text-59 {
font-size: 16px;
line-height: 13px;
}
.x-content-block-4 {
margin-top: 0;
}
.x-section-header-5 {
margin-top: 10px;
}
.x-title-heading-4.for-add-padding {
margin-bottom: 40px;
}
.x-plan-table-content-21 {
position: relative;
overflow: auto;
}
.x-focus-span-3.for-absolute.for-red {
font-size: 10px;
}
.bold-text-61 {
font-size: 16px;
line-height: 13px;
}
.x-content-block-5 {
margin-top: 0;
}
.x-plan-top-left-ctn.for-more-width {
width: 65%;
}
.x-plan-card-slide, .x-plan-card-slide.for-wide {
width: 48%;
}
.x-plan-card-slide.for-slightly-wide {
width: 31%;
}
.x-plan-card-slide.for-3 {
width: 48%;
}
.x-plan-card-slide.for-pdkb {
width: 70%;
}
.x-plan-front-details-ctn {
grid-row-gap: 15px;
}
.x-plan-btm-ctn {
height: 340px;
}
.x-plan-btm-ctn.for-shorter.no-radius.for-next {
height: 270px;
}
.x-plan-btm-ctn.for-shorter.no-radius.for-next.for-light-grey {
width: 100%;
}
.x-plan-btm-ctn.for-postpaid-short-back {
height: 370px;
}
.x-plan-btm-ctn.for-postpaid-5g {
height: 360px;
}
.x-plan-btm-ctn.for-postpaid-5g.adjust-height {
height: 230px;
}
.x-plan-btm-ctn.for-postpaid-5g-back {
height: 430px;
}
.x-plan-btm-ctn.for-postpaid-5g-back.adjust-height {
height: 300px;
}
.x-infinite-bottom-cta-ctn {
margin-top: 20px;
}
.rdy-5g-booster-blurb {
margin-left: 175px;
}
.x-plan-table-content-25 {
position: relative;
overflow: auto;
}
.x-plan-table-content-25.for-exclusive {
flex: 0 auto;
}
.bold-text-65 {
font-size: 16px;
line-height: 13px;
}
.x-plan-table-col-8 {
border-right: 1px #c7c9cc;
flex: 1;
position: relative;
}
.x-plan-table-col-8.for-one-col {
width: 60%;
border-right-style: none;
}
.x-plan-table-col-8.for-one-col.for-exclusive.for-red.for-telco-h {
width: 40%;
margin-top: -1px;
}
.x-plan-table-header-13 {
position: relative;
top: 0;
}
.x-plan-table-header-13.for-sidebar.for-higher.for-prepaid-starter.for-left-border-radius.for-grey {
width: 220px;
}
.x-plan-table-col-9 {
border-right: 1px #c7c9cc;
flex: 1;
position: relative;
}
.x-plan-table-col-9.for-one-col {
width: 60%;
border-right-style: none;
}
.x-plan-table-col-9.for-one-col.for-exclusive.for-yellow.for-border {
width: auto;
flex: 0 auto;
margin-top: -1px;
display: block;
}
.x-plan-table-content-26 {
position: relative;
overflow: auto;
}
.x-plan-table-content-26.for-exclusive {
flex: 0 auto;
}
.bold-text-66 {
font-size: 16px;
line-height: 13px;
}
.x-plan-table-col-10 {
border-right: 1px #c7c9cc;
flex: 1;
position: relative;
}
.x-plan-table-col-10.for-one-col {
width: 60%;
border-right-style: none;
}
.x-plan-table-col-10.for-one-col.for-exclusive.for-red.for-telco-h {
width: 40%;
margin-top: -1px;
}
.x-plan-table-header-14 {
position: relative;
top: 0;
}
.x-plan-table-header-14.for-sidebar.for-higher.for-prepaid-starter.for-left-border-radius.for-grey {
width: 220px;
}
.x-plan-table-col-11 {
border-right: 1px #c7c9cc;
flex: 1;
position: relative;
}
.x-plan-table-col-11.for-one-col {
width: 60%;
border-right-style: none;
}
.x-plan-table-col-11.for-one-col.for-exclusive.for-yellow.for-border {
width: auto;
flex: 0 auto;
margin-top: -1px;
display: block;
}
.x-plan-table-header-17 {
position: relative;
top: 0;
}
.x-plan-table-header-17.for-higher.for-mobile-broadband.yellow {
border-left-width: 1px;
}
.x-plan-table-header-17.for-higher.for-mobile-broadband.yellow.for-round-right-corner {
width: 390px;
}
.x-plan-table-content-27 {
position: relative;
overflow: auto;
}
.x-plan-table-col-14 {
border-right: 1px #c7c9cc;
flex: none;
position: relative;
}
.x-plan-table-sidebar-11 {
width: 240px;
border-right-width: 1px;
border-right-color: #c7c9cc;
}
.x-plan-table-row-11.for-center.mobile-broadband-borders {
border-left-style: none;
}
.x-section-nav-ctn {
margin-left: 30px;
margin-right: 30px;
}
.x-plan-table-block-7 {
justify-content: center;
align-items: stretch;
}
.x-raja-kombo-cta-block-2 {
text-align: center;
}
.x-kombo-tab-link-2 {
flex: none;
}
.x-prepaid-next-image.for-smaller {
padding-left: 60px;
padding-right: 60px;
}
.x-prepaid-next-image.for-smaller.for-3-icons {
padding-left: 30px;
padding-right: 30px;
}
.bold-text-72 {
font-size: 16px;
line-height: 13px;
}
.x-plan-table-header-18 {
position: relative;
top: 0;
}
.x-plan-table-header-18.for-sidebar.for-higher.for-raja-kombo.for-light-yellow {
width: 180px;
}
.x-plan-table-header-18.for-sidebar.for-higher.for-raja-kombo.for-left-border-radius {
width: auto;
}
.x-plan-table-header-18.for-sidebar.for-higher.for-raja-kombo.for-left-border-radius.for-width {
width: 230px;
flex: 0 auto;
}
.x-plan-table-header-18.for-sidebar.for-higher.for-raja-kombo.for-center {
width: 200px;
}
.x-plan-table-header-18.for-sidebar.for-higher.for-raja-kombo.for-center.for-right-corner-radius {
width: auto;
}
.x-plan-table-header-18.for-sidebar.for-higher.for-raja-kombo.for-center.for-right-corner-radius.for-width.for-rk {
width: 200px;
}
.x-plan-table-content-30 {
position: relative;
overflow: auto;
}
.x-plan-table-content-31.for-6-columns {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.x-plan-table-sidebar-15 {
width: auto;
border-right-width: 1px;
border-right-color: #c7c9cc;
}
.x-btn-18.toggle-popup.banner-data-layer.for-smaller {
font-size: 14px;
}
.x-plan-table-row-12.for-center.mobile-broadband-borders {
border-left-style: none;
}
.x-plan-table-row-12.add-padding {
height: 90px;
padding-top: 10px;
padding-bottom: 10px;
}
.x-plan-table-row-12.for-title {
height: 91px;
}
.x-plan-table-row-12.add-padding.mid-yellow {
border-right: 1px #c7c9cc;
}
.x-plan-table-row-12.add-padding {
height: 90px;
padding-top: 10px;
padding-bottom: 10px;
}
.x-plan-table-row-12.add-padding.mid-yellow {
border-right: 1px #c7c9cc;
}
.x-promo-list-heading-3 {
margin-top: 30px;
}
.x-plan-table-col-16 {
border-right: 1px #c7c9cc;
flex: none;
position: relative;
}
.x-plan-table-header-20 {
position: relative;
top: 0;
}
.x-plan-table-header-20.for-sidebar.for-higher.for-raja-kombo.for-left-border-radius, .x-plan-table-header-20.for-sidebar.for-higher.for-raja-kombo.for-center, .x-plan-table-header-20.for-sidebar.for-higher.for-raja-kombo.for-center.for-right-corner-radius {
width: auto;
}
.x-plan-table-content-33 {
flex: 0 auto;
position: relative;
overflow: auto;
}
.x-plan-table-sidebar-17 {
width: 240px;
border-right-width: 2px;
border-right-color: #272727;
}
.x-plan-table-header-21 {
position: relative;
top: 0;
}
.bold-text-80 {
font-size: 12px;
}
.bold-text-80.for-smaller-font {
font-size: 10px;
}
.cd-plan-table-row.for-centre.fibre {
width: auto;
height: auto;
border-left-style: none;
}
.x-table-header {
position: relative;
top: 0;
}
.x-table-header.for-higher.for-5g.for-rounded-corner {
width: auto;
}
.x-table-block.add-right-border {
position: relative;
overflow: auto;
}
.x-table-block.add-right-border.add-padding.for-mobile-only.for-hide {
display: none;
}
.cd-plan-table-col {
border-right: 1px #c7c9cc;
border-bottom-right-radius: 12px;
flex: none;
position: relative;
}
.cd-plan-table-col.remove-left-border {
width: 100%;
flex-direction: column;
flex: 0 auto;
padding-left: 0;
padding-right: 0;
display: block;
position: static;
}
.x-table-row.for-dark-blue {
width: 290px;
height: 130px;
}
.x-table-row.for-dark-blue.for-no-rounded-border {
width: 220px;
font-size: 16px;
}
.x-table-row.for-dark-blue {
width: 180px;
height: 110px;
}
.x-table-row.for-dark-blue.for-rounded-corner {
height: 140px;
}
.x-table-row.for-dark-blue {
width: 220px;
height: 110px;
}
.x-table-row.for-dark-blue.for-rounded-corner {
height: 140px;
}
.x-table-row.for-dark-blue.for-rounded-corner.for-height {
width: 220px;
}
.x-table {
padding-left: 60px;
padding-right: 60px;
overflow: hidden;
}
.x-table.for-desktop {
padding-left: 0;
padding-right: 0;
}
.x-plan-table-5g-column.for-light-blue {
width: 100%;
height: 110px;
max-width: none;
}
.x-plan-table-5g-column.for-light-blue.for-rounded-corner {
height: 140px;
}
.x-plan-table-5g-column.for-light-blue.add-left-border {
height: 110px;
}
.x-plan-table-5g-column.for-light-blue.add-left-border.for-bottom-border {
height: 140px;
}
.x-plan-table-5g-column.for-light-blue {
width: 100%;
height: 110px;
max-width: none;
}
.x-plan-table-5g-column.for-light-blue.for-rounded-corner {
height: 140px;
}
.x-plan-table-5g-column.for-light-blue.add-left-border {
height: 110px;
}
.x-plan-table-5g-column.for-light-blue.add-left-border.for-bottom-border {
height: 140px;
}
.x-5g-table-header-2 {
height: 130px;
}
._5g-plan-table-grid-2 {
padding-left: 0;
padding-right: 0;
}
.text-block-109 {
text-align: center;
}
.cd-feature-slider-l-arrow {
justify-content: flex-start;
margin-left: 10px;
}
.cd-feature-slider-r-arrow {
justify-content: flex-end;
margin-right: 10px;
}
.x-main-banner-link {
height: 400px;
background-image: none;
}
.cd-feature-banner-slider-2 {
height: 400%;
}
.cd-feature-slide {
height: 400px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6476df55c6c2c46461b5e2f2_Feature-Banner_Desktop_2000x600.png");
background-position: 50%;
}
.x-wrapper-17 {
padding-bottom: 0;
}
.x-free-5g-booster-bg-2-copy {
background-position: 0 0;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
}
.x-free-device-img-ctn-4 {
padding-left: 21px;
padding-right: 21px;
}
.x-shop-more-link-txt {
top: auto;
}
.x-shop-more-link-arrow.for-rotate, .x-copy-icon.for-promotions {
top: 3px;
}
.x-pg-campaign-date {
margin-bottom: 10px;
}
.x-pg-gear-headline {
font-size: 2.6em;
}
.card-slider_nav.for-hide {
display: flex;
}
.header-wrapper {
align-items: center;
}
.x-section-16.for-pg-bg-img {
border-top-left-radius: 80px;
border-top-right-radius: 80px;
}
.x-section-16.for-pg-bg-img.for-slider {
padding-bottom: 160px;
}
.slick-slider.cms-slider.for-centre {
justify-content: flex-start;
}
.x-hero-side-banner-mobile-2 {
border-radius: 0;
display: none;
}
.x-hero-container-3 {
max-width: none;
background-image: radial-gradient(circle at 0 100%, #ffe600 60%, rgba(255, 230, 0, 0) 90%);
padding: 32px;
}
.x-hero-container-3.for-banner {
background-image: none;
}
.x-broadcast-teaser-2 {
font-size: 14px;
}
.x-hero-side-banner-img-2 {
object-fit: cover;
border-radius: 0;
display: block;
}
.x-limit-10, .x-limit-11.for-banner {
padding-left: 32px;
padding-right: 32px;
}
.x-hero-grid-banner-4 {
height: 240px;
min-height: 0;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .95fr 1fr;
grid-auto-columns: 1fr;
padding: 0;
display: grid;
}
.x-mcmc-foot-note {
line-height: 19px;
}
.x-popup-content-wrapper {
height: 430px;
}
.x-popup-content-wrapper.for-eng {
height: 450px;
}
.x-popup-content-wrapper.for-bm {
height: 475px;
}
.x-lang-picker-mb {
top: 230px;
}
.x-wrapper-21 {
padding-bottom: 0;
}
.x-wrapper-21.for-free-device.for-5g-booster {
align-items: center;
}
.x-free-device-img-ctn-5 {
padding-left: 21px;
padding-right: 21px;
}
.x-jom-5g-bersama-bg-copy {
background-position: 0 0;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
}
.x-free-device-img-ctn-6 {
padding-left: 21px;
padding-right: 21px;
}
.x-plan-table-header-23 {
position: relative;
top: 0;
}
.x-plan-table-header-23.for-sidebar.for-higher.for-prepaid-next.for-center {
width: 170px;
}
.family-200, .family-200-2-2 {
flex: none;
}
.x-ds-icon-wrapper {
margin-left: 0;
margin-right: 0;
}
.x-5g-icon-title-4 {
font-size: 20px;
}
.x-ds-title-text {
font-size: 18px;
line-height: 22px;
}
.x-tab-pane-5 {
padding-bottom: 24px;
}
.x-tab-pane-5.for-5g {
padding-bottom: 0;
}
.x-gif-wrapper {
margin-left: 0;
margin-right: 0;
}
.x-content-wrapper-4 {
flex-direction: column;
align-items: center;
display: flex;
}
.x-limit-14 {
padding-left: 32px;
padding-right: 32px;
}
.x-dropdown-content-4 {
width: 100%;
}
.tab-link-tab-1-3, .tab-link-tab-1-3.w--current {
width: 250px;
}
.x-roam-like-home-grid {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.x-roaming-table-header {
height: 130px;
}
.x-roaming-table-header.for-left-border, .x-roaming-table-column, .x-roaming-table-column.for-left-border.remove-top-border, .x-roaming-table-column.for-left-border.for-radius {
width: 160px;
}
.x-r-passes-column {
padding-left: 0;
padding-right: 0;
}
.x-roaming-picker-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-items: center;
margin-left: 40px;
margin-right: 40px;
display: grid;
}
.for-postpaid-5g {
height: 330px;
}
.for-postpaid-5g-back {
height: 400px;
}
.bold-text-90 {
font-size: 18px;
}
._5g-booster-blurb {
width: 112px;
}
.x-table-sidebar-2 {
width: auto;
border-right-width: 1px;
border-right-color: #c7c9cc;
}
.cd-bold-text-3 {
font-size: 15px;
}
.cd-table-content-3 {
width: 100%;
max-width: 100%;
flex: 0 auto;
margin-right: 0;
position: relative;
overflow: auto;
}
.x-prepaid-table-5g-bonanza-blurb {
width: 75%;
padding-bottom: 0;
}
._5g-blurb-block.for-prepaid {
margin-top: 6px;
}
.x-plan-logo-img-5.for-rahmah-blurb {
margin-left: 30px;
}
.x-pakej-5g-rahmah-blurb {
left: 100px;
}
.x-cd-gadgetsim-db-bg {
background-position: 0 0;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
}
.x-wrapper-24 {
padding-bottom: 0;
}
.x-wrapper-24.for-free-device.for-5g-booster {
align-items: center;
}
.x-cd-gs-txt-ctn {
margin-left: 0;
top: auto;
left: -26px;
}
.x-cd-gs-blurb {
width: 230px;
}
.x-cd-gd-db-logo {
top: 20px;
left: 100px;
}
.x-cd-gs-header {
width: 410px;
font-size: 1.9em;
}
.x-pg-countdown-ctn-2 {
padding-left: 20px;
padding-right: 20px;
}
.x-pg-ctdwn-title-txt-2 {
margin-bottom: 5px;
}
.x-emp-text-41.for-red {
align-self: center;
}
.x-section-header-7 {
margin-top: 10px;
}
.x-talktime-heading {
margin-bottom: 20px;
padding-left: 0;
padding-right: 0;
font-size: 30px;
}
.x-talktime-img {
width: auto;
height: auto;
margin-bottom: -10px;
}
.x-talktime-img.for-full {
margin-bottom: 0;
}
.x-btn-20.banner-data-layer.for-padding {
margin-top: 20px;
}
.x-rate-plan-block-3 {
flex-direction: column;
align-items: stretch;
display: flex;
}
.x-content-wrapper-5 {
flex-direction: column;
align-items: center;
display: flex;
}
.x-btn-21.banner-data-layer.for-padding {
margin-top: 20px;
}
.x-rate-plan-block-4 {
flex-direction: column;
align-items: stretch;
display: flex;
}
.x-belia-paragraph-5 {
text-align: center;
flex-direction: row;
justify-content: flex-start;
align-items: center;
font-size: 16px;
display: block;
}
.x-content-wrapper-6 {
flex-direction: column;
align-items: center;
display: flex;
}
.paragraph-32 {
text-align: center;
}
.x-content-copy-img-6 {
width: 100%;
margin-bottom: 24px;
position: relative;
top: auto;
}
.x-content-copy-img-6.for-width {
margin-bottom: 20px;
margin-right: 0;
padding-left: 30px;
padding-right: 30px;
}
.x-tab-menu-4 {
justify-content: center;
}
.paragraph-34 {
text-align: center;
}
.x-r-passes-accordion-list {
width: 100%;
}
.x-passes-country-list-copy-copy {
margin-top: 20px;
}
.x-plan-logo-img-6.for-rahmah-blurb, .x-plan-logo-img-7.for-rahmah-blurb {
margin-left: 30px;
}
.x-trade-in-subheader {
margin-left: 10px;
margin-right: 10px;
font-size: 16px;
line-height: 20px;
}
.x-esim-header-copy, .x-esim-header-copy-2 {
width: 100%;
font-size: 35px;
}
.tab-link-tab-1-4, .tab-link-tab-1-4.w--current {
width: 250px;
}
.x-dropdown-content-5 {
width: 100%;
}
.x-limit-15 {
padding-left: 32px;
padding-right: 32px;
}
.x-iphone-15-slider {
margin-left: 0;
margin-right: 0;
}
.x-plan-table-content-34 {
overflow: auto;
}
.x-plan-logo-link-3.for-5g-enabled-blurb {
z-index: auto;
top: 60%;
left: auto;
}
.x-plan-table-header-24 {
position: relative;
top: 0;
}
.x-plan-table-col-17 {
min-width: 160px;
border-right: 1px solid #c7c9cc;
flex: none;
}
.x-plan-table-col-17.for-one-col {
width: 50%;
border-right-style: none;
}
.x-plan-table-sidebar-18 {
width: 240px;
border-right-width: 2px;
border-right-color: #272727;
}
.x-plan-table-content-35 {
overflow: auto;
}
.x-plan-logo-link-4.for-5g-enabled-blurb {
z-index: auto;
top: 60%;
left: auto;
}
.x-plan-table-header-25 {
position: relative;
top: 0;
}
.x-plan-table-col-18 {
min-width: 160px;
border-right: 1px solid #c7c9cc;
flex: none;
}
.x-plan-table-col-18.for-one-col {
width: 50%;
border-right-style: none;
}
.x-plan-table-sidebar-19 {
width: 240px;
border-right-width: 2px;
border-right-color: #272727;
}
.x-plan-table-content-36 {
overflow: auto;
}
.x-plan-logo-link-5.for-5g-enabled-blurb {
z-index: auto;
top: 60%;
left: auto;
}
.x-plan-table-header-26 {
position: relative;
top: 0;
}
.x-plan-table-col-19 {
min-width: 160px;
border-right: 1px solid #c7c9cc;
flex: none;
}
.x-plan-table-col-19.for-one-col {
width: 50%;
border-right-style: none;
}
.x-plan-table-sidebar-20 {
width: 240px;
border-right-width: 2px;
border-right-color: #272727;
}
.x-plan-table-content-37 {
overflow: auto;
}
.x-plan-logo-link-6.for-5g-enabled-blurb {
z-index: auto;
top: 60%;
left: auto;
}
.x-plan-table-header-27 {
position: relative;
top: 0;
}
.x-plan-table-col-20 {
min-width: 160px;
border-right: 1px solid #c7c9cc;
flex: none;
}
.x-plan-table-col-20.for-one-col {
width: 50%;
border-right-style: none;
}
.x-plan-table-sidebar-21 {
width: 240px;
border-right-width: 2px;
border-right-color: #272727;
}
.x-notice-list {
width: 640px;
padding: 0 25px;
}
.x-free-device-txt-ctn-2 {
margin-left: 0;
top: auto;
left: -26px;
}
.x-free-device-txt-ctn-2.centre.for-pf365 {
top: 0;
left: 0;
}
.x-iphone-5g-bg {
background-position: 0 0;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
}
.x-5g-iphone-img-2 {
width: 220px;
}
.x-5g-iphone-img-2.for-cny {
width: 400px;
margin-top: 10px;
left: 20px;
}
.x-5g-iphone-img-2.for-cny.for-p5365 {
width: 260px;
left: auto;
right: auto;
}
.x-5g-iphone-img-2.for-cny.for-j5gfamiliku {
width: 270px;
top: -10px;
left: auto;
right: 10px;
}
.x-cny-element.for-left-ornament {
bottom: -20%;
left: 45%;
}
.x-famu-5g.for-padding {
width: 300px;
}
.x-anim-banner-header.for-padding {
font-size: 2.2em;
}
.x-free-device-img-ctn-7 {
padding-left: 0;
padding-right: 0;
overflow: visible;
}
.x-5g-icon-3 {
left: 40px;
}
.x-5g-icon-3.for-bigger-2 {
left: 10px;
}
.x-5g-icon-3.for-j5gfamiliku {
width: 120px;
position: relative;
top: -10px;
left: 0;
}
.x-notice-list-2 {
width: 640px;
padding: 0 25px;
}
.x-jom5gfamiliku-dynamic-img {
width: 270px;
}
.x-jom5gfamiliku-img {
top: 48px;
left: -74px;
}
.x-jom5gfamiliku-img.for-new {
width: 350px;
top: 10px;
left: -30px;
}
.x-jom5gfamiliku-bg {
background-position: 0 0;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
}
.x-section-jom5gfamiliku.for-height {
overflow: visible;
}
.x-free-device-txt-ctn-3 {
margin-left: 0;
}
.x-free-device-txt-ctn-3.centre.for-jom5gfamiliku {
width: 100%;
top: 0;
left: -20px;
}
.x-free-device-txt-ctn-3.centre.for-j5gfamiliku {
top: 0;
left: 20px;
}
.x-j5gbersama-dynamic-img-2 {
width: 340px;
}
.x-free-device-img-ctn-8 {
padding-left: 0;
padding-right: 0;
overflow: visible;
}
.x-long-banner-3.for-bottom-margin.banner-data-layer {
display: block;
}
.x-jom5gfamiliku-img-copy {
top: 48px;
left: -74px;
}
.x-roaming-cp-note-ctn {
font-size: 16px;
}
.checkbox {
z-index: -1;
}
.x-plan-top-ctn-2 {
width: 100%;
}
.x-long-banner-4.for-bottom-margin.banner-data-layer {
display: block;
}
.x-limit-16 {
padding-left: 32px;
padding-right: 32px;
}
.pricepanel.mid-size {
width: auto;
margin-left: 20px;
margin-right: 20px;
}
.pricing-option-block.narrow {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: 1fr;
}
.add-to-cart-button {
margin-bottom: 0;
}
.x-business-thank-you-header {
width: 100%;
font-size: 40px;
}
.x-business-thank-you-para {
line-height: 30px;
}
.x-numeric-input.add-height, .x-input-text-copy.add-height {
height: 80px;
}
.x-plan-table-header-28 {
position: relative;
top: 0;
}
.x-plan-table-header-28.for-higher.for-mobile-broadband.yellow {
border-left-width: 1px;
}
.x-plan-table-header-28.for-higher.for-mobile-broadband.yellow.for-round-right-corner {
width: 390px;
}
.x-plan-table-sidebar-22, .x-plan-table-sidebar-23 {
width: 240px;
border-right-width: 1px;
border-right-color: #c7c9cc;
}
.x-plan-table-sidebar-23.for-height {
width: 180px;
}
.x-plan-table-col-21 {
border-right: 1px #c7c9cc;
flex: none;
position: relative;
}
.x-emp-text-47 {
font-size: 14px;
}
.x-plan-table-content-38 {
position: relative;
overflow: auto;
}
.text-block-122 {
width: 90px;
padding-left: 0;
padding-right: 0;
}
.x-plan-table-header-29 {
position: relative;
top: 0;
}
.x-plan-table-header-29.for-higher.for-mobile-broadband.yellow {
border-left-width: 1px;
}
.x-plan-table-header-29.for-higher.for-mobile-broadband.yellow.for-round-right-corner {
width: 390px;
}
.text-block-123.for-fibre {
color: #020202;
font-size: 1.1em;
}
.x-notice-list-3 {
width: auto;
height: 40px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0 20px;
}
.x-plan-table-col-22 {
border-right: 1px #c7c9cc;
flex: 1;
position: relative;
}
.x-plan-table-col-22.remove-left-border {
flex: 1;
}
.x-plan-table-column-2, .x-plan-table-column-2.for-title {
height: 90px;
}
.x-plan-table-header-30 {
position: relative;
top: 0;
}
.x-plan-table-header-30.for-higher.for-mobile-broadband.yellow {
border-left-width: 1px;
}
.x-plan-table-header-30.for-higher.for-mobile-broadband.yellow.for-round-right-corner {
width: 390px;
}
.x-plan-table-sidebar-24, .x-plan-table-sidebar-25 {
width: 240px;
border-right-width: 1px;
border-right-color: #c7c9cc;
}
.x-plan-table-sidebar-25.for-height {
width: 160px;
}
.x-plan-table-col-23 {
border-right: 1px #c7c9cc;
flex: none;
position: relative;
}
.x-emp-text-50 {
font-size: 14px;
}
.x-plan-table-content-39 {
position: relative;
overflow: auto;
}
.text-block-129 {
width: 90px;
padding-left: 0;
padding-right: 0;
}
.x-plan-table-header-31 {
position: relative;
top: 0;
}
.x-plan-table-header-31.for-higher.for-mobile-broadband.yellow {
border-left-width: 1px;
}
.x-plan-table-header-31.for-higher.for-mobile-broadband.yellow.for-round-right-corner {
width: 390px;
}
.text-block-130.for-fibre {
color: #020202;
font-size: 1.1em;
}
.x-plan-table-col-24 {
border-right: 1px #c7c9cc;
flex: 1;
position: relative;
}
.x-plan-table-col-24.remove-left-border {
flex: 1;
}
.x-notice-list-4 {
width: 640px;
padding: 0 25px;
}
.for-gadget-sim {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/64f581560c0549b43b88be46_Digi_GadgetSIM_PromotionsBanner.jpg");
}
.promotions-tab {
text-align: center;
flex-direction: row;
justify-content: center;
margin-left: 0;
margin-right: 0;
padding-top: 8px;
padding-bottom: 8px;
padding-right: 10px;
display: flex;
position: relative;
top: 0%;
bottom: auto;
left: auto;
right: auto;
overflow: visible;
}
.promotions-tab.w--current, .promotions-tab.for-roaming-mobile {
margin-left: 0;
margin-right: 0;
}
.promotions-tab.for-roaming-mobile.w--current {
width: auto;
margin-left: 0;
margin-right: 0;
padding-left: 10px;
padding-right: 10px;
overflow: auto;
}
.promotions-tab.for-roaming-mobile.for-more-padding {
margin-left: 0;
margin-right: 0;
}
.x-long-banner-5.for-bottom-margin.banner-data-layer {
display: block;
}
.process_line-2 {
height: 80%;
}
.process_details-3 {
padding: 10px;
display: flex;
}
.bold-text-127 {
font-size: 12px;
}
.bold-text-127.for-smaller-font {
font-size: 10px;
}
.image-75 {
width: auto;
height: auto;
padding-left: 0;
padding-right: 0;
}
.centre_block-4 {
width: 150px;
align-self: auto;
padding-left: 15px;
}
.centre_icon_wrap-4 {
margin-left: 50px;
}
.centre_icon_wrap-5 {
margin-left: 30px;
}
.x-5g-step-text-2 {
line-height: 18px;
}
}
@media screen and (max-width: 767px) {
body {
font-size: 14px;
line-height: 22px;
}
h1 {
font-size: 48px;
line-height: 56px;
}
h2 {
font-size: 28px;
line-height: 36px;
}
h3 {
font-size: 20px;
line-height: 28px;
}
.x-top-nav {
display: none;
}
.x-limit.for-hero {
padding-left: 0;
padding-right: 0;
}
.x-limit.for-navbar, .x-limit.for-subnav {
padding-top: 0;
padding-bottom: 0;
}
.x-limit.for-countdown {
flex-direction: column;
padding-top: 6px;
padding-bottom: 6px;
}
.x-area-group-link {
color: #fff;
text-align: center;
white-space: nowrap;
flex: 1;
padding-top: 16px;
padding-bottom: 16px;
}
.x-area-group-link:active {
background-color: var(--ultra-light-grey);
color: var(--black);
}
.x-prime-nav-wrapper {
padding-top: 0;
padding-bottom: 0;
}
.x-prime-nav-menu {
padding-top: 80px;
}
.x-brand-logo {
padding-top: 5px;
padding-bottom: 5px;
}
.x-acc-nav-mydigi {
margin-left: 4px;
}
.x-acc-nav-item {
margin-left: 4px;
margin-right: 4px;
}
.x-icon {
font-size: 22px;
}
.x-icon.for-modal-close {
font-size: 32px;
}
.x-acc-mydigi-btn {
width: auto;
padding-right: 0;
}
.x-acc-mydigi-btn:hover {
width: auto;
}
.x-area-toggle-btn {
background-color: var(--ultra-light-grey);
padding: 12px;
display: block;
}
.x-area-mini-menu {
z-index: 1000;
background-color: var(--white);
box-shadow: 0 3px 4px -4px var(--shadow), 0 8px 24px 0 var(--shadow);
border-radius: 8px;
display: block;
position: absolute;
top: 32px;
bottom: auto;
left: 0;
overflow: hidden;
}
.x-area-mini-menu.for-idle {
display: none;
}
.x-emp-text.for-title.x-adjust-font-size {
margin-bottom: 0;
font-size: 20px;
line-height: 25px;
}
.x-emp-text.for-val-mid.for-smaller-text {
font-size: 25px;
}
.x-emp-text.for-familiku {
margin-right: 57px;
}
.x-emp-text.for-fibre.for-small {
font-size: 13px;
}
.x-mobile-nav-toggle-btn {
margin-left: 12px;
}
.x-acc-mydigi-label {
display: none;
}
.x-acc-mydigi-label.for-business {
margin-right: 8px;
display: block;
}
.x-search-bar {
padding-left: 24px;
padding-right: 24px;
}
.x-search-input {
height: 48px;
text-align: left;
}
.x-search-btn {
padding: 9px;
font-size: 22px;
}
.x-scroller.for-prime-nav-menu {
padding-left: 24px;
padding-right: 24px;
}
.x-master {
padding-top: 56px;
}
.x-master.for-home {
padding-top: 62px;
}
.x-master.for-ep {
padding-top: 60px;
}
.x-master.for-ekyc {
padding-top: 55px;
}
.x-master.for-cc {
padding-top: 64px;
}
.x-wrapper-2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: 36px;
padding-bottom: 36px;
display: block;
}
.x-wrapper-2.for-hero {
padding-top: 0;
padding-bottom: 0;
}
.x-wrapper-2.for-hero.for-hide {
display: none;
}
.x-wrapper-2.header.no-margin {
padding-bottom: 36px;
}
.x-wrapper-2.for-free-device.for-gadget-sim {
padding-top: 52px;
}
.x-wrapper-2.for-google-play {
padding-top: 40px;
padding-bottom: 0;
}
.x-wrapper-2.for-raja-kombo-table {
padding-top: 36px;
padding-bottom: 36px;
}
.x-section.for-skorbsdg {
background-position: 90% 100%;
}
.x-section.flip4all-bg2 {
margin-bottom: 20px;
}
.x-section.for-sfc-footer {
margin-top: -286px;
}
.x-section.for-pg-bg-green {
margin-top: -147px;
}
.x-subnav {
top: 62px;
}
.x-subnav-menu-link {
padding-left: 12px;
padding-right: 12px;
font-size: 12px;
}
.x-hero {
background-color: var(--ultra-light-grey);
}
.x-hero-wrapper {
border-radius: 0;
}
.x-hero-wrapper.for-slider {
background-color: #fff;
flex-direction: column-reverse;
align-items: stretch;
}
.x-hero-wrapper.for-slider.for-blue, .x-hero-wrapper.for-slider.for-orange, .x-hero-wrapper.for-slider.for-new-yellow {
background-color: var(--white);
}
.x-hero-wrapper.for-simple {
padding-left: 24px;
padding-right: 24px;
}
.x-lead-text {
font-size: 20px;
line-height: 28px;
}
.x-lead-text.for-nopad {
font-size: 1em;
font-weight: 500;
}
.x-lead-text.for-nopad.for-desktop {
display: none;
}
.x-lead-text.for-limit-60.for-smaller-text.for-center {
margin-bottom: 20px;
font-size: 15px;
}
.x-lead-text.for-center {
font-size: 20px;
}
.x-lead-text.for-nopad {
font-size: 1em;
font-weight: 500;
}
.x-lead-text.for-ppkm-tab-lead, .x-lead-text.for-center {
font-size: 20px;
}
.x-section-header.centre.for-side-padding {
padding-left: 20px;
padding-right: 20px;
}
.x-content-plan-linebar.for-titled {
margin-top: -16px;
}
.x-rate-plan-linebar-title {
font-size: 12px;
}
.x-rate-plan-container {
margin-bottom: 0;
margin-left: -24px;
margin-right: -24px;
padding-left: 24px;
padding-right: 24px;
}
.x-rate-plan-item {
width: 248px;
}
.x-rate-plan-name {
font-size: 16px;
line-height: 24px;
}
.x-tab-menu.centre.buttons-style.for-postpaid, .x-tab-menu.centre.buttons-style.for-ads {
flex-wrap: wrap;
align-content: space-between;
justify-content: center;
margin-bottom: 0;
}
.x-tab-pane {
padding-bottom: 24px;
}
.x-tab-pane.padding {
padding-top: 0;
}
.x-rate-table-row {
flex-wrap: wrap;
}
.x-rate-table-row.for-header {
display: none;
}
.x-rate-table-col {
min-width: 25%;
}
.x-rate-table-col.for-first {
width: 100%;
padding-bottom: 0;
font-size: 16px;
}
.x-rate-table-col.for-last {
width: 100%;
background-color: var(--link-blue);
color: var(--white);
width: 100%;
color: #fff;
background-color: #039be5;
border-top-style: none;
justify-content: flex-end;
}
.x-rate-plan-card-focus {
line-height: 18px;
}
.x-footer {
z-index: 10;
}
.x-footer-wrapper {
grid-column-gap: 24px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.x-footer-col {
margin-bottom: 0;
}
.x-btn-container.for-cta.for-mobile {
margin-top: -15px;
}
.x-btn-container.for-cta.for-tablet {
margin-top: -15px;
padding-bottom: 10px;
}
.x-btn-container.mt-0 {
margin-top: 0;
}
.x-btn-container.for-promo-list {
flex-direction: column;
align-items: stretch;
}
.x-btn-container.for-appdownload {
grid-template-columns: 1fr;
}
.x-btn-container.for-appdownload.for-static {
margin-bottom: 16px;
}
.x-btn-container.for-center.add-margin {
flex-direction: row;
}
.x-btn-container.for-center.add-margin.for-mobile-hide {
display: none;
}
.x-btn-container.for-center.add-top-margin {
margin-top: 40px;
}
.x-btn-container.for-middle {
margin-bottom: 40px;
}
.x-btn.for-help {
margin-right: 0;
}
.x-btn.for-colouringmalaysiaku {
padding: 15px 60px;
font-size: 20px;
}
.x-rate-copy-block.for-right {
flex-flow: wrap-reverse;
}
.x-rate-copy-block.for-btl {
grid-template-columns: 1fr;
}
.x-content-wrapper.for-left {
align-items: center;
}
.x-content-copy-img {
margin-right: 0;
}
.x-content-copy-img.for-right {
margin-top: 0;
}
.x-content-copy-img.for-right.for-vowifi {
width: 60%;
margin-bottom: 20px;
}
.x-content-copy-img.for-right.for-airsim {
width: 70%;
margin-bottom: 10px;
}
.x-content-block {
margin-top: 30px;
}
.x-content-block.x-add-padding, .x-content-block.x-add-padding-iphone {
padding-left: 0;
padding-right: 0;
}
.x-content-block.for-no-top-padding {
margin-top: 0;
}
.x-img-block.for-square {
width: 100%;
height: 100%;
}
.x-card-block {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.x-card-block.for-4 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.x-card-block.for-4.for-solution, .x-card-block.for-4.for-esim {
grid-template-columns: 1fr 1fr;
}
.x-card-block.for-5 {
grid-template-columns: 1fr 1fr 1fr;
}
.x-card-block.for-3 {
grid-template-columns: 1fr 1fr;
}
.x-card-block.for-3._2-columns-mobile {
grid-column-gap: 16px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.x-card-block.for-3.hide-for-desktop {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.x-card-block.for-3.hide-for-mobile, .x-card-block.for-2.add-padding-left-right.hide-for-mobile {
display: none;
}
.x-card-block.for-digizen {
grid-template-columns: 1fr 1fr;
}
.x-card-block.for-2-rows {
grid-template-columns: 1fr 1fr 1fr;
}
.x-card-block.for-next.for-top-padding {
display: block;
}
.x-card-block.for-next.for-top-padding.for-4.desktop {
margin-bottom: 0;
}
.x-card-block.for-5 {
grid-template-columns: 1fr 1fr 1fr;
}
.x-card-block.for-3 {
grid-column-gap: 16px;
grid-row-gap: 32px;
grid-template-columns: 1fr 1fr;
}
.x-card-block.for-2-rows {
grid-template-columns: 1fr 1fr 1fr;
}
.x-card-block.for-testimonial {
grid-row-gap: 32px;
}
.x-card-block.for-4 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.x-card {
padding: 16px;
}
.x-card.digizen {
height: 100%;
}
.x-guide-card-block, .x-guide-card-block.centre, .x-guide-card-block.centre.for-3, .x-guide-card-block.for-airsim {
grid-template-columns: 1fr 1fr;
}
.x-guide-card-item.for-idd {
flex-direction: column;
}
.x-guide-card-item-info.for-snapshot {
margin-bottom: 0;
}
.x-hero-side-banner.for-slider {
margin-bottom: 0;
display: none;
position: static;
}
.x-hero-side-banner.for-slider.for-mobile {
height: 220px;
display: block;
}
.x-hero-container {
padding: 24px;
}
.x-hero-container.for-slider {
background-image: none;
}
.x-hero-container.for-banner {
height: 100%;
}
.x-rate-table-label {
display: block;
}
.x-plan-table-block {
height: auto;
}
.x-plan-table-sidebar {
width: 228px;
}
.x-plan-table-content {
flex: 1;
align-self: auto;
position: relative;
overflow: auto;
}
.x-plan-table-header {
z-index: 1;
background-color: #fff;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.x-plan-table-header.for-sidebar {
z-index: 1;
background-color: var(--white);
position: -webkit-sticky;
position: sticky;
top: 130px;
}
.x-plan-table-header.for-sidebar.for-merge {
width: 225px;
}
.x-plan-table-header.for-sidebar.for-higher {
position: static;
}
.x-plan-table-header.for-sidebar.for-higher.for-prepaid-bundle.for-left-border-radius, .x-plan-table-header.for-sidebar.for-higher.for-prepaid-bundle.for-light-yellow {
width: 200px;
}
.x-plan-table-header.for-sidebar.for-higher.for-prepaid-next.for-light-yellow.with-label {
position: relative;
top: 0;
}
.x-plan-table-header.for-sidebar.for-higher.for-khas-belia.for-left-border-radius, .x-plan-table-header.for-sidebar.for-higher.for-khas-belia.for-light-yellow {
width: 240px;
}
.x-plan-table-header.for-sidebar.for-higher.for-raja-kombo.for-left-border-radius.for-size {
width: 200px;
}
.x-plan-table-header.for-sidebar.for-higher.for-raja-kombo.for-center {
position: relative;
top: 0;
}
.x-plan-table-header.for-sidebar.for-higher.for-raja-kombo.for-light-yellow.for-size {
width: 200px;
}
.x-plan-table-header.for-sidebar.x-no-sticky {
position: relative;
top: 0;
}
.x-plan-table-col {
min-width: 128px;
flex-direction: column;
justify-content: flex-start;
display: block;
position: static;
}
.x-plan-table-col.for-trade-in {
width: 100%;
min-width: auto;
}
.x-plan-table-row {
padding-right: 16px;
}
.x-plan-table-row.for-center.for-last.mobile-broadband-borders {
z-index: 20;
margin-left: auto;
}
.x-plan-table-row.for-center.for-horizontal.for-vertical {
flex-direction: column;
}
.x-plan-table-row.for-huawei.adjust-device-addon.padding-20.add-bottom-stroke-2 {
z-index: auto;
margin-top: 2px;
}
.x-endnote-h2 {
width: 100%;
}
.x-hero-slider {
max-width: 480px;
margin-left: auto;
margin-right: auto;
}
.x-hero-slider-pane {
height: auto;
background-color: #fff;
margin-right: 24px;
}
.x-mini-plan-block.for-slider {
display: none;
}
.x-mini-plan-list {
grid-template-columns: 1fr;
}
.x-content-card-link {
padding: 24px;
}
.x-promo-card-data {
padding: 16px;
}
.x-simple-card-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.x-slider-h1 {
margin-bottom: 12px;
font-size: 36px;
line-height: 40px;
}
.x-float-helper {
z-index: 9000;
}
.x-step-list {
padding-left: 40px;
}
.x-input-row {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.x-input-row.idd-rates.flex-child {
grid-template-columns: 1fr 1fr;
justify-items: center;
}
.x-input-row.idd-rates.add-margin {
margin-left: 40px;
margin-right: 40px;
}
.x-input-label.for-idle.add-padding, .x-input-label.for-idle-2.add-padding {
padding-right: 12px;
}
.x-input-col {
align-self: stretch;
}
.x-input-col.for-toggle {
margin-bottom: 0;
}
.x-input-col.dont-expand {
width: 200px;
}
.x-input-col.dont-expand.right-padding {
width: 230px;
margin-right: 0;
}
.x-input-col.dont-expand.left-padding {
width: 220px;
margin-left: 0;
}
.x-input-col.dont-expand {
width: 70%;
}
.x-input-col.dont-expand.left-padding {
width: 70%;
margin-left: 0;
}
.x-input-col.dont-expand.right-padding {
width: 70%;
margin-right: 0;
}
.x-input-link-line {
display: none;
}
.x-input-select.x-input-select-adjust {
padding-top: 0;
padding-bottom: 0;
}
.x-device-list-block {
grid-template-columns: 1fr;
}
.x-buy-opt-modal {
min-width: 400px;
}
.x-form-nav-header {
background-color: #fff;
}
.x-form-nav-wrapper {
justify-content: space-between;
align-items: center;
}
.x-m-quick-nav {
border: 1px none var(--line);
border-radius: 8px;
left: 50%;
overflow: hidden;
}
.x-hero-slider-action {
font-size: 16px;
}
.x-shop-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.x-shop-list.for-4.for-device {
grid-template-columns: 1fr 1fr;
}
.x-shop-more-btn.for-align {
margin-top: 10px;
}
.x-lang-picker-block {
top: 0%;
bottom: auto;
left: auto;
right: 0%;
}
.x-lang-picker-block.for-raja-kombo {
top: 140px;
right: 10px;
}
.x-video-gallery-block {
grid-template-columns: 1fr 1fr;
grid-auto-flow: column dense;
margin-left: -24px;
margin-right: -24px;
padding-left: 24px;
padding-right: 24px;
overflow: auto;
}
.x-video-gallery-block.for-5g {
grid-template-columns: 1fr;
grid-auto-flow: row;
}
.x-video-item {
width: 320px;
}
.x-video-item.for-full {
width: 100%;
}
.x-video-item.for-ekyc, .x-video-item.for-5g {
width: auto;
}
.x-lead-form-modal {
width: 95%;
min-width: 0;
}
.x-banner-list {
grid-column-gap: 16px;
grid-row-gap: 24px;
grid-template-columns: 1fr;
}
.x-banner-list.for-2 {
height: auto;
max-height: none;
grid-template-columns: 1.75fr;
}
.x-banner-list.for-two {
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-rows: auto;
}
.x-banner-list.for-2 {
height: auto;
max-height: none;
height: auto;
max-height: none;
height: auto;
max-height: none;
height: auto;
max-height: none;
grid-template-columns: 1.75fr;
}
.x-banner-list.for-2.for-height {
height: 782px;
}
.x-plan-table-merged {
grid-template-columns: minmax(228px, 228px) 1fr;
}
.x-broadcast-list {
padding-top: 8px;
padding-bottom: 8px;
}
.x-broadcast-container {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 64px 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.x-broadcast-badge {
font-size: 16px;
}
.x-broadcast-teaser {
width: auto;
white-space: normal;
overflow: visible;
}
.x-bod-popup-wrapper {
height: 90%;
max-height: none;
}
.x-onboard-jaringan-sticker {
width: 100%;
max-width: none;
}
.x-redirect-block {
grid-template-columns: 1fr;
}
.x-redirect-block.for-4 {
grid-template-columns: 1fr 1fr;
}
.x-redirect-block.for-2.for-iphone {
grid-template-columns: 1fr;
}
.x-redirect-block.for-store {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
margin-right: -32px;
overflow: auto;
}
.x-redirect-block.for-pf365, .x-redirect-block.for-android, .x-redirect-block.for-prepaid-all {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.x-redirect-link {
flex-direction: row;
justify-content: space-between;
padding: 12px 24px;
}
.x-redirect-link.for-store {
width: 140px;
flex-direction: column;
justify-content: center;
}
.x-redirect-link.for-pf365 {
width: 160px;
height: auto;
}
.x-redirect-link.for-iphones {
width: 160px;
height: 150px;
flex-direction: column-reverse;
}
.x-redirect-link.for-prepaid-all {
width: 160px;
height: 130px;
padding-left: 10px;
padding-right: 10px;
}
.x-redirect-cta-subheading {
display: flex;
}
.x-redirect-text.for-prepaid-all.for-padding {
margin-top: 18px;
}
.x-redirect-image {
width: 120px;
margin-bottom: 0;
position: relative;
bottom: -14px;
}
.x-redirect-image.for-pf365 {
margin-top: 0;
padding-top: 0;
padding-left: 35px;
padding-right: 35px;
}
.x-redirect-image.for-pf365.for-5g {
padding-left: 25px;
padding-right: 25px;
}
.x-redirect-image.for-android {
padding-left: 35px;
padding-right: 35px;
}
.x-redirect-image.for-prepaid-all {
width: 80px;
}
.x-redirect-image.for-belia {
width: 89px;
margin-top: 0;
}
.x-redirect-icon {
font-size: 22px;
}
.x-redirect-icon.for-top {
text-align: center;
margin-left: 0;
}
.x-btl-img-banner.collab {
margin-bottom: 0;
}
.x-hero-grid-banner {
height: 240px;
border-radius: 12px;
grid-template-columns: 1.2fr 1fr;
padding-right: 0;
}
.x-hero-side-banner-img {
height: 240px;
object-fit: cover;
display: none;
}
.x-limit.for-banner {
padding: 24px 0;
}
.x-hero-heading {
margin-bottom: 12px;
font-size: 2.3em;
line-height: 1em;
}
.x-hero-side-banner-mobile {
height: 240px;
object-fit: cover;
border-radius: 12px;
display: block;
}
.x-solution-intro-container {
grid-template-columns: 1fr;
}
.x-solution-intro-img {
border-radius: 16px;
}
.x-solution-feature-card {
padding-top: 12px;
padding-left: 12px;
padding-right: 12px;
}
.x-solution-benefit-rt figure {
width: auto;
height: auto;
}
.x-store-sub-heading {
font-weight: 600;
}
.x-long-banner {
border-radius: 8px;
}
.x-long-banner.for-bottom-margin.banner-data-layer {
background-color: rgba(0, 0, 0, 0);
display: block;
}
.x-long-banner-image {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
display: none;
}
.x-long-banner-image-mobile {
padding-left: 0;
padding-right: 0;
display: block;
}
.x-testimonial-slide.for-one {
width: 100%;
}
.x-testimonial-slide.for-fibre {
width: 90%;
}
.x-testimonial-slide.for-one {
width: 100%;
}
.x-image-card-container, .x-image-card-container.for-promo, .x-image-card-container.for-2 {
grid-template-columns: 1fr;
}
.x-image-card-container.for-2.for-lesser-bottom {
display: block;
}
.x-plan-logo-img {
margin-left: 60px;
}
.text-span-35 {
color: var(--white);
}
.x-wrapper {
padding-top: 36px;
padding-bottom: 36px;
}
.x-wrapper.decrease-padding {
padding-top: 0;
padding-bottom: 20px;
}
.x-home-promo-heading {
font-size: 20px;
line-height: 28px;
}
.x-promo-img-banner {
border-radius: 12px;
display: none;
}
.x-promo-img-banner.mobile {
border-radius: 0;
display: block;
}
.x-promo-list-heading {
text-align: center;
margin-top: 30px;
font-size: 1.2em;
}
.x-promo-list-h {
font-size: 30px;
line-height: 36px;
}
.x-promo-list-tab.ramadan-raya-2023 {
width: 100%;
grid-column-gap: 15px;
grid-row-gap: 15px;
grid-template-columns: auto auto 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
margin-top: 20px;
margin-bottom: 60px;
padding-right: 10px;
overflow: scroll;
}
.x-promo-list-tab-a {
width: 200px;
height: auto;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.x-promo-list-tab-a.ramadan-raya-2023 {
width: 200px;
flex-direction: column;
}
.x-promo-list-img-block {
border-radius: 12px;
margin-bottom: 16px;
}
.x-error-wrapper {
grid-row-gap: 34px;
grid-template-columns: 1fr;
justify-items: center;
padding-top: 24px;
padding-bottom: 24px;
}
.x-error-left-block {
z-index: 1;
justify-items: stretch;
padding-top: 0;
padding-bottom: 0;
position: relative;
}
.x-error-left-block.main {
padding-top: 100px;
padding-bottom: 100px;
}
.x-error-heading {
font-size: 36px;
line-height: 48px;
}
.x-error-link-container {
grid-template-rows: minmax(auto, auto);
padding: 0;
}
.x-error-img {
width: 320px;
opacity: .17;
position: absolute;
top: 6%;
bottom: 0%;
left: auto;
right: -17%;
}
.x-error-link {
font-size: 1.4em;
font-weight: 700;
}
.x-back-top-link {
z-index: 8888;
width: 56px;
height: 56px;
border: 1px solid var(--line);
color: var(--black);
background-color: #fff;
border-radius: 50%;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 22px;
display: none;
position: fixed;
top: auto;
bottom: 24px;
left: auto;
right: 24px;
transform: rotate(270deg);
box-shadow: 0 2px 12px rgba(0, 0, 0, .16);
}
.text-block-12 {
width: 56px;
height: 56px;
flex-direction: column;
justify-content: center;
align-items: center;
line-height: 14px;
display: flex;
}
.clock-number {
font-size: 64px;
}
.x-btl-main-headline {
font-size: 2em;
}
.x-plan-name.black.circle {
padding-left: 14px;
padding-right: 14px;
}
.x-prepaid-bundle {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.x-plan-table-heading-bar.no-curve.for-mobile-bd-mbb-5-5 {
top: 575px;
}
.x-plan-table-heading-bar.adjust-base-plan-tablet-copy {
margin-bottom: -125px;
}
.x-plan-table-row-2 {
padding-right: 16px;
}
.x-test-kit-img {
width: 48px;
height: 48px;
}
.x-test-kit-sample-img, .x-test-kit-h2 {
width: 100%;
}
.x-plan-table-col-3 {
min-width: 128px;
}
.x-plan-table-merged-2 {
grid-template-columns: minmax(228px, 228px) 1fr;
}
.x-icon-2 {
font-size: 22px;
}
.x-wrapper-2.for-hero {
padding-top: 0;
padding-bottom: 0;
}
.x-hero-container-2 {
padding: 24px;
}
.x-hero-container-2.for-banner {
height: 100%;
}
.x-content-copy-img-2 {
margin-right: 0;
}
.x-hero-grid-banner-2 {
height: 240px;
border-radius: 0;
padding-right: 0;
}
.x-plan-table-sidebar-3 {
width: 228px;
}
.r-footer-container {
flex-direction: column;
}
.r-line-bar {
position: static;
}
.r-line-bar.mobile {
display: none;
}
.r-section.for-main-banner {
background-image: linear-gradient(rgba(14, 14, 14, .63), rgba(39, 39, 39, .27) 50%, rgba(0, 0, 0, .78)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/61b1cd716e4d29525826e72c_Digi_RDY_Background-8.jpg"), none;
background-position: 0 0, 0 0, 48% 18%;
background-repeat: repeat, repeat, repeat;
background-size: auto, auto, 3500px;
}
.r-separator {
z-index: 50;
position: relative;
top: -24px;
}
.r-separator.product {
top: -18px;
}
.r-separator.separator-optimize {
top: -20px;
}
.r-footer-logo-flex {
margin-top: 16px;
}
.x-plan-logo-link.for-super-long-life {
top: 59%;
left: auto;
}
.r-text-20 {
margin-top: 0;
}
.r-price-yellow-box {
padding-top: 9px;
padding-bottom: 9px;
}
.r-usp-background {
height: 220px;
margin-bottom: 92px;
}
.r-video-grid {
grid-template: "."
"."
/ 1fr;
}
.r-video-grid.for-mobile {
grid-row-gap: 24px;
}
.r-join-us-grid {
grid-template-columns: 1fr;
}
.r-pricing-box-grid {
grid-template-rows: auto auto auto;
}
.r-partners-grid {
grid-column-gap: 19px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
justify-items: stretch;
}
.r-nav-bar.for-product.exist {
top: 14%;
}
.r-section-body {
height: 1600px;
margin-top: -36px;
padding-top: 68px;
padding-bottom: 0;
}
.r-container-2.for-main-banner {
z-index: 12;
position: relative;
}
.r-container-2.for-section-body {
padding-bottom: 0;
}
.r-container-2.for-optimize {
padding-bottom: 100px;
}
.r-container-2.for-cashback {
margin-top: -36px;
}
.r-container-2.always-on {
margin-top: -38px;
}
.r-new-sim-grid.for-tablet {
grid-template-columns: .25fr 1.25fr .25fr;
}
.r-text-14 {
margin-bottom: 0;
}
.r-pricing-box {
padding: 0;
}
.r-section-always-on {
margin-bottom: 0;
padding-bottom: 22px;
}
.r-usp-grid {
grid-template-columns: 1fr;
}
.r-text-grid {
padding-left: 24px;
padding-right: 24px;
}
.r-header-white-text-2 {
margin-top: 0;
line-height: 48px;
}
.r-text-style-21 {
line-height: 25px;
}
.x-footer-gaming {
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.x-main-banner.for-postpaid {
background-position: 0 0, 50%;
}
.x-main-banner.for-switch-to-digi {
background-position: 0 0, 20%;
}
.x-main-banner.for-signature {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/625f7943f8d262575e196b33_Digi_Signature_MainBanner_Tablet_991x500.jpeg");
background-position: 0 0, 50%;
}
.x-main-banner.for-ekyc {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63608be06855c90e6b5c2410_Digi_eKYC-registration-Main-Banner(Tablet).jpg");
background-position: 0 0, 74%;
}
.x-main-banner.for-get-help, .x-main-banner.for-idd {
background-position: 0 0, 20%;
}
.x-main-banner.for-exclusive-pack {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65add376b170ad460825f856_Digi_5G%20Internet_Web_HeaderBanner_EN_990x500.webp");
}
.x-main-banner.for-business-solutions {
background-position: 0 0, 90% 30%;
position: relative;
}
.x-main-banner.for-digital-solutions, .x-main-banner.for-roaming {
background-position: 0 0, 20%;
}
.x-main-banner.for-belia {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/639fc36ea449416660b7b0ad_Digi_Prepaid_SubpageMainBanner_PakejKhasDataBelia_Tablet_EN.jpg");
background-position: 50% 0;
}
.x-main-banner.for-belia.for-bm {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/639fc36e7670a13ceb473c94_Digi_Prepaid_SubpageMainBanner_PakejKhasDataBelia_Mobile_BM.jpg");
background-position: 50% 0;
}
.x-main-banner.for-prepaid-en-desktop-copy {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/656860481a0832f4c98e6e28_Digi_Campaign%206_NEXT25_Web_HeaderBannerMobile_EN_669x700.webp");
background-position: 50% 10%;
}
.x-main-banner.for-prepaid-bm-desktop-copy {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65686048f967fdd489bdf082_Digi_Campaign%206_NEXT25_Web_HeaderBannerMobile_BM_669x700.webp");
background-position: 50% 10%;
}
.x-main-banner.for-mydigi {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6298c18af2f18d3c0878c8b3_Digi_Apps%26Services_MyDigi_Tablet.jpg");
background-position: 0 0, 90%;
}
.x-main-banner.for-exclusive-pack-bm {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65add376e00057e5d2acb0c1_Digi_5G%20Internet_Web_HeaderBanner_BM_990x500.webp");
}
.x-main-banner.for-snapshot {
background-position: 0 0, 20%;
}
.x-main-banner.for-digital-subs {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6507f073d8ab2afe46a6705b_Digi_Pay_Via_Digi_MainBanner_Tablet.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.x-main-banner.for-snapshot {
background-position: 0 0, 50%;
}
.x-main-banner.for-promotions, .x-main-banner.for-gadget, .x-main-banner.for-promotions, .x-main-banner.for-nsc {
background-position: 0 0, 20%;
}
.x-main-banner.for-pf365 {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/651a6d7bf60f7a6434d33146_Digi_Jom5GFamiliku_PF365_SubpgMainBannerTablet_991x500.jpg");
background-position: 0 0, 50%;
}
.x-main-banner.for-ppj {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63042c38c3ae4cbef1350941_Digi_Devices_PPJ_SubpageMainBanner_Tablet.jpg");
background-position: 0 0, 50%;
}
.x-main-banner.for-iphone {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65124c4a40949bdca68b1d87_DIgi__iPhone-15-Pro_Subpage-Main-Banner_Mobile-Landscape_990x500.png");
background-position: 50%;
}
.x-main-banner.for-iphone.for-iphone-15 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65124c4a40949bdca68b1d87_DIgi__iPhone-15-Pro_Subpage-Main-Banner_Mobile-Landscape_990x500.png");
}
.x-main-banner.for-android {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/64c093ea2b95cbe3c8b65b32_Digi_Galaxy_Fold-Flip5_Andriod%20SubPageMainBanner_Tablet_PF365_991%20x%20500.png");
background-position: 0 0, 50%;
}
.x-main-banner.for-ppj-copy {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63042c38c3ae4cbef1350941_Digi_Devices_PPJ_SubpageMainBanner_Tablet.jpg");
background-position: 0 0, 50%;
}
.x-main-banner.for-gf-plus {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6386be5e817cab2d5664df1f_Digi_Devices_GadgetFreedomPlus_SubpageMainBanner_Tablet.jpg");
background-position: 0 0, 50% 110%;
}
.x-main-banner.for-promotions {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6319b5f897221909c818e66a_Digi_Promotions_MainBanner_Tablet.jpg");
background-position: 0 0, 100%;
}
.x-main-banner.for-roaming {
background-position: 0 0, 50%;
}
.x-main-banner.for-home-fibre {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/656534025e7b3f872f123dd1_CD-Fibre-KV_AssetDevelopment_Fibre-page-Product-Banner-(Digi)_Mobile_669x700_ENG.webp");
background-position: 0 0, 50% 20%;
}
.x-main-banner.for-home-fibre.for-bm {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6565340354a71e26969145d0_CD-Fibre-KV_AssetDevelopment_Fibre-page-Product-Banner-(Digi)_Mobile_669x700_BM.webp");
}
.x-main-banner.for-trade-in {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/634e5fbde584507402945034_Digi_Devices_SubpageMainBanner_TradeIn_Tablet.jpg");
background-position: 0 0, 50%;
}
.x-main-banner.for-esim {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/634e5fba52ffb6b5c1edad34_Digi_Devices_SubpageMainBanner_eSIM_Tablet.jpg");
background-position: 0 0, 50%;
}
.x-main-banner.for-airsim {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/634e5fb82252d285f7391563_Digi_Devices_SubpageMainBanner_AirSIM_Tablet.jpg");
background-position: 0 0, 50%;
}
.x-main-banner.for-digi-5g {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/636b0d0f2fa6b689b4d920e6_Digi_5G_Activate5GNow_MainBanner_Tablet.jpg");
background-position: 0 0, 0 0;
}
.x-main-banner.for-digi-5g.consumer {
background-image: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/64e6ff7b3739ed6cf620e998_Digi_Jom5G_OpenGraphImage_1200x630.jpg");
background-position: 0 0, 65%;
}
.x-main-banner.for-loyalty-desktop {
background-position: 50%;
}
.x-main-banner.for-pkrm {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/639fc452de93940e873db0ee_Digi_Prepaid_PakejRemaja_SubpageMainBanner_Tablet.jpg");
background-position: 0 0, 50% 0;
}
.x-main-banner.for-raja-kombo {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/64c67a98b5d3e5b85d11df6e_Celcom_Raja%20Combo_Header%20Banner_990x500.jpg");
background-position: 25%;
}
.x-main-banner.for-mobile-broadband, .x-main-banner.for-snapshot-bm {
background-position: 0 0, 50%;
}
.x-main-banner.for-oku {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6242a98a7b15306aa6e63f25_Digi_Postpaid_OKUPlan_Desktop_1400x350.png");
background-position: 0 0, 90% 0;
}
.x-main-banner.for-senior-citizen {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6152b2d34ca06b58d35dde29_digi-seniors.png");
background-position: 0 0, 92% 0;
}
.x-main-banner.for-appstore {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/61d2c1f102a2a8092dd4380e_Digi_Apple_AppStore_1200x630.png");
background-position: 0 0, 50%;
}
.x-main-banner.for-googleplay {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/61d2c1ea0a037e4cce89abe5_Digi_Google_PlayStore_1200x630.png");
background-position: 0 0, 50%;
}
.x-main-banner.for-senior-citizen {
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6152b2d34ca06b58d35dde29_digi-seniors.png");
background-position: 0 0, 88% 0;
}
.x-main-banner.for-autobilling {
background-position: 0 0, 70%;
}
.x-main-banner.for-pakej-perpaduan {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/64e311afe1bb3c165ccc69dd_Digi_Pakej-Rahmah_Subpage-Main-Banner_991x500_Mobile-Landscape.jpg");
background-position: 50%;
}
.x-main-banner.for-samsung-s23-contest {
height: 600px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63f888e3fc1adb61438d07dc_Digi_SubpageMainBanner_Digi23for23_Mobile.jpg");
background-position: 0 0, 50%;
}
.x-main-banner.for-prepaid-main {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/656860481a0832f4c98e6e28_Digi_Campaign%206_NEXT25_Web_HeaderBannerMobile_EN_669x700.webp");
background-position: 50% 10%;
}
.x-main-banner.for-talktime-services {
background-position: 50%;
}
.x-main-banner.for-promotions {
height: 280px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6479542a90128cb356d9ca8b_Digi_Roaming_PromoSliderBanner_2000x600.jpg");
background-position: 50%;
}
.x-main-banner.for-promotions.for-iphone {
height: 280px;
}
.x-main-banner.for-promotions.for-pakej-5g-rahmah {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/651eed6b0bcc2eb5951b7c0b_Digi_Pakej%205G%20Rahmah__Promo%20Slider%20Banner_2000x600.jpg");
}
.x-main-banner.for-promotions.for-postpaid-90 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/651a6dd64b039af722dd7489_Digi_Digi%20Postpaid%2090_PromoSlideBanner_EN_2000x600.jpg");
}
.x-main-banner.for-promotions.for-postpaid-infinite {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/651a6dc4cac08b07e4fe379c_Digi_Campaign5_PostpaidInfinite_PromoSlideBanner_EN_2000x600.jpg");
}
.x-main-banner.for-promotions.for-program-peranti-5g {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/653096cd295eb56d6df258c6_CelcomDigi_ProgramPeranti5GUntukSemua_Promotion_sliderbanner_Desktop2000x600.jpg");
}
.x-main-banner.for-promotions.for-iphone-15 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65499e39fcf5f06921a9ad06_Digi_PhoneFreedom365_iPhone15_Web_PromoSlideBanner_2000x600.jpg");
}
.x-main-banner.for-promotions.for-google-contest {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/654c418df9cebe95d6ac4dea_CelcomDigi_GoogleSpend%26Win_Desktop.jpg");
}
.x-main-banner.for-promotions.for-cny-deals {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65ad20a474ea876a30978f1d_Digi_CNY_Deals_Promotion_Slider%20Banner_Desktop_EN.webp");
}
.x-main-banner.for-s23 {
background-image: linear-gradient(rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, .58)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63f733ede6f7996b8a2747a2_Digi_SamsungGalaxyS23_SubpageMainBanner_Tablet.jpg");
background-position: 0 0, 50% 20%;
}
.x-main-banner.for-fold-flip-5 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6542ebe2ecc283996ae866f6_Digi_Galaxy_Fold-Flip5_SubPageMainBanner_Tablet_PF365_991%20x%20500.jpg");
background-position: 50%;
}
.x-main-banner.for-iphone {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/650c3c1a88a961c5c373e900_SQ1230803_Web_SubpgMainBannerMobileLandscape_990x500.png");
background-position: 50%;
}
.x-banner-heading.main-banner {
top: 164px;
}
.x-banner-heading.for-refresh {
top: 245px;
}
.x-banner-heading.for-postpaid.for-ekyc {
top: 184px;
}
.x-banner-heading.for-postpaid.for-idd, .x-banner-heading.for-postpaid.for-promotions {
font-size: 1.2em;
top: 260px;
}
.x-banner-heading.for-postpaid.for-pf365 {
font-size: 1.2em;
top: 110px;
}
.x-banner-heading.for-postpaid.for-pf365-bm {
font-size: 1.2em;
top: 125px;
}
.x-banner-heading.for-postpaid.for-ppj-bm {
font-size: 1.2em;
top: 260px;
}
.x-banner-heading.for-postpaid.for-iphone {
font-size: 1.2em;
top: 248px;
}
.x-banner-heading.for-postpaid.for-android, .x-banner-heading.for-postpaid.for-ppj-en, .x-banner-heading.for-postpaid.for-ppj-bm, .x-banner-heading.for-postpaid.for-gf-plus, .x-banner-heading.for-postpaid.for-promotions, .x-banner-heading.for-postpaid.for-tradein, .x-banner-heading.for-postpaid.for-esim, .x-banner-heading.for-postpaid.for-airsim, .x-banner-heading.for-postpaid.for-s23, .x-banner-heading.for-postpaid.for-fold5-flip5 {
font-size: 1.2em;
top: 260px;
}
.x-banner-heading.for-postpaid.for-fold5-flip5.for-black {
top: -15px;
}
.x-banner-heading.for-postpaid.for-fold5-flip5-copy {
font-size: 1.2em;
top: 260px;
}
.x-banner-heading.for-postpaid.for-fold5-flip5-copy.for-black {
top: -15px;
}
.x-banner-heading.for-prepaid {
top: 245px;
}
.x-banner-heading.for-switch-to-digi {
top: 232px;
}
.x-banner-heading.for-fibre {
line-height: 1.2em;
}
.x-banner-heading.for-business-solutions {
margin-left: 10px;
margin-right: 10px;
top: 236px;
}
.x-banner-heading.for-mydigi {
margin-left: 10px;
margin-right: 10px;
top: 252px;
}
.x-banner-heading.for-digital-solutions-copy {
margin-left: 10px;
margin-right: 10px;
top: 340px;
}
.x-banner-heading.for-digital-subs {
top: 269px;
}
.x-banner-heading.for-gadget {
font-size: 1.1em;
line-height: 1.2em;
}
.x-banner-heading.for-nsc {
font-size: 1em;
top: 262px;
}
.x-banner-heading.for-digi-5g {
font-weight: 600;
line-height: 1.2em;
top: 252px;
}
.x-banner-heading.for-digi-5g.consumer {
font-size: 1.4em;
top: 287px;
}
.x-banner-heading.for-mobile-broadband, .x-banner-heading.for-mobile-broadband-bm {
line-height: 1.2em;
}
.x-banner-heading.for-prepaid {
padding-left: 40px;
padding-right: 40px;
}
.x-banner-heading.for-autobilling {
padding-left: 20px;
padding-right: 20px;
}
.x-banner-heading.for-digital-subs-copy {
top: 255px;
}
.x-banner-heading.for-roaming {
top: 250px;
}
.x-banner-heading.for-pay-via-digi {
top: 230px;
}
.x-banner-heading.for-pay-via-digi.for-ekyc {
top: 184px;
}
.x-banner-heading.for-pay-via-digi.for-idd, .x-banner-heading.for-pay-via-digi.for-promotions {
font-size: 1.2em;
top: 260px;
}
.x-banner-heading.for-pay-via-digi.for-pf365 {
font-size: 1.2em;
top: 110px;
}
.x-banner-heading.for-pay-via-digi.for-pf365-bm {
font-size: 1.2em;
top: 125px;
}
.x-banner-heading.for-pay-via-digi.for-ppj-bm {
font-size: 1.2em;
top: 260px;
}
.x-banner-heading.for-pay-via-digi.for-iphone {
font-size: 1.2em;
top: 248px;
}
.x-banner-heading.for-pay-via-digi.for-android, .x-banner-heading.for-pay-via-digi.for-ppj-en, .x-banner-heading.for-pay-via-digi.for-ppj-bm, .x-banner-heading.for-pay-via-digi.for-gf-plus, .x-banner-heading.for-pay-via-digi.for-promotions, .x-banner-heading.for-pay-via-digi.for-tradein, .x-banner-heading.for-pay-via-digi.for-esim, .x-banner-heading.for-pay-via-digi.for-airsim, .x-banner-heading.for-pay-via-digi.for-s23, .x-banner-heading.for-pay-via-digi.for-fold5-flip5 {
font-size: 1.2em;
top: 260px;
}
.x-banner-heading.for-pay-via-digi.for-fold5-flip5.for-black {
top: -15px;
}
.x-banner-heading.for-pay-via-digi.for-fold5-flip5-copy {
font-size: 1.2em;
top: 260px;
}
.x-banner-heading.for-pay-via-digi.for-fold5-flip5-copy.for-black {
top: -15px;
}
.x-banner-title {
margin-left: 5px;
margin-right: 5px;
}
.x-banner-title.for-refresh {
top: 270px;
}
.x-banner-title.for-postpaid.for-ekyc {
font-size: 40px;
top: 218px;
}
.x-banner-title.for-prepaid {
font-size: 45px;
line-height: 60px;
top: 270px;
}
.x-banner-title.for-switch-to-digi {
font-size: 38px;
line-height: 40px;
top: 287px;
}
.x-banner-title.for-signature {
top: 294px;
}
.x-banner-title.for-ekyc {
font-size: 45px;
line-height: 60px;
top: 270px;
}
.x-banner-title.for-switch-to-digi-bm {
font-size: 35px;
line-height: 40px;
top: 255px;
}
.x-banner-title.for-fibre {
font-size: 40px;
line-height: 55px;
}
.x-banner-title.for-fibre.for-font-size {
font-size: 40px;
line-height: 40px;
}
.x-banner-title.for-fibre.for-font-size.bm {
font-size: 35px;
}
.x-banner-title.for-idd {
font-size: 35px;
top: 292px;
}
.x-banner-title.for-business-solutions {
line-height: 48px;
top: 260px;
}
.x-banner-title.for-digital-solutions {
top: 270px;
}
.x-banner-title.for-digital-solutions.for-ultrapos {
top: 306px;
}
.x-banner-title.for-digital-solutions.for-althr, .x-banner-title.for-digital-solutions.for-ifleet {
top: 228px;
}
.x-banner-title.for-digital-solutions.for-dsms {
top: 234px;
}
.x-banner-title.for-digital-solutions.for-krypto {
top: 231px;
}
.x-banner-title.for-mydigi {
top: 280px;
}
.x-banner-title.for-digital-subs {
font-size: 35px;
line-height: 40px;
top: 287px;
}
.x-banner-title.for-promotions {
font-size: 35px;
top: 292px;
}
.x-banner-title.for-gadget {
font-size: 30px;
}
.x-banner-title.for-pf365 {
font-size: 35px;
top: 125px;
}
.x-banner-title.for-iphone {
font-size: 35px;
line-height: 40px;
top: 270px;
}
.x-banner-title.for-android, .x-banner-title.for-ppj-en, .x-banner-title.for-ppj-bm, .x-banner-title.for-gf-plus, .x-banner-title.for-promotions {
font-size: 35px;
top: 292px;
}
.x-banner-title.for-roaming {
font-size: 35px;
line-height: 37px;
top: 275px;
}
.x-banner-title.for-tradein, .x-banner-title.for-esim, .x-banner-title.for-airsim {
font-size: 35px;
top: 292px;
}
.x-banner-title.for-digi-5g {
font-size: 38px;
top: 278px;
}
.x-banner-title.for-digi-5g.consumer {
font-size: 27px;
line-height: 35px;
top: 308px;
}
.x-banner-title.for-autobilling {
font-size: 28px;
}
.x-banner-title.for-s23, .x-banner-title.for-fold-5-flip-5 {
font-size: 35px;
top: 292px;
}
.x-banner-title.for-fold-5-flip-5.for-black {
top: 15px;
}
.x-banner-title.for-digital-subs-copy {
margin-top: 0;
font-size: 35px;
line-height: 40px;
top: 275px;
}
.x-banner-title.for-pay-via-digi {
font-size: 35px;
top: 292px;
}
.x-banner-title.for-pay-via-digi.for-black {
top: 15px;
}
.x-banner-title.for-pay-via-digi {
margin-bottom: 30px;
top: 270px;
}
.x-banner-title.for-pay-via-digi.for-ekyc {
font-size: 40px;
top: 218px;
}
.x-banner-title.for-pay-via-digi-copy {
font-size: 35px;
top: 292px;
}
.x-banner-title.for-pay-via-digi-copy.for-black {
top: 15px;
}
.x-slider-dots {
width: 100px;
padding-top: 8px;
bottom: -21%;
}
.x-slider-dots.for-hide.for-postpaid {
top: -16px;
}
.x-ads-subheader {
line-height: 20px;
}
.x-title-heading, .x-title-heading.x-height-adjustment {
line-height: 30px;
}
.x-title-heading.for-center {
line-height: 35px;
}
.x-di-description {
padding-left: 1px;
padding-right: 1px;
}
.x-left-slider-arrow {
top: -42%;
left: 6%;
}
.x-right-slider-arrow {
top: -42%;
left: 493px;
}
.x-digizen-slide-wrapper {
width: 100%;
height: 100%;
}
.x-digizen-slide-wrapper.for-network {
width: 100%;
height: 300px;
}
.x-slider-arrow-left {
margin-bottom: 169px;
}
.x-slider-arrow-left.for-network {
margin-top: auto;
margin-bottom: auto;
left: -20px;
}
.x-slider-arrow-right {
margin-bottom: 169px;
right: -18px;
}
.x-slider-arrow-right.for-network {
margin-top: auto;
margin-bottom: auto;
right: -18px;
}
.x-di-wrapper.for-margin {
margin-top: 20px;
}
.o--flex {
flex-wrap: wrap;
}
.o--blog-sharer-url {
width: auto;
margin-top: 0;
}
.o--blog-presharer {
flex-direction: row;
}
.x-idd-rates-grid {
grid-template-columns: 1fr;
}
.x-iddpass-slider-wrapper.right-padding {
width: 51.5%;
}
.x-arrow-left-wrapper {
left: -10px;
}
.x-arrow-left-wrapper.for-hide, .x-arrow-left-wrapper.for-hide.for-tablet, .x-arrow-left-wrapper.for-hide.for-tablet {
left: -4%;
}
.x-arrow-left-wrapper.for-postpaid {
top: 0%;
}
.x-arrow-right-wrapper {
right: -16px;
}
.x-arrow-right-wrapper.for-hide, .x-arrow-right-wrapper.for-hide.for-tablet {
right: -4%;
}
.x-arrow-right-wrapper.for-postpaid {
top: 0%;
}
.x-idd-add-on-grid {
grid-template-columns: 1fr;
justify-items: center;
}
.x-guide-card-grid.for-idd {
grid-template-columns: 1fr 1fr 1fr;
}
.x-guide-card-grid.for-2.for-add-grid-space {
grid-template-columns: 1fr 1fr;
}
.x-guide-card-grid.for-add-space {
grid-template-columns: 1fr;
}
.x-guide-card-grid.for-add-space.for-trade-in-steps {
display: block;
}
.x-guide-card-grid.for-add-space, .x-guide-card-grid.for-add-space.for-4 {
grid-template-columns: 1fr 1fr;
}
.x-guide-card-grid.for-add-space {
grid-template-columns: 1fr;
}
.x-guide-card-wrapper {
flex-direction: column;
justify-content: space-around;
}
.x-guide-card-img {
width: 100%;
}
.x-guide-card-img.for-idd {
width: 70%;
}
.x-mini-notice {
padding-left: 10px;
padding-right: 10px;
}
.x-mini-notice.for-larger.for-infinite-2.for-ml {
margin-top: 0;
}
.x-mini-notice.for-5g.for-mobile {
display: block;
}
.x-mini-notice.for-larger.remove-padding {
line-height: 18px;
}
.x-mini-notice.for-5g.for-mobile {
display: block;
}
.x-table-slide-container {
width: 47.5%;
}
.x-table-slide-container.x-table-adjust-height.for-belia {
width: 70%;
}
.tab-link-tab-1, .tab-link-tab-1.w--current {
width: 220px;
}
.x-plan-header-quota.for-smaller {
font-size: 46px;
}
.x-plan-header-quota.for-smaller-next40 {
font-size: 40px;
}
.x-plan-header-label.x-ph-label-2.x-adjust-phl {
margin-bottom: -29px;
}
.x-plan-bottom {
justify-content: flex-end;
}
.x-plan-see-details-wrapper.x-see-details {
padding-top: 10px;
}
.x-plan-header-div.x-add-margin {
padding-top: 30px;
}
.x-plan-back-benefit-wrapper {
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
}
.x-add-on-row-icon.for-hide {
display: none;
}
.x-add-on-card {
justify-content: flex-start;
}
.x-auto-renewal.x-adjust-margin.for-belia {
margin-top: 50px;
}
.x-dropdown-heading {
line-height: 22px;
}
.x-dropdown-content {
margin-right: 0;
}
.x-dropdown-paragraph {
overflow: visible;
}
.x-table-plan-slider.x-sig-content {
max-width: 90%;
}
.x-table-plan-container {
width: 47.5%;
}
.x-table-plan-container.x-familiku-specials {
height: 660px;
left: 1px;
}
.x-table-plan-container.x-familiku-specials.for-postpaid, .x-table-plan-container.x-familiku-specials.for-postpaid.bm {
height: 530px;
}
.x-table-plan-container.x-familiku-specials.for-postpaid.eng {
height: 550px;
}
.x-table-plan-container.x-familiku-specials.for-postpaid.bm {
height: 530px;
}
.x-table-card-front.x-front.for-min-width {
margin-right: 0;
}
.x-table-card-front.x-front.for-sig-offer {
max-width: none;
}
.x-table-card-front.x-front.x-familiku-specials {
height: 450px;
height: 470px;
}
.x-fam-bundle-wrapper {
display: none;
}
.x-family-subtitle {
line-height: 20px;
}
.x-prepaid-social-icon {
height: 20px;
}
.x-fbm-top-grid {
grid-row-gap: 25px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
align-items: center;
margin-top: 25px;
margin-bottom: 25px;
padding-left: 25px;
padding-right: 25px;
}
.x-fbm-top-grid.mobile {
padding-bottom: 20px;
}
.x-fbm-title-top {
margin-bottom: 10px;
font-weight: 700;
}
.x-fbm-wrapper-2 {
background-color: rgba(255, 230, 0, .15);
border-radius: 30px;
margin-top: 20px;
padding: 0;
}
.x-fbm-wrapper-2.for-hide {
display: block;
}
.x-fbm-price-bold {
font-size: 18px;
font-weight: 700;
}
.x-fbm-desc-2 {
font-size: 14px;
font-style: italic;
font-weight: 400;
}
.x-family-bundle-card-img {
padding-left: 20px;
padding-right: 20px;
}
.x-icon-wrapper {
margin-bottom: 10px;
}
.x-icon-wrapper.for-hide {
display: flex;
}
.x-endnote-samsung-s22 {
width: 100%;
}
.x-fbm-st {
text-decoration: line-through;
}
.x-fbm-np {
text-align: right;
}
.x-fbm-wrapper-3 {
background-color: #f5f5f5;
border-radius: 30px;
margin-top: 0;
padding: .5px 0;
}
.x-fbm-wrapper-3.for-hide {
margin-top: 20px;
display: block;
}
.x-fbm-row-3 {
font-family: Barlow, sans-serif;
}
.x-family-subtitle-2 {
line-height: 20px;
}
.x-fbm-price-ctn-2 {
text-align: center;
background-color: #ffe600;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
padding-top: 15px;
padding-bottom: 10px;
padding-left: 0;
font-family: Barlow, sans-serif;
font-size: 18px;
font-weight: 700;
}
.x-fbm-total-amt-2 {
color: #fff;
background-color: #039be5;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
justify-content: space-between;
padding: 17px 25px;
font-family: Barlow, sans-serif;
display: flex;
}
.x-fbm-price-2 {
color: var(--link-blue);
text-align: right;
font-size: 18px;
font-weight: 700;
}
.x-fbm-price-line-2 {
justify-content: space-between;
align-items: center;
margin-top: 0;
font-family: Barlow, sans-serif;
display: flex;
}
.x-total-amount-2 {
bottom: auto;
}
.x-fbm-desc-3 {
margin-top: 15px;
font-size: 18px;
font-weight: 700;
line-height: 20px;
}
.x-language-picker-prepaid {
top: 80px;
bottom: auto;
left: auto;
right: 10px;
}
.x-signature-subtitle {
padding-left: 0;
padding-right: 0;
font-size: 18px;
line-height: 24px;
}
.x-language-picker-ppj {
top: -9px;
bottom: auto;
left: auto;
right: 10px;
}
.x-language-picker-postpaid {
top: 119px;
bottom: auto;
left: auto;
right: 10px;
}
.x-sig-table-ctn {
flex-direction: column;
align-items: center;
}
.x-sig-offers-ctn {
width: 77%;
height: auto;
max-width: 302px;
}
.x-sig-tab-link.w--current, .x-sig-tab-link.for-left, .x-sig-tab-link.for-right {
width: 40%;
}
.x-sig-title {
max-width: 80%;
}
.x-sig-tab-thumbnail {
display: none;
}
.x-sig-tab-menu {
margin-bottom: 32px;
}
.x-ekyc-video {
width: auto;
}
.tabs-content-2 {
margin-top: 40px;
}
.x-signature-card-block, .x-signature-card-block.for-3 {
grid-template-columns: 1fr 1fr 1fr;
}
.x-signature-card-block.for-2.x-adjust-space {
margin-left: 0;
margin-right: 0;
}
.x-signature-title {
padding-left: 0;
padding-right: 0;
}
.x-limit.for-banner {
padding: 24px;
}
.x-ads-headline, .x-ads-header {
line-height: 30px;
}
.x-language-picker-postpaid-fam, .x-language-picker-addons {
top: 118px;
bottom: auto;
left: auto;
right: 10px;
}
.x-signature-card-block-number {
grid-template-columns: 1fr 1fr;
padding-left: 0;
padding-right: 0;
}
.x-ekyc-headline {
line-height: 30px;
}
.x-ekyc-sub-header {
line-height: 20px;
}
.x-ekyc-steps, .x-ads-steps {
grid-template-columns: 1fr 1fr;
}
.tab-ads-get-addons.left-button.for-bottom {
margin-left: 15px;
}
.x-home-digi-slider-mask {
width: 85%;
}
.x-home-digi-slider {
height: 100%;
}
.x-home-dg-left-arrow.for-hide-mobile {
left: 6%;
}
.x-home-dg-img-ctn-2, .x-home-dg-img-ctn {
margin-left: 15px;
margin-right: 15px;
}
.x-home-dg-desktop-img.for-hide-desktop {
display: none;
}
.x-home-dg-right-arrow.for-hide-mobile {
right: 6%;
}
.x-home-dg-tablet-img {
width: 100%;
}
.x-home-dg-tablet-img.for-hide-tablet {
border-radius: 10px;
display: block;
}
.x-home-dg-tablet-img.for-hide-tablet.for-round-edges {
border-radius: 10px;
}
.x-home-dg-mobile-img.for-hide-mobile {
display: none;
}
.x-ekyc-form-header {
width: 100%;
margin-top: 50px;
margin-bottom: 10px;
}
.x-table-card-back-2.x-back.x-familiku-special {
height: 450px;
height: 470px;
}
.x-plan-header-label-2.x-ph-label-2.x-adjust-phl {
margin-bottom: -21px;
}
.x-plan-header-label-2.x-ph-label-2.x-adjust-phl.for-yellow {
margin-left: 11px;
margin-right: 11px;
padding-left: 27px;
padding-right: 27px;
}
.x-plan-bottom-2 {
justify-content: flex-end;
}
.x-jis-masthead-ctn {
width: 90px;
}
.x-plan-table-row-3 {
padding-right: 16px;
}
.x-plan-table-row-3.for-center.for-raja-kombo {
height: 60px;
}
.x-plan-table-row-3.for-center.for-horizontal.for-vertical {
flex-direction: column;
}
.x-plan-table-row-3.for-raja-kombo {
height: 60px;
height: 80px;
}
.x-plan-table-row-3.for-pakej-remaja {
height: 60px;
height: 60px;
}
.x-idd-slider {
width: 47.5%;
}
.x-tab-menu-3.centre.buttons-style.for-network {
flex-wrap: wrap;
align-content: space-between;
justify-content: center;
margin-bottom: 0;
}
.x-tab-menu-3.centre.buttons-style.for-mobile.for-flex {
grid-row-gap: 10px;
flex-wrap: wrap;
}
.x-tab-menu-3.centre.buttons-style.for-mobile {
width: 100%;
grid-column-gap: 8px;
grid-row-gap: 8px;
width: 108%;
grid-column-gap: 4px;
grid-row-gap: 5px;
flex-wrap: nowrap;
grid-template-rows: auto;
grid-template-columns: minmax(50px, 1fr) 1fr 1fr minmax(140px, 1fr) 1fr minmax(183px, 1fr) 1fr;
grid-auto-columns: 1fr;
align-content: stretch;
padding-top: 15px;
padding-bottom: 15px;
display: grid;
}
.x-tab-menu-3.centre.buttons-style.for-mobile.for-padding {
width: 104%;
padding-right: 40px;
}
.tab-postpaid150-2.left-button {
margin-left: 10px;
}
.x-idd-eligible-countries-2.x-add-margin-2 {
margin-top: 0;
padding-left: 17px;
padding-right: 17px;
font-size: 13px;
line-height: 16px;
}
.x-guide-card-wrapper-2 {
flex-direction: column;
justify-content: space-around;
}
.x-help-card-block {
grid-template-columns: 1fr 1fr;
}
.x-help-card {
padding-bottom: 0;
}
.x-help-card-header {
width: 100%;
font-size: 18px;
line-height: 22px;
}
.x-help-title {
line-height: 30px;
}
.x-help-subheader {
line-height: 20px;
}
.x-help-card-block-top {
grid-template-columns: 1fr 1fr;
}
.x-self-help-header {
width: 100%;
font-size: 18px;
line-height: 22px;
}
.x-language-picker-ekyc {
top: 76px;
bottom: auto;
left: auto;
right: 10px;
}
.x-ekyc-input-row {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.x-ekyc-column {
align-self: stretch;
}
.x-lang-picker-rdy {
top: 144px;
bottom: auto;
left: auto;
right: 455px;
}
.x-dsp-header {
width: 100%;
margin-top: 50px;
margin-bottom: 10px;
}
.x-language-picker-ppn {
top: 12px;
bottom: auto;
left: auto;
right: 10px;
}
.x-lang-picker-fibre {
top: 119px;
bottom: auto;
left: auto;
right: 10px;
}
.x-dsp-teachers-subheader {
line-height: 20px;
}
.x-dsp-teachers-column {
align-self: stretch;
}
.x-dsp-teachers-input-row {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.x-idd-subheader {
line-height: 20px;
}
.x-idd-title {
margin-bottom: 10px;
line-height: 30px;
}
.x-exclusive-card-block, .x-exclusive-card-block.for-margin-padding.for-5 {
grid-template-columns: 1fr 1fr 1fr;
}
.x-exclusive-card-block.for-4, .x-exclusive-card-block.for-4-2 {
display: block;
}
.x-exclusive-card-wrapper.for-margin {
margin-top: 20px;
}
.x-exclusive-icon {
width: 100px;
height: 100px;
}
.x-exclusive-title {
line-height: 30px;
}
.x-exclusive-title.for-center {
line-height: 35px;
}
.x-exclusive-gallery-img {
height: auto;
}
.x-exclusive-table-block {
width: 100%;
height: auto;
}
.x-exclusive-text.for-title {
align-self: center;
}
.x-exclusive-text-block {
height: 100%;
}
.x-exclusive-slide-wrapper {
width: 99%;
height: 100%;
}
.x-exclusive-slider-arrow-left {
margin-bottom: auto;
}
.x-exclusive-slider-arrow-right {
margin-bottom: auto;
right: -17px;
}
.x-exclusive-table-text, .x-exclusive-table-text.for-bold, .x-exclusive-table-text.for-bold {
font-size: 14px;
}
.x-video-center-block.for-more-margin {
margin-left: 0;
margin-right: 0;
}
.x-button-card-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.x-button-card-list.x-grid-4 {
grid-template-columns: 1fr 1fr;
}
.x-mini-plan-link-2.for-full.x-no-hover.adjust-padding {
padding-top: 16px;
}
.tab-link-tab-1-2, .tab-link-tab-1-2.w--current {
width: 220px;
}
.x-get-help-ctn.for-hide-dp {
bottom: 23px;
left: 80%;
}
.x-btl-subheader {
font-size: 20px;
line-height: 28px;
}
.x-countdown-txt {
text-align: center;
font-size: 18px;
}
.x-countdown-txt-ctn {
grid-template-rows: auto;
grid-template-columns: 64px 1fr;
grid-auto-columns: 1fr;
margin-bottom: 5px;
}
.x-slider-dots-3 {
width: 90px;
padding-top: 8px;
bottom: -21%;
}
.x-slider-dots-3.for-acco {
width: 100px;
}
.x-arrow-left-wrapper-3 {
left: -33px;
}
.x-arrow-left-wrapper-3.for-hide {
left: -11%;
}
.x-arrow-left-wrapper-3.for-hide.for-tablet {
left: -4%;
}
.x-arrow-right-wrapper-3 {
right: -34px;
}
.x-arrow-right-wrapper-3.for-hide {
right: -11%;
}
.x-arrow-right-wrapper-3.for-hide.for-tablet {
right: -4%;
}
.x-belia-promo-icon.for-prepaid-all {
z-index: 30;
width: 90px;
top: auto;
bottom: -20%;
left: auto;
right: -20%;
}
.x-banner-title-2 {
margin-left: 5px;
margin-right: 5px;
}
.x-banner-title-2.for-loyalty-bonus {
font-size: 36px;
line-height: 60px;
top: 270px;
}
.x-banner-title-2.for-appstore {
font-size: 38px;
top: 280px;
}
.x-banner-title-2.for-googleplay {
font-size: 32px;
top: 280px;
}
.x-banner-heading-2.for-pkrm {
font-size: 1.4em;
font-weight: 600;
top: 245px;
}
.x-banner-heading-2.for-oku {
font-size: 1.3em;
top: 232px;
}
.x-banner-heading-2.for-senior-citizen {
font-size: 1.2em;
top: 261px;
}
.x-banner-heading-2.for-appstore, .x-banner-heading-2.for-googleplay {
margin-left: 40px;
margin-right: 40px;
font-size: 1.2em;
top: 252px;
}
.x-add-on-card-2 {
justify-content: flex-start;
}
.x-family-bundle-card-img-2 {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.x-hero-3 {
background-color: #f5f5f5;
}
.x-hero-heading-2 {
margin-bottom: 12px;
font-size: 2.3em;
line-height: 1em;
}
.x-hero-grid-banner-3 {
height: 240px;
border-radius: 12px;
grid-template-columns: 1.2fr 1fr;
padding-right: 0;
}
.x-lang-picker-belia {
top: 118px;
bottom: auto;
left: auto;
right: 10px;
}
.x-ekyc-slide {
width: 48.5%;
}
.x-ekyc-slider {
width: auto;
margin-bottom: 40px;
}
.x-arrow-left-wrapper-ekyc {
left: -18px;
}
.x-arrow-right-wrapper-ekyc {
right: -16px;
}
.x-ekyc-slide-nav {
display: block;
top: 295.438px;
}
.x-language-picker-exclusive {
top: 70px;
bottom: auto;
left: auto;
right: 10px;
}
.x-subnav-menu-link-2 {
padding-left: 12px;
padding-right: 12px;
font-size: 12px;
}
.x-long-banner-2 {
border-radius: 8px;
}
.x-long-banner-image-2 {
display: none;
}
.x-free-device-small-txt {
font-size: 1.6em;
}
.x-free-device-cta-mobile {
margin-top: 10px;
}
.x-free-device-logo {
width: 89px;
padding-bottom: 0;
top: 8px;
}
.x-free-device-logo.for-bigger {
width: 130px;
}
.x-free-device-img-ctn {
margin-top: -98px;
}
.x-free-device-cta {
margin-top: 10px;
}
.x-free-device-cta.banner-data-layer {
font-size: 14px;
}
.x-section-free-device {
height: 230px;
}
.x-section-free-device.adjust-bottom-margin.for-shorter-height {
height: 270px;
}
.x-section-free-device.adjust-bottom-margin.for-longer {
height: 300px;
height: 300px;
}
.x-section-free-device.for-fibre, .x-section-free-device.for-j5gbersama, .x-section-free-device.for-gadget-sim-cd {
height: 235px;
}
.x-free-device-txt-ctn {
margin-left: 0;
margin-right: 20px;
top: -22px;
}
.x-free-device-txt-ctn.for-gadget-sim {
top: 5px;
}
.x-free-device-txt-ctn.for-fibre {
width: 460px;
margin-right: 20px;
top: -34px;
}
.x-free-device-txt-ctn.for-fibre.for-bm {
width: 460px;
}
.x-free-device-txt-ctn.for-j5gbersama {
margin-left: 0;
margin-right: 0;
top: -10px;
left: 20px;
}
.x-free-device-title {
font-size: 5.2em;
}
.x-tab-ekyc.right-button.for-sim {
margin-top: 42px;
}
.x-tab-ekyc.right-button.for-sim.w--current {
margin-top: 15px;
}
.x-video-item-2 {
width: 320px;
}
.x-video-item-2.for-ekyc {
width: auto;
width: auto;
}
.x-mydigi-card-block {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.x-mydigi-icon {
width: 60px;
height: 60px;
}
.x-mydigi-icon-title {
font-size: 16px;
}
.x-mydigi-header {
width: 100%;
margin-top: 0;
margin-bottom: 10px;
}
.x-mydigi-subheader {
font-size: 16px;
line-height: 20px;
}
.x-digi-snapshot-logo {
width: 500px;
top: 23%;
}
.x-snapshot-cms-list {
grid-column-gap: 10px;
}
.background-shade.for-quote {
height: 70%;
}
.team-item {
width: 33.33%;
height: 88%;
min-width: 55vw;
}
.team-item.for-sfc {
height: 84%;
}
.x-input-select-2.x-input-select-adjust {
padding-top: 0;
padding-bottom: 0;
}
.x-idd-slider-prepaid {
width: 47.5%;
}
.x-countdown-wrapper-2 {
padding-top: 8px;
padding-bottom: 8px;
}
.x-ds-grid {
width: 100%;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
}
.x-ds-grid.owl-carousel {
grid-template-columns: 1fr 1fr;
}
.shadow-hover {
display: block;
}
.xpl-content-child {
padding-top: .125em;
}
.background-cover-2 {
width: 100%;
}
.x-snapshot-highlight-ctn {
width: auto;
}
.team-item-2 {
width: 33.33%;
min-width: 55vw;
}
.x-free-device-small-txt-copy {
font-size: 1.6em;
}
.x-free-device-txt-ctn-copy {
margin-left: 0;
margin-right: 20px;
top: -4px;
}
.x-free-device-devices-copy-copy {
width: 230px;
top: 79px;
}
.x-free-device-small-txt-copy-copy {
font-size: 1.6em;
}
.x-free-device-logo-copy {
width: 130px;
padding-bottom: 0;
top: 27px;
}
.x-free-device-img-ctn-copy {
margin-top: -98px;
}
.text-block-64 {
text-align: center;
background-color: #fff;
border-radius: 30px;
padding: 5px 10px;
line-height: 20px;
box-shadow: 3px 3px 6px rgba(0, 0, 0, .1);
}
.x-section-free-device-copy {
height: 230px;
margin-bottom: 10px;
}
.x-free-device-title-copy {
font-size: 5.2em;
}
.div-block-47 {
box-shadow: none;
background-color: rgba(0, 0, 0, 0);
margin-top: 0;
padding: 0 22px;
}
.x-language-picker-snapshot {
top: 74px;
bottom: auto;
left: auto;
right: 10px;
}
.x-fbm-np-2 {
text-align: right;
display: none;
}
.text-block-39 {
font-size: 12px;
font-style: italic;
line-height: 20px;
}
.x-fbm-price-3 {
width: 100px;
color: var(--link-blue);
text-align: right;
font-size: 18px;
font-weight: 700;
}
.x-fbm-price-3.fibre-black {
color: var(--black);
}
.x-feat-grid {
grid-template-columns: 1fr 1fr;
}
.x-feat-wrapper {
padding-top: 0;
}
.x-fibre-table-block {
width: 100%;
height: auto;
}
.x-fibre-table-text {
font-size: 14px;
}
.x-fibre-main-price {
font-size: 16px;
}
.x-promo-dg-logo {
height: 40px;
}
.x-sfc-logo {
height: 40px;
margin-left: 10px;
}
.x-sfc-master {
top: 62px;
}
.x-sfc-countdown-ctn {
padding-top: 5px;
padding-bottom: 5px;
}
.x-sfc-intro-ctn {
flex-direction: column;
align-items: center;
}
.x-sfc-intro-title-txt {
text-align: center;
}
.x-sfc-ctdwn-title-txt {
margin-bottom: 5px;
}
.x-sfc-intro-para-ctn {
margin-top: 10px;
margin-left: 0;
padding-left: 7px;
padding-right: 7px;
}
.x-sfc-intro-vid-ctn {
margin-bottom: 40px;
}
.x-sfc-redgiant-logo {
width: 500px;
}
.x-sfc-masthead-sb {
width: 450px;
}
.x-sfc-bg-block {
width: 520px;
height: 150px;
}
.x-sfc-heading.for-white {
font-size: 31px;
}
.x-sfc-heading.for-white.for-centre {
line-height: 40px;
}
.x-sfc-scor-ctn {
margin-bottom: 56px;
}
.x-gadget-title {
font-size: 32px;
line-height: 48px;
}
.x-astro-subheader {
line-height: 20px;
}
.x-gadget-sim-image {
width: 130px;
top: 86px;
}
.x-gadget-sim-image.for-gs {
width: 150px;
top: 58px;
left: 10px;
}
.x-sfc-link-txt-2.add-margin {
margin-right: 10px;
}
.x-sfc-link-txt-2.add-margin.for-hide-on-mobile, .x-sfc-link-txt-2.for-hide-on-mobile {
display: none;
}
.x-sfc-title-h2-2 {
font-size: 2.3em;
line-height: 40px;
}
.x-sfc-steps-ctn-2 {
flex-direction: column;
display: flex;
}
.x-sfc-iphone-img-copy {
width: auto;
margin-top: 0;
}
.x-sfc-intro-para-txt-2 {
text-align: center;
}
.x-sfc-matches-ctn-2 {
margin-bottom: 172px;
}
.x-sfc-sokong-sms-txt-2 {
font-size: 2.2em;
}
.x-sfc-sokong-sms-ctn-2 {
padding-top: 13px;
padding-bottom: 13px;
}
.x-sfc-sokong-ctn-2 {
margin-bottom: 10px;
}
.x-sfc-sokong-ctn-2.for-lesser-margin {
padding-left: 0;
padding-right: 0;
}
.x-sfc-para-scor-2 {
width: 430px;
}
.x-sfc-footnote, .x-sfc-footnote-2 {
margin-bottom: 30px;
}
.x-plan-table-header-4 {
z-index: 1;
height: 110px;
background-color: #fff;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.x-plan-table-header-4.for-sidebar {
z-index: 1;
background-color: #fff;
margin-top: 0;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.x-plan-table-header-4.for-sidebar.for-longer.for-ppj {
height: 110px;
}
.x-plan-table-header-4.for-longer {
height: 150px;
padding-bottom: 0;
}
.x-plan-table-header-4.for-longer.for-ppj {
height: 110px;
padding-top: 16px;
padding-bottom: 16px;
}
.x-plan-table-content-4 {
flex: 1;
align-self: auto;
position: relative;
overflow: auto;
}
.x-emp-text-2.for-familiku {
margin-right: 57px;
}
.x-emp-text-2.for-non-bold {
padding-top: 0;
font-size: 12px;
}
.x-emp-text-2.for-title {
margin-bottom: 5px;
font-size: 16px;
}
.x-emp-text-2.for-title.for-padding.for-smaller {
font-size: 16px;
}
.x-plan-table-h3-title.for-ppj {
width: 110px;
margin-left: 16px;
}
.x-plan-table-h3-title.for-ppj.for-smaller {
width: 150px;
}
.x-plan-table-sidebar-4 {
width: 245px;
}
.x-plan-table-sidebar-4.for-ppj {
width: 180px;
}
.x-plan-table-col-4 {
min-width: 128px;
flex-direction: column;
justify-content: flex-start;
display: block;
position: static;
}
.x-plan-table-col-4.for-column.for-yellow {
width: 35%;
width: 35%;
margin-right: 0;
padding-right: 1px;
}
.x-focus-span-2.for-absolute.for-red.for-ppj {
font-size: 10px;
line-height: 14px;
}
.x-network-slider {
height: 100%;
}
.x-network-title {
line-height: 30px;
}
.x-gallery-2.for-network, .x-gallery-2.for-network-2 {
height: 100%;
min-height: 0;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
}
.x-network-tab-btn {
margin-bottom: 10px;
}
.x-network-card-block {
grid-template-columns: 1fr 1fr;
}
.x-digital-header {
width: 100%;
margin-top: 0;
margin-bottom: 10px;
}
.x-language-picker-pakejpowerjimat {
top: 73px;
bottom: auto;
left: auto;
right: 10px;
}
.x-language-picker-pf365 {
top: 119px;
bottom: auto;
left: auto;
right: 10px;
}
.x-cat-txt {
font-size: 12px;
}
.x-warnai-header-banner {
position: relative;
}
.x-cc-masthead {
width: 500px;
top: 23%;
}
.x-roaming-passes-grid {
grid-template-columns: 1fr 1fr;
}
.x-input-select-adjust {
padding-top: 0;
padding-bottom: 0;
}
.x-roaming-card-2 {
justify-content: flex-start;
}
.x-sub-headline {
padding-left: 0;
padding-right: 0;
font-size: 18px;
line-height: 24px;
}
.x-traveller-ctn {
flex-direction: column;
margin-bottom: 20px;
}
.x-traveller-usp-ctn {
width: 100%;
}
.x-traveller-img-ctn {
width: 100%;
margin-bottom: 20px;
margin-right: 0;
}
.x-pg-link-txt.add-margin {
margin-right: 10px;
}
.x-pg-link-txt.add-margin.for-hide-on-mobile, .x-pg-link-txt.for-hide-on-mobile {
display: none;
}
.x-pg-logo {
height: 40px;
margin-left: 10px;
}
.x-dg-pg-footer-txt {
margin-right: 0;
}
.x-pg-footer-txt {
text-align: center;
margin-top: 5px;
}
.x-pg-button-copy {
margin-top: 10px;
}
.x-pg-master {
margin-top: 62px;
}
.x-pg-footer-wrapper {
flex-direction: column;
align-items: center;
}
.slide-one.is--1 {
height: 600px;
}
.slide-one.is--1.for-new.new2 {
height: 340px;
height: auto;
}
.card__content.new {
padding-top: 0;
padding-bottom: 0;
}
.x-pg-title.for-gear.black {
font-size: 2.2em;
}
.team-item-3 {
width: 33.33%;
min-width: 55vw;
}
.x-section-for-cc {
height: 230px;
margin-bottom: 10px;
}
.x-cc-prizes-ctn {
padding-top: 10px;
}
.x-cc-main-prize {
width: 390px;
}
.x-warnai-subheader {
line-height: 20px;
}
.x-mydigi-card {
justify-content: flex-start;
}
.x-rdy-banner-mobile {
border-radius: 8px;
display: block;
}
.x-rdy-banner-desktop {
display: none;
}
.r-rdy-cop-grid, .r-rdy-cop-grid-2 {
padding-top: 20px;
}
.x-fibre-ads-subheadline {
line-height: 30px;
}
.x-roaming-usp-img-mob-1 {
width: 300px;
padding-bottom: 15px;
}
.image-45 {
width: 350px;
padding-bottom: 15px;
}
.x-roaming-usp-desktop {
display: none;
}
.image-42 {
width: 200px;
padding-bottom: 15px;
display: none;
}
.x-roaming-usp-mobile {
flex-direction: column;
align-items: center;
display: flex;
}
.image-44 {
width: 320px;
}
.x-promo-link.add-margin {
margin-right: 30px;
}
.x-promo-paragraph-section {
padding-left: 0;
padding-right: 0;
}
.x-cm-paragraph {
padding-left: 50px;
padding-right: 50px;
}
.c-slide_image {
width: 286px;
height: 388px;
margin-left: auto;
margin-right: auto;
display: block;
}
.x-cm-logo {
width: 340px;
}
.x-promo-master {
padding-top: 56px;
}
.x-promo-footer-txt {
flex-direction: column;
align-items: center;
}
.c-slider {
height: 390px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.x-dg-pg-footer-txt-copy {
margin-right: 0;
}
.c-slide {
height: auto;
min-height: 0;
margin-left: auto;
}
.x-iphone-15-mobile {
display: none;
}
.x-iphone-15-tablet {
display: block;
}
.x-iphone-14-header {
line-height: 110%;
}
.x-iphone14-form-header {
width: 100%;
margin-top: 50px;
margin-bottom: 10px;
}
.x-esim-header {
width: 100%;
margin-top: 0;
margin-bottom: 10px;
}
.x-esim-subheader {
font-size: 16px;
line-height: 20px;
}
.x-esim-card {
padding: 16px;
}
.x-esim-parag {
text-align: center;
margin-bottom: 10px;
font-size: 16px;
line-height: 24px;
}
.x-esim-header-2 {
text-align: center;
}
.x-digiflip4all-video {
width: auto;
margin-bottom: 20px;
}
.x-plan-header-label-postpaid.x-ph-label-2.x-adjust-phl {
margin-bottom: -21px;
}
.x-plan-header-label-postpaid.x-ph-label-2.x-adjust-phl.for-yellow {
margin-left: 11px;
margin-right: 11px;
padding-left: 27px;
padding-right: 27px;
}
.x-plan-header-sub-3 {
margin-bottom: 16px;
}
.x-plan-table-text-2.for-ppkm {
margin-left: 20px;
}
.x-plan-table-row-4 {
padding-right: 16px;
}
.x-flip4all-header {
line-height: 35px;
}
.x-flip4all-header-ctn {
margin-top: 20px;
}
.x-flip4all-steps-grid.for-iphone.for-two {
flex-direction: column;
display: flex;
}
.x-storepoint-container {
margin-left: -24px;
margin-right: -24px;
}
.x-pg-device-grid {
grid-template-columns: 1fr 1fr;
}
.x-content-copy-img-digi-smart-uc {
margin-right: 0;
}
.x-perantisiswa-subheading {
font-size: 20px;
}
.x-btn-5.for-colouringmalaysiaku {
padding: 15px 60px;
font-size: 20px;
}
.x-dropdown-content-3 {
margin-right: 0;
}
.x-5g-steps {
grid-template-columns: 1fr 1fr;
}
.x-5g-icon-title {
margin-top: 15px;
font-size: 18px;
line-height: 22px;
}
.x-5g-icon-grid.for-4 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.x-5g-icon {
width: 100px;
}
.process_line {
height: 50%;
top: 0%;
bottom: 0%;
left: 25px;
right: auto;
}
.image-51 {
display: block;
}
.process_image_wrap, .process_image_wrap.hide, .process_image_wrap.hide.for-5g, .process_image_wrap.hide, .process_image_wrap.hide.for-5g {
display: none;
}
.process_card {
flex-direction: row-reverse;
margin-bottom: 35px;
padding-bottom: 20px;
}
.process_card.for-centre {
justify-content: flex-end;
}
.centre_block {
width: 55px;
}
.process_details {
width: 90%;
min-height: auto;
justify-content: flex-start;
padding: 20px;
}
.centre_icon_wrap {
margin-left: 0;
padding: 0;
}
.x-ads-subheader-5g {
line-height: 20px;
}
.x-plan-logo-link-2.for-blurb {
top: 65%;
left: auto;
}
.x-plan-logo-link-2.for-5g-enabled-blurb {
top: 50%;
left: auto;
}
.x-plan-table-block-3 {
height: auto;
}
.x-plan-table-header-5 {
z-index: 1;
background-color: #fff;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.x-plan-table-header-5.for-sidebar {
z-index: 1;
background-color: #fff;
position: -webkit-sticky;
position: sticky;
top: 130px;
}
.x-plan-table-header-5.for-sidebar.for-higher {
position: static;
}
.x-plan-table-header-5.for-loyalty.for-yellow.add-height, .x-plan-table-header-5.for-loyalty.for-yellow.for-radius.add-height {
width: 100%;
}
.x-plan-table-sidebar-5 {
width: 228px;
}
.x-plan-table-content-5 {
flex: 1;
align-self: auto;
position: relative;
overflow: auto;
}
.x-plan-table-col-5 {
min-width: 128px;
flex-direction: column;
justify-content: flex-start;
display: block;
position: static;
}
.x-plan-table-col-5.for-one-col.for-raja-kombo.for-yellow.for-border {
width: 60%;
min-width: 125px;
}
.x-plan-table-col-5.for-one-col.for-pakej-perpaduan.for-yellow.for-border {
width: 41.5%;
min-width: 125px;
}
.x-sfc-intro-title-txt-2, .x-sfc-intro-para-txt-3 {
text-align: center;
}
.x-sfc-steps-ctn-3 {
flex-direction: column;
display: flex;
}
.x-digi-logo {
height: 40px;
}
.x-detective-maniam-link-txt.add-margin {
margin-right: 10px;
}
.x-detective-maniam-link-txt.add-margin.for-playlist {
margin-right: 0;
}
.x-detective-maniam-link-txt.for-mobile {
display: none;
}
.x-detective-maniam-showreel-wrapper {
width: 90%;
}
.x-dm-episode-title {
font-size: 18px;
line-height: 24px;
}
.x-dm-cast-character-section.home-hero-section {
background-image: linear-gradient(rgba(0, 0, 0, .29), rgba(0, 0, 0, .29)), linear-gradient(#000, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d7485f53ca324_detective_maniam_bg1.jpg");
background-position: 0 0, 0 0, 50% 100%;
background-size: auto, auto, auto;
}
.x-dm-cast-img.cast10, .x-dm-cast-img.cast12 {
background-position: 50% 25%;
}
.x-dm-bts-gallery-slider {
width: 565px;
}
.x-dm-cast-descp.large {
width: auto;
font-size: 16px;
}
.x-detective-maniam-abt-ctn {
height: auto;
flex-direction: column;
align-items: center;
margin-top: 20px;
padding-left: 0;
padding-right: 0;
}
.x-dm-cast-img-cover {
width: auto;
}
.x-dm-episode-content {
width: 100%;
margin-left: 30px;
margin-right: 10px;
}
.x-dm-episode-image {
width: 99.9997%;
margin-left: 10px;
}
.x-dm-cast-info {
max-width: 511.2px;
}
.x-dm-cast-slide-img {
height: 60vh;
min-height: 0;
}
.x-detective-maniam-abt-para-ctn {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 20px;
margin-left: 0;
padding-left: 7px;
padding-right: 7px;
display: flex;
}
.x-section-4.for-bts {
margin-top: 100px;
}
.counter_wrapper {
bottom: 13vw;
}
.x-detective-maniam-abt-title-txt {
text-align: center;
margin-top: 20px;
}
.x-detective-maniam-abt-img {
width: 280px;
}
.x-dm-tape-container {
top: 0;
}
.x-dm-bts-gallery-slide-content {
width: 430px;
height: 300px;
}
.x-detective-maniam-masthead {
width: auto;
}
.x-detective-maniam-episode-ctn {
justify-content: flex-start;
}
.x-wrapper-40-100 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: 36px;
padding-bottom: 36px;
display: block;
}
.x-dm-episode-number {
margin-left: 10px;
font-size: 16px;
}
.x-dm-cast-slider-mask {
width: 90%;
}
.x-detective-maniam-cast-title-txt {
width: auto;
text-align: center;
font-size: 36px;
}
.x-detective-maniam-wrapper {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: 36px;
padding-bottom: 36px;
display: block;
}
.x-dm-cast-name {
font-size: 48px;
}
.x-detective-maniam-playlist-title-txt {
width: auto;
text-align: center;
font-size: 36px;
}
.x-detective-maniam-cast-title-ctn {
padding-bottom: 20px;
}
.x-detective-maniam-abt-para-txt {
text-align: center;
margin-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
.x-dm-epsisode-duration {
right: 10px;
}
.x-detective-maniam-interview-title-txt {
text-align: center;
}
.x-detective-maniam-abt-img-ctn {
justify-content: center;
align-items: center;
display: flex;
}
.x-detective-maniam-bts-title-txt {
text-align: center;
}
.x-detective-maniam-hero-video {
margin-top: 40px;
}
.x-dm-episode-descp {
font-size: 14px;
}
.x-detective-maniam-abt-title-txt-2 {
text-align: center;
margin-top: 20px;
}
.x-loyalty-img {
width: auto;
}
.x-content-copy-img-3 {
margin-right: 0;
}
.x-content-copy-img-3.for-right-video {
margin-top: 0;
}
.x-fibre-table-sidebar-2 {
width: 180px;
}
.x-di-title {
font-size: 1.8em;
line-height: 30px;
}
.x-di-title.for-home-fibre, .x-di-title.for-pakej-remaja, .x-di-title.for-home-fibre {
font-size: 1.8em;
}
.x-di-title.left-align {
text-align: center;
}
.x-plan-table-content-6 {
flex: 1;
align-self: auto;
position: relative;
overflow: auto;
}
.x-fibre-table-headline-2 {
margin-left: 15px;
}
.x-loyalty-table-header {
z-index: 1;
background-color: #fff;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.x-loyalty-table-header.for-sidebar {
z-index: 1;
background-color: #fff;
position: -webkit-sticky;
position: sticky;
top: 130px;
}
.x-loyalty-table-header.for-sidebar.x-no-sticky {
position: relative;
top: 0;
}
.x-rate-copy-block-loyalty.for-center.for-loyalty {
grid-row-gap: 28px;
}
.x-rate-copy-block-loyalty.for-center {
flex-direction: column;
display: flex;
}
.x-rate-copy-block-loyalty.for-center.for-talktime {
grid-row-gap: 28px;
}
.x-prkm-table-header {
z-index: 1;
background-color: #fff;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.x-prkm-table-header.for-sidebar {
z-index: 1;
background-color: #fff;
position: -webkit-sticky;
position: sticky;
top: 130px;
}
.x-prkm-table-header.for-sidebar.x-no-sticky {
position: relative;
top: 0;
}
.x-prkm-table-sidebar {
width: 280px;
}
.x-ppkm-tab-2, .x-ppkm-tab-5 {
padding-left: 30px;
padding-right: 30px;
}
.x-ppkm-tab-5.w--current {
margin-right: 0;
padding-left: 30px;
padding-right: 30px;
}
.x-ppkm-tab-4, .x-ppkm-tab-1, .x-ppkm-tab-1.w--current {
padding-left: 30px;
padding-right: 30px;
}
.x-title-heading-2 {
line-height: 30px;
}
.x-wrapper-pkkm {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: 36px;
padding-bottom: 36px;
display: block;
}
.x-raja-kombo-table-header {
z-index: 1;
background-color: #fff;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.x-raja-kombo-table-header.for-sidebar {
z-index: 1;
background-color: #fff;
position: -webkit-sticky;
position: sticky;
top: 130px;
}
.x-raja-kombo-table-header.for-sidebar.x-no-sticky {
position: relative;
top: 0;
}
.x-raja-kombo-table-headline {
font-size: 20px;
}
.x-exclusive-table-header-2 {
z-index: 1;
background-color: #fff;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.x-raja-kombo-table-sidebar-2 {
width: 235px;
}
.x-raja-kombo-table-block {
width: 100%;
height: auto;
}
.x-raja-kombo-star-bookmark {
right: 0%;
}
.x-card-2 {
padding: 16px;
}
.x-card-2.for-testimonial {
grid-template-columns: 1fr;
}
.x-card-2.for-5g {
width: auto;
height: 372px;
}
.x-plan-logo-img-ppj.for-left-padding {
margin-left: 16px;
}
.x-cat-txt-2 {
width: 222px;
font-size: 12px;
}
.x-rate-plan-block-2 {
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.x-belia-paragraph-3 {
font-size: 15px;
}
.x-section-5.for-breaker, .x-section-5.for-breaker-2 {
background-position: 30% -70%, 0 0;
}
.x-di-title-3 {
font-size: 1.8em;
line-height: 30px;
}
.x-video-item-3 {
width: 100%;
}
.x-solution-testimonial-rt-2 {
text-align: center;
}
.x-solution-testimonial-rt-2 h3 {
margin-bottom: 10px;
}
.x-esim-card-2 {
padding: 16px;
}
.x-dsp-subtitle {
padding-left: 0;
padding-right: 0;
font-size: 18px;
line-height: 24px;
}
.x-banner-title-3 {
margin-left: 5px;
margin-right: 5px;
}
.x-banner-title-3.for-oku {
font-size: 36px;
top: 260px;
}
.x-banner-title-3.for-senior-citizen {
font-size: 28px;
top: 294px;
}
.x-roaming-card-3 {
justify-content: flex-start;
}
.x-roaming-card-description-5 {
font-size: 15px;
}
.x-steps-notice {
text-align: center;
}
.x-dsp-cta-header {
line-height: 20px;
}
.x-dsp-cta-header.for-mobile {
margin-top: 40px;
margin-bottom: -15px;
font-size: 1.2em;
font-weight: 600;
display: block;
}
.x-card-block-2 {
grid-template-columns: 1fr 1fr 1fr;
}
.x-paving-5g-img {
width: auto;
}
.x-rate-copy-block-paving-5g.for-center {
flex-direction: column;
display: flex;
}
.for-airsim-parag {
text-align: center;
margin-bottom: 10px;
margin-left: 0;
font-size: 16px;
line-height: 24px;
}
.text-block-85 {
font-size: 12px;
}
.x-wrapper-samsung, .x-wrapper-samsung-copy, .x-wrapper-samsung-3 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: 36px;
padding-bottom: 36px;
display: block;
}
.x-wrapper-pf365 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-bottom: 36px;
display: block;
}
.x-breaker-title {
width: 70%;
}
.x-roaming-pass-tab-3 {
justify-content: center;
align-items: center;
}
.x-roaming-pass-tab-3.for-roaming-mobile.w--current {
width: 100%;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-right: 0;
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.x-roaming-pass-tab-3.for-roaming-mobile.for-more-padding.w--current {
width: auto;
}
.x-roaming-pass-tab-3.for-roaming-mobile.for-postpaid.w--current, .x-roaming-pass-tab-3.for-roaming-mobile.for-prepaid.w--current {
width: 80px;
}
.x-tab-pane-4 {
padding-top: 15px;
padding-bottom: 24px;
}
.x-tab-3 {
margin-top: -75px;
display: block;
}
.x-deck-item-2 {
padding-bottom: 20px;
}
.x-deck-list-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-columns: 1fr;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
.x-tab-scroll-menu.for-mobile {
justify-content: flex-start;
margin-left: 40px;
padding-right: 40px;
overflow: auto;
}
.x-tab-scroll-menu.for-mobile.for-ml {
justify-content: center;
margin-left: 0;
padding-right: 0;
}
.x-pakej-perpaduan-icon {
width: 100px;
}
.x-5g-icon-title-2 {
margin-top: 15px;
font-size: 18px;
line-height: 22px;
}
.x-pakej-perpaduan-table-block {
width: 100%;
height: auto;
}
.x-exclusive-table-text-2 {
font-size: 14px;
}
.x-pakej-perpaduan-table-sidebar {
width: 235px;
}
.x-guide-steps-2 {
margin-bottom: 0;
}
.x-pakej-perpaduan-card, .x-pakej-perpaduan-step-card {
justify-content: flex-start;
}
.x-content-block-copy {
margin-top: 0;
}
.x-long-banner-image-copy {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
display: none;
}
.x-long-banner-image-mobile-copy {
padding-left: 0;
padding-right: 0;
display: block;
}
.x-ppkm-tab-1-pf365, .x-ppkm-tab-1-pf365.w--current {
padding-left: 30px;
padding-right: 30px;
}
.x-free-5g-booster-link {
align-self: center;
}
.x-free-5g-booster-img {
width: 110px;
padding-left: 0;
padding-right: 0;
display: inline-block;
}
.x-free-5g-booster-img.for-bm {
padding-left: 0;
padding-right: 0;
}
.x-5g-link-txt-2 {
top: auto;
}
.x-redirect-icon-2 {
font-size: 22px;
}
.x-5gc-wrapper {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: 36px;
padding-bottom: 36px;
display: block;
}
.x-5gc-wrapper.x-add-margin {
width: auto;
display: block;
}
.centre_icon_wrap-3 {
margin-left: 0;
margin-right: 0;
padding: 0;
}
.process_card_02-2 {
flex-direction: row-reverse;
margin-bottom: 35px;
}
.process_details-2 {
width: 90%;
min-height: auto;
justify-content: flex-start;
padding: 20px;
}
.process_details-2._02-only {
align-items: center;
padding-right: 20px;
}
.centre_block-3 {
width: 55px;
padding-left: 0;
}
.centre_icon_wrap-2 {
width: 50px;
height: 50px;
padding: 0;
}
.testimonial-card-2 {
height: 620px;
flex-wrap: wrap;
}
.testimonial-image-wrap-2 {
width: 100%;
height: 280px;
}
.horizontal-content-block-2 {
width: 100%;
height: 330px;
padding: 45px;
}
.testimonial-section {
padding: 70px 35px;
}
.slider-horizontal {
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.x-video-item-4 {
width: 100%;
height: 280px;
border-top-right-radius: 8px;
border-bottom-left-radius: 0;
display: flex;
}
.column-wrap-2 {
height: 640px;
border-radius: 8px;
}
.x-video-item-5 {
width: 500px;
height: 280px;
border-top-right-radius: 8px;
border-bottom-left-radius: 0;
}
.x-5g-wrapper {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: 36px;
padding-bottom: 36px;
display: block;
}
.x-5g-booster-image {
width: auto;
border-radius: 8px;
margin-top: 20px;
margin-bottom: 20px;
padding-bottom: 0;
display: block;
}
.x-5g-free-booster-title {
font-size: 2.5em;
}
.x-5g-free-booster-title.for-smaller, .x-5g-free-booster-title.white, .x-5g-free-booster-title.for-smaller {
font-size: 1.9em;
}
.x-jius-anim-header-3 {
font-size: 1.3em;
}
.x-jius-anim-header-3.white {
font-size: 1.2em;
}
.x-5gbooster-blurb-2 {
margin-top: 0;
}
.x-promo-columns {
flex: 0 auto;
margin-top: -32px;
margin-bottom: -200px;
display: block;
top: -260px;
}
.x-promo-column-left {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-top: -40px;
padding-top: 0;
display: grid;
position: relative;
top: 250px;
overflow: visible;
}
.image-63 {
width: 23px;
height: auto;
flex: 0 auto;
align-self: center;
padding-left: 0;
display: block;
}
.x-gradient-block-anchor {
z-index: 3;
width: auto;
height: 60px;
max-width: 51px;
clear: none;
object-position: 50% 50%;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #fff 43%);
flex-flow: row;
align-content: flex-end;
justify-content: center;
align-items: baseline;
margin-top: auto;
padding-top: 0;
display: flex;
position: relative;
top: -4px;
bottom: auto;
left: 90%;
right: 0%;
}
.x-gradient-block-anchor.promotions {
max-width: 48px;
top: -11px;
left: 90%;
}
.x-cd-banner-title {
margin-right: 0;
font-size: 2.7em;
}
.x-cd-fibre-txt-ctn {
text-align: center;
align-items: center;
margin-left: 0;
}
.x-cd-fibre-grid {
grid-template-columns: 1fr;
}
.x-idd-notice {
line-height: 20px;
}
.x-5g-icon-title-3 {
margin-top: 15px;
font-size: 18px;
line-height: 22px;
}
.x-fibre-tv-grid {
grid-template-columns: 1fr;
margin-left: 0;
margin-right: 0;
}
.x-fibre-tv-txt-ctn {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.x-plan-table-row-6 {
padding-right: 16px;
}
.x-plan-table-col-6 {
min-width: 128px;
flex-direction: column;
justify-content: flex-start;
display: block;
position: static;
}
.x-plan-table-content-7 {
flex: 1;
align-self: auto;
position: relative;
overflow: auto;
}
.x-plan-table-sidebar-7 {
width: 228px;
}
.x-redirect-cta-heading {
line-height: 18px;
display: flex;
}
.x-redirect-cta-heading.for-belia.remove-padding, .x-redirect-cta-heading.remove-padding {
font-size: 14px;
}
.text-block-93 {
text-align: left;
font-size: 12px;
}
.bold-text-43 {
text-align: left;
}
.x-line-block {
margin-left: 20px;
margin-right: 20px;
}
.x-redirect-link-block {
width: 210px;
flex: none;
margin-left: 0;
}
.x-redirect-link-grid {
width: 100%;
flex-direction: row;
grid-template-columns: auto auto auto;
justify-content: flex-start;
align-items: center;
margin-left: 30px;
margin-right: auto;
padding-right: 60px;
display: flex;
overflow: auto;
}
.container-5 {
padding-left: 8vw;
padding-right: 8vw;
}
.swiper-slide, .swiper-slide.five-cards {
width: 100%;
}
.fs-cc-banner_text {
font-size: 14px;
}
.fs-cc-banner_component.grey {
width: 310px;
width: 310px;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.fs-cc-banner_container {
grid-column-gap: 10px;
flex-direction: column;
align-items: flex-start;
}
.x-5g-icon-ji-3, .x-5g-icon-ji-3.for-smaller {
width: 40px;
}
.x-dynamic-logo-ctn-3 {
grid-column-gap: 0px;
bottom: -50px;
right: 12px;
}
.x-dynamic-logo-ctn-3.for-j5gbersama {
bottom: -40px;
right: 87px;
}
.x-dynamic-logo-ctn-3.for-j5gbersama.for-padding {
bottom: -52px;
right: 80px;
}
.x-dynamic-logo-ctn-3.for-j5gbersama {
bottom: -40px;
right: 80px;
}
.x-dynamic-logo-ctn-3.for-j5gbersama.for-bm {
bottom: -40px;
right: 60px;
}
.x-dynamic-logo-ctn-3.for-j5gbersama {
bottom: -40px;
right: 80px;
}
.x-dynamic-logo-ctn-3.for-j5gbersama.for-bm {
bottom: -40px;
right: 60px;
}
.x-dynamic-logo-ctn-3.for-j5gbersama.for-homepage {
bottom: -54px;
right: 0;
}
.x-free-device-img-3 {
width: 270px;
top: 63px;
}
.x-free-device-img-3.for-fibre {
width: 440px;
bottom: 22px;
}
.x-free-device-img-3.j5gbersama {
width: 143px;
top: 0;
left: 10px;
}
.x-free-device-img-3.for-cd-gs {
display: block;
top: 59px;
}
.x-free-device-img-3.for-fibre-en {
width: 440px;
bottom: 15px;
}
.for-prepaid-all {
margin-top: 0;
padding-top: 0;
padding-left: 35px;
padding-right: 35px;
}
.for-prepaid-all.for-raja-kombo.for-bigger {
width: 80px;
}
.x-prepaid-next-txt.for-title {
text-align: center;
font-size: 20px;
}
.x-prepaid-next-txt.for-title-2 {
font-size: 20px;
}
.x-free-5g-booster-link-4.adjust-padding, .x-free-5g-booster-link-4.adjust-padding-2 {
width: 110px;
width: 110px;
}
.x-plan-table-sidebar-12 {
width: auto;
position: static;
}
.x-plan-table-content-17 {
flex: 1;
align-self: auto;
position: relative;
overflow: auto;
}
.x-plan-table-sidebar-13 {
width: auto;
}
.x-plan-table-content-19 {
flex: 1;
align-self: auto;
position: relative;
overflow: auto;
}
.x-plan-table-sidebar-8 {
width: auto;
}
.x-plan-table-content-10 {
flex: 1;
align-self: auto;
position: relative;
overflow: auto;
}
.x-content-block-4 {
margin-top: 30px;
}
.x-plan-table-block-4 {
height: auto;
}
.x-title-heading-4 {
line-height: 30px;
}
.x-buy-opt-modal-4 {
min-width: 400px;
}
.x-plan-table-content-21 {
flex: 1;
align-self: auto;
position: relative;
overflow: auto;
}
.x-content-block-5 {
margin-top: 30px;
}
.x-plan-table-block-5 {
height: auto;
}
.x-label {
top: 0%;
bottom: auto;
left: auto;
right: 0%;
}
.x-plan-card-slider-nav.for-hide {
margin-top: 10px;
display: block;
}
.x-plan-card-slide {
width: 47.5%;
}
.x-plan-card-slide.for-wide {
width: 99%;
}
.x-plan-card-slide.for-slightly-wide {
width: 47%;
}
.x-plan-card-slide.for-3, .x-plan-card-slide._5g {
width: 99%;
}
.x-plan-front-details-ctn {
grid-row-gap: 10px;
}
.x-plan-btm-ctn.for-shorter.no-radius.for-next {
height: 220px;
}
.x-plan-btm-ctn.for-shorter.no-radius.for-next.for-light-grey {
height: auto;
}
.x-plan-btm-ctn.for-postpaid-short-back {
height: 370px;
}
.left-arrow-5.hide-arrow, .left-arrow-5.right.hide-arrow {
display: flex;
}
.div-block-98 {
width: 100%;
height: 100%;
flex-direction: row;
overflow: hidden;
}
.rdy-5g-booster-blurb {
margin-left: 80px;
}
.x-label-2 {
top: 0%;
bottom: auto;
left: auto;
right: 0%;
}
.x-plan-table-content-25 {
flex: 1;
align-self: auto;
position: relative;
overflow: auto;
}
.x-plan-table-content-25.for-exclusive {
flex: 0 auto;
}
.x-esp-bookmark-2 {
align-self: auto;
}
.x-plan-table-col-8 {
min-width: 128px;
flex-direction: column;
justify-content: flex-start;
display: block;
position: static;
}
.x-plan-table-col-8.for-one-col.for-exclusive.for-red.for-telco-h {
width: 60%;
min-width: 125px;
}
.x-plan-table-header-13 {
z-index: 1;
background-color: #fff;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.x-plan-table-header-13.for-sidebar {
z-index: 1;
background-color: #fff;
position: -webkit-sticky;
position: sticky;
top: 130px;
}
.x-plan-table-header-13.for-sidebar.for-higher {
position: static;
}
.x-plan-table-header-13.for-sidebar.for-higher.for-prepaid-starter.for-center.for-height {
width: auto;
text-align: center;
position: static;
}
.x-plan-table-header-13.for-sidebar.for-higher.for-prepaid-starter.for-left-border-radius {
width: 200px;
}
.x-prepaid-starter-txt.for-title {
font-size: 20px;
}
.x-plan-table-col-9 {
min-width: auto;
flex-direction: column;
justify-content: flex-start;
display: block;
position: static;
}
.x-plan-table-col-9.for-one-col.for-exclusive.for-yellow.for-border {
width: auto;
min-width: auto;
flex: 0 auto;
justify-content: center;
align-self: auto;
align-items: flex-start;
display: block;
position: relative;
}
.x-plan-table-content-26 {
flex: 1;
align-self: auto;
position: relative;
overflow: auto;
}
.x-plan-table-content-26.for-exclusive {
flex: 0 auto;
}
.x-plan-table-col-10 {
min-width: 128px;
flex-direction: column;
justify-content: flex-start;
display: block;
position: static;
}
.x-plan-table-col-10.for-one-col.for-exclusive.for-red.for-telco-h {
width: 60%;
min-width: 125px;
}
.x-plan-table-header-14 {
z-index: 1;
background-color: #fff;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.x-plan-table-header-14.for-sidebar {
z-index: 1;
background-color: #fff;
position: -webkit-sticky;
position: sticky;
top: 130px;
}
.x-plan-table-header-14.for-sidebar.for-higher {
position: static;
}
.x-plan-table-header-14.for-sidebar.for-higher.for-prepaid-starter.for-center.for-height {
width: auto;
text-align: center;
position: static;
}
.x-plan-table-header-14.for-sidebar.for-higher.for-prepaid-starter.for-left-border-radius {
width: 200px;
}
.x-plan-table-col-11 {
min-width: auto;
flex-direction: column;
justify-content: flex-start;
display: block;
position: static;
}
.x-plan-table-col-11.for-one-col.for-exclusive.for-yellow.for-border {
width: auto;
min-width: auto;
flex: 0 auto;
justify-content: center;
align-self: auto;
align-items: flex-start;
display: block;
position: relative;
}
.x-plan-table-header-17 {
z-index: 1;
background-color: #fff;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.x-plan-table-header-17.for-sidebar {
z-index: 1;
background-color: #fff;
position: -webkit-sticky;
position: sticky;
top: 130px;
}
.x-plan-table-header-17.for-sidebar.for-higher {
position: static;
}
.x-plan-table-content-27 {
flex: 1;
align-self: auto;
position: relative;
overflow: auto;
}
.x-plan-table-col-14 {
min-width: 128px;
flex-direction: column;
justify-content: flex-start;
display: block;
position: static;
}
.x-plan-table-sidebar-11 {
width: 228px;
}
.x-plan-table-row-11 {
padding-right: 16px;
}
.x-section-nav-div {
width: 160px;
flex: 0 auto;
}
.x-section-nav-div.for-wider {
width: 190px;
}
.x-section-nav-wrapper {
width: 100%;
height: 100%;
overflow: hidden;
}
.text-block-105 {
font-size: 12px;
}
.x-subnav-menu-link-3 {
padding-left: 12px;
padding-right: 12px;
font-size: 12px;
}
.x-plan-table-block-7 {
height: auto;
}
.x-prepaid-next-image-block.for-bigger {
width: 110px;
}
.x-raja-kombo-cta-block-2 {
text-align: center;
}
.x-prepaid-next-image {
width: auto;
padding-left: 0;
padding-right: 0;
}
.x-prepaid-next-image.for-smaller {
padding-left: 60px;
padding-right: 60px;
}
.x-plan-table-header-18 {
z-index: 1;
background-color: #fff;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.x-plan-table-header-18.for-sidebar {
z-index: 1;
background-color: #fff;
position: -webkit-sticky;
position: sticky;
top: 130px;
}
.x-plan-table-header-18.for-sidebar.for-higher {
position: static;
}
.x-plan-table-header-18.for-sidebar.for-higher.for-raja-kombo.for-center.for-width {
width: 140px;
}
.x-plan-table-content-30 {
flex: 1;
align-self: auto;
position: relative;
overflow: auto;
}
.x-plan-table-sidebar-15 {
width: auto;
}
.x-plan-table-row-12 {
padding-right: 16px;
}
.x-promo-list-h-2 {
font-size: 30px;
line-height: 36px;
}
.x-promo-list-heading-3 {
text-align: center;
font-size: 1.2em;
}
.x-plan-table-col-16 {
min-width: 128px;
flex-direction: column;
justify-content: flex-start;
display: block;
position: static;
}
.x-plan-table-col-16.for-hide {
display: none;
}
.x-plan-table-header-20 {
z-index: 1;
background-color: #fff;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.x-plan-table-header-20.for-sidebar {
z-index: 1;
background-color: #fff;
position: -webkit-sticky;
position: sticky;
top: 130px;
}
.x-plan-table-header-20.for-sidebar.for-higher {
position: static;
}
.x-plan-table-content-33 {
flex: 1;
align-self: auto;
position: relative;
overflow: auto;
}
.x-plan-table-sidebar-17 {
width: 228px;
}
.x-plan-table-header-21 {
z-index: 1;
background-color: #fff;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.cd-plan-table-row {
padding-right: 16px;
}
.cd-plan-table-row.for-centre.fibre {
width: auto;
height: auto;
grid-template-rows: auto auto;
}
.x-table-header {
z-index: 1;
background-color: #fff;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.x-table-header.for-higher.for-5g.for-rounded-corner {
width: auto;
}
.x-table-header.for-higher.for-5g.for-rounded-corner.remove-left-corner {
height: 150px;
height: 150px;
}
.x-table-header.for-higher.for-5g.for-light-blue {
width: auto;
height: 150px;
}
.x-table-header.for-higher.for-5g.for-light-blue.for-mobile {
border-left-style: none;
}
.x-table-header.for-higher.for-5g.for-light-blue.for-mobile.for-dark-blue {
background-color: #1561e8;
}
.x-table-header.for-higher.for-5g.for-light-blue {
width: auto;
height: 150px;
padding-left: 10px;
padding-right: 10px;
}
.x-table-header.for-higher.for-5g.for-light-blue.for-mobile {
border-left-style: none;
}
.x-table-header.for-higher.for-5g.for-light-blue.for-mobile.for-dark-blue {
background-color: #1561e8;
}
.x-table-header.for-higher.for-5g.for-height {
height: 150px;
padding-left: 5px;
padding-right: 5px;
}
.x-table-block {
height: auto;
}
.x-table-block.add-right-border.add-padding.for-hide {
display: none;
}
.cd-plan-table-col {
min-width: 128px;
flex-direction: column;
justify-content: flex-start;
display: block;
position: static;
}
.cd-plan-table-col.remove-left-border {
max-width: 100%;
min-width: auto;
}
.x-table-row {
padding-right: 16px;
}
.x-table-row.for-dark-blue {
width: 228px;
height: 150px;
}
.x-table-row.for-dark-blue.for-no-rounded-border {
width: 160px;
}
.x-table-row.for-dark-blue {
width: 180px;
height: 150px;
}
.x-table-row.for-dark-blue.for-mobile {
width: 200px;
}
.x-table-row.for-dark-blue {
width: 160px;
height: 150px;
}
.x-table-row.for-dark-blue.for-mobile {
width: 200px;
}
.x-table-row.for-dark-blue.for-rounded-corner.for-height {
width: 160px;
height: 220px;
}
.x-table {
padding-left: 0;
padding-right: 0;
overflow: hidden;
}
.x-plan-table-5g-column.for-light-blue {
height: 150px;
max-width: none;
}
.x-plan-table-5g-column.for-light-blue.for-rounded-corner {
height: 140px;
}
.x-plan-table-5g-column.for-light-blue.add-left-border {
height: 150px;
}
.x-plan-table-5g-column.for-light-blue.add-left-border.for-bottom-border.for-corner-border {
border-bottom-right-radius: 12px;
}
.x-plan-table-5g-column.for-light-blue.add-left-border.for-mobile {
border-left-style: none;
}
.x-plan-table-5g-column.for-light-blue {
height: 150px;
max-width: none;
}
.x-plan-table-5g-column.for-light-blue.for-rounded-corner {
height: 140px;
}
.x-plan-table-5g-column.for-light-blue.for-rounded-corner.for-height, .x-plan-table-5g-column.for-light-blue.for-rounded-corner.remove-corner.for-height {
height: 220px;
}
.x-plan-table-5g-column.for-light-blue.add-left-border {
height: 150px;
}
.x-plan-table-5g-column.for-light-blue.add-left-border.for-bottom-border.for-height {
height: 220px;
}
.x-plan-table-5g-column.for-light-blue.add-left-border.for-bottom-border.for-corner-border {
border-bottom-right-radius: 12px;
}
.x-plan-table-5g-column.for-light-blue.add-left-border.for-mobile {
border-left-style: none;
}
._5g-column-text-2 {
font-size: 18px;
line-height: 16px;
}
._5g-column-text-2.for-bigger {
font-size: 20px;
}
.x-5g-table-header-2.remove-corner-border, .x-5g-table-header-2.for-left-border, .x-5g-table-column-2, .x-5g-table-column-2.remove-left-border {
width: auto;
}
._5g-plan-table-grid-2 {
grid-column-gap: 0px;
grid-template-columns: auto auto auto;
}
.bold-text-87 {
font-size: 18px;
}
.x-main-banner-link {
height: 280px;
background-image: none;
}
.cd-feature-banner-slider-2 {
height: 280%;
}
.cd-feature-slide {
height: 280px;
background-image: none;
}
.x-free-device-cta-4 {
margin-top: 10px;
}
.x-wrapper-17 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: 36px;
padding-bottom: 36px;
display: block;
}
.x-free-5g-booster-bg-2-copy {
background-position: 50% 0;
}
.x-shop-more-link-txt {
top: auto;
}
.x-pg-dark-blue-bg {
display: none;
}
.x-pg-dark-blue-bg-mobile {
display: block;
}
.paragraph-20-copy {
margin-bottom: 0;
}
.card__content__left-copy {
width: 40%;
align-self: center;
padding-right: 0;
}
.x-pg-gear-headline {
font-size: 1.6em;
}
.card-slider_nav {
grid-column-gap: 12px;
}
.header-wrapper_left {
margin-left: 0;
}
.header-wrapper {
flex-direction: row;
justify-content: flex-start;
margin-top: 40px;
padding-top: 0;
}
.x-section-16.for-pg-bg-img {
margin-top: -147px;
}
.btn {
padding: 7px 15px;
}
.btn.btn-primary.card-slider_nav-btn {
margin-left: 0;
}
.card-body {
padding: 16px 20px 20px;
}
.x-hero-side-banner-mobile-2 {
height: 240px;
object-fit: cover;
border-radius: 12px;
display: block;
}
.x-broadcast-badge-2 {
font-size: 16px;
}
.x-wrapper-19 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: 36px;
padding-bottom: 36px;
display: block;
}
.x-wrapper-19.for-hero {
padding-top: 0;
padding-bottom: 0;
}
.x-hero-container-3 {
padding: 24px;
}
.x-hero-container-3.for-banner {
height: 100%;
}
.x-hero-heading-3 {
margin-bottom: 12px;
font-size: 2.3em;
line-height: 1em;
}
.x-broadcast-teaser-2 {
width: auto;
white-space: normal;
overflow: visible;
}
.x-lang-picker-mbb {
top: 119px;
bottom: auto;
left: auto;
right: 10px;
}
.x-hero-side-banner-img-2 {
height: 240px;
object-fit: cover;
display: none;
}
.x-limit-10 {
padding-left: 20px;
padding-right: 20px;
}
.x-hero-mcmc-survey {
background-color: #f5f5f5;
}
.x-limit-11.for-banner {
padding: 24px;
}
.x-hero-grid-banner-4 {
height: 240px;
border-radius: 12px;
grid-template-columns: 1.2fr 1fr;
padding-right: 0;
}
.x-popup-content-wrapper {
width: 500px;
height: 510px;
}
.x-popup-content-wrapper.for-eng {
height: 475px;
}
.x-popup-content-wrapper.for-bm {
height: 575px;
}
.x-lang-picker-mb {
top: 200px;
bottom: auto;
left: auto;
right: 10px;
}
.x-wrapper-20 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: 36px;
padding-bottom: 36px;
display: block;
}
.x-free-device-cta-2 {
margin-top: 10px;
}
.x-wrapper-21 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: 36px;
padding-bottom: 36px;
display: block;
}
.x-wrapper-21.for-free-device.for-5g-booster {
padding-top: 50px;
}
.x-j5gbersama {
height: 80px;
}
.x-free-device-img-ctn-5 {
margin-top: -98px;
}
.x-jom-5g-bersama-bg-copy {
background-position: 50% 0;
}
.x-free-device-img-ctn-6 {
margin-top: -98px;
}
.x-plan-table-header-23 {
z-index: 1;
background-color: #fff;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.x-plan-table-header-23.for-sidebar {
z-index: 1;
background-color: #fff;
position: -webkit-sticky;
position: sticky;
top: 130px;
}
.x-plan-table-header-23.for-sidebar.for-higher {
position: static;
}
.x-5g-icon-title-4 {
margin-top: 15px;
font-size: 18px;
line-height: 22px;
}
.x-wrapper-ds {
padding-top: 36px;
padding-bottom: 36px;
}
.x-tab-pane-5 {
padding-bottom: 24px;
}
.x-dropdown-content-4 {
margin-right: 0;
}
.tab-link-tab-1-3, .tab-link-tab-1-3.w--current {
width: 220px;
}
.x-wrapper-23 {
padding-top: 36px;
padding-bottom: 36px;
}
.x-title-heading-5 {
line-height: 30px;
}
.x-ds-icon {
width: 100px;
}
.x-double-digit-sale-blurb {
margin-top: -170px;
}
.x-roam-like-home-grid {
grid-column-gap: 0px;
grid-template-columns: auto auto;
}
.x-roaming-table-header.for-left-border {
width: auto;
}
.x-roaming-table-header.for-right-border {
width: 200px;
}
.x-roaming-table-column {
width: auto;
}
.x-roaming-table-column.for-left-border.remove-top-border, .x-roaming-table-column.for-left-border.for-radius {
width: 190px;
}
.x-roaming-column-text {
font-size: 18px;
line-height: 16px;
}
.x-r-passes-column, .x-r-passes-column.for-3 {
grid-template-columns: 1fr;
}
.x-r-passes-column.for-3.desktop {
display: none;
}
.x-r-passes-column.for-3.mobile {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: flex;
position: relative;
}
.x-roaming-picker-wrapper {
grid-template-columns: 1fr 1fr;
margin-left: 0;
margin-right: 0;
}
.for-postpaid-5g {
height: 270px;
}
.for-postpaid-5g-back {
height: 340px;
}
.bold-text-90 {
font-size: 16px;
}
.bold-text-90.for-padding {
font-size: 16px;
line-height: 24px;
}
.bold-text-91 {
font-size: 20px;
}
._5g-booster-blurb {
width: 100px;
}
._5g-booster-blurb.remove-padding {
width: 140px;
margin-top: 10px;
margin-bottom: -10px;
}
.cd-table-h1-heading-3, .bold-text-80-3 {
font-size: 18px;
}
.bold-text-80-3.sub-text {
font-size: 14px;
}
.x-table-sidebar-2, .x-table-sidebar-2.for-mobile {
width: auto;
}
.cd-bold-text-3 {
font-size: 18px;
}
.cd-table-content-3 {
z-index: 0;
max-width: 60%;
flex: 1;
align-self: auto;
margin-left: auto;
margin-right: auto;
position: relative;
}
._5g-blurb-block.for-mobile {
display: block;
}
._5g-blurb-block.for-prepaid {
margin-top: 0;
}
.x-plan-logo-img-5 {
margin-left: 60px;
}
.x-plan-logo-img-5.for-rahmah-blurb {
margin-top: 5px;
margin-left: 0;
margin-right: 0;
padding-right: 5px;
}
.x-free-device-cta-7 {
margin-top: 10px;
}
.x-cd-gadgetsim-db-bg {
background-position: 50% 0;
}
.x-wrapper-24 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: 36px;
padding-bottom: 36px;
display: block;
}
.x-wrapper-24.for-free-device.for-5g-booster {
padding-top: 50px;
}
.x-cd-gs-txt-ctn {
margin-left: 0;
margin-right: 20px;
left: -17px;
}
.x-cd-gs-blurb {
width: 200px;
margin-top: 0;
}
.x-cd-gd-db-logo {
width: 110px;
top: -27px;
left: 62px;
}
.x-cd-gs-header {
width: 310px;
font-size: 1.4em;
line-height: 140%;
}
.x-pg-countdown-ctn-2 {
flex-direction: column;
padding-top: 10px;
padding-bottom: 10px;
}
.x-pg-ctdwn-title-txt-2 {
text-align: center;
margin-bottom: 5px;
}
.x-long-banner-pg-desktop {
display: none;
}
.x-long-banner-pg-mobile {
display: block;
}
.x-emp-text-41.for-red {
align-self: center;
margin-top: 0;
}
.x-talktime-img {
width: auto;
}
.paragraph-30 {
text-align: center;
}
.x-wrapper-26, .x-wrapper-27 {
padding-top: 36px;
padding-bottom: 36px;
}
.paragraph-32 {
text-align: center;
}
.x-content-copy-img-6 {
margin-right: 0;
}
.x-wrapper-29 {
padding-top: 36px;
padding-bottom: 36px;
}
.paragraph-34 {
text-align: center;
}
.x-passes-details {
margin-top: 10px;
margin-bottom: 10px;
}
.x-r-passes-accordion {
width: 100%;
display: block;
}
.x-passes-country-list-copy-copy {
margin-top: 0;
}
.x-plan-logo-img-6 {
margin-left: 60px;
}
.x-plan-logo-img-6.for-rahmah-blurb {
margin-top: 5px;
margin-left: 0;
margin-right: 0;
padding-right: 5px;
}
.x-plan-logo-img-7 {
margin-left: 60px;
}
.x-plan-logo-img-7.for-rahmah-blurb {
margin-top: 5px;
margin-left: 0;
margin-right: 0;
padding-right: 5px;
}
.x-trade-in-card-container {
justify-content: flex-start;
margin-bottom: 25px;
}
.x-trade-in-header {
line-height: 110%;
}
.x-trade-in-subheader {
font-size: 16px;
line-height: 20px;
}
.x-esim-header-copy, .x-esim-header-copy-2 {
width: 100%;
margin-top: 0;
margin-bottom: 10px;
}
.div-block-118 {
width: auto;
}
.tab-link-tab-1-4, .tab-link-tab-1-4.w--current {
width: 220px;
}
.x-dropdown-content-5 {
margin-right: 0;
}
.x-tvc-video {
width: auto;
}
.x-wrapper-30 {
padding-top: 36px;
padding-bottom: 36px;
}
.x-iphone-15-header {
line-height: 110%;
}
.x-plan-table-content-34 {
flex: 1;
align-self: auto;
position: relative;
overflow: auto;
}
.x-iphone-label {
top: -13%;
bottom: auto;
left: auto;
right: 3%;
}
.x-plan-logo-link-3.for-5g-enabled-blurb {
top: 65%;
left: auto;
}
.x-plan-table-header-24 {
z-index: 1;
background-color: #fff;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.x-plan-table-header-24.for-sidebar {
z-index: 1;
background-color: #fff;
position: -webkit-sticky;
position: sticky;
top: 130px;
}
.x-plan-table-header-24.for-sidebar.for-higher {
position: static;
}
.x-plan-table-block-8 {
height: auto;
}
.x-plan-table-col-17 {
min-width: 128px;
flex-direction: column;
justify-content: flex-start;
display: block;
position: static;
}
.x-plan-table-sidebar-18 {
width: 245px;
}
.x-plan-table-content-35 {
flex: 1;
align-self: auto;
position: relative;
overflow: auto;
}
.x-plan-logo-link-4.for-5g-enabled-blurb {
top: 65%;
left: auto;
}
.x-plan-table-header-25 {
z-index: 1;
background-color: #fff;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.x-plan-table-header-25.for-sidebar {
z-index: 1;
background-color: #fff;
position: -webkit-sticky;
position: sticky;
top: 130px;
}
.x-plan-table-header-25.for-sidebar.for-higher {
position: static;
}
.x-plan-table-col-18 {
min-width: 128px;
flex-direction: column;
justify-content: flex-start;
display: block;
position: static;
}
.x-plan-table-sidebar-19 {
width: 245px;
}
.x-plan-table-content-36 {
flex: 1;
align-self: auto;
position: relative;
overflow: auto;
}
.x-plan-logo-link-5.for-5g-enabled-blurb {
top: 65%;
left: auto;
}
.x-plan-table-header-26 {
z-index: 1;
background-color: #fff;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.x-plan-table-header-26.for-sidebar {
z-index: 1;
background-color: #fff;
position: -webkit-sticky;
position: sticky;
top: 130px;
}
.x-plan-table-header-26.for-sidebar.for-higher {
position: static;
}
.x-plan-table-col-19 {
min-width: 128px;
flex-direction: column;
justify-content: flex-start;
display: block;
position: static;
}
.x-plan-table-sidebar-20 {
width: 245px;
}
.x-plan-table-content-37 {
flex: 1;
align-self: auto;
position: relative;
overflow: auto;
}
.x-plan-logo-link-6.for-5g-enabled-blurb {
top: 65%;
left: auto;
}
.x-plan-table-header-27 {
z-index: 1;
background-color: #fff;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.x-plan-table-header-27.for-sidebar {
z-index: 1;
background-color: #fff;
position: -webkit-sticky;
position: sticky;
top: 130px;
}
.x-plan-table-header-27.for-sidebar.for-higher {
position: static;
}
.x-plan-table-col-20 {
min-width: 128px;
flex-direction: column;
justify-content: flex-start;
display: block;
position: static;
}
.x-plan-table-sidebar-21 {
width: 245px;
}
.x-notice-list {
width: auto;
}
.x-wrapper-6 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: 36px;
padding-bottom: 36px;
display: block;
}
.x-wrapper-6.for-free-device.for-gadget-sim {
padding-top: 52px;
}
.x-free-device-txt-ctn-2 {
margin-left: 0;
margin-right: 20px;
left: auto;
}
.x-free-device-txt-ctn-2.centre {
margin-left: 0;
top: -24px;
}
.x-free-device-txt-ctn-2.centre.for-pf365 {
top: -29px;
left: -7px;
}
.x-iphone-5g-bg {
background-position: 0 100%;
}
.x-5g-iphone-img-2 {
width: 150px;
top: 66px;
}
.x-5g-iphone-img-2.for-cny.for-p5365 {
width: 220px;
top: 36px;
}
.x-5g-iphone-img-2.for-cny.for-j5gfamiliku {
width: 210px;
top: 17px;
}
.x-cny-element.for-left-ornament {
width: 70px;
bottom: -15%;
}
.x-famu-5g {
width: 250px;
}
.x-famu-5g.for-padding {
width: 270px;
}
.x-anim-banner-header {
font-size: 1.1em;
line-height: 29px;
}
.x-anim-banner-header.for-padding {
font-size: 1.7em;
}
.x-free-device-cta-8 {
margin-top: 10px;
}
.x-pf365-dynamic-img {
width: 190px;
}
.x-free-device-img-ctn-7 {
margin-top: -98px;
}
.x-5g-icon-3 {
width: 35px;
padding-bottom: 0;
top: 17px;
}
.x-5g-icon-3.for-bigger-2 {
width: 80px;
left: 0;
}
.x-5g-icon-3.for-j5gfamiliku {
width: 100px;
margin-top: 0;
position: relative;
top: -50px;
left: -20px;
}
.x-notice-list-2 {
width: auto;
}
.x-free-device-cta-9 {
margin-top: 10px;
}
.x-wrapper-8 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: 36px;
padding-bottom: 36px;
display: block;
}
.x-wrapper-8.for-free-device.for-jom5gfamiliku {
padding-top: 10px;
}
.x-jom5gfamiliku-dynamic-img {
width: auto;
}
.x-jom5gfamiliku-img {
width: 400px;
flex: 0 auto;
display: block;
top: 25px;
left: -85px;
}
.x-jom5gfamiliku-img.for-new {
width: 310px;
}
.x-jom5gfamiliku-bg {
background-position: 0 100%;
}
.x-section-jom5gfamiliku {
height: 230px;
}
.x-section-jom5gfamiliku.for-height {
padding-top: 20px;
padding-bottom: 20px;
}
.x-free-device-txt-ctn-3 {
margin-left: 0;
margin-right: 20px;
top: -22px;
}
.x-free-device-txt-ctn-3.centre {
margin-left: 0;
top: -24px;
}
.x-free-device-txt-ctn-3.centre.for-jom5gfamiliku {
width: 500px;
flex: 0 auto;
margin-right: 20px;
top: 0;
left: -23px;
}
.x-free-device-txt-ctn-3.centre.for-j5gfamiliku {
top: -16px;
left: 0;
}
.x-free-device-cta-10 {
margin-top: 10px;
}
.x-wrapper-31 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: 36px;
padding-bottom: 36px;
display: block;
}
.x-wrapper-31.for-free-device.for-jom5gfamiliku {
padding-top: 10px;
}
.x-wrapper-32 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: 36px;
padding-bottom: 36px;
display: block;
}
.x-wrapper-32.for-free-device.for-j5gbersama {
padding-top: 52px;
}
.x-j5gbersama-dynamic-img-2 {
width: 240px;
}
.x-free-device-cta-11 {
margin-top: 10px;
}
.x-free-device-img-ctn-8 {
margin-top: -98px;
}
.x-long-banner-image-3 {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
display: none;
}
.x-long-banner-3 {
border-radius: 8px;
}
.x-long-banner-3.for-bottom-margin.banner-data-layer {
background-color: rgba(0, 0, 0, 0);
display: block;
}
.x-jom5gfamiliku-img-copy {
width: 400px;
flex: 0 auto;
display: block;
top: 25px;
left: -85px;
}
.x-digi-cs-wrapper {
padding-top: 50px;
}
.option-price.sec-title {
font-size: 17px;
}
.x-long-banner-4 {
border-radius: 8px;
}
.x-long-banner-4.for-bottom-margin.banner-data-layer {
background-color: rgba(0, 0, 0, 0);
display: block;
}
.x-long-banner-image-4 {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
display: none;
}
.x-wrapper-33 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: 36px;
padding-bottom: 36px;
display: block;
}
.x-long-banner-image-mobile-2 {
border-radius: 8px;
padding-left: 0;
padding-right: 0;
display: block;
}
.x-digi-roi-header-1 {
font-size: 30px;
line-height: 39px;
}
.pricepanel.mid-size {
width: auto;
}
.x-business-thank-you-header {
width: 100%;
margin-top: 50px;
margin-bottom: 10px;
}
.x-plan-table-header-28 {
z-index: 1;
background-color: #fff;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.x-plan-table-header-28.for-sidebar {
z-index: 1;
background-color: #fff;
position: -webkit-sticky;
position: sticky;
top: 130px;
}
.x-plan-table-header-28.for-sidebar.for-higher {
position: static;
}
.x-plan-table-sidebar-22 {
width: 228px;
}
.x-plan-table-sidebar-23 {
width: 200px;
}
.x-di-title-4 {
font-size: 1.8em;
line-height: 30px;
}
.x-plan-table-col-21 {
min-width: 128px;
flex-direction: column;
justify-content: flex-start;
display: block;
position: static;
}
.x-wrapper-34 {
padding-top: 36px;
padding-bottom: 36px;
}
.x-plan-table-content-38 {
flex: 1;
align-self: auto;
position: relative;
overflow: auto;
}
.text-block-122 {
width: 90px;
}
.x-family-subtitle-3 {
line-height: 20px;
}
.x-plan-table-header-29 {
z-index: 1;
background-color: #fff;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.x-plan-table-header-29.for-sidebar {
z-index: 1;
background-color: #fff;
position: -webkit-sticky;
position: sticky;
top: 130px;
}
.x-plan-table-header-29.for-sidebar.for-higher {
position: static;
}
.text-block-123 {
font-size: 12px;
}
.text-block-123.for-fibre {
color: #000;
font-size: 1.1em;
}
.x-notice-list-3 {
width: auto;
height: 60px;
}
.x-plan-table-col-22 {
min-width: 128px;
flex-direction: column;
flex: none;
justify-content: flex-start;
display: block;
position: static;
}
.x-plan-table-col-22.remove-left-border {
flex: none;
}
.x-plan-table-column-2.for-title {
width: 90px;
}
.x-plan-table-header-30 {
z-index: 1;
background-color: #fff;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.x-plan-table-header-30.for-sidebar {
z-index: 1;
background-color: #fff;
position: -webkit-sticky;
position: sticky;
top: 130px;
}
.x-plan-table-header-30.for-sidebar.for-higher {
position: static;
}
.x-plan-table-sidebar-24 {
width: 228px;
}
.x-plan-table-sidebar-25 {
width: 200px;
}
.x-plan-table-sidebar-25.for-height {
width: 142px;
}
.x-di-title-5 {
font-size: 1.8em;
line-height: 30px;
}
.x-plan-table-col-23 {
min-width: 128px;
flex-direction: column;
justify-content: flex-start;
display: block;
position: static;
}
.x-wrapper-35 {
padding-top: 36px;
padding-bottom: 36px;
}
.x-plan-table-content-39 {
flex: 1;
align-self: auto;
position: relative;
overflow: auto;
}
.text-block-129 {
width: 90px;
}
.x-plan-table-header-31 {
z-index: 1;
background-color: #fff;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.x-plan-table-header-31.for-sidebar {
z-index: 1;
background-color: #fff;
position: -webkit-sticky;
position: sticky;
top: 130px;
}
.x-plan-table-header-31.for-sidebar.for-higher {
position: static;
}
.text-block-130 {
font-size: 12px;
}
.text-block-130.for-fibre {
color: #000;
font-size: 1.1em;
}
.x-plan-table-col-24 {
min-width: 128px;
flex-direction: column;
flex: none;
justify-content: flex-start;
display: block;
position: static;
}
.x-plan-table-col-24.remove-left-border {
flex: none;
}
.x-notice-list-4 {
width: auto;
}
.for-gadget-sim {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/64f581560c0549b43b88be46_Digi_GadgetSIM_PromotionsBanner.jpg");
}
.promotions-tab {
justify-content: center;
align-items: center;
}
.promotions-tab.for-roaming-mobile.w--current {
width: 100%;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-right: 0;
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.promotions-tab.for-roaming-mobile.for-postpaid.w--current, .promotions-tab.for-roaming-mobile.for-prepaid.w--current {
width: 80px;
}
.x-long-banner-image-5 {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
display: none;
}
.x-long-banner-5 {
border-radius: 8px;
}
.x-long-banner-5.for-bottom-margin.banner-data-layer {
background-color: rgba(0, 0, 0, 0);
display: block;
}
.process_line-2 {
height: 78%;
top: 0%;
bottom: 0%;
left: 25px;
right: auto;
}
.process_details-3 {
width: 90%;
min-height: auto;
justify-content: flex-start;
padding: 20px;
}
.process_details-3._02-only {
align-items: center;
padding-right: 20px;
}
.centre_block-4 {
width: 55px;
padding-left: 0;
}
.image-76 {
display: block;
}
.centre_icon_wrap-4 {
margin-left: 0;
margin-right: 0;
padding: 0;
}
.centre_icon_wrap-5 {
margin-left: 0;
padding: 0;
}
}
@media screen and (max-width: 479px) {
h1 {
font-size: 32px;
line-height: 40px;
}
h2 {
font-size: 1.5em;
line-height: 140%;
}
h4 {
font-size: 18px;
line-height: 22px;
}
h6 {
font-size: 14px;
}
figure {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.x-nav {
position: fixed;
}
.x-limit {
z-index: 10;
margin-left: 0;
margin-right: 0;
padding-left: 24px;
padding-right: 24px;
}
.x-limit.reskin {
max-width: 1600px;
padding-left: 10px;
padding-right: 10px;
}
.x-limit.for-bigger-width.for-next-mobile {
padding-left: 22px;
padding-right: 22px;
}
.x-area-group-link {
background-color: var(--black);
color: #fff;
border-radius: 8px;
font-size: 13px;
line-height: 18px;
}
.x-prime-nav-wrapper {
padding-top: 8px;
padding-bottom: 8px;
}
.x-brand-link {
margin-left: -4px;
}
.x-prime-nav-menu.for-m-hide {
display: none;
}
.x-brand-logo {
height: 48px;
padding-top: 0;
padding-bottom: 0;
}
.x-search-button.for-bg {
width: auto;
height: auto;
padding: 8px;
}
.x-icon {
font-size: 20px;
line-height: 20px;
display: inline-block;
}
.x-icon.for-opt-btn {
height: auto;
justify-content: center;
padding: 8px;
}
.x-icon.for-opt-btn.for-fix {
width: 36px;
height: 36px;
align-items: center;
}
.x-icon.for-mydigi {
height: 48px;
height: 48px;
}
.x-icon.for-business {
width: auto;
height: auto;
padding: 8px;
}
.x-icon.for-mydigi {
height: 48px;
}
.x-prime-dd-wrapper {
padding-top: 16px;
padding-left: 16px;
padding-right: 16px;
}
.x-emp-text {
flex-direction: column;
align-items: flex-start;
}
.x-emp-text.for-title {
margin-bottom: 8px;
font-size: 20px;
line-height: 24px;
}
.x-emp-text.for-title.x-adjust-font-size {
font-size: 15px;
line-height: 18px;
}
.x-emp-text.for-val-large {
font-size: 28px;
line-height: 34px;
}
.x-emp-text.for-val-mid {
font-size: 20px;
line-height: 25px;
}
.x-emp-text.for-val-mid.for-smaller-text {
font-size: 16px;
}
.x-emp-text.for-exclusive {
line-height: 18px;
}
.x-emp-text.for-familiku {
margin-right: 8px;
}
.x-emp-text.for-fibre {
margin-left: 15px;
line-height: 18px;
}
.x-emp-text.for-fibre.for-small {
margin-left: 15px;
font-size: 12px;
}
.x-emp-text.for-fibre.forbold {
margin-left: 15px;
line-height: 16px;
}
.x-emp-text.for-fibre.forbold.for-right-padding {
margin-right: 20px;
}
.x-emp-text.for-exclusive {
margin-left: 15px;
line-height: 18px;
}
.x-emp-text.for-raja-kombo {
margin-left: 15px;
font-size: 12px;
line-height: 18px;
}
.x-emp-text.for-abadi {
margin-bottom: -8px;
font-size: 20px;
line-height: 24px;
}
.x-mobile-nav-toggle-btn {
margin-left: 8px;
}
.x-mobile-nav-toggle-btn.for-idle {
padding: 8px;
}
.x-search-input {
font-size: 18px;
}
.x-master {
padding-top: 63px;
position: static;
}
.x-master.for-home {
padding-top: 63px;
}
.x-master.for-ep {
padding-top: 64px;
}
.x-master.for-ekyc {
padding-top: 60px;
}
.x-wrapper-2 {
padding-top: 0;
padding-bottom: 40px;
display: block;
position: relative;
}
.x-wrapper-2.for-prime-hero {
padding-top: 16px;
padding-bottom: 40px;
}
.x-wrapper-2.for-prime-hero.find-a-digi-store {
padding-bottom: 16px;
}
.x-wrapper-2.header.no-margin {
padding-top: 36px;
}
.x-wrapper-2.for-free-device {
flex-direction: column;
padding-bottom: 117px;
}
.x-wrapper-2.for-bottom-padding.for-network {
padding-bottom: 0;
}
.x-wrapper-2.for-no-padding {
padding-top: 0;
}
.x-wrapper-2.for-google-play {
padding-top: 36px;
padding-bottom: 0;
}
.x-section.for-yellow.for-only-mobile {
background-color: var(--ultra-light-yellow);
}
.x-section.for-skorbsdg {
background-position: 10% 0;
}
.x-section.for-pg-bg-yellow, .x-section.for-pg-dark-blue, .x-section.for-pg-bg-blue, .x-section.for-flip4all-bg {
border-top-left-radius: 50px;
border-top-right-radius: 50px;
}
.x-section.flip4all-bg2 {
border-bottom-right-radius: 50px;
border-bottom-left-radius: 50px;
}
.x-section.for-pg-bg-blue {
border-top-left-radius: 50px;
border-top-right-radius: 50px;
}
.x-section.for-sfc-footer {
margin-top: -225px;
}
.x-section.cd-fibre-postpaid {
background-position: 0 100%, 0 0, 50%;
}
.x-section.for-pg-bg-green {
border-top-left-radius: 50px;
border-top-right-radius: 50px;
}
.x-subnav {
top: 64px;
}
.x-hero-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
display: grid;
}
.x-hero-wrapper.for-slider {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column-reverse;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: space-between;
justify-content: flex-end;
align-items: stretch;
display: grid;
}
.x-hero-wrapper.for-simple.for-store {
grid-template-columns: 1fr;
}
.x-lead-text.for-nopad {
margin-top: 0;
font-size: 1em;
font-weight: 500;
line-height: 140%;
}
.x-lead-text.for-nopad.for-mobile-hide, .x-lead-text.for-nopad.for-desktop {
display: none;
}
.x-lead-text.for-limit-60 {
font-size: 16px;
line-height: 140%;
}
.x-lead-text.for-limit-60.for-smaller-text.for-center {
margin-top: 0;
font-size: 14px;
}
.x-lead-text.for-slider {
margin-bottom: 16px;
font-size: 1.1em;
line-height: 130%;
}
.x-lead-text.for-small {
font-size: 16px;
line-height: 26px;
}
.x-lead-text.for-center {
font-size: 18px;
}
.x-lead-text.for-nopad {
margin-top: 0;
font-size: 1em;
font-weight: 500;
line-height: 140%;
}
.x-lead-text.for-ppkm-tab-lead {
font-size: 16px;
line-height: 24px;
}
.x-lead-text.for-center {
font-size: 18px;
}
.x-lead-text.for-limit-60 {
font-size: 16px;
line-height: 140%;
}
.x-lead-text.for-font-smaller-on-mobile {
font-size: 16px;
line-height: 20px;
}
.x-section-header.for-center.need-help-adjust {
margin-bottom: 10px;
}
.x-section-header.centre {
width: 100%;
margin-bottom: 20px;
}
.x-section-header.centre.for-side-padding {
padding-left: 0;
padding-right: 0;
}
.x-section-header.centre.for-prepaid-next {
flex-direction: column;
align-items: center;
display: flex;
}
.x-rate-plan-block {
margin-bottom: -40px;
}
.x-content-plan-linebar.for-titled {
justify-content: flex-start;
margin-top: 10px;
}
.x-rate-plan-item {
width: 228px;
}
.x-rate-plan-card.for-focus {
box-shadow: inset 0 0 0 2px var(--link-blue), 0 4px 8px -4px rgba(3, 155, 229, .4), 0 8px 24px -4px rgba(3, 155, 229, .4);
}
.x-rate-plan-card-wrapper.for-althr {
grid-template-columns: 1fr;
}
.x-rate-plan-card-feat.for-line {
border-left-style: none;
padding-left: 0;
}
.x-tab {
display: block;
}
.x-tab-menu {
margin-left: -24px;
margin-right: -24px;
padding-left: 24px;
padding-right: 24px;
overflow: auto;
}
.x-tab-menu.centre.buttons-style {
border: 1px #000;
flex-direction: row;
align-items: center;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
overflow: visible;
}
.x-tab-menu.centre.buttons-style.for-postpaid {
flex-wrap: wrap;
align-content: space-between;
}
.x-tab-menu.centre.buttons-style.for-postpaid.for-ekyc {
flex-flow: row;
}
.x-tab-menu.centre.buttons-style.for-ads {
flex-wrap: wrap;
align-content: space-between;
}
.x-tab-menu.centre.buttons-style.for-ads-4-tabs {
flex-flow: wrap;
justify-content: center;
align-items: center;
overflow: visible;
}
.tab-postpaid150.left-button {
margin-bottom: 0;
margin-right: 0;
}
.tab-postpaid150.left-button.w--current {
padding-left: 25px;
padding-right: 25px;
}
.tab-postpaid150.right-button {
margin-bottom: 0;
margin-left: 5px;
}
.tab-postpaid150.right-button.w--current {
margin-top: 15px;
margin-left: 0;
}
.x-tab-pane {
padding-bottom: 24px;
}
.x-rate-table-col {
min-width: 50%;
}
.x-rate-plan-card-focus.for-mobile {
margin-left: 74px;
line-height: 12px;
}
.x-footer-wrapper {
grid-column-gap: 24px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.x-footer-col {
margin-bottom: 0;
}
.x-social-link-block {
margin-bottom: 16px;
}
.x-social-link-btn {
font-size: 40px;
line-height: 40px;
}
.x-btn-container {
flex-direction: column;
margin-left: -4px;
margin-right: -4px;
}
.x-btn-container.for-cta {
flex-direction: row;
}
.x-btn-container.for-cta.for-idd-pass {
margin-bottom: 0;
}
.x-btn-container.for-cta.for-center-2.for-remove-padding {
flex-direction: row;
margin-left: -10px;
margin-right: -10px;
}
.x-btn-container.for-cta.for-center-2.for-remove-padding.for-vertical {
flex-direction: column;
}
.x-btn-container.for-cta.for-center-2.for-remove-padding.show-for-mobile {
display: block;
}
.x-btn-container.for-cta.for-center-2.for-remove-padding.hide-for-mobile {
display: none;
}
.x-btn-container.for-cta.for-mobile {
margin-top: -15px;
}
.x-btn-container.for-cta.for-horizontal {
flex-direction: row;
}
.x-btn-container.for-cta.for-tablet {
margin-top: -15px;
}
.x-btn-container.for-promo {
flex-flow: wrap;
margin-bottom: -8px;
}
.x-btn-container.for-promo-list {
grid-column-gap: 16px;
grid-row-gap: 12px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.x-btn-container.for-appdownload {
grid-template-columns: 1fr;
margin-top: 16px;
}
.x-btn-container.for-appdownload.for-static {
grid-column-gap: 8px;
grid-row-gap: 16px;
flex-flow: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
align-content: stretch;
justify-items: center;
margin-left: -4px;
margin-right: -4px;
display: flex;
}
.x-btn-container.for-pakej-keluarga {
display: block;
}
.x-btn-container.for-center {
flex-direction: column;
}
.x-btn-container.for-center.add-margin {
flex-wrap: wrap;
}
.x-btn-container.for-center.add-margin.for-mobile-hide {
display: none;
}
.x-btn-container.for-center.for-senior-citizen {
flex-flow: row;
}
.x-btn-container.for-cta.for-center-2, .x-btn-container.for-samsung-s23-contest {
flex-direction: row;
}
.x-btn {
min-width: 88px;
margin-bottom: 8px;
margin-left: 4px;
margin-right: 4px;
padding-left: 16px;
padding-right: 16px;
line-height: 20px;
}
.x-btn.for-secondary {
background-color: #fff;
}
.x-btn.for-help {
margin-right: 0;
padding: 6px 12px;
font-size: 1em;
}
.x-btn.toggle-popup.for-full.x-table-flip-btn {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.x-btn.toggle-popup.banner-data-layer {
font-size: 12px;
}
.x-btn.for-larger.for-ekyc {
padding-left: 10px;
padding-right: 10px;
}
.x-btn.banner-data-layer.for-roaming {
margin-top: 10px;
margin-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
.x-btn.banner-data-layer.for-roaming.match-roaming-two {
width: 255px;
}
.x-btn.banner-data-layer.for-decrease-padding {
padding-left: 10px;
padding-right: 10px;
}
.x-btn.banner-data-layer.add-padding {
padding-left: 20px;
padding-right: 20px;
}
.x-btn.banner-data-layer.match-roaming-one {
width: 220px;
}
.x-btn.banner-data-layer.match-roaming-two {
width: 255px;
}
.x-btn.for-colouringmalaysiaku {
padding-left: 30px;
padding-right: 30px;
font-size: 18px;
}
.x-btn.for-iphone {
max-width: none;
margin-top: 10px;
margin-left: 0;
margin-right: 0;
}
.x-btn.match-roaming-one {
width: 220px;
}
.x-btn.for-samsung-s23-contest {
background-color: #fff;
}
.x-footer-list {
display: none;
}
.x-rate-copy-block {
grid-column-gap: 5px;
grid-row-gap: 5px;
}
.x-rate-copy-block.for-right {
flex-flow: wrap-reverse;
align-content: stretch;
justify-content: flex-start;
align-items: stretch;
}
.x-rate-copy-block.for-btl {
grid-template-columns: 1fr;
}
.x-content-wrapper {
flex-wrap: nowrap;
}
.x-content-wrapper.for-hide {
display: none;
}
.x-content-wrapper.for-block {
display: block;
}
.x-content-copy-img, .x-content-copy-img.for-right {
margin-top: 0;
}
.x-content-copy-img.for-right.for-vowifi {
width: 90%;
}
.x-content-block {
position: relative;
overflow: visible;
}
.x-content-block.for-no-top-padding {
margin-top: 0;
}
.x-content-block.add-padding {
margin-right: 20px;
}
.x-content-block.add-padding.remove-padding {
margin-right: 0;
}
.x-content-block.add-padding {
margin-right: 20px;
}
.x-content-block.for-padding {
padding-left: 0;
padding-right: 0;
}
.x-content-block.remove-padding {
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.x-content-block.add-padding {
margin-right: 20px;
}
.x-content-block.add-padding.for-width {
margin-right: 0;
}
.x-content-block.add-padding {
margin-right: 20px;
}
.x-content-block.add-padding.for-width {
margin-right: 0;
}
.x-img-block.for-square {
width: 100%;
height: 100%;
}
.x-card-block {
grid-column-gap: 8px;
grid-row-gap: 16px;
text-align: center;
grid-template-columns: 1fr 1fr;
justify-items: start;
}
.x-card-block.for-4 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-flow: column;
align-content: stretch;
justify-items: start;
overflow: visible;
}
.x-card-block.for-4.for-solution {
grid-row-gap: 16px;
grid-template-columns: 1fr;
}
.x-card-block.for-4.add-margin {
grid-template-rows: auto;
grid-template-columns: 48% 48%;
}
.x-card-block.for-4.for-esim {
grid-template-columns: 1fr;
}
.x-card-block.for-4.mobile, .x-card-block.for-4, .x-card-block.for-5 {
grid-template-columns: 1fr 1fr;
}
.x-card-block.for-3 {
grid-row-gap: 16px;
grid-template-columns: 1fr;
}
.x-card-block.for-3._2-columns-mobile {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-columns: 1fr 1fr;
}
.x-card-block.for-3.hide-for-desktop {
grid-template-columns: 1fr 1fr;
}
.x-card-block.for-2 {
grid-template-columns: 1fr;
}
.x-card-block.for-8 {
grid-template-columns: 1fr 1fr;
}
.x-card-block.for-digizen {
grid-template-columns: 1fr;
}
.x-card-block.for-2-rows {
grid-template-columns: 1fr 1fr;
justify-items: start;
}
.x-card-block.for-3-5g.for-top-padding {
grid-template-columns: 1fr;
justify-items: center;
}
.x-card-block.for-3-5g.for-top-padding.for-2-column {
grid-template-columns: 50% 50%;
}
.x-card-block.for-next.for-top-padding {
grid-template-columns: 1fr;
justify-items: center;
display: none;
}
.x-card-block.for-next.for-top-padding.for-4, .x-card-block.for-next.for-top-padding.for-4.desktop {
grid-template-columns: 1fr 1fr;
}
.x-card-block.for-next.for-top-padding.for-mobile {
grid-column-gap: 10px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.x-card-block.for-next.for-top-padding.for-mobile.for-no-grid {
display: flex;
}
.x-card-block.for-5 {
grid-template-columns: 1fr 1fr;
}
.x-card-block.for-3 {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-columns: 1fr;
}
.x-card-block.for-2-rows {
grid-template-columns: 1fr 1fr;
justify-items: start;
}
.x-card-block.for-testimonial {
margin-top: 20px;
}
.x-card-block.for-4 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-flow: row;
align-content: stretch;
justify-items: start;
overflow: visible;
}
.x-card-block._2-columns-mobile {
grid-template-columns: 1fr 1fr;
}
.x-card {
width: 100%;
text-align: left;
}
.x-card.borderless {
flex-direction: column;
padding-left: 5px;
padding-right: 5px;
}
.x-card.for-testimonial {
grid-template-columns: 1fr;
}
.x-card-img.for-smaller {
height: 60px;
}
.x-card-label {
line-height: 20px;
}
.x-guide-card-block.for-3 {
grid-template-columns: 1fr 1fr;
}
.x-guide-card-block.centre, .x-guide-card-block.centre.for-3, .x-guide-card-block.for-3-snapshot, .x-guide-card-block.for-mobile, .x-guide-card-block.for-esim, .x-guide-card-block.for-volte, .x-guide-card-block.for-airsim {
grid-template-columns: 1fr;
}
.x-guide-card-item.for-idd {
flex-direction: row;
}
.x-guide-card-item-info.for-snapshot {
text-align: center;
margin-bottom: 0;
padding-top: 16px;
padding-left: 16px;
}
.x-guide-card-item-img {
margin-left: auto;
margin-right: auto;
}
.x-hero-side-banner {
height: 240px;
object-fit: cover;
position: absolute;
top: 0%;
bottom: 0%;
left: auto;
right: -12%;
}
.x-hero-side-banner.for-slider {
object-fit: contain;
position: relative;
}
.x-hero-side-banner.for-slider.for-mobile {
height: 180px;
object-fit: cover;
}
.x-onboard-plan-img {
height: 84px;
}
.x-hero-container {
width: 230px;
background-image: linear-gradient(85deg, #ffd000 8%, rgba(255, 230, 0, .8) 58%, rgba(255, 230, 0, .46) 80%, rgba(255, 230, 0, 0) 96%);
padding-top: 24px;
padding-bottom: 24px;
}
.x-hero-container.for-slider {
margin-top: -10px;
padding: 8px 16px;
}
.x-hero-container.for-banner {
width: 50%;
padding: 12px 0 12px 16px;
}
.x-hero-container.for-banner.for-white-text {
color: var(--white);
}
.x-card-title {
white-space: normal;
line-height: 18px;
}
.x-card-title.for-small {
font-size: 14px;
}
.x-plan-table-block {
margin-right: -24px;
position: relative;
}
.x-plan-table-block.for-one-col {
margin-right: 0;
}
.x-plan-table-block.add-right-border-2 {
width: 100%;
margin-right: 0;
}
.x-plan-table-block.remove-padding {
margin-right: 0;
}
.x-plan-table-sidebar {
width: 140px;
}
.x-plan-table-sidebar.for-merge {
width: 140px;
border-top: 1px none var(--grey-text);
}
.x-plan-table-content.x-add-padding {
margin-right: 14px;
padding-right: 0;
}
.x-plan-table-header {
height: 80px;
padding: 16px;
position: relative;
top: auto;
}
.x-plan-table-header.for-sidebar {
padding-bottom: 0;
position: static;
}
.x-plan-table-header.for-sidebar.for-merge {
width: auto;
}
.x-plan-table-header.for-sidebar.for-merge.mb-bd {
border-top-style: none;
}
.x-plan-table-header.for-sidebar.for-higher.for-prepaid-bundle.for-left-border-radius {
width: 140px;
}
.x-plan-table-header.for-sidebar.for-higher.for-prepaid-bundle.for-center {
width: 150px;
}
.x-plan-table-header.for-sidebar.for-higher.for-prepaid-bundle.for-light-yellow {
width: 140px;
}
.x-plan-table-header.for-sidebar.for-higher.for-prepaid-next.for-left-border-radius {
width: 160px;
}
.x-plan-table-header.for-sidebar.for-higher.for-prepaid-next.for-light-yellow.with-label {
padding-top: 20px;
}
.x-plan-table-header.for-sidebar.for-higher.for-prepaid-next.for-light-yellow {
width: 160px;
}
.x-plan-table-header.for-sidebar.for-higher.for-khas-belia.for-left-border-radius {
width: 140px;
}
.x-plan-table-header.for-sidebar.for-higher.for-khas-belia.for-light-yellow {
width: 140px;
height: 120px;
}
.x-plan-table-header.for-sidebar.for-higher.for-raja-kombo.for-left-border-radius {
width: 140px;
}
.x-plan-table-header.for-sidebar.for-higher.for-raja-kombo.for-left-border-radius.for-size {
width: 160px;
}
.x-plan-table-header.for-sidebar.for-higher.for-raja-kombo.for-center.for-relative {
position: relative;
}
.x-plan-table-header.for-sidebar.for-higher.for-raja-kombo.for-light-yellow {
width: 140px;
}
.x-plan-table-header.for-sidebar.for-higher.for-raja-kombo.for-light-yellow.for-size {
width: 160px;
}
.x-plan-table-header.for-sidebar.for-higher.for-raja-kombo.for-center {
position: static;
}
.x-plan-table-col {
min-width: 100%;
position: relative;
}
.x-plan-table-col.for-one-col {
width: 65%;
}
.x-plan-table-h3 {
margin-bottom: 0;
}
.x-plan-table-h3.for-ppkm-header {
margin-bottom: 45px;
line-height: 25px;
}
.x-plan-table-h3.for-ppkm-header.x-adjust-margin {
margin-bottom: 10px;
}
.x-plan-table-h3.for-new-ppkm-header {
margin-bottom: 45px;
line-height: 25px;
}
.x-plan-table-h3.for-new-ppkm-header.x-adjust-margin {
margin-top: 15px;
margin-bottom: 5px;
margin-left: 15px;
font-size: 16px;
}
.x-plan-table-h3.add-padding.mobile {
margin-left: 10px;
}
.x-plan-table-h3.add-padding.mobile.remove-padding {
margin-left: 0;
}
.x-plan-table-h3.add-padding.mobile {
text-align: center;
text-align: center;
text-align: center;
text-align: center;
text-align: center;
text-align: center;
margin-left: 0;
font-size: 16px;
line-height: 22px;
}
.x-plan-table-h3.for-prepaid-next {
margin-bottom: 0;
font-size: 16px;
}
.x-plan-table-h3.for-prepaid-next.for-bold {
font-size: 16px;
}
.x-plan-table-row {
height: 92px;
padding-right: 12px;
}
.x-plan-table-row.for-center {
height: 92px;
padding: 6px;
font-size: 13px;
font-weight: 500;
line-height: 18px;
}
.x-plan-table-row.for-center.for-last.mobile-broadband-borders {
z-index: 20;
margin-left: auto;
}
.x-plan-table-row.for-center.for-huawei.adjust-device-addon {
height: 220px;
}
.x-plan-table-row.for-center.x-for-table-flip {
padding: 0;
}
.x-plan-table-row.for-center.for-horizontal.for-vertical {
flex-direction: column;
}
.x-plan-table-row.for-logo {
height: 92px;
}
.x-plan-table-row.for-higher.for-internet-addon {
margin-top: 60px;
}
.x-plan-table-row.for-huawei.adjust-device-addon.padding-20.add-bottom-stroke-2 {
margin-top: 2px;
padding-bottom: 0;
}
.x-plan-table-row.for-vivo-715a {
padding-right: 35px;
}
.x-plan-table-row.padding-20 {
padding-left: 5px;
}
.x-small-text.for-plan-table {
display: none;
}
.x-focus-span.for-red {
font-weight: 600;
}
.x-focus-span.for-absolute.for-red {
z-index: 10;
padding: 0 2px;
font-size: 11px;
}
.x-endnote-h2 {
padding-left: 0;
padding-right: 0;
font-size: 24px;
line-height: 32px;
}
.x-endnote-h2.for-pakej-remaja {
font-size: 22px;
}
.x-plan-table-text {
display: none;
}
.x-hero-slider {
max-width: 88%;
}
.x-hero-slider-pane {
width: 95%;
height: auto;
margin-right: 16px;
overflow: hidden;
}
.x-hero-slider-pane.for-prepaid {
height: 380px;
}
.x-hero-slider-arrow {
display: none;
}
.x-menu-grid-img.for-help {
height: auto;
}
.x-menu-grid-title {
font-size: 16px;
}
.x-promo-card-list {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-columns: 1fr;
}
.x-promo-card-data {
padding: 8px;
font-size: 12px;
line-height: 16px;
}
.x-promo-card-data.for-digital-solutions {
padding-bottom: 15px;
}
.x-promo-card-data.for-5g, .x-promo-card-data.for-digital-solutions {
padding-top: 15px;
padding-bottom: 15px;
}
.x-simple-card-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-columns: 1fr;
}
.x-simple-card-list.x-grid-4 {
grid-template-columns: 1fr 1fr;
}
.x-simple-card-link {
flex-direction: row;
padding-top: 12px;
padding-bottom: 12px;
}
.x-simple-card-link.x-card-verti {
flex-direction: column;
align-items: flex-start;
padding-left: 15px;
}
.x-slider-h1 {
margin-bottom: 8px;
font-size: 20px;
line-height: 28px;
}
.x-float-helper {
z-index: 9000;
transform: translate(-50%);
}
.x-link-btn {
margin-left: 4px;
margin-right: 4px;
}
.x-deck-text {
margin-bottom: 10px;
}
.x-promo-h1 {
font-size: 24px;
line-height: 32px;
}
.x-cart-main {
background-color: var(--ultra-light-grey);
padding-top: 24px;
padding-bottom: 0;
}
.x-cart-wrapper {
padding-left: 24px;
padding-right: 24px;
}
.x-step-list {
padding-left: 0;
}
.x-step-item {
background-color: var(--white);
border-radius: 0;
margin-bottom: -1px;
padding-bottom: 32px;
padding-left: 40px;
}
.x-step-block {
margin-bottom: 128px;
margin-left: -24px;
margin-right: -24px;
}
.x-form-block.for-lead-form {
padding-left: 15px;
padding-right: 15px;
}
.x-cart-close-btn {
margin-bottom: 16px;
}
.x-cart-close-btn.for-form {
color: var(--black);
margin-right: 8px;
padding: 0;
font-size: 1.8em;
line-height: 1em;
}
.x-cart-close-btn.for-form:hover {
background-color: var(--bottom-nav);
}
.x-input-row {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.x-input-row.idd-rates.flex-child {
grid-template-columns: 1fr;
}
.x-input-row.idd-rates.add-margin {
margin-left: 0;
margin-right: 0;
}
.x-input-block {
margin-bottom: 32px;
}
.x-input-label.for-idle {
font-size: 12px;
}
.x-input-label.for-idle.add-padding {
padding-right: 13px;
line-height: 20px;
}
.x-input-label.for-idle-2 {
font-size: 12px;
}
.x-input-label.for-idle-2.add-padding {
padding-right: 13px;
line-height: 20px;
}
.x-input-text.for-test-kit, .x-input-text.for-test-kit.for-date {
font-size: 14px;
}
.x-input-text.add-height {
height: 115px;
}
.x-input-col.dont-expand {
width: 270px;
}
.x-input-col.dont-expand.right-padding {
width: 270px;
margin-left: 0;
}
.x-input-col.dont-expand.left-padding {
width: 270px;
margin-right: 0;
}
.x-input-col.dont-expand {
width: 270px;
}
.x-input-col.dont-expand.left-padding {
width: 270px;
margin-right: 0;
}
.x-input-col.dont-expand.right-padding {
width: 270px;
margin-left: 0;
}
.x-input-toggle-label {
height: 100%;
}
.x-input-toggle-radio, .x-input-toggle-radio.w--redirected-checked {
position: absolute;
}
.x-input-check-btn {
flex: none;
margin-right: 12px;
}
.x-input-select {
font-size: 14px;
}
.x-input-tac {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.x-tile-plan-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-columns: 1fr;
}
.x-device-list-item {
padding: 15px;
}
.x-breadcrumb-wrapper {
flex-wrap: wrap;
align-items: center;
margin-bottom: 24px;
}
.x-step-h3 {
margin-bottom: 8px;
font-size: 1.3em;
line-height: 1.4em;
}
.x-black-overlay {
z-index: 8999;
background-color: rgba(36, 36, 36, .64);
display: block;
}
.x-buy-opt-modal {
width: 90%;
min-width: 0;
}
.x-buy-opt-modal.for-hide-2 {
display: none;
}
.x-buy-opt-wrapper, .x-buy-opt-wrapper.x-add-pad {
padding-top: 24px;
}
.x-modal-header {
border-bottom: 1px solid var(--line);
background-color: var(--ultra-light-grey);
padding-top: 8px;
padding-bottom: 8px;
}
.x-input-cart-toggle-item {
padding: 12px 16px;
}
.x-form-nav-header {
border-bottom: 1px solid var(--line);
background-color: #fff;
margin-bottom: 0;
padding: 12px 24px;
}
.x-form-h1 {
margin-bottom: 0;
font-size: 1.2em;
font-weight: 600;
}
.x-form-wrapper {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.x-ekyc-form {
width: 100%;
}
.x-form-nav-wrapper {
align-items: center;
}
.x-m-quick-nav {
grid-column-gap: 9px;
grid-row-gap: 16px;
border-style: none;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 24px;
margin-bottom: 16px;
display: grid;
}
.x-hero-slider-link {
height: 100%;
}
.x-shop-list {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-columns: 1fr 1fr;
}
.x-shop-list.for-3 {
grid-template-columns: 1fr 1fr;
}
.x-shop-list.for-5 {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-columns: 1fr 1fr;
}
.x-shop-item-data {
margin-top: 8px;
font-size: 10px;
line-height: 12px;
}
.x-shop-more-btn {
min-width: 80px;
font-size: 14px;
line-height: 20px;
}
.x-shop-more-btn.for-align {
margin-top: 0;
}
.x-lang-picker-block {
top: -3%;
right: -3%;
}
.x-lang-picker-block.for-raja-kombo {
top: 10px;
right: 5px;
}
.x-video-gallery-block {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.x-video-item {
width: 268px;
}
.x-video-item.for-full {
width: 100%;
}
.x-banner-list {
height: auto;
grid-column-gap: 12px;
grid-row-gap: 24px;
grid-template-columns: 1fr;
}
.x-banner-list.for-4 {
grid-row-gap: 24px;
grid-template-columns: 1fr;
}
.x-banner-list.for-jaringan {
grid-template-columns: 1fr;
}
.x-banner-list.for-two {
grid-template-rows: auto auto;
}
.x-banner-list.for-2.for-height, .x-banner-item.for-height {
height: auto;
}
.x-banner-item-img.for-border {
border-width: 2px;
}
.heading-3 {
font-size: 1.4em;
}
.x-plan-table-merged {
width: 100%;
grid-template-columns: minmax(140px, 140px) 1fr;
}
.x-broadcast-container {
grid-template-columns: 1fr;
font-size: 12px;
line-height: 18px;
}
.x-broadcast-container.for-mcmc {
grid-template-columns: auto auto;
}
.x-broadcast-badge {
padding: 3px;
font-size: 12px;
display: none;
}
.x-broadcast-teaser {
color: var(--black);
font-size: 12px;
line-height: 18px;
}
.x-emp-rrp {
flex-direction: column;
align-items: flex-start;
}
.x-promo-date {
grid-template-columns: 87px 1fr;
}
.x-bod-popup-wrapper {
padding-top: 0;
overflow: visible;
}
.x-bod-info-row {
flex-direction: column;
}
.x-bod-info-img {
width: 100%;
height: auto;
border-width: 8px;
border-radius: 48px;
margin-bottom: 16px;
}
.x-bod-info-heading {
font-size: 1.4em;
}
.x-bod-rich-text.btm {
padding-bottom: 100px;
}
.x-redirect-block.for-4 {
grid-template-columns: 1fr;
}
.x-redirect-block.for-smaller.for-4 {
grid-template-columns: minmax(200px, 1fr);
}
.x-redirect-block.for-store {
grid-column-gap: 14px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
margin-left: -32px;
padding-bottom: 8px;
padding-left: 32px;
padding-right: 32px;
}
.x-redirect-block.for-pf365 {
width: auto;
grid-column-gap: 10px;
grid-row-gap: 10px;
flex: 0 auto;
grid-template-rows: auto;
grid-template-columns: auto auto auto;
grid-auto-columns: 1fr;
justify-content: start;
align-self: flex-start;
justify-items: center;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: grid;
overflow: visible;
}
.x-redirect-block.for-android {
grid-column-gap: 15px;
grid-row-gap: 15px;
width: auto;
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: start;
justify-items: center;
padding-left: 0;
padding-right: 0;
overflow: scroll;
}
.x-redirect-block.for-android.for-2-colimns {
grid-column-gap: 15px;
grid-row-gap: 15px;
grid-template-columns: auto auto;
justify-content: center;
overflow: visible;
}
.x-redirect-block.for-prepaid-all {
width: auto;
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: center;
justify-items: center;
padding-left: 0;
padding-right: 0;
overflow: scroll;
}
.x-redirect-link {
justify-content: flex-start;
align-items: center;
padding: 12px;
}
.x-redirect-link.for-store {
width: 110px;
padding: 6px;
}
.x-redirect-link.for-iphones {
width: auto;
height: 140px;
justify-content: center;
padding-top: 10px;
padding-bottom: 10px;
}
.x-redirect-link.for-iphones.for-mobile {
width: auto;
height: 140px;
}
.x-redirect-link.for-iphones.for-width {
width: auto;
}
.x-redirect-link.for-pf365 {
width: 120px;
height: 150px;
margin-top: 0;
}
.x-redirect-link.for-iphones {
width: auto;
height: 140px;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column-reverse;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
align-items: flex-start;
justify-items: center;
display: flex;
}
.x-redirect-link.for-iphones.for-mobile {
width: 130px;
}
.x-redirect-link.for-prepaid-all {
width: 120px;
height: 150px;
}
.x-redirect-cta-subheading.for-pf365 {
text-align: center;
text-align: center;
text-align: center;
font-size: 10px;
line-height: 16px;
}
.x-redirect-cta-subheading.for-pf365.reduce-padding {
line-height: 13px;
}
.x-redirect-cta-subheading.for-pf365 {
text-align: center;
font-size: 10px;
line-height: 16px;
}
.x-redirect-text.for-iphones {
margin-top: 0;
}
.x-redirect-text.for-prepaid-all {
width: 100%;
}
.x-redirect-image {
width: 80px;
bottom: 0;
left: 0;
}
.x-redirect-image.for-pf365 {
width: 76px;
padding-left: 20px;
padding-right: 20px;
}
.x-redirect-image.for-pf365.remove-padding {
padding: 20px 0 0;
}
.x-redirect-image.for-pf365 {
padding-left: 20px;
padding-right: 20px;
}
.x-redirect-image.for-pf365.for-mobile {
padding-left: 18px;
padding-right: 18px;
}
.x-redirect-image.for-pf365.for-5g {
padding-left: 10px;
padding-right: 10px;
}
.x-redirect-image.for-android {
padding-left: 20px;
padding-right: 20px;
}
.x-redirect-image.for-android.remove-padding {
padding: 20px 0 0;
}
.x-redirect-image.for-android {
padding-left: 20px;
padding-right: 20px;
}
.x-redirect-image.for-android.for-mobile {
padding-left: 18px;
padding-right: 18px;
}
.x-redirect-image.for-android.remove-padding {
width: 98px;
}
.x-redirect-image.for-android.remove-padding.for-mobile {
width: 80px;
padding-left: 0;
padding-right: 0;
}
.x-redirect-icon {
margin-left: 4px;
font-size: 18px;
line-height: 20px;
display: inline-block;
}
.x-btl-img-banner {
border-radius: 8px;
margin-bottom: 16px;
position: relative;
}
.x-hero-grid-banner {
height: 220px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: .75fr 0;
grid-auto-columns: 1fr;
justify-content: space-between;
display: flex;
}
.x-hero-grid-banner.for-catalogue {
height: 160px;
}
.x-hero-side-banner-img {
height: 190px;
object-fit: cover;
padding: 0;
display: none;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.x-limit.for-banner {
padding: 16px 24px;
}
.x-hero-heading {
margin-bottom: 4px;
font-size: 1.6em;
font-weight: 700;
line-height: 120%;
}
.x-hero-heading.x-adjust-leading {
line-height: 110%;
}
.x-hero-side-banner-mobile {
height: 100%;
object-fit: cover;
padding: 0;
display: block;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.x-bod-info-gender {
font-size: 16px;
font-weight: 500;
}
.x-solution-feature-container {
grid-template-columns: 1fr;
}
.x-solution-feature-rich-text img {
width: 100%;
}
.x-solution-benefit-rt img {
height: 72px;
}
.x-solution-benefit-rt figure {
height: 100%;
}
.x-solution-testimonial-rt img {
width: 100%;
}
.x-store-sub-heading {
margin-top: -36px;
margin-bottom: 12px;
}
.x-long-banner-image {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.x-long-banner-image-mobile {
width: auto;
padding-left: 0;
padding-right: 0;
}
.x-testimonial-slide.for-one {
margin-right: 0;
padding-bottom: 0;
}
.slider {
margin-left: -24px;
margin-right: -24px;
padding-left: 24px;
padding-right: 24px;
overflow: hidden;
}
.x-testimonial-arrow {
width: 28px;
height: 28px;
font-size: 18px;
}
.left-arrow {
left: -18px;
}
.x-testimonial-mask.for-3 {
overflow: visible;
}
.right-arrow {
right: -16%;
}
.right-arrow.fibre {
right: -12%;
overflow: hidden;
}
.x-image-card-container {
grid-template-columns: 1fr;
overflow: visible;
}
.x-image-card-container.for-promo {
grid-row-gap: 16px;
grid-template-columns: 1fr;
}
.x-image-card-container.for-promo.version-2 {
grid-row-gap: 24px;
grid-template-columns: 1fr;
}
.x-image-card-container.for-slide {
grid-column-gap: 16px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
margin-left: -24px;
margin-right: -24px;
padding-bottom: 16px;
padding-left: 24px;
overflow: auto;
}
.x-image-card-container.for-bottom-margin, .x-image-card-container.for-3 {
grid-template-columns: 1fr;
}
.x-image-card.for-bottom-margin {
margin-bottom: 35px;
}
.x-image-card-p {
color: var(--black);
}
.x-input-heading {
margin-bottom: 8px;
font-size: 18px;
line-height: 24px;
}
.x-promotion-rt {
border-style: none;
border-radius: 0;
padding: 0;
}
.x-form-tab-link {
min-width: 0;
font-size: 12px;
}
.x-form-tab-link.w--current {
min-width: 0;
white-space: normal;
}
.tabs-menu {
width: 100%;
}
.x-wrapper {
padding-top: 40px;
padding-bottom: 40px;
}
.x-wrapper.for-less-padding {
padding-top: 20px;
padding-bottom: 0;
}
.x-wrapper.for-less-padding.for-pf365 {
margin-top: 0;
padding-top: 40px;
}
.x-wrapper.for-hero.remove-b-padding {
padding-bottom: 20px;
}
.x-wrapper.decrease-padding {
margin-top: 0;
padding-top: 20px;
}
.x-wrapper.for-promotions {
margin-top: 20px;
}
.x-wrapper.for-padding, .x-wrapper.remove-padding {
padding-bottom: 0;
}
.x-home-promo-card {
width: 270px;
}
.x-home-promo-content {
padding: 8px;
}
.x-home-promo-heading {
font-size: 18px;
line-height: 140%;
}
.heading-15 {
font-size: 14px;
font-weight: 600;
line-height: 20px;
}
.x-promo-img-banner {
height: auto;
object-fit: cover;
margin-bottom: 0;
position: relative;
}
.x-promo-list-heading {
margin-bottom: 12px;
}
.x-promo-list-tab {
grid-template-columns: 1fr 1fr;
}
.x-promo-list-tab.ramadan-raya-2023 {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: auto auto 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
margin-top: 70px;
padding-left: 10px;
}
.x-promo-list-tab-a {
padding-top: 8px;
padding-bottom: 8px;
font-size: 14px;
line-height: 16px;
}
.x-error-left-block {
justify-items: start;
}
.x-error-heading {
font-size: 32px;
line-height: 42px;
}
.x-error-link-container {
width: 100%;
}
.x-error-img {
opacity: .12;
top: 13%;
right: -42%;
}
.x-app-download-img {
width: 200px;
margin-bottom: 0;
}
.x-app-download-img.for-small {
width: 130px;
}
.x-error-link {
font-size: 1.2em;
font-weight: 600;
}
.collection-list-wrapper {
position: relative;
}
.x-redirect-img {
width: 36px;
height: 36px;
margin-bottom: 4px;
margin-right: 0;
}
.x-btn-3 {
min-width: 88px;
margin-bottom: 8px;
margin-left: 4px;
margin-right: 4px;
padding-left: 16px;
padding-right: 16px;
}
.x-btn-3.toggle-popup.for-full.x-table-flip-btn {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.x-btn-3.toggle-popup.for-full {
padding-left: 8px;
padding-right: 8px;
}
.x-btn-3.toggle-popup.for-full.x-table-flip-btn {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.x-btn-3.for-top-padding {
margin-top: 5px;
}
.x-btn-3.for-less-padding-mobile {
margin-left: 3px;
margin-right: 3px;
padding-left: 10px;
padding-right: 10px;
}
.x-tab-menu-2 {
margin-left: -24px;
margin-right: -24px;
padding-left: 24px;
padding-right: 24px;
}
.x-alt-feature-container {
grid-template-columns: 1fr;
}
.x-rate-plan-span {
white-space: normal;
margin-bottom: 4px;
font-size: 26px;
line-height: 34px;
}
.x-social-link-btn-img {
margin-right: 7px;
}
.x-press-h1 {
font-size: 24px;
line-height: 32px;
}
.x-press-rt {
border-style: none;
border-radius: 0;
padding: 0;
}
.text-span-42 {
text-align: center;
}
.heading-17 {
text-align: center;
font-size: 28px;
line-height: 30px;
}
.x-endnote-paragraph {
text-align: center;
}
.x-dso-icon {
width: 24px;
height: 24px;
}
.x-p.for-center {
text-align: center;
}
.x-back-top-link {
z-index: 9999;
width: 48px;
height: 48px;
display: block;
bottom: 71px;
right: 16px;
}
.text-block-12 {
width: 100%;
height: 100%;
}
.text-span-45, .text-span-46 {
color: var(--white);
}
.js-clock {
flex-wrap: wrap;
}
.box {
margin-bottom: 10px;
}
.x-btl-main-headline {
font-size: 1.5em;
}
.x-raja-kombo-cta-container {
grid-template-columns: 1fr;
}
.x-kombo-tab-bar {
margin-bottom: 10px;
}
.tab-pane-tab-1 {
overflow: visible;
}
.x-plan-name.black {
font-size: 16px;
}
.x-prepaid-bundle {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
justify-items: center;
}
.x-prepaid-bundle-wrapper {
margin-top: 0;
}
.x-add-wrapper {
width: 20px;
}
.x-plus-style {
margin-left: auto;
margin-right: auto;
font-size: 24px;
line-height: 24px;
}
.x-clause {
padding-top: 0;
}
.x-pb-price-grid {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.text-block-20 {
margin-top: -17px;
padding-top: 0;
}
.text-block-21 {
margin-top: -12px;
}
.x-plan-table-heading-bar, .x-plan-table-heading-bar.no-curve {
margin-right: -24px;
}
.x-plan-table-heading-bar.no-curve.for-mobile-bd-mbb-5-5 {
text-align: center;
margin-bottom: 100px;
margin-right: 0;
top: 650px;
}
.x-plan-table-heading-bar.adjust-base-plan-tablet-copy {
margin-bottom: -175px;
margin-right: 0;
}
.x-plan-table-row-2 {
padding-right: 12px;
}
.x-plan-table-row-2.for-center {
padding: 6px;
font-size: 13px;
font-weight: 500;
line-height: 18px;
}
.x-shop-item-data-2 {
margin-top: 8px;
font-size: 10px;
line-height: 12px;
}
.x-test-kit-nav {
padding: 8px 24px;
}
.x-test-kit-sample-img {
width: 100%;
}
.x-test-kit-h2 {
padding-left: 0;
padding-right: 0;
font-size: 24px;
line-height: 32px;
}
.x-onboard-plan-img-2 {
height: 84px;
}
.x-plan-table-merged-2 {
grid-template-columns: minmax(140px, 140px) 1fr;
}
.x-icon-2 {
font-size: 24px;
line-height: 20px;
display: inline-block;
}
.x-plan-table-block-2 {
margin-right: -24px;
}
.x-wrapper-2 {
padding-top: 24px;
padding-bottom: 24px;
}
.x-hero-container-2 {
width: 230px;
background-image: linear-gradient(85deg, #ffd000 8%, rgba(255, 230, 0, .8) 58%, rgba(255, 230, 0, .46) 80%, rgba(255, 230, 0, 0) 96%);
padding-top: 24px;
padding-bottom: 24px;
}
.x-hero-container-2.for-banner {
width: 50%;
width: 50%;
padding: 12px 0 12px 16px;
}
.x-content-copy-img-2 {
margin-top: 0;
}
.x-hero-grid-banner-2 {
height: 220px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: .75fr 0;
grid-auto-columns: 1fr;
justify-content: space-between;
display: flex;
}
.x-endnote-h2-2 {
padding-left: 0;
padding-right: 0;
font-size: 24px;
line-height: 32px;
}
.x-plan-table-sidebar-3, .x-plan-table-sidebar-3.for-merge {
width: 140px;
}
.x-plan-table-header-3 {
height: 80px;
padding: 16px;
}
.x-plan-table-header-3.for-sidebar {
padding-bottom: 0;
}
.x-plan-table-header-3.for-sidebar.for-merge {
width: auto;
}
.r-line-bar {
display: block;
}
.r-line-bar.mobile {
width: 100%;
display: none;
}
.r-section.for-main-banner {
background-image: linear-gradient(rgba(14, 14, 14, .57), rgba(39, 39, 39, .27) 51%, rgba(0, 0, 0, .78)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/61b1cd716e4d29525826e72c_Digi_RDY_Background-8.jpg"), none;
background-position: 0 0, 0 0, 48% 18%;
background-repeat: repeat, repeat, repeat;
background-size: auto, cover, 3500px;
}
.r-footer-logo {
height: 28px;
}
.r-separator {
z-index: 8000;
position: relative;
top: 3px;
}
.r-separator.product {
width: 100%;
margin-top: -27px;
top: 11px;
}
.r-separator.separator-optimize {
margin-top: -27px;
top: 11px;
}
.r-footer-logo-flex {
margin-top: 0;
}
.r-master {
margin-top: 60px;
}
.x-plan-logo-link {
top: 50%;
left: 85px;
}
.x-plan-logo-link.for-super-long-life {
top: 63%;
right: auto;
}
.r-pricing-wrapper {
grid-template-rows: auto auto;
justify-content: center;
}
.r-price-yellow-box {
padding: 10px 16px;
}
.r-usp-background {
height: 250px;
margin-bottom: 100px;
}
.r-rdy-character {
display: block;
}
.r-rdy-character.small {
display: none;
}
.r-video-grid {
grid-template: "."
"."
/ 1fr;
}
.r-video-grid.for-mobile {
grid-row-gap: 24px;
margin-bottom: 35px;
margin-left: auto;
margin-right: auto;
}
.r-new-sim-box.outline.existing-cust {
margin-left: 0;
margin-right: 0;
}
.r-section-pricing {
margin-top: auto;
}
.r-supported-games-wrapper {
padding: 17px;
}
.r-join-us-grid {
grid-template-columns: 1fr;
margin-left: 0;
margin-right: 0;
}
.r-pricing-box-grid {
grid-template-rows: auto auto auto;
padding: 17px;
}
.r-partners-grid {
width: 150px;
grid-row-gap: 23px;
grid-template-columns: 1fr;
grid-auto-flow: row;
justify-items: center;
margin-top: 13px;
margin-left: auto;
margin-right: auto;
}
.r-supported-games-grid-2 {
grid-template-columns: 1fr;
}
.r-join-us-section {
margin-top: -3px;
}
.r-nav-bar {
padding: 8px 16px;
}
.r-nav-bar.for-product {
grid-template-columns: 1fr .25fr;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.r-nav-bar.for-product.exist {
z-index: 8000;
background-image: linear-gradient(#272727, rgba(0, 0, 0, 0));
padding-top: 19px;
padding-bottom: 16px;
font-size: 12px;
position: fixed;
top: 14%;
}
.r-section-body {
height: 1450px;
margin-bottom: 0;
padding-top: 61px;
}
.r-pricing-right-grid {
grid-template-rows: auto;
}
.r-container-2 {
padding-left: 16px;
padding-right: 16px;
}
.r-container-2.for-pricing {
margin-top: -89px;
padding-top: 138px;
padding-left: 24px;
padding-right: 24px;
}
.r-container-2.for-main-banner {
padding-top: 144px;
padding-bottom: 72px;
}
.r-container-2.for-section-body {
padding-bottom: 0;
}
.r-container-2.for-join-us {
padding-top: 48px;
padding-bottom: 19px;
}
.r-container-2.for-optimize {
padding-bottom: 47px;
}
.r-container-2.for-cashback {
margin-top: 0;
padding-top: 50px;
padding-bottom: 18px;
}
.r-container-2.always-on {
margin-top: 0;
padding-top: 41px;
padding-bottom: 23px;
}
.r-video-container {
margin-left: 0;
margin-right: 0;
}
.r-new-sim-grid.for-tablet {
grid-column-gap: 8px;
}
.r-heading-2 {
line-height: 30px;
}
.r-text-14 {
margin-bottom: 0;
}
.r-headline-grid {
grid-row-gap: 10px;
grid-template-rows: auto auto;
margin-bottom: 21px;
}
.r-headline-grid.for-cashback {
margin-top: 0;
margin-left: auto;
margin-right: auto;
}
.r-text-wrapper {
margin-top: 0;
margin-bottom: 0;
}
.r-text-wrapper.optimize {
margin-top: 0;
margin-left: auto;
margin-right: auto;
}
.r-text-yellow-16 {
line-height: 24px;
}
.r-section-always-on {
margin-top: -3px;
}
.r-usp-grid {
grid-row-gap: 0px;
grid-template-columns: 1fr;
margin-top: 110px;
margin-left: 0;
margin-right: 0;
padding-bottom: 0;
}
.r-section-cashback {
margin-top: -3px;
}
.r-body-text {
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
}
.r-body-text.small.join-us {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.r-header-description {
font-size: 16px;
}
.r-header-description.join-us {
margin-top: 21px;
}
.r-usp-icon {
width: 120px;
height: 120px;
}
.r-always-on-grid {
margin-left: auto;
margin-right: auto;
}
.r-supported-games-grid-1 {
grid-template-columns: 1fr;
}
.r-nav-text {
font-size: 14px;
}
.r-header-white-text-2 {
font-size: 20px;
line-height: 25px;
}
.r-text-style-21 {
margin-bottom: 1px;
line-height: 25px;
}
.x-footer-gaming {
flex-direction: column;
padding-left: 16px;
padding-right: 16px;
}
.x-main-banner {
background-image: linear-gradient(rgba(39, 39, 39, .26), rgba(0, 0, 0, .58)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/61dbddbd46c2a76bebaf3a8d_Digi_5G_Trial_Mobile_Banner_700x500.png");
}
.x-main-banner.for-5g-trial.banner-auto-spacing {
background-image: linear-gradient(rgba(39, 39, 39, .26), rgba(0, 0, 0, .58)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/61efbd7a0a0d89f36b9bb4da_Digi_5G_Trial_Mobile_Banner_700x500.jpeg");
}
.x-main-banner.for-postpaid {
height: 360px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/633b83bfb3b22eec2a95ab7e_Digi_Postpaid_SubpageMainBanner_Mobile.jpg");
background-position: 0 0, 50% 0;
}
.x-main-banner.for-add-ons {
height: 360px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .58)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6336651a4d167aa350628332_Digi_Postpaid_FreedomAddOns_SubpageMainBanner_Mobile.jpg");
background-position: 0 0, 50% 100%;
position: relative;
}
.x-main-banner.for-family {
height: 360px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 53%, rgba(0, 0, 0, .8)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6336651a684b9445c85d8f1a_Digi_Postpaid_PostpaidFamily_SubpageMainBanner_Mobile.jpg");
background-position: 0 0, 50% 0;
background-size: auto, cover;
}
.x-main-banner.for-switch-to-digi {
height: 360px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/62690fc7d7fbefdcff8a4cba_Switch_to_Digi_Main_Banner_Mobile.jpeg");
background-position: 0 0, 50%;
}
.x-main-banner.for-signature {
height: 360px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/625f7943e3c9527f71c5396a_Digi_Signature_MainBanner_Mobile_669x700.jpeg");
background-position: 0 0, 50% 100%;
background-size: auto, cover;
}
.x-main-banner.for-ekyc {
height: 360px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63608be0d31153429610b817_Digi_eKYC-registration-Main-Banner(Mobile).jpg");
background-position: 0 0, 50% 100%;
position: relative;
top: 0;
}
.x-main-banner.for-get-help {
height: 360px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 89%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6260c2e7e95687501e536dd0_Digi_GetHelp_Main_Banner_Mobile.jpeg");
background-position: 0 0, 50%;
}
.x-main-banner.for-idd {
height: 360px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6255448e8b1bd11105d361b9_Digi_IDD_Main%20Banner_Mobile_669x700.png");
background-position: 0 0, 50%;
}
.x-main-banner.for-exclusive-pack {
height: 360px;
background-color: #272727;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65add376aa01b218236a2be4_Digi_5G%20Internet_Web_HeaderBanner_EN_669X700.webp");
background-position: 50%;
background-size: cover;
position: relative;
top: 0;
}
.x-main-banner.for-business-solutions {
height: 360px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/626649cefa05ba4f59aad3cf_Digi_Digi%20Business_LE%20Webpage_build%20in%20vertical%20mention_Opt%20A_669%20x%20700px_R1_FA_72dpi-01.jpg");
background-position: 0 0, 50%;
}
.x-main-banner.for-digital-solutions {
height: 360px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/626649cc45767b5ee15c0b3c_Digi_Digi%20Business_LE%20Webpage_Digital%20Solution_Mobile_669%20x%20700px_R5_FA_72dpi-01%20(1).jpg");
background-position: 0 0, 50%;
}
.x-main-banner.for-roaming {
height: 360px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/628f0da617825c029d324b2d_Digi_Roaming(Mobile).jpg");
background-position: 0 0, 50% 0;
}
.x-main-banner.for-belia {
height: 360px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/639fc36d88734f43c43d22c1_Digi_Prepaid_SubpageMainBanner_PakejKhasDataBelia_Mobile_EN.jpg");
background-position: 50%;
background-size: cover;
position: relative;
top: 0;
}
.x-main-banner.for-belia.for-bm {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/639fc36e7670a13ceb473c94_Digi_Prepaid_SubpageMainBanner_PakejKhasDataBelia_Mobile_BM.jpg");
}
.x-main-banner.for-prepaid-en-desktop-copy {
height: 360px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/656860481a0832f4c98e6e28_Digi_Campaign%206_NEXT25_Web_HeaderBannerMobile_EN_669x700.webp");
background-position: 50%;
position: relative;
top: 0;
}
.x-main-banner.for-prepaid-bm-desktop-copy {
height: 360px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65686048f967fdd489bdf082_Digi_Campaign%206_NEXT25_Web_HeaderBannerMobile_BM_669x700.webp");
background-position: 50%;
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.x-main-banner.for-mydigi {
height: 360px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6298c18a98717f9b1d209dc0_Digi_Apps%26Services_MyDigi_Mobile.jpg");
background-position: 0 0, 50%;
position: relative;
}
.x-main-banner.for-exclusive-pack-bm {
height: 360px;
background-color: #272727;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65add3766f2c57641a8206d9_Digi_5G%20Internet_Web_HeaderBanner_BM_669X700.webp");
background-position: 50%;
background-size: cover;
position: relative;
top: 0;
}
.x-main-banner.for-snapshot {
height: 360px;
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(39, 39, 39, .3)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/62b553f5bc84bf82260e65f8_Digi_Snapshot_HeaderImage4.jpg");
background-position: 0 0, 20%;
background-size: auto, cover;
}
.x-main-banner.for-digital-subs {
height: 360px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6507f0718bf33f7b63de51e3_Digi_Pay_Via_Digi_MainBanner_Mobile.jpg");
background-position: 50%;
background-size: cover;
position: relative;
}
.x-main-banner.for-snapshot {
height: 360px;
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(39, 39, 39, .3)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/643614cb52b79f19d28eb83f_Digi_Promotion_DigiSnapshot_SubpageMainBanner.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.x-main-banner.for-promotions {
height: 360px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, .6)), none;
background-position: 0 0, 50% 0;
}
.x-main-banner.for-gadget {
height: 360px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6348cb8694bb67e928e6ce16_Digi_Devices_GadgetSIM_SubpageMainBanner_Mobile.jpg");
background-position: 0 0, 50%;
}
.x-main-banner.for-promotions {
height: 360px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6232df0e3ee2ea82010fdf59_Digi_Postpaid_Mobile_669x700.png");
background-position: 0 0, 50% 0;
}
.x-main-banner.for-nsc {
height: 360px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/62e8ba0eb58df9156894cb8f_Digi_NetworkStatusChecker-Mobile.jpg");
background-position: 0 0, 100%;
}
.x-main-banner.for-pf365 {
height: 360px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/651a6d7a5f975b54ee35c3f0_Digi_Jom5GFamiliku_PF365_SubpgMainBannerMobile_669x700.jpg");
background-position: 0 0, 50%;
}
.x-main-banner.for-ppj {
height: 360px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63042c39c0d0e08fdf540e41_Digi_Devices_PPJ_SubpageMainBanner_Mobile.jpg");
background-position: 0 0, 50%;
}
.x-main-banner.for-iphone {
height: 360px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/650c1feeea773bf8a196629a_Digi_PhoneFreedom365_iPhone-15-series_SubpgMainBannerMobile_669x700.png");
background-position: 50% 0;
}
.x-main-banner.for-iphone.for-iphone-15 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65124a0bb8cbcd75581b27e3_DIgi__iPhone-15-Pro_Subpage-Main-Banner_Mobile_669x700.png");
}
.x-main-banner.for-android {
height: 360px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/64c093e93cd3a8d0d1d08c36_Digi_Galaxy_Fold-Flip5_Andriod%20SubPageMainBanner_Mobile_PF365_669%20x%20700.png");
background-position: 0 0, 50% 0;
}
.x-main-banner.for-ppj-copy {
height: 360px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63042c39c0d0e08fdf540e41_Digi_Devices_PPJ_SubpageMainBanner_Mobile.jpg");
background-position: 0 0, 50%;
}
.x-main-banner.for-gf-plus {
height: 360px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6386be5e745e4519fdc27299_Digi_Devices_GadgetFreedomPlus_SubpageMainBanner_Mobile.jpg");
background-position: 0 0, 50% 0;
}
.x-main-banner.for-promotions {
height: 360px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6319b5f834ef39a12fb75f37_Digi_Promotions_MainBanner_Mobile.jpg");
background-position: 0 0, 50%;
}
.x-main-banner.for-roaming {
height: 360px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6351f161262c2a9f1e049828_Digi_Roaming_Header-Banner_Mobile.jpg");
background-position: 0 0, 100%;
}
.x-main-banner.for-home-fibre {
height: 400px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/656534025e7b3f872f123dd1_CD-Fibre-KV_AssetDevelopment_Fibre-page-Product-Banner-(Digi)_Mobile_669x700_ENG.webp"), linear-gradient(rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, .6));
background-position: 50%, 0 0;
background-size: cover, auto;
}
.x-main-banner.for-home-fibre.for-bm {
background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6565340354a71e26969145d0_CD-Fibre-KV_AssetDevelopment_Fibre-page-Product-Banner-(Digi)_Mobile_669x700_BM.webp");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.x-main-banner.for-trade-in {
height: 360px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/634e5fb8af4208808a20df16_Digi_Devices_SubpageMainBanner_TradeIn_Mobile.jpg");
background-position: 0 0, 50% 0;
}
.x-main-banner.for-esim {
height: 360px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/634e5fb9bcb86e9099d63b55_Digi_Devices_SubpageMainBanner_eSIM_Mobile.jpg");
background-position: 0 0, 50% 0;
}
.x-main-banner.for-airsim {
height: 360px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/634e5fb92252d297ed391565_Digi_Devices_SubpageMainBanner_AirSIM_Mobile.jpg");
background-position: 0 0, 50% 0;
margin-left: auto;
}
.x-main-banner.for-digi-5g {
height: 360px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/636b0d0ea2f32c7e9f8dd579_Digi_5G_Activate5GNow_MainBanner_Mobile.jpg");
background-position: 0 0, 50%;
}
.x-main-banner.for-digi-5g.consumer {
background-image: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .5)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/64e7399dd4e8dc2b8cd31e35_Digi_Jom5G_HeaderBanner_669x700.jpg");
background-position: 0 0, 50%;
}
.x-main-banner.for-loyalty-desktop {
height: 360px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/639fc4d11dc087096ff67b49_Digi_Prepaid_PrepaidLoyaltyBonus_SubpageMainBanner_Mobile.jpg");
background-position: 75%;
position: relative;
top: 0;
}
.x-main-banner.for-pkrm {
height: 360px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/639fc44f0612e35c3a3f2a56_Digi_Prepaid_PakejRemaja_SubpageMainBanner_Mobile.jpg");
background-position: 0 0, 100% 0;
background-size: auto, cover;
position: relative;
top: 0;
}
.x-main-banner.for-raja-kombo {
height: 360px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/64c67a98afb2637f5ae6ba86_Celcom_Raja%20Combo_Header%20Banner_669x700.jpg");
background-position: 70%;
position: relative;
top: 0;
}
.x-main-banner.for-mobile-broadband {
height: 360px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63855db4c40af13352d4559d_Digi_MobileBroadband_SubpageMainBanner_Mobile.jpg");
background-position: 0 0, 50% 100%;
}
.x-main-banner.for-snapshot-bm {
height: 360px;
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(39, 39, 39, .3)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/643614cb52b79f19d28eb83f_Digi_Promotion_DigiSnapshot_SubpageMainBanner.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.x-main-banner.for-oku {
height: 360px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6152b2d34ca06bc6cc5ddc7a_digi-oku-mobile.png");
background-position: 0 0, 70% 0;
}
.x-main-banner.for-senior-citizen {
height: 360px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6152b2d34ca06b58d35dde29_digi-seniors.png");
background-position: 0 0, 88% 0;
}
.x-main-banner.for-appstore {
height: 360px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/61d2c1f102a2a8092dd4380e_Digi_Apple_AppStore_1200x630.png");
background-position: 0 0, 30% 0;
position: relative;
}
.x-main-banner.for-googleplay {
height: 360px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/61d2c1ea0a037e4cce89abe5_Digi_Google_PlayStore_1200x630.png");
background-position: 0 0, 30% 0;
position: relative;
}
.x-main-banner.for-senior-citizen {
height: 360px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6152b2d34ca06b73ee5ddc72_digi-seniors-mobile.png");
background-position: 0 0, 62%;
background-repeat: repeat, repeat;
background-size: auto, cover;
background-attachment: scroll, scroll;
}
.x-main-banner.for-prepaid {
height: 360px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/639fc01a515851123ae39f0e_Digi_Prepaid_PrepaidNEXT_SubpageMainBanner_Mobile_EN.jpg");
background-size: auto, cover;
position: relative;
top: 0;
}
.x-main-banner.for-autobilling {
height: 360px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/61c957b883c49acdb6484746_Digi_Autobilling_1200x630.png");
background-position: 0 0, 20% 0;
}
.x-main-banner.for-pakej-perpaduan {
height: 360px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/64e311af672be000eaa1b958_Digi_Pakej-Rahmah_Subpage-Main-Banner_669x800_Mobile.jpg");
background-position: 50%;
background-size: cover;
position: relative;
top: 0;
}
.x-main-banner.for-samsung-s23-contest {
height: 360px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, .6)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63f888e3fc1adb61438d07dc_Digi_SubpageMainBanner_Digi23for23_Mobile.jpg"), linear-gradient(#030a13, #030a13);
background-position: 0 0, 50%, 0 0;
background-repeat: repeat, no-repeat, repeat;
background-size: auto, contain, auto;
}
.x-main-banner.for-prepaid-main {
height: 360px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/656860481a0832f4c98e6e28_Digi_Campaign%206_NEXT25_Web_HeaderBannerMobile_EN_669x700.webp");
background-position: 50%;
position: relative;
top: 0;
}
.x-main-banner.for-talktime-services {
height: 360px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/642d135d6731c438b339aa2f_Digi_Prepaid_TalktimeServices_SubpageMainBanner_Mobile.jpg");
background-position: 75%;
position: relative;
top: 0;
}
.x-main-banner.for-promotions {
height: 450px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/64795424587bc99e83cad840_Digi_Roaming_PromoSliderBanner_478x600.jpg");
background-position: 50%;
}
.x-main-banner.for-promotions.for-iphone {
height: 450px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/64c77083ad21b6c99a93dba4_CDOS_MerdekaSales_Promotion_sliderbanner_Mobile_478x600px.jpg");
}
.x-main-banner.for-promotions.for-samsung-s23 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/64c7ca631b1980cbbbb6f209_Digi_Jom5GMalaysiaku_SamsungS23Ultra_DD_PromotionalSliderBanner__478x600.jpg");
}
.x-main-banner.for-promotions.for-pakej-5g-rahmah {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/651eed6a48428a3c2ccf5129_Digi_Pakej%205G%20Rahmah__Promo%20Slider%20Banner_478x600px.jpg");
}
.x-main-banner.for-promotions.for-gadget-sim {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/64f581526661d82615a6d816_Digi_GadgetSIM_PromotionsBanner_Mobile.jpg");
}
.x-main-banner.for-promotions.for-postpaid-90 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/651a6d7ac6dddde88d65202f_Digi_Digi%20Postpaid%2090_PromoSlideBanner_EN_478x600.jpg");
}
.x-main-banner.for-promotions.for-postpaid-infinite {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/651a6dc4cdf8f5f54cd8d09b_Digi_Campaign5_PostpaidInfinite_PromoSlideBanner_EN_478x600.jpg");
}
.x-main-banner.for-promotions.for-program-peranti-5g {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/653096d0d96e15a8a2b84524_CelcomDigi_ProgramPeranti5GUntukSemua_Promotion_sliderbanner_Mobile_478x600px.png");
}
.x-main-banner.for-promotions.for-iphone-15 {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65499e3850e14788440672bb_Digi_PhoneFreedom365_iPhone15_Web_PromoSlideBanner_478x600.jpg");
}
.x-main-banner.for-promotions.for-google-contest {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/654c418bb6323d8e7ce6b46d_CelcomDigi_GoogleSpend%26Win_Mobile.jpg");
}
.x-main-banner.for-promotions.for-cny-deals {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/65ad20a36d1cea5736601645_Digi_CNY_Deals_Promotion_Slider_Banner%20Mobile_EN.webp");
}
.x-main-banner.for-s23 {
height: 350px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .58)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63f733f00ef63ff83f1dcb0b_Digi_SamsungGalaxyS23_SubpageMainBanner_Mobile.jpg");
padding-left: 20px;
padding-right: 20px;
}
.x-main-banner.for-fold-flip-5 {
height: 350px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/6542ebe27dbeccbc84d1c2f6_Digi_Galaxy_Fold-Flip5_SubPageMainBanner_Mobile_PF365_669%20x%20700.jpg");
background-position: 50%;
padding-left: 20px;
padding-right: 20px;
}
.x-main-banner.for-digital-subs-copy {
height: 360px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, .58)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/63043a280ef53fa547316390_Digi_Digital_Subscriptions_Main_Banner_Mobile.jpeg");
position: relative;
}
.x-main-banner.for-iphone {
height: 360px;
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/650c3c1a88a961c5c373e90a_SQ1230803_Web_SubpgMainBannerMobile_Language_669x700.png");
background-position: 50%;
}
.x-banner-heading {
top: 33px;
}
.x-banner-heading.main-banner {
top: 93px;
}
.x-banner-heading.main-banner.adjust-relative-space {
font-size: 0;
}
.x-banner-heading.for-refresh {
margin-left: 12px;
margin-right: 12px;
font-size: 18px;
line-height: 20px;
top: 211px;
}
.x-banner-heading.for-postpaid {
padding-left: 28px;
padding-right: 28px;
line-height: 25px;
top: 211px;
}
.x-banner-heading.for-postpaid.for-ekyc {
top: 293px;
}
.x-banner-heading.for-postpaid.for-ekyc.for-bm {
font-size: 18px;
top: 288px;
}
.x-banner-heading.for-postpaid.for-idd, .x-banner-heading.for-postpaid.for-promotions {
font-size: 1.1em;
line-height: 20px;
top: 191px;
}
.x-banner-heading.for-postpaid.for-pf365, .x-banner-heading.for-postpaid.for-pf365-bm {
font-size: 1.4em;
line-height: 22px;
top: 100px;
}
.x-banner-heading.for-postpaid.for-ppj-bm {
font-size: 1.1em;
line-height: 20px;
top: 191px;
}
.x-banner-heading.for-postpaid.for-iphone {
font-size: 1.1em;
line-height: 20px;
top: 212px;
}
.x-banner-heading.for-postpaid.for-android {
font-size: 1.1em;
line-height: 20px;
top: 191px;
}
.x-banner-heading.for-postpaid.for-ppj-en, .x-banner-heading.for-postpaid.for-ppj-bm {
font-size: 1.4em;
line-height: 22px;
top: 205px;
}
.x-banner-heading.for-postpaid.for-gf-plus {
font-size: 1.1em;
line-height: 20px;
top: 238px;
}
.x-banner-heading.for-postpaid.for-promotions, .x-banner-heading.for-postpaid.for-tradein, .x-banner-heading.for-postpaid.for-esim, .x-banner-heading.for-postpaid.for-airsim {
font-size: 1.1em;
line-height: 20px;
top: 191px;
}
.x-banner-heading.for-postpaid.for-s23, .x-banner-heading.for-postpaid.for-fold5-flip5 {
margin-top: -45px;
margin-bottom: 0;
padding-bottom: 0;
font-size: 1.1em;
line-height: 20px;
top: 210px;
}
.x-banner-heading.for-postpaid.for-fold5-flip5.for-black {
top: 30px;
}
.x-banner-heading.for-postpaid.for-fold5-flip5-copy {
margin-top: -45px;
margin-bottom: 0;
padding-bottom: 0;
font-size: 1.1em;
line-height: 20px;
top: 210px;
}
.x-banner-heading.for-postpaid.for-fold5-flip5-copy.for-black {
top: 30px;
}
.x-banner-heading.for-add-ons {
padding-left: 23px;
padding-right: 23px;
line-height: 1.3;
position: relative;
top: auto;
bottom: -274px;
}
.x-banner-heading.for-prepaid {
padding-left: 25px;
padding-right: 25px;
line-height: 1.5em;
position: relative;
top: auto;
bottom: -270px;
}
.x-banner-heading.for-switch-to-digi {
padding-left: 28px;
padding-right: 28px;
line-height: 25px;
top: 180px;
}
.x-banner-heading.for-fibre {
padding-left: 28px;
padding-right: 28px;
font-size: 1.1em;
line-height: 19px;
top: 5px;
}
.x-banner-heading.for-fibre.x-mini-notes {
font-size: .8em;
line-height: 15px;
top: 39px;
}
.x-banner-heading.for-fibre.for-padding {
top: 34px;
}
.x-banner-heading.for-get-help {
color: var(--black);
padding-left: 28px;
padding-right: 28px;
line-height: 25px;
top: 65px;
}
.x-banner-heading.for-business-solutions {
margin-left: 0;
margin-right: 0;
padding-left: 28px;
padding-right: 28px;
line-height: 25px;
top: 153px;
}
.x-banner-heading.for-mydigi {
margin-left: 0;
margin-right: 0;
padding-left: 28px;
padding-right: 28px;
font-size: 1.3em;
line-height: 25px;
position: relative;
top: auto;
bottom: -282px;
}
.x-banner-heading.for-digital-solutions-copy {
margin-left: 0;
margin-right: 0;
padding-left: 28px;
padding-right: 28px;
line-height: 25px;
top: 302px;
}
.x-banner-heading.for-digital-subs {
padding-left: 23px;
padding-right: 23px;
line-height: 1.5;
position: relative;
top: auto;
bottom: -274px;
}
.x-banner-heading.for-gadget {
padding-left: 28px;
padding-right: 28px;
line-height: 20px;
top: 191px;
}
.x-banner-heading.for-nsc {
padding-left: 28px;
padding-right: 28px;
line-height: 17px;
top: 185px;
}
.x-banner-heading.for-digi-5g {
padding-left: 28px;
padding-right: 28px;
font-size: 1.4em;
line-height: 25px;
top: 188px;
}
.x-banner-heading.for-digi-5g.consumer {
top: 202px;
}
.x-banner-heading.for-mobile-broadband {
padding-left: 28px;
padding-right: 28px;
font-size: 15px;
line-height: 23px;
top: 187px;
}
.x-banner-heading.for-mobile-broadband-bm {
padding-left: 28px;
padding-right: 28px;
font-size: 16px;
line-height: 20px;
top: 189px;
}
.x-banner-heading.for-prepaid {
padding-left: 28px;
padding-right: 28px;
line-height: 25px;
top: 211px;
}
.x-banner-heading.for-autobilling {
padding-left: 28px;
padding-right: 28px;
line-height: 25px;
top: 170px;
}
.x-banner-heading.for-digital-subs-copy {
color: var(--black);
margin-bottom: 0;
padding-left: 23px;
padding-right: 23px;
line-height: 1.5;
position: relative;
top: auto;
bottom: -60px;
}
.x-banner-heading.for-roaming {
padding-left: 28px;
padding-right: 28px;
line-height: 25px;
top: 172px;
}
.x-banner-heading.for-pay-via-digi {
padding-left: 28px;
padding-right: 28px;
line-height: 25px;
top: 0;
}
.x-banner-heading.for-pay-via-digi.for-ekyc {
top: 293px;
}
.x-banner-heading.for-pay-via-digi.for-ekyc.for-bm {
font-size: 18px;
top: 288px;
}
.x-banner-heading.for-pay-via-digi.for-idd, .x-banner-heading.for-pay-via-digi.for-promotions {
font-size: 1.1em;
line-height: 20px;
top: 191px;
}
.x-banner-heading.for-pay-via-digi.for-pf365, .x-banner-heading.for-pay-via-digi.for-pf365-bm {
font-size: 1.4em;
line-height: 22px;
top: 100px;
}
.x-banner-heading.for-pay-via-digi.for-ppj-bm {
font-size: 1.1em;
line-height: 20px;
top: 191px;
}
.x-banner-heading.for-pay-via-digi.for-iphone {
font-size: 1.1em;
line-height: 20px;
top: 212px;
}
.x-banner-heading.for-pay-via-digi.for-android {
font-size: 1.1em;
line-height: 20px;
top: 191px;
}
.x-banner-heading.for-pay-via-digi.for-ppj-en, .x-banner-heading.for-pay-via-digi.for-ppj-bm {
font-size: 1.4em;
line-height: 22px;
top: 205px;
}
.x-banner-heading.for-pay-via-digi.for-gf-plus {
font-size: 1.1em;
line-height: 20px;
top: 238px;
}
.x-banner-heading.for-pay-via-digi.for-promotions, .x-banner-heading.for-pay-via-digi.for-tradein, .x-banner-heading.for-pay-via-digi.for-esim, .x-banner-heading.for-pay-via-digi.for-airsim {
font-size: 1.1em;
line-height: 20px;
top: 191px;
}
.x-banner-heading.for-pay-via-digi.for-s23, .x-banner-heading.for-pay-via-digi.for-fold5-flip5 {
margin-top: -45px;
margin-bottom: 0;
padding-bottom: 0;
font-size: 1.1em;
line-height: 20px;
top: 210px;
}
.x-banner-heading.for-pay-via-digi.for-fold5-flip5.for-black {
top: 30px;
}
.x-banner-heading.for-pay-via-digi.for-fold5-flip5-copy {
margin-top: -45px;
margin-bottom: 0;
padding-bottom: 0;
font-size: 1.1em;
line-height: 20px;
top: 210px;
}
.x-banner-heading.for-pay-via-digi.for-fold5-flip5-copy.for-black {
top: 30px;
}
.x-banner-heading.for-pay-via-digi.for-black {
color: var(--black);
}
.x-banner-title {
font-size: 50px;
line-height: 55px;
}
.x-banner-title.for-refresh {
font-size: 32px;
line-height: 45px;
top: 233px;
}
.x-banner-title.for-postpaid {
font-size: 40px;
line-height: 45px;
top: 233px;
}
.x-banner-title.for-postpaid.for-ekyc {
font-size: 30px;
line-height: 35px;
bottom: 50px;
}
.x-banner-title.for-postpaid.for-ekyc.for-bm {
font-size: 25px;
line-height: 30px;
top: 222px;
}
.x-banner-title.for-add-ons {
margin-left: 10px;
margin-right: 10px;
font-size: 35px;
line-height: 45px;
position: absolute;
top: auto;
bottom: 64px;
}
.x-banner-title.for-prepaid {
margin-left: 10px;
margin-right: 10px;
font-size: 38px;
line-height: 70px;
position: absolute;
top: auto;
bottom: 67px;
}
.x-banner-title.for-switch-to-digi {
font-size: 33px;
line-height: 33px;
top: 267px;
}
.x-banner-title.for-signature {
font-size: 40px;
line-height: 45px;
top: 239px;
}
.x-banner-title.for-ekyc {
margin-left: 10px;
margin-right: 10px;
font-size: 38px;
line-height: 40px;
position: absolute;
top: auto;
bottom: 67px;
}
.x-banner-title.for-switch-to-digi-bm {
font-size: 30px;
line-height: 35px;
top: 198px;
}
.x-banner-title.for-fibre {
margin-left: 10px;
margin-right: 10px;
font-size: 40px;
line-height: 45px;
top: 22px;
}
.x-banner-title.for-fibre.for-font-size {
font-size: 34px;
line-height: 36px;
top: 50px;
}
.x-banner-title.for-fibre.for-font-size.bm {
font-size: 29px;
line-height: 36px;
}
.x-banner-title.for-idd {
line-height: 40px;
top: 210px;
}
.x-banner-title.for-get-help {
color: var(--black);
font-size: 40px;
line-height: 45px;
top: 82px;
}
.x-banner-title.for-business-solutions {
font-size: 40px;
line-height: 45px;
top: 171px;
}
.x-banner-title.for-digital-solutions {
font-size: 40px;
line-height: 40px;
top: 190px;
}
.x-banner-title.for-digital-solutions.for-ultrapos {
top: 213px;
}
.x-banner-title.for-digital-solutions.for-althr {
top: 108px;
}
.x-banner-title.for-digital-solutions.for-ifleet {
top: 105px;
}
.x-banner-title.for-digital-solutions.for-avana {
top: 193px;
}
.x-banner-title.for-digital-solutions.for-cisco {
top: 152px;
}
.x-banner-title.for-digital-solutions.for-dsms {
top: 150px;
}
.x-banner-title.for-digital-solutions.for-krypto {
top: 148px;
}
.x-banner-title.for-mydigi {
font-size: 40px;
line-height: 45px;
position: absolute;
top: auto;
bottom: 55px;
}
.x-banner-title.for-digital-subs {
margin-left: 10px;
margin-right: 10px;
font-size: 40px;
line-height: 45px;
position: absolute;
top: auto;
bottom: 64px;
}
.x-banner-title.for-promotions {
line-height: 40px;
top: 210px;
}
.x-banner-title.for-gadget {
font-size: 34px;
line-height: 32px;
top: 204px;
}
.x-banner-title.for-promotions {
font-size: 40px;
line-height: 45px;
top: 233px;
}
.x-banner-title.for-pf365 {
line-height: 40px;
top: 90px;
}
.x-banner-title.for-iphone {
font-size: 30px;
line-height: 36px;
top: 233px;
}
.x-banner-title.for-android {
line-height: 40px;
top: 210px;
}
.x-banner-title.for-ppj-en, .x-banner-title.for-ppj-bm {
line-height: 40px;
top: 222px;
}
.x-banner-title.for-gf-plus {
font-size: 33px;
line-height: 40px;
top: 259px;
}
.x-banner-title.for-promotions {
line-height: 40px;
top: 210px;
}
.x-banner-title.for-roaming {
font-size: 30px;
line-height: 34px;
top: 190px;
}
.x-banner-title.for-tradein, .x-banner-title.for-esim {
line-height: 40px;
top: 210px;
}
.x-banner-title.for-airsim {
margin-left: 20px;
margin-right: 20px;
line-height: 40px;
top: 210px;
}
.x-banner-title.for-digi-5g {
font-size: 32px;
line-height: 36px;
top: 211px;
}
.x-banner-title.for-digi-5g.consumer {
line-height: 32px;
top: 223px;
}
.x-banner-title.for-mobile-broadband {
font-size: 40px;
line-height: 45px;
top: 210px;
}
.x-banner-title.for-prepaid {
font-size: 40px;
line-height: 45px;
top: 233px;
}
.x-banner-title.for-autobilling {
font-size: 30px;
line-height: 35px;
top: 189px;
}
.x-banner-title.for-s23, .x-banner-title.for-fold-5-flip-5 {
margin-top: 0;
margin-bottom: 10px;
padding-bottom: 20px;
line-height: 40px;
top: 190px;
}
.x-banner-title.for-fold-5-flip-5.for-black {
display: block;
top: 10px;
}
.x-banner-title.for-digital-subs-copy {
color: var(--black);
margin: 0 10px 60px;
font-size: 40px;
line-height: 45px;
position: absolute;
top: auto;
bottom: 245px;
}
.x-banner-title.for-pay-via-digi {
margin-top: 0;
margin-bottom: 10px;
padding-bottom: 20px;
line-height: 40px;
top: 190px;
}
.x-banner-title.for-pay-via-digi.for-black {
top: 10px;
}
.x-banner-title.for-pay-via-digi {
font-size: 40px;
line-height: 45px;
display: none;
top: 20px;
bottom: 10px;
left: 10px;
right: 10px;
}
.x-banner-title.for-pay-via-digi.for-ekyc {
font-size: 30px;
line-height: 35px;
bottom: 50px;
}
.x-banner-title.for-pay-via-digi.for-ekyc.for-bm {
font-size: 25px;
line-height: 30px;
top: 222px;
}
.x-banner-title.for-pay-via-digi.for-black {
padding-bottom: 10px;
display: block;
}
.x-banner-title.for-pay-via-digi-copy {
margin-top: 0;
margin-bottom: 10px;
padding-bottom: 20px;
line-height: 40px;
top: 190px;
}
.x-banner-title.for-pay-via-digi-copy.for-black {
padding-top: 10px;
padding-bottom: 10px;
display: block;
top: 10px;
}
.x-image-card.banner-data-layer.for-3-grid {
height: auto;
}
.x-slider-dots {
width: 180px;
}
.x-slider-dots.for-hide.for-postpaid {
padding-top: 60px;
display: none;
top: -50px;
}
.x-slider-dots.for-postpaid {
padding-top: 0;
padding-bottom: 0;
}
.x-ads-subheader {
line-height: 20px;
}
.x-ads-subheader.for-home-fibre {
font-size: .9em;
}
.x-ads-subheader.for-pakej-remaja {
font-size: 1em;
}
.x-ads-subheader.for-home-fibre {
font-size: .9em;
}
.x-title-heading {
line-height: 120%;
}
.x-title-heading.x-height-adjustment {
line-height: 30px;
}
.x-title-heading.x-height-adjustment.margin {
margin-left: -30px;
margin-right: -30px;
}
.x-title-heading.x-height-adjustment.margin.for-prepaid-next {
width: 100%;
}
.x-title-heading.x-height-adjustment.margin-2 {
margin-left: -30px;
margin-right: -30px;
}
.x-title-heading.for-center {
margin-left: 0;
margin-right: 0;
font-size: 1.7em;
line-height: 28px;
}
.x-title-heading.for-nsc {
margin-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
font-size: 1.7em;
line-height: 110%;
}
.x-di-description {
padding-left: 0;
padding-right: 0;
line-height: 20px;
}
.x-di-description.for-larger {
font-size: 16px;
line-height: 23px;
}
.x-left-slider-arrow {
top: -33%;
left: 2%;
}
.x-right-slider-arrow {
margin-top: auto;
margin-bottom: 62px;
top: 0;
left: 283px;
}
.x-slide-1 {
width: 250px;
left: -72px;
}
.x-digizen-slide-wrapper.for-network {
height: 400px;
}
.x-slider-arrow-left {
margin-bottom: 154px;
}
.x-slider-arrow-left.for-network {
margin-top: auto;
margin-bottom: auto;
}
.x-slider-arrow-right {
margin-bottom: 154px;
right: -18px;
}
.x-slider-arrow-right.for-network {
margin-top: auto;
margin-bottom: auto;
}
.x-di-wrapper {
margin-left: auto;
margin-right: auto;
}
.x-di-wrapper.x-add-margin {
margin-top: 20px;
}
.x-footnote {
margin-bottom: 20px;
}
.x-collab-tab {
overflow: visible;
}
.o--flex {
flex-flow: wrap;
justify-content: center;
}
.o--blog-sharer-url {
width: 190px;
margin-right: 0;
}
.o--blog-presharer {
flex-direction: row;
align-items: stretch;
}
.x-idd-rates-grid {
grid-template-columns: 1fr;
}
.x-idd-rate-block.add-ons {
width: 100%;
}
.x-iddpass-slider-wrapper.right-padding {
width: 100%;
padding-right: 0;
}
.x-arrow-left-wrapper {
z-index: 1000;
left: -11px;
}
.x-arrow-left-wrapper.for-hide {
left: -4%;
}
.x-arrow-left-wrapper.for-hide.for-tablet {
left: -8%;
}
.x-arrow-left-wrapper.for-hide-prepaid {
left: -16px;
}
.x-arrow-left-wrapper.for-postpaid {
z-index: 1010;
display: block;
top: 0%;
left: -12px;
}
.x-arrow-right-wrapper {
margin-top: auto;
margin-bottom: auto;
right: -11px;
}
.x-arrow-right-wrapper.for-hide {
right: -4%;
}
.x-arrow-right-wrapper.for-hide.for-tablet {
right: -8%;
}
.x-arrow-right-wrapper.for-hide-prepaid {
right: -16px;
}
.x-arrow-right-wrapper.for-postpaid {
z-index: 1010;
display: block;
top: 0%;
right: -12px;
overflow: hidden;
}
.x-guide-card-grid, .x-guide-card-grid.for-2, .x-guide-card-grid.for-idd, .x-guide-card-grid.for-2, .x-guide-card-grid.for-2.for-add-grid-space {
grid-template-columns: 1fr;
}
.x-guide-card-grid.for-2.for-add-grid-space.for-rdy, .x-guide-card-grid.for-add-space.for-rdy {
margin-left: 0;
margin-right: 0;
}
.x-guide-card-grid.for-add-space.for-trade-in-steps {
display: block;
}
.x-guide-card-grid.for-add-space {
grid-template-columns: 1fr;
}
.x-guide-card-grid.for-add-space.for-4 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-columns: 1fr;
margin-bottom: 10px;
}
.x-guide-card-grid.for-two, .x-guide-card-grid.for-two.for-add-space, .x-guide-card-grid.for-4, .x-guide-card-grid.for-4, .x-guide-card-grid.for-4 {
grid-template-columns: 1fr;
}
.x-guide-card-wrapper {
flex-direction: row;
}
.x-guide-card-img {
width: 40%;
}
.x-guide-card-img.for-idd {
width: 30%;
}
.x-important-note {
text-align: center;
}
.x-important-note.for-center {
margin-top: 20px;
}
.x-important-note.for-center.for-remove-padding {
margin-top: 20px;
font-size: 14px;
}
.x-idd-subheadline, .heading-33 {
text-align: center;
}
.x-sitemap-grid {
grid-template-columns: 1fr;
}
.x-mini-notice {
padding-left: 10px;
padding-right: 10px;
}
.x-mini-notice.for-larger {
font-size: 16px;
line-height: 20px;
}
.x-mini-notice.for-larger.for-infinite-2, .x-mini-notice.for-larger.remove-padding, .x-mini-notice.for-dsp-tab {
padding-left: 0;
padding-right: 0;
}
.x-mini-notice.for-5g.for-mobile {
text-align: center;
display: block;
}
.x-mini-notice.for-5g.for-mobile.reduce-padding {
margin-top: -10px;
}
.x-mini-notice.for-iphone-15 {
font-size: 15px;
}
.x-mini-notice.for-larger {
font-size: 16px;
line-height: 20px;
}
.x-mini-notice.for-larger.remove-padding {
margin-top: 10px;
margin-bottom: -20px;
}
.x-mini-notice.for-larger {
font-size: 16px;
line-height: 20px;
}
.x-mini-notice.for-larger.remove-padding {
font-size: 11px;
line-height: 17px;
}
.x-mini-notice.for-larger.remove-padding.fibre {
margin-top: 0;
margin-bottom: 0;
}
.x-mini-notice.for-larger {
font-size: 16px;
line-height: 20px;
}
.x-mini-notice.for-larger.remove-padding {
font-size: 11px;
line-height: 17px;
}
.x-mini-notice.for-larger {
font-size: 16px;
line-height: 20px;
}
.x-mini-notice.for-larger.remove-padding {
margin-bottom: -14px;
}
.x-mini-notice.for-larger {
font-size: 16px;
line-height: 20px;
}
.x-mini-notice.for-larger.remove-padding {
margin-top: 0;
margin-bottom: 0;
font-size: 11px;
line-height: 17px;
}
.x-mini-notice.for-5g.for-mobile {
text-align: center;
display: block;
}
.x-mini-notice.for-5g.for-mobile.reduce-padding {
margin-top: -10px;
}
.x-table-slider {
margin-bottom: 53px;
}
.x-table-slide-container {
width: 99%;
height: 420px;
margin-left: 0;
margin-right: 40px;
}
.x-table-slide-container.x-table-adjust-height {
height: 480px;
}
.x-table-slide-container.x-table-adjust-height.for-belia {
width: 97%;
height: 500px;
margin-left: 5px;
}
.tabs-2 {
flex-direction: column;
}
.tab-link-tab-1, .tab-link-tab-1.w--current {
width: 100%;
padding-bottom: 9px;
}
.x-plan-header-quota.for-smaller-next40 {
font-size: 40px;
}
.x-plan-header-name {
padding-left: 0;
padding-right: 0;
}
.x-plan-header-label.x-ph-label-2.x-adjust-phl {
margin-bottom: -26px;
padding: 6px;
}
.x-plan-bottom-price.x-auto-renewal.x-auto-renewal-price {
margin-top: 27px;
}
.x-plan-bottom-price.x-auto-renewal.x-auto-renewal-price.x-price {
margin-top: 47px;
}
.x-plan-bottom-price.x-auto-renewal.x-auto-renewal-price.x-adjust-price {
margin-top: 36px;
}
.tabs-menu-5 {
flex-direction: column;
align-items: stretch;
display: flex;
overflow: visible;
}
.x-plan-header-div.x-add-margin {
padding-bottom: 0;
}
.x-plan-bottom-usp-text.for-large-txt {
font-size: 17px;
line-height: 26px;
}
.x-plan-bottom-usp.x-adjust-padding {
padding-top: 16px;
}
.x-plan-back-benefit-wrapper {
padding-top: 15px;
padding-left: 20px;
padding-right: 20px;
}
.x-add-on-row-icon {
display: none;
}
.x-add-on-card {
flex-wrap: nowrap;
align-content: stretch;
justify-content: flex-start;
}
.x-add-on-card-header {
margin-left: 10px;
margin-right: 10px;
}
.x-add-on-card-description {
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
}
.x-add-on-title, .x-family-title {
line-height: 120%;
}
.x-auto-renewal.x-adjust-margin {
margin-top: 45px;
}
.x-auto-renewal.x-adjust-margin.for-belia {
margin-top: 34px;
}
.x-auto-renewal.x-adjust {
margin-top: 25px;
margin-bottom: 0;
}
.x-dropdown-heading {
line-height: 22px;
}
.x-dropdown-paragraph {
position: static;
}
.x-table-plan-slider.x-sig-content {
max-width: 100%;
}
.x-table-plan-container {
width: 99%;
}
.x-table-plan-container.x-sig-slider-ctn {
width: 98%;
margin-left: 2px;
margin-right: 8px;
}
.x-table-plan-container.x-sig-slider-ctn.no-margin {
margin-left: 2px;
margin-right: 8px;
}
.x-table-plan-container.x-familiku-specials {
width: 100%;
height: 686px;
left: 1px;
}
.x-table-plan-container.x-familiku-specials.for-postpaid {
width: 99%;
}
.x-table-plan-container.x-familiku-specials.for-postpaid.eng {
height: 520px;
padding-left: 0;
padding-right: 0;
}
.x-table-plan-container.x-familiku-specials.for-postpaid.bm {
height: 490px;
}
.x-table-card-front.x-front.for-min-width {
width: 100%;
min-width: 0;
}
.x-table-card-front.x-front.for-sig-offer {
height: auto;
}
.x-table-card-front.x-front.x-familiku-specials {
height: 430px;
height: 465px;
}
.x-family-subtitle {
line-height: 20px;
}
.x-family-subtitle.margin {
margin-left: -30px;
}
.x-family-subtitle.margin.remove-padding {
margin-left: 0;
}
.x-family-subtitle.margin-2 {
margin-left: -30px;
margin-right: -30px;
}
.x-w-auto-renew {
margin-left: auto;
margin-right: auto;
}
.x-prepaid-social-icon {
display: inline-block;
}
.x-fbm-top-grid {
grid-template-rows: auto auto;
}
.x-fbm-top-grid.mobile {
grid-row-gap: 35px;
}
.tab-family20.left-button {
margin-bottom: 0;
margin-right: 0;
}
.tab-family20.left-button.w--current {
padding-left: 25px;
padding-right: 25px;
}
.tab-family20.left-button.for-pfp {
padding-left: 10px;
padding-right: 10px;
}
.tab-family30.right-button {
margin-bottom: 0;
margin-left: 5px;
}
.tab-family30.right-button.w--current {
margin-top: 15px;
margin-left: 0;
}
.tab-family30.right-button.for-postpaid {
margin-top: 0;
margin-left: 12px;
padding-left: 25px;
padding-right: 25px;
}
.tab-family30.right-button.for-postpaid.for-pfp, .tab-family30.right-button.for-postpaid.for-pfp.w--current {
padding-left: 10px;
padding-right: 10px;
}
.tab-family45.right-button {
margin-bottom: 0;
margin-left: 5px;
}
.tab-family45.right-button.w--current {
margin-top: 15px;
margin-left: 0;
}
.tab-family45.right-button.for-postpaid {
margin-top: 0;
margin-left: 12px;
padding-left: 25px;
padding-right: 25px;
}
.tab-family45.right-button.for-postpaid.for-mobile {
margin-left: 10px;
padding-left: 10px;
padding-right: 10px;
top: 0;
}
.x-family-bundle-card-img {
padding-left: 0;
padding-right: 0;
}
.x-family-wrapper {
margin-left: auto;
margin-right: auto;
}
.x-belia-social-icon {
display: inline-block;
}
.x-addon-desc-icon {
margin-top: 10px;
display: block;
}
.x-addon-desc-icon.for-right {
margin-top: 5px;
}
.x-icon-wrapper {
flex-wrap: wrap;
align-content: space-between;
padding-top: 0;
padding-bottom: 0;
}
.x-icon-wrapper.for-hide {
margin-top: 0;
}
.x-endnote-samsung-s22 {
padding-left: 0;
padding-right: 0;
font-size: 24px;
line-height: 32px;
}
.x-di-title-2 {
line-height: 120%;
}
.x-family-subtitle-2 {
line-height: 20px;
}
.x-fbm-price-2 {
margin-left: 20px;
}
.x-language-picker-prepaid {
top: 4%;
right: 4%;
}
.x-popup-text {
margin-top: 20px;
}
.x-switch-digi-title {
font-size: 2em;
line-height: 120%;
}
.x-family-left-container {
width: auto;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.x-family-right-container {
width: auto;
height: 100%;
margin-left: 10px;
margin-right: auto;
}
.x-family-right-container.for-decrease-margin {
margin-left: -2px;
margin-right: -2px;
padding-left: 5px;
}
.x-signature-subtitle {
font-size: 16px;
line-height: 20px;
}
.x-language-picker-ppj {
top: -5%;
right: -5%;
}
.x-language-picker-postpaid {
top: 122px;
right: 4px;
}
.x-sig-table-ctn {
align-items: center;
position: relative;
}
.x-sig-slider-mask {
max-width: none;
}
.x-sig-offers-ctn {
width: 100%;
height: auto;
}
.x-sig-tab-link.for-right {
width: 40%;
margin-left: 0;
}
.x-sig-title {
max-width: 100%;
padding-top: 20px;
padding-bottom: 20px;
font-size: 20px;
line-height: 38px;
}
.x-ekyc-video {
width: auto;
}
.tabs-content-2 {
margin-top: 40px;
overflow: visible;
}
.x-signature-card-block {
grid-column-gap: 8px;
grid-row-gap: 16px;
text-align: center;
grid-template-columns: 1fr;
justify-items: start;
}
.x-signature-card-block.for-3 {
grid-row-gap: 16px;
grid-template-columns: 1fr;
}
.x-signature-card-block.for-2 {
grid-template-columns: 1fr;
}
.x-signature-tab-header {
padding-left: 0;
padding-right: 0;
font-size: 16px;
}
.x-signature-title {
line-height: 120%;
}
.x-limit.for-banner {
padding: 16px 24px;
}
.x-ads-headline, .x-ads-header {
line-height: 120%;
}
.x-language-picker-postpaid-fam, .x-language-picker-addons {
top: 122px;
right: 4%;
}
.x-signature-card-block-number {
grid-template-columns: 1fr;
}
.x-switch-row-icon {
display: block;
}
.x-ekyc-headline {
line-height: 120%;
}
.x-ekyc-sub-header {
line-height: 20px;
}
.x-ekyc-steps, .x-ads-steps, .x-ads-steps.for-3, .x-ads-steps.centre {
grid-template-columns: 1fr;
}
.tab-ads-change-plan.left-button {
margin-bottom: 10px;
margin-right: 0;
}
.tab-ads-change-plan.left-button.w--current {
margin-right: 0;
padding-left: 16px;
padding-right: 16px;
}
.tab-ads-get-addons.left-button {
margin-bottom: 0;
margin-right: 0;
}
.tab-ads-get-addons.left-button.w--current {
padding-left: 25px;
padding-right: 25px;
}
.tab-ads-get-addons.left-button.for-bottom {
margin-top: 10px;
margin-left: 0;
margin-right: 15px;
}
.tab-ads-get-addons.left-button.for-bottom.w--current {
padding-left: 16px;
padding-right: 16px;
}
.tab-ads-get-addons.right-button {
margin-bottom: 10px;
margin-left: 15px;
margin-right: 0;
}
.tab-ads-get-addons.right-button.w--current {
margin-top: 0;
margin-left: 15px;
}
.tab-ads-get-addons.right-button.for-bottom {
margin: 10px 0 0;
}
.x-home-digi-slider-mask {
width: 85%;
}
.x-home-dg-left-arrow.for-hide-mobile {
display: none;
}
.x-home-dg-img-ctn-2, .x-home-dg-img-ctn {
margin-left: 10px;
margin-right: 10px;
}
.x-home-dg-right-arrow.for-hide-mobile {
display: none;
}
.x-home-slider-ctn {
background-color: var(--ultra-light-grey);
padding-top: 10px;
}
.x-home-dg-tablet-img.for-hide-tablet {
display: none;
}
.x-home-dg-mobile-img {
width: 100%;
}
.x-home-dg-mobile-img.for-hide-mobile {
border-radius: 10px;
display: block;
}
.x-home-dg-mobile-img.for-hide-mobile.for-radius {
border-radius: 10px;
}
.x-ekyc-form-header {
margin-top: 20px;
padding-left: 0;
padding-right: 0;
font-size: 25px;
line-height: 30px;
}
.x-ekyc-input-title {
margin-top: 30px;
}
.x-ekyc-impt-note {
text-align: center;
}
.x-ekyc-column-block {
padding-right: 10px;
}
.x-table-card-back-2.x-back.x-familiku-special {
height: 430px;
height: 465px;
}
.x-plan-header-label-2.x-ph-label-2.x-adjust-phl {
margin-bottom: -26px;
padding: 6px;
}
.x-plan-header-label-2.x-ph-label-2.x-adjust-phl.for-yellow {
margin-left: 17px;
margin-right: 17px;
padding-left: 23px;
padding-right: 23px;
}
.x-plan-header-name-2 {
padding-left: 0;
padding-right: 0;
}
.x-plan-table-row-3 {
height: 92px;
padding-right: 12px;
}
.x-plan-table-row-3.for-center {
height: 92px;
padding: 6px;
font-size: 13px;
font-weight: 500;
line-height: 18px;
}
.x-plan-table-row-3.for-center.x-for-table-flip {
padding: 0;
}
.x-plan-table-row-3.for-center.for-raja-kombo, .x-plan-table-row-3.for-center.for-raja-kombo.for-mid-yellow {
height: 70px;
}
.x-plan-table-row-3.for-center.for-horizontal.for-vertical {
flex-direction: column;
}
.x-plan-table-row-3.for-center.for-horizontal.for-vertical.for-raja-kombo {
height: 70px;
}
.x-plan-table-row-3.for-center.for-horizontal.for-vertical.for-raja-kombo.for-white, .x-plan-table-row-3.for-center.for-horizontal.for-vertical.for-raja-kombo.for-mid-yellow, .x-plan-table-row-3.for-center.for-horizontal.for-vertical.for-raja-kombo.for-light-yellow {
height: 80px;
}
.x-plan-table-row-3.for-center.for-horizontal.for-vertical.for-raja-kombo.for-two-lines.for-light-yellow {
height: 100px;
}
.x-plan-table-row-3.for-center.for-horizontal.for-vertical.for-raja-kombo.for-light-yellow {
height: 80px;
}
.x-plan-table-row-3.for-center.for-horizontal.for-vertical.for-raja-kombo {
height: 60px;
}
.x-plan-table-row-3.for-center.for-horizontal.for-vertical.for-raja-kombo.for-light-orange {
height: 80px;
}
.x-plan-table-row-3.for-center.for-horizontal.for-vertical.for-raja-kombo.for-light-orange.for-two-lines {
height: 100px;
}
.x-plan-table-row-3.for-center.for-horizontal.for-vertical.for-raja-kombo.for-light-orange, .x-plan-table-row-3.for-center.for-horizontal.for-vertical.for-raja-kombo.for-light-yellow {
height: 80px;
}
.x-plan-table-row-3.for-center.for-horizontal.for-vertical.for-pakej-remaja {
height: 70px;
}
.x-plan-table-row-3.for-center.for-horizontal.for-vertical.for-pakej-remaja.for-white, .x-plan-table-row-3.for-center.for-horizontal.for-vertical.for-pakej-remaja.for-mid-yellow {
height: 80px;
}
.x-plan-table-row-3.for-center.for-horizontal.for-vertical.for-pakej-remaja.add-height.for-mid-yellow {
height: 90px;
}
.x-plan-table-row-3.for-center.for-horizontal.for-vertical.for-pakej-remaja {
height: 70px;
}
.x-plan-table-row-3.for-center.for-horizontal.for-vertical.for-pakej-remaja.for-white, .x-plan-table-row-3.for-center.for-horizontal.for-vertical.for-pakej-remaja.for-mid-yellow {
height: 80px;
}
.x-plan-table-row-3.for-center.for-horizontal.for-vertical.for-pakej-remaja.add-height.for-white {
height: 90px;
}
.x-plan-table-row-3.for-center.for-horizontal.for-vertical.for-raja-kombo-copy.for-light-yellow {
height: 80px;
}
.x-plan-table-row-3.for-center.for-raja-kombo {
height: 60px;
}
.x-plan-table-row-3.for-center.for-raja-kombo.for-mid-yellow, .x-plan-table-row-3.for-center.for-raja-kombo.for-mid-yellow.for-last, .x-plan-table-row-3.for-center.for-raja-kombo.for-mid-yellow.for-mobile {
height: 80px;
}
.x-plan-table-row-3.for-center.for-raja-kombo.for-mid-yellow.for-two-lines.for-last {
height: 100px;
}
.x-plan-table-row-3.for-center.for-raja-kombo.for-mid-yellow.for-mobile, .x-plan-table-row-3.for-center.for-raja-kombo.for-dark-yellow, .x-plan-table-row-3.for-center.for-raja-kombo.for-light-orange {
height: 80px;
}
.x-plan-table-row-3.for-center.for-raja-kombo.for-light-orange.for-two-lines {
height: 100px;
}
.x-plan-table-row-3.for-center.for-raja-kombo.for-darker-mid-yellow, .x-plan-table-row-3.for-center.for-raja-kombo.for-dark-yellow, .x-plan-table-row-3.for-center.for-raja-kombo.for-light-orange, .x-plan-table-row-3.for-center.for-raja-kombo.for-darker-mid-yellow {
height: 80px;
}
.x-plan-table-row-3.for-center.for-ppj {
border-right: .5px solid rgba(0, 0, 0, .5);
}
.x-plan-table-row-3.for-center.for-raja-kombo-copy {
height: 60px;
}
.x-plan-table-row-3.for-center.for-raja-kombo-copy.for-dark-yellow, .x-plan-table-row-3.for-center.for-raja-kombo-copy.for-dark-yellow-copy {
height: 80px;
}
.x-plan-table-row-3.for-raja-kombo {
height: 70px;
}
.x-plan-table-row-3.for-raja-kombo.add-height-copy {
height: 90px;
padding-top: 6px;
padding-bottom: 6px;
}
.x-plan-table-row-3.for-raja-kombo {
height: 80px;
}
.x-plan-table-row-3.for-raja-kombo.for-light-orange {
width: auto;
}
.x-plan-table-row-3.for-pakej-remaja {
height: 70px;
}
.x-plan-table-row-3.for-pakej-remaja.add-height-copy {
height: 90px;
padding-top: 6px;
padding-bottom: 6px;
}
.x-plan-table-row-3.for-pakej-remaja {
height: 70px;
}
.x-plan-table-row-3.for-pakej-remaja.add-height-copy {
height: 90px;
padding-top: 6px;
padding-bottom: 6px;
}
.x-plan-table-row-3.for-ppj, .x-plan-table-row-3.for-ppj-copy {
height: 100px;
}
.x-plan-header-2.x-add-height.for-new {
height: 50%;
}
.x-modal-header-2 {
background-color: #f5f5f5;
border-bottom: 1px solid #c7c9cc;
padding-top: 8px;
padding-bottom: 8px;
}
.x-idd-slider {
width: 99%;
height: 420px;
margin-left: 0;
margin-right: 40px;
right: -1px;
}
.x-tab-menu-3 {
margin-left: -24px;
margin-right: -24px;
padding-left: 24px;
padding-right: 24px;
overflow: auto;
}
.x-tab-menu-3.centre.buttons-style {
border: 1px #000;
flex-flow: row;
align-items: center;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
overflow: visible;
}
.x-tab-menu-3.centre.buttons-style.for-network {
flex-wrap: wrap;
align-content: space-between;
}
.x-tab-menu-3.centre.buttons-style.for-mobile {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
align-items: center;
margin-bottom: 0;
}
.x-tab-menu-3.centre.buttons-style.for-mobile.for-flex {
grid-row-gap: 10px;
flex-flow: wrap;
align-items: center;
}
.x-tab-menu-3.centre.buttons-style.for-mobile {
grid-column-gap: 0px;
width: 109%;
grid-column-gap: 0px;
grid-row-gap: 5px;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: minmax(60px, 1fr) minmax(90px, 1fr) 1fr minmax(148px, 1fr) 1fr minmax(195px, 1fr) 1fr;
grid-auto-columns: 1fr;
align-items: center;
margin-bottom: 0;
padding-bottom: 15px;
display: grid;
overflow: scroll;
}
.x-tab-menu-3.centre.buttons-style.for-mobile.for-padding {
width: 100%;
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-direction: row;
grid-template-columns: minmax(49px, 1fr) minmax(80px, 1fr) 1fr minmax(140px, 1fr) 1fr minmax(200px, 1fr) 1fr;
}
.x-tab-menu-3.centre.buttons-style {
border: 1px #000;
flex-flow: wrap;
align-items: center;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
overflow: visible;
}
.x-tab-menu-3.centre.buttons-style.for-mobile {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
align-items: stretch;
margin-bottom: 0;
}
.tab-postpaid150-2.left-button {
margin-bottom: 0;
margin-left: 10px;
margin-right: 0;
}
.tab-postpaid150-2.left-button.w--current {
margin-left: 10px;
padding-left: 16px;
padding-right: 16px;
}
.tab-postpaid150-2.right-button {
margin-bottom: 0;
margin-left: 10px;
}
.tab-postpaid150-2.right-button.w--current {
margin-top: 0;
margin-left: 10px;
}
.tab-postpaid150-2.right-button {
margin-bottom: 0;
margin-left: 5px;
}
.tab-postpaid150-2.right-button.w--current {
margin-top: 15px;
margin-left: 0;
}
.tab-postpaid150-2.left-button {
margin-bottom: 0;
margin-right: 0;
}
.tab-postpaid150-2.left-button.w--current {
padding-left: 25px;
padding-right: 25px;
}
.x-idd-main-slider {
margin-bottom: 53px;
margin-left: 25px;
margin-right: 25px;
}
.x-guide-card-wrapper-2 {
flex-direction: row;
}
.x-lto-blurb {
padding: 5px 10px;
line-height: 20px;
}
.x-help-card-block {
grid-column-gap: 8px;
grid-row-gap: 16px;
text-align: center;
grid-template-columns: 1fr;
justify-items: start;
}
.x-help-icon.for-chat {
margin-top: 0;
}
.x-help-card {
padding-top: 10px;
}
.x-help-card-header {
align-self: auto;
padding-left: 0;
padding-right: 0;
font-size: 18px;
line-height: 22px;
}
.x-help-card-para {
text-align: center;
padding-left: 10px;
}
.x-help-title {
line-height: 120%;
}
.x-help-subheader {
line-height: 20px;
}
.x-help-card-2 {
padding: 15px 15px 10px;
}
.x-help-card-2.banner-data-layer.for-width {
width: 100%;
flex-direction: column;
display: flex;
}
.x-help-card-para-2 {
line-height: 20px;
}
.text-block-60 {
text-align: center;
}
.x-help-card-block-top {
grid-column-gap: 8px;
grid-row-gap: 16px;
text-align: center;
grid-template-columns: 1fr;
justify-items: start;
margin-top: 10px;
}
.x-help-header-ctn {
flex-direction: row;
align-items: center;
}
.x-help-contact-grid {
grid-column-gap: 5px;
grid-row-gap: 5px;
}
.x-self-help-header {
padding-left: 0;
padding-right: 0;
font-size: 18px;
line-height: 22px;
}
.x-language-picker-ekyc {
top: 12px;
right: 4%;
}
.x-language-picker-ekyc.for-bm {
top: 8px;
}
.x-ekyc-input-row {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.x-lang-picker-rdy {
top: 137px;
right: 68%;
}
.x-dsp-header {
margin-top: 20px;
padding-left: 0;
padding-right: 0;
font-size: 30px;
line-height: 30px;
}
.x-dsp-teachers-form {
width: 100%;
}
.x-language-picker-ppn {
top: 0;
right: 4px;
}
.x-lang-picker-fibre {
top: 122px;
right: 4px;
}
.x-dsp-teachers-subheader {
line-height: 20px;
}
.x-dsp-teachers-input-title {
margin-top: 30px;
}
.x-dsp-teachers-input-check-btn {
flex: none;
margin-right: 12px;
}
.x-dsp-teachers-input-row {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.x-dsp-success-block {
margin-bottom: 0;
}
.x-dsp-form-wrapper {
margin-bottom: 20px;
padding: 0;
}
.x-idd-subheader {
line-height: 20px;
}
.x-idd-title {
line-height: 120%;
}
.x-exclusive-card-block {
grid-column-gap: 8px;
grid-row-gap: 16px;
text-align: center;
grid-template-columns: 1fr;
justify-items: start;
}
.x-exclusive-card-block.for-margin-padding, .x-exclusive-card-block.for-margin-padding.for-5 {
grid-template-columns: 1fr 1fr;
}
.x-exclusive-card-wrapper {
margin-left: auto;
margin-right: auto;
}
.x-exclusive-card-wrapper.for-margin {
margin-top: 0;
}
.x-exclusive-icon {
width: 90px;
height: 90px;
margin-bottom: 20px;
}
.x-exclusive-title {
line-height: 120%;
}
.x-exclusive-title.for-center {
margin-left: 0;
margin-right: 0;
line-height: 30px;
}
.x-exclusive-gallery-img {
height: auto;
}
.x-exclusive-table-block {
width: 100%;
margin-top: 15px;
margin-left: 0;
margin-right: 0;
position: relative;
}
.x-exclusive-text {
flex-direction: column;
align-items: flex-start;
}
.x-exclusive-text.for-title {
align-self: center;
margin-bottom: 8px;
font-size: 20px;
line-height: 24px;
}
.x-exclusive-slide-wrapper {
width: 98%;
left: -10px;
}
.x-exclusive-slider-arrow-left {
z-index: 10000;
margin-bottom: 154px;
}
.x-exclusive-slider-arrow-right {
z-index: 10000;
margin-bottom: 154px;
right: -17px;
}
.x-ep-slider-dots {
display: none;
}
.x-button-card-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-columns: 1fr;
}
.x-button-card-list.x-grid-4 {
grid-template-columns: 1fr 1fr;
margin: 20px 0;
}
.x-button-card-list.x-grid-4.minus-b-margin {
margin-bottom: 0;
}
.x-button-title, .x-button-title.no-margin {
font-size: 16px;
}
.x-icon-card {
padding-left: 10px;
padding-right: 10px;
}
.x-button-icon.for-smaller {
width: 60px;
height: 60px;
}
.tab-link-tab-1-2, .tab-link-tab-1-2.w--current {
width: 100%;
padding-bottom: 9px;
}
.x-get-help-ctn.for-hide-dp {
bottom: 16px;
left: 71%;
}
.x-get-help-img {
width: 80px;
}
.x-image-card-img-2.for-no-bottom-margin {
margin-bottom: 0;
}
.x-countdown-box.for-mobile {
display: none;
}
.x-countdown-ctn {
display: flex;
}
.x-countdown-txt {
color: #272727;
text-align: center;
font-size: 14px;
line-height: 17px;
}
.x-countdown-txt-ctn {
grid-template-columns: 1fr;
font-size: 12px;
line-height: 18px;
}
.x-slider-dots-3 {
width: 140px;
}
.text-span-102 {
color: #ff3939;
}
.x-arrow-left-wrapper-3 {
z-index: 1000;
left: -32px;
}
.x-arrow-left-wrapper-3.for-hide {
left: -11%;
}
.x-arrow-left-wrapper-3.for-hide.for-tablet {
left: -9%;
}
.x-w-auto-renew-2 {
margin-left: auto;
margin-right: auto;
}
.x-arrow-right-wrapper-3 {
margin-top: auto;
margin-bottom: auto;
right: -33px;
}
.x-arrow-right-wrapper-3.for-hide {
right: -11%;
}
.x-arrow-right-wrapper-3.for-hide.for-tablet {
right: -8%;
}
.x-belia-promo-icon.for-prepaid-all {
width: 60px;
bottom: -14%;
right: -35%;
}
.x-banner-title-2 {
font-size: 50px;
line-height: 55px;
}
.x-banner-title-2.for-loyalty-bonus {
margin-left: 10px;
margin-right: 10px;
font-size: 36px;
line-height: 40px;
position: absolute;
top: auto;
bottom: 45px;
}
.x-banner-title-2.for-appstore {
font-size: 24px;
line-height: 45px;
position: absolute;
top: auto;
bottom: 55px;
}
.x-banner-title-2.for-googleplay {
font-size: 19px;
line-height: 45px;
position: absolute;
top: auto;
bottom: 55px;
}
.x-banner-heading-2 {
top: 33px;
}
.x-banner-heading-2.for-pkrm {
margin-left: 4px;
margin-right: 4px;
padding-top: 0;
padding-bottom: 0;
font-size: 1.2em;
line-height: 1.2em;
position: relative;
top: auto;
bottom: -300px;
left: 0%;
right: 0%;
}
.x-banner-heading-2.for-oku {
padding-left: 10px;
padding-right: 10px;
font-size: 1em;
line-height: 19px;
top: 175px;
}
.x-banner-heading-2.for-senior-citizen {
padding-left: 10px;
padding-right: 10px;
font-size: 1.2em;
line-height: 25px;
top: 175px;
}
.x-banner-heading-2.for-appstore {
margin-left: 0;
margin-right: 0;
padding-left: 10px;
padding-right: 10px;
font-size: 1.1em;
line-height: 25px;
position: relative;
top: auto;
bottom: -282px;
}
.x-banner-heading-2.for-googleplay {
margin-left: 0;
margin-right: 0;
padding-left: 10px;
padding-right: 10px;
font-size: 14px;
line-height: 20px;
position: relative;
top: auto;
bottom: -282px;
}
.x-add-on-card-2 {
flex-wrap: nowrap;
align-content: stretch;
justify-content: flex-start;
}
.tab-family20-2.left-button {
margin-bottom: 0;
margin-right: 0;
}
.tab-family20-2.left-button.w--current {
padding-left: 25px;
padding-right: 25px;
}
.tab-family20-2.left-button.for-pfp, .tab-family20-2.left-button.for-pfp.remove-margin {
padding-left: 10px;
padding-right: 10px;
}
.tab-family20-2.left-button.for-pfp.remove-margin.w--current {
border-radius: 8px;
padding-left: 10px;
padding-right: 10px;
}
.tab-family30-2.right-button {
margin-top: 0;
margin-bottom: 0;
margin-left: 5px;
padding-left: 10px;
padding-right: 10px;
}
.tab-family30-2.right-button.w--current {
margin-top: 0;
margin-left: 0;
}
.tab-family30-2.right-button.for-postpaid {
border-radius: 8px;
margin-top: 0;
margin-left: 0;
padding-left: 10px;
padding-right: 10px;
}
.tab-family30-2.right-button.for-postpaid.w--current {
margin-top: 12px;
margin-left: 0;
}
.x-family-bundle-card-img-2 {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.x-hero-heading-2 {
margin-bottom: 4px;
font-size: 1.6em;
font-weight: 700;
line-height: 130%;
}
.x-hero-grid-banner-3 {
height: 220px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: .75fr 0;
grid-auto-columns: 1fr;
justify-content: space-between;
display: flex;
}
.x-lang-picker-belia {
top: 9px;
right: 2%;
}
.x-ekyc-slide {
width: 100%;
}
.x-ekyc-slider {
margin-bottom: 40px;
}
.x-arrow-left-wrapper-ekyc {
z-index: 1000;
left: -18px;
}
.x-arrow-right-wrapper-ekyc {
margin-top: auto;
margin-bottom: auto;
right: -18px;
}
.x-ekyc-slide-nav {
display: block;
top: 314px;
}
.x-language-picker-exclusive {
top: 8px;
right: 4px;
}
.x-free-device-small-txt {
text-align: center;
}
.x-free-device-cta-mobile {
display: block;
position: relative;
bottom: -137px;
}
.x-free-device-cta-mobile.for-gadget-sim {
bottom: -98px;
}
.x-free-device-cta-mobile.for-gadget-sim.for-gs {
bottom: -136px;
}
.x-free-device-cta-mobile.for-c3 {
top: 49px;
bottom: auto;
}
.x-free-device-cta-mobile.for-fibre {
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;
}
.x-free-device-cta-mobile.for-fibre:hover {
background-color: #272727;
border-color: #272727;
}
.x-free-device-cta-mobile.for-cd-gs {
top: 137px;
bottom: auto;
}
.x-free-device-cta-mobile.for-lower {
top: 168px;
bottom: auto;
}
.x-free-device-cta-mobile.for-lower.banner-data-layer {
margin-top: 15px;
}
.x-free-device-cta-mobile.for-lower.banner-data-layer.for-color {
background-color: #272727;
top: 163px;
}
.x-free-device-cta-mobile.for-lower.banner-data-layer.for-color:hover {
background-color: #000;
}
.x-free-device-cta-mobile.for-lower.banner-data-layer.for-color.for-position {
top: 222px;
}
.x-free-device-logo {
width: 110px;
top: 16px;
}
.x-free-device-img-ctn {
align-items: center;
margin-top: 0;
}
.x-free-device-cta {
display: none;
}
.x-section-free-device {
height: 430px;
}
.x-section-free-device.adjust-bottom-margin.for-shorter-height {
height: 395px;
}
.x-section-free-device.adjust-bottom-margin.for-shorter-height.cny {
height: 435px;
}
.x-section-free-device.adjust-bottom-margin.for-longer {
height: 530px;
height: 530px;
}
.x-section-free-device.adjust-bottom-margin.for-longer.for-homepage {
height: 620px;
}
.x-section-free-device.for-fibre {
height: 367px;
}
.x-section-free-device.for-j5gbersama {
height: 520px;
}
.x-section-free-device.for-gadget-sim-cd {
height: 450px;
}
.x-free-device-txt-ctn {
align-items: center;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
position: absolute;
top: 71px;
bottom: auto;
}
.x-free-device-txt-ctn.for-gadget-sim {
top: 83px;
}
.x-free-device-txt-ctn.for-fibre {
width: auto;
margin-top: 30px;
margin-right: 0;
padding-left: 10px;
padding-right: 10px;
top: 0;
}
.x-free-device-txt-ctn.for-fibre.for-bm {
width: auto;
}
.x-free-device-txt-ctn.for-j5gbersama {
margin-top: 10px;
margin-bottom: 10px;
top: 77px;
left: auto;
}
.x-tab-ekyc.right-button {
margin-bottom: 0;
margin-right: 0;
padding-left: 25px;
padding-right: 25px;
}
.x-tab-ekyc.right-button.w--current {
padding-left: 25px;
padding-right: 25px;
}
.x-tab-ekyc.right-button.for-sim {
text-align: center;
margin-top: 53px;
margin-left: 0;
padding-left: 10px;
padding-right: 10px;
line-height: 18px;
}
.x-tab-ekyc.right-button.for-sim.w--current {
text-align: center;
margin-left: 0;
padding-left: 10px;
padding-right: 10px;
line-height: 18px;
}
.x-tab-ekyc.left-button {
text-align: center;
margin-bottom: 0;
margin-right: 0;
padding-left: 25px;
padding-right: 25px;
}
.x-tab-ekyc.left-button.w--current {
flex: 0 auto;
padding-left: 12px;
padding-right: 12px;
}
.x-tab-ekyc.left-button.add-padding.w--current {
flex: 0 auto;
padding-left: 24px;
padding-right: 24px;
}
.x-video-item-2 {
width: 268px;
}
.x-mydigi-card-block {
grid-column-gap: 8px;
grid-row-gap: 16px;
text-align: center;
grid-template-columns: 1fr 1fr;
justify-items: start;
}
.x-mydigi-card-wrapper, .x-mydigi-icon {
margin-left: auto;
margin-right: auto;
}
.x-mydigi-header {
margin-top: 20px;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
font-size: 25px;
line-height: 30px;
}
.x-mydigi-subheader {
margin-left: 0;
margin-right: 0;
line-height: 20px;
}
.x-digi-snapshot-logo {
width: 270px;
display: none;
top: 37%;
}
.x-digi-snapshot-logo.for-mobile {
width: 190px;
display: none;
top: 6%;
}
.x-snapshot-paragraph {
margin-bottom: 0;
font-size: 18px;
line-height: 26px;
}
.x-snapshot-cms-list {
grid-template-columns: 1fr;
}
.x-snapshot-title {
margin-bottom: 20px;
font-size: 30px;
line-height: 125%;
}
.x-snapshot-title.for-mobile {
font-size: 28px;
}
.x-snapshot-btn-ctn {
flex-direction: column;
margin-left: -4px;
margin-right: -4px;
}
.background-shade.for-quote {
height: 75%;
}
.x-dgs-section {
padding-top: 20px;
padding-bottom: 0;
}
.team-wrapper {
min-height: 310px;
padding-bottom: 80px;
}
.team-item {
width: 100%;
height: 200px;
min-width: 200px;
}
.speaker-image {
width: 210px;
height: 210px;
}
.x-input-select-2 {
font-size: 14px;
}
.x-idd-slider-prepaid {
width: 99%;
height: 420px;
margin-left: 0;
margin-right: 40px;
right: -1px;
}
.grid-7 {
margin-left: 0;
margin-right: 0;
}
.x-ds-grid.owl-carousel {
display: block;
}
.xpl-head {
font-size: 16px;
line-height: 18px;
}
.x-snapshot-quote-heading {
font-size: 1.8em;
}
.x-snapshot-title-hashtag {
margin-top: 10px;
margin-bottom: 10px;
}
.team-item-2 {
height: 100%;
min-width: 70vw;
}
.x-free-device-small-txt-copy {
text-align: center;
}
.x-free-device-txt-ctn-copy {
align-items: center;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
position: absolute;
top: 77px;
bottom: auto;
}
.x-free-device-devices-copy-copy {
width: 250px;
top: auto;
bottom: -217px;
}
.x-free-device-small-txt-copy-copy {
text-align: center;
}
.x-free-device-logo-copy {
top: 20px;
}
.x-free-device-img-ctn-copy {
align-items: center;
margin-top: 0;
}
.x-section-free-device-copy {
height: 430px;
margin-bottom: 0;
}
.x-device-bg-2 {
background-position: 0 100%;
}
.x-language-picker-snapshot {
top: 71px;
right: 4px;
}
.text-block-39 {
line-height: 16px;
}
.x-fbm-price-3 {
margin-left: 20px;
}
.x-feat-grid {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.x-feat-wrapper {
padding-bottom: 0;
}
.x-feat-img {
max-width: 30%;
}
.x-feat-img.for-fibre {
max-width: 60%;
}
.x-sfc-bg-video {
height: 450px;
}
.x-sfc-header-txt-1 {
font-size: 1.8em;
}
.x-fibre-table-block {
width: 100%;
margin-top: 15px;
margin-left: 0;
margin-right: 0;
position: relative;
}
.x-fibre-table-block.for-raja-kombo {
margin-top: 20px;
}
.x-fibre-main-price {
font-size: 16px;
}
.x-sfc-master {
position: relative;
}
.x-sfc-intro-title-txt {
width: 100%;
font-size: 2.1em;
}
.x-sfc-ctdwn-title-txt {
text-align: center;
}
.x-sfc-intro-vid-ctn, .x-sfc-title-ctn {
margin-top: 10px;
}
.x-sfc-redgiant-logo, .x-sfc-masthead-sb {
width: 290px;
}
.x-sfc-bg-block {
width: 320px;
height: 110px;
top: -64px;
}
.x-sfc-heading {
text-align: center;
font-size: 23px;
line-height: 30px;
}
.x-sfc-heading.for-white {
margin-top: 20px;
padding-top: 4px;
padding-bottom: 4px;
font-size: 23px;
line-height: 30px;
}
.x-sfc-heading.for-sfc {
line-height: 40px;
}
.x-sfc-scor-ctn {
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 23px;
margin-left: 0;
display: flex;
}
.x-sfc-scor-ctn.for-remove-margin {
align-items: center;
}
.x-sfc-footer-ctn {
padding: 10px;
}
.x-sfc-footer-txt {
font-size: 12px;
line-height: 16px;
}
.x-gadget-paragraph {
margin-bottom: 0;
font-size: 18px;
line-height: 26px;
}
.x-gadget-title {
margin-bottom: 20px;
font-size: 30px;
line-height: 125%;
}
.x-ekyc-footnote {
bottom: -52%;
}
.x-ekyc-footnote.for-mobile {
bottom: -54%;
}
.x-astro-input-title {
margin-top: 30px;
}
.x-astro-subheader {
line-height: 20px;
}
.x-dropdown-astro {
font-size: 12px;
}
.x-gadget-sim-image {
width: 190px;
max-width: 300px;
top: auto;
bottom: -134px;
}
.x-gadget-sim-image.for-gs {
width: 130px;
top: 138px;
}
.x-gadget-sim-bg {
background-position: 0 100%;
}
.x-gadget-sim-bg.for-gadget-sim {
background-position: 0%;
}
.x-ekyc-descrip {
margin-bottom: 0;
padding-top: 10px;
}
.x-sfc-steps-ctn-2 {
grid-template-columns: 1fr;
}
.x-sfc-iphone-img-copy {
width: auto;
margin-top: 0;
}
.x-sfc-title-ctn-4 {
margin-top: 30px;
}
.x-sfc-matches-ctn-2 {
margin-bottom: 92px;
}
.x-sfc-sokong-sms-txt-2 {
line-height: 29px;
}
.x-sfc-sokong-sms-ctn-2 {
padding-left: 9px;
padding-right: 9px;
}
.x-sfc-para-scor-2 {
width: auto;
text-align: center;
margin-top: 10px;
padding-left: 0;
padding-right: 0;
line-height: 17px;
}
.x-ppj-highlight-ctn.for-mobile {
text-align: center;
line-height: 18px;
}
.x-plan-table-header-4 {
height: 110px;
padding: 16px;
position: relative;
top: auto;
}
.x-plan-table-header-4.for-sidebar {
padding-bottom: 0;
position: static;
}
.x-plan-table-header-4.for-sidebar.for-longer.for-ppj {
height: 120px;
}
.x-plan-table-header-4.for-longer.for-ppj {
height: 120px;
border-right: .5px solid rgba(0, 0, 0, .5);
flex-wrap: nowrap;
align-items: center;
}
.x-plan-table-content-4 {
flex-direction: row;
flex: 1;
justify-content: flex-start;
}
.x-emp-text-2 {
flex-direction: column;
align-items: flex-start;
}
.x-emp-text-2.for-title {
text-align: center;
margin-bottom: 8px;
font-size: 20px;
line-height: 24px;
}
.x-emp-text-2.for-familiku {
margin-right: 8px;
}
.x-emp-text-2.for-non-bold {
padding-top: 0;
}
.x-emp-text-2.for-title {
width: 100px;
margin-bottom: 3px;
font-size: 18px;
line-height: 24px;
}
.x-emp-text-2.for-left-padding {
margin-left: 14px;
}
.x-emp-text-2.for-title {
margin-bottom: 8px;
font-size: 20px;
line-height: 24px;
}
.x-plan-table-h3-title {
margin-bottom: 0;
}
.x-plan-table-h3-title.for-ppj {
width: auto;
margin-left: 14px;
margin-right: 14px;
font-size: 20px;
}
.x-plan-table-h3-title.for-ppj.for-smaller {
width: 100px;
font-size: 18px;
}
.x-plan-table-h3-title.margin-20.for-first-row {
padding-left: 10px;
}
.x-plan-table-h3-title.margin-20.for-second-row {
padding-left: 10px;
font-size: 14px;
}
.x-plan-table-h3-title.margin-20.for-second-row.for-position {
line-height: 19px;
}
.x-plan-table-sidebar-4 {
width: 125px;
}
.x-plan-table-sidebar-4.for-ppj {
width: 140px;
height: 100%;
}
.x-plan-table-sidebar-4.for-ppj.for-width {
width: 140px;
}
.x-plan-table-sidebar-4.for-ppj.for-width.for-bm {
width: 160px;
}
.x-ppj-highlight-txt.x-pf365-highlight-txt {
text-align: center;
}
.x-emp-rrp-2 {
flex-direction: column;
align-items: flex-start;
}
.x-emp-rrp-2.for-left-padding {
margin-left: 14px;
}
.x-plan-table-col-4 {
max-width: 150px;
min-width: auto;
position: relative;
}
.x-plan-table-col-4.for-one-col.for-ppj {
width: 70%;
}
.x-plan-table-col-4.for-one-col.for-ppj.last-column {
width: 70%;
flex: 1;
}
.x-plan-table-col-4.for-one-col.for-ppj.for-one-column {
width: 100%;
max-width: 300px;
flex: 0 auto;
}
.x-plan-table-col-4.for-column {
width: 65%;
}
.x-plan-table-col-4.for-column.for-yellow {
width: 60%;
min-width: 150px;
width: 60%;
min-width: 150px;
}
.x-focus-span-2.for-absolute.for-red {
z-index: 10;
padding: 0 2px;
font-size: 11px;
}
.x-focus-span-2.for-absolute.for-red.for-ppj {
padding-left: 3px;
padding-right: 3px;
font-size: 10px;
line-height: 13px;
}
.x-focus-span-2.for-absolute.for-yellow {
margin-bottom: 0;
}
.x-network-title {
line-height: 120%;
}
.x-network-tab-btn.for-center.nsc-cta-2 {
width: 500px;
margin-left: 0;
margin-right: 0;
padding-left: 30px;
padding-right: 25px;
}
.x-network-tab-btn.nsc-cta-1, .x-network-tab-btn.nsc-cta-1.w--current, .x-network-tab-btn.nsc-cta-3 {
width: 500px;
}
.x-network-card-block.for-3 {
grid-template-columns: 1fr 1fr;
}
.x-network-card-block.for-3.for-tab, .x-network-card-block.for-4 {
grid-template-columns: 1fr;
}
.x-roaming-card-description {
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
}
.x-roaming-pass-tab {
text-align: center;
margin-bottom: 0;
margin-right: 10px;
padding-left: 15px;
padding-right: 15px;
line-height: 18px;
}
.x-roaming-pass-tab.w--current {
text-align: center;
margin-bottom: 0;
padding-left: 15px;
padding-right: 15px;
line-height: 18px;
}
.x-roaming-pass-tab.for-rdy {
margin-top: 10px;
}
.x-roaming-pass-tab.for-rdy.w--current {
padding-left: 20px;
padding-right: 20px;
}
.for-link {
font-size: 14px;
}
.x-digital-header {
margin-top: 10px;
padding-left: 0;
padding-right: 0;
font-size: 20px;
line-height: 25px;
}
.x-digital-steps-title {
margin-top: 0;
}
.x-language-picker-pakejpowerjimat, .x-language-picker-pf365 {
top: 122px;
right: 4px;
}
.x-warnai-steps-grid {
margin-left: 0;
margin-right: 0;
}
.x-warnai-steps-text {
font-size: 16px;
}
.x-warnai-header {
margin-bottom: 20px;
font-size: 28px;
line-height: 35px;
}
.x-warnai-paragraph {
margin-bottom: 0;
font-size: 16px;
line-height: 25px;
}
.x-chat-loading-ctn {
width: 100vw;
height: 100vh;
margin: auto;
display: flex;
}
.x-warnai-bg-video {
height: 450px;
}
.x-cc-masthead {
width: 270px;
display: block;
top: 37%;
}
.x-roaming-tab-menu, .x-roaming-tab-menu.w--current {
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.x-rv-tab-menu {
justify-content: space-around;
}
.x-roaming-passes-grid {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.x-roaming-passes-grid.for-tablet {
grid-template-columns: 1fr;
}
.x-roaming-tab-menu-txt {
font-size: 14px;
}
.x-roaming-card-2 {
flex-wrap: nowrap;
align-content: stretch;
justify-content: flex-start;
}
.x-roaming-card-description-2 {
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
}
.x-sub-headline {
margin-bottom: 10px;
font-size: 16px;
line-height: 20px;
}
.x-btn-4 {
min-width: 88px;
margin-bottom: 8px;
margin-left: 4px;
margin-right: 4px;
padding: 10px 16px;
line-height: 19px;
}
.x-btn-4.toggle-popup.for-full.x-table-flip-btn {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.x-traveller-ctn {
margin-bottom: 30px;
}
.x-dg-pg-footer-txt {
text-align: center;
}
.x-pg-dw-app-icon {
height: 38px;
}
.x-pg-dw-app-icon.left {
margin-right: 15px;
}
.x-pg-dg-app-ctn.add-margin {
flex-direction: column;
}
.x-pg-button-copy {
margin-top: 20px;
}
.x-pg-button-copy.for-left {
margin-right: 0;
}
.x-pg-master {
max-height: 5000px;
}
.x-pg-header-banner.mobile {
display: block;
}
.x-pg-header-banner.tablet {
display: none;
}
.x-pg-dg-logo {
height: 60px;
}
.card__content__right {
max-width: 100%;
align-items: center;
padding-top: 15px;
padding-left: 0;
}
.card__content__right.for-new {
margin-right: 0;
}
.slide-one.is--1 {
height: 670px;
flex-direction: row;
padding-top: 40px;
padding-bottom: 44px;
}
.slide-one.is--1.for-new {
height: 557px;
}
.slide-one.is--1.for-new.new2 {
height: auto;
}
.slide-one.is--1 {
height: 580px;
flex-direction: row;
padding-top: 40px;
padding-bottom: 44px;
}
.slide-one.is--1.for-new {
height: 557px;
}
.slide-one.is--1.for-new.new2 {
height: auto;
text-align: center;
}
.card__content {
flex-direction: column;
justify-content: center;
align-items: center;
}
.x-pg-footer-ctn {
padding: 10px;
}
.x-pg-title {
margin-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
font-size: 2.1em;
line-height: 100%;
}
.x-pg-title.black {
margin-bottom: 20px;
}
.x-pg-title.for-gear {
margin-bottom: 0;
padding-right: 0;
font-size: 1.9em;
}
.x-pg-title.for-gear.black {
text-align: center;
text-align: center;
text-align: center;
font-size: 1.7em;
}
.x-pg-title.for-about {
font-size: 2em;
}
.team-item-3 {
height: 100%;
min-width: 70vw;
}
.x-section-cc-bg-img {
background-position: 52%;
}
.x-section-for-cc {
height: 290px;
margin-bottom: 0;
}
.x-cc-prizes-ctn {
padding-top: 33px;
}
.x-cc-main-prize {
width: 290px;
}
.x-cc-second-prize {
width: 170px;
}
.x-warnai-subheader {
font-size: 18px;
line-height: 23px;
}
.x-mydigi-card-description {
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
}
.x-mydigi-card {
flex-wrap: nowrap;
align-content: stretch;
justify-content: flex-start;
}
.r-rdy-cop-grid {
margin-left: 0;
margin-right: 0;
}
.r-rdy-cop-icon {
height: 65px;
}
.r-rdy-cop-grid-2 {
margin-left: 0;
margin-right: 0;
}
.x-fibre-ads-subheadline {
line-height: 120%;
}
.x-roaming-usp-img-mob-1 {
width: 241px;
}
.image-45 {
width: 271px;
}
.image-42 {
width: 170px;
}
.x-roaming-usp-mobile {
flex-direction: column;
align-items: center;
display: flex;
}
.image-44 {
width: 241px;
}
.x-promo-link.add-margin {
display: none;
}
.x-cm-paragraph {
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
}
.c-slide_image {
box-shadow: none;
}
.x-promo-heading-section {
font-size: 2.6em;
}
.x-cm-logo {
width: 210px;
}
.x-cm-design-ctn {
grid-template-columns: 1fr;
}
.x-promo-master {
padding-top: 63px;
position: relative;
}
.x-cm-steps-ctn {
grid-template-columns: 1fr;
}
.x-cm-pattern-box.add-margin {
margin-top: 0;
}
.x-dg-pg-footer-txt-copy {
text-align: center;
}
.c-slide {
margin-right: auto;
}
._w-slider-arrow-left {
justify-content: flex-start;
margin-left: -10px;
}
.x-iphone-15-link {
justify-content: center;
display: flex;
}
.x-iphone-14-arrow-right {
width: 30px;
}
._w-slider-arrow-right {
justify-content: flex-end;
margin-right: -10px;
}
.x-iphone-15-mobile {
border-radius: 20px;
display: block;
}
.x-iphone-15-tablet {
display: none;
}
.x-iphone-14-header {
margin-bottom: 10px;
font-size: 1.7em;
line-height: 122%;
}
.x-iphone-14-slider {
padding-left: 10px;
padding-right: 10px;
}
.x-iphone-14-arrow-left {
width: 30px;
}
.x-iphone14-form-header {
margin-top: 20px;
padding-left: 0;
padding-right: 0;
font-size: 25px;
line-height: 30px;
}
.x-flip-banner.mobile {
display: block;
}
.x-flip-header-banner.tablet {
display: none;
}
.x-flip-paragraph {
margin-bottom: 0;
font-size: 16px;
line-height: 25px;
}
.x-flip-steps-text {
font-size: 16px;
}
.x-esim-header {
margin-top: 20px;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
font-size: 25px;
line-height: 30px;
}
.x-esim-subheader {
margin-left: 0;
margin-right: 0;
line-height: 20px;
}
.x-esim-card-title {
white-space: normal;
line-height: 24px;
}
.x-esim-card {
width: 100%;
text-align: left;
}
.x-esim-parag {
margin-right: 0;
}
.x-esim-header-2 {
margin-right: 0;
font-size: 18px;
}
.x-digiflip4all-video {
width: auto;
}
.x-plan-header-name-3 {
padding-left: 0;
padding-right: 0;
}
.x-table-plan-slider-2 {
margin-right: 10px;
}
.x-table-plan-slider-2.for-postpaid {
z-index: 0;
height: 100%;
margin-top: 0;
margin-right: 0;
}
.x-belia-promo-postpaid-ctn {
margin-top: 0;
}
.x-belia-promo-postpaid-ctn.for-belia {
margin-top: -10px;
}
.x-plan-header-quota-2 {
font-size: 50px;
line-height: 40px;
}
.x-postpaid-new-label {
font-size: 10px;
top: -20%;
right: 5%;
}
.x-postpaid-new-label.for-addons {
font-size: 11px;
line-height: 16px;
}
.x-plan-header-label-postpaid.x-ph-label-2.x-adjust-phl {
margin-bottom: -26px;
padding: 6px;
}
.x-plan-header-label-postpaid.x-ph-label-2.x-adjust-phl.for-yellow {
margin-left: 0;
margin-right: 0;
padding-left: 10px;
padding-right: 10px;
font-size: 12px;
}
.x-plan-header-label-postpaid.x-ph-label-2.x-adjust-phl.for-yellow.for-colour.for-belia {
margin-top: 0;
}
.x-postpaid-infinite-tab-txt {
text-align: center;
line-height: 18px;
}
.x-postpaid-plan-tab-txt {
max-width: 100px;
line-height: 18px;
}
.postpaid-150.w--current {
margin-left: 10px;
padding-left: 10px;
padding-right: 10px;
font-size: 12px;
}
.x-plan-table-text-2 {
display: none;
}
.x-plan-table-text-2.for-ppkm {
margin-top: 0;
margin-left: 15px;
font-size: 13px;
display: block;
}
.x-plan-table-row-4 {
height: 110px;
padding-right: 10px;
}
.x-plan-table-row-4.for-center {
height: 110px;
padding: 6px;
font-size: 13px;
font-weight: 500;
line-height: 18px;
}
.x-plan-table-row-4.for-promo {
padding-right: 10px;
}
.x-pf365-highlight-txt {
text-align: center;
padding-left: 5px;
}
.x-flip4all-header {
margin-bottom: 20px;
font-size: 22px;
line-height: 28px;
}
.x-flip4all-contest-date {
padding-left: 10px;
padding-right: 10px;
}
.x-flip4all-steps-grid {
margin-left: 0;
margin-right: 0;
}
.x-flip4all-steps-grid.for-belia, .x-flip4all-steps-grid.for-iphone {
grid-template-columns: 1fr;
}
.x-flip4all-steps-grid.for-iphone.for-two {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.x-content-copy-img-digi-smart-uc {
margin-top: 0;
}
.x-belia-heading {
font-size: 23px;
line-height: 120%;
}
.x-perantisiswa-subheading {
line-height: 28px;
}
.x-belia-steps-desc-txt {
font-size: 16px;
}
.x-tab-btn, .x-tab-btn.w--current {
padding-left: 10px;
padding-right: 10px;
}
.x-tab-btn.for-right {
margin-left: 10px;
}
.x-tab-btn.for-right.for-english {
margin-left: 10px;
margin-right: -10px;
padding-left: 8px;
padding-right: 8px;
}
.x-tab-btn.for-right.for-english.w--current {
margin-left: 10px;
margin-right: -10px;
}
.x-tab-btn.for-english, .x-tab-btn.for-english.w--current {
margin-left: -10px;
margin-right: 5px;
padding-left: 8px;
padding-right: 8px;
}
.x-belia-paragraph {
font-size: 15px;
line-height: 20px;
}
.x-ekyc-num-tab {
width: 100%;
}
.x-btn-5 {
min-width: 88px;
margin-bottom: 8px;
margin-left: 4px;
margin-right: 4px;
padding-left: 16px;
padding-right: 16px;
}
.x-btn-5.for-larger.for-ekyc {
padding-left: 10px;
padding-right: 10px;
}
.x-btn-5.for-colouringmalaysiaku {
padding-left: 30px;
padding-right: 30px;
font-size: 18px;
}
.x-btn-5.for-secondary {
background-color: #fff;
}
.x-btn-5.toggle-popup.banner-data-layer {
min-width: 100px;
margin-left: auto;
margin-right: auto;
}
.x-5g-steps {
grid-template-columns: 1fr;
}
.x-5g-icon-title {
text-align: center;
margin-top: 0;
margin-bottom: 0;
margin-left: 15px;
}
.x-5g-icon-grid, .x-5g-icon-grid.for-4 {
grid-template-columns: 1fr;
}
.x-5g-icon-wrapper {
margin-left: 0;
margin-right: 0;
padding-top: 10px;
}
.x-5g-icon-ctn {
flex-direction: column;
}
.x-5g-icon {
width: 50px;
flex: 0 auto;
}
.process_line {
height: 55%;
}
.image-51 {
display: block;
}
.process_image_wrap {
width: 100%;
display: block;
}
.process_image_wrap.hide, .process_image_wrap.hide.for-5g, .process_image_wrap.hide, .process_image_wrap.hide.for-5g {
display: none;
}
.process_card {
margin-bottom: 0;
}
.centre_block.for-02 {
flex: 0 auto;
}
.process_details {
padding: 15px 0 15px 15px;
}
.x-5g-link-arrow.for-rotate {
top: 2px;
}
.x-promo-grid.for-4 {
grid-template-columns: 1fr;
}
.x-ads-subheader-5g {
line-height: 20px;
}
.x-iphone-note-link-txt {
margin-right: 0;
font-size: 14px;
}
.x-iphone-footnote-wrapper {
flex-direction: row;
align-items: center;
}
.x-iphone-footnote-btn {
margin-left: 0;
margin-right: 8px;
}
.x-plan-logo-link-2 {
top: 0%;
}
.x-plan-logo-link-2.for-blurb {
top: 65%;
right: auto;
}
.x-plan-logo-link-2.for-5g-enabled-blurb {
top: 60%;
right: auto;
}
.x-plan-table-block-3 {
margin-right: -24px;
position: relative;
}
.x-plan-table-header-5 {
height: 80px;
padding: 16px;
position: relative;
top: auto;
}
.x-plan-table-header-5.for-sidebar {
padding-bottom: 0;
position: static;
}
.x-plan-table-header-5.for-sidebar.for-higher.for-mobile-broadband {
padding: 10px 5px;
}
.x-plan-table-header-5.for-loyalty.for-yellow.for-radius {
height: 70px;
}
.x-plan-table-header-5.for-loyalty.for-yellow.for-radius.add-height {
height: 110px;
}
.x-plan-table-header-5.for-fibre.for-yellow.for-radius {
height: 70px;
}
.x-plan-table-header-5.for-fibre.for-yellow.for-radius.add-height {
width: auto;
height: 100px;
}
.x-plan-table-header-5.for-higher.for-mobile-broadband.yellow {
width: 390px;
padding-top: 10px;
}
.x-plan-table-sidebar-5 {
width: 140px;
}
.x-plan-table-content-5 {
flex-direction: row;
flex: 1;
}
.x-plan-table-col-5 {
position: relative;
}
.x-plan-table-col-5.for-one-col {
width: 65%;
}
.x-plan-table-col-5.for-one-col.for-raja-kombo.for-yellow.for-border, .x-plan-table-col-5.for-one-col.for-pakej-perpaduan.for-yellow.for-border {
width: auto;
min-width: auto;
padding-top: 0;
padding-bottom: 0;
}
.x-plan-table-col-5.for-column {
width: 65%;
}
.x-plan-table-col-5.for-column.for-raja-kombo {
width: auto;
min-width: auto;
}
.x-sfc-intro-title-txt-2 {
width: 330px;
font-size: 2.1em;
}
.x-sfc-intro-title-txt-2.for-jersi {
width: auto;
font-size: 1.7em;
}
.x-sfc-jersi-wrapper {
margin-left: -32px;
margin-right: -23px;
}
.x-sfc-jersi-img {
width: 80%;
}
.x-sfc-steps-ctn-3 {
grid-template-columns: 1fr;
}
.x-sfc-steps-descrip-3 {
font-size: 16px;
line-height: 20px;
}
.x-sfc-container-wallpaper {
padding-left: 24px;
padding-right: 24px;
}
.slider-item {
width: 60vw;
height: 100vw;
}
.x-detective-maniam-navbar {
z-index: 1000;
}
.x-detective-maniam-menu-ctn, .x-detective-maniam-link-txt.add-margin.for-playlist {
margin-right: 0;
}
.x-detective-maniam-showreel-wrapper {
width: 100%;
height: auto;
min-height: 0;
}
.x-dm-cast-character-slider {
height: auto;
align-items: stretch;
padding-bottom: 60px;
overflow: visible;
}
.x-detective-maniam-footer-txt {
font-size: 12px;
}
.x-dm-bts-slide-left-arrow {
width: 70px;
}
.x-detective-maniam-trailer-btm-arrow.for-mobile {
margin-bottom: 40px;
}
.x-dm-episode-title {
width: auto;
display: block;
}
.x-dm-cast-character-section {
padding-top: 48px;
padding-bottom: 48px;
}
.x-dm-cast-character-section.home-hero-section {
background-image: linear-gradient(#000, rgba(0, 0, 0, .8) 86%, rgba(0, 0, 0, 0)), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d7485f53ca324_detective_maniam_bg1.jpg");
background-position: 0 0, 100% 0;
background-size: auto, auto;
margin-top: auto;
padding-top: 60px;
padding-bottom: 100px;
}
.x-dm-bts-slide-right-arrow {
width: 60px;
}
.x-dm-bts-gallery-slider {
width: 440px;
}
.x-dm-cast-descp.large {
width: auto;
font-size: 14px;
}
.x-dm-cast-img-cover {
width: auto;
justify-content: center;
align-items: center;
}
.x-dm-episode-content {
width: auto;
margin-top: 10px;
margin-left: 0;
display: block;
}
.x-dm-episode-lightbox {
flex-direction: column;
margin-left: 0;
}
.x-detective-maniam-playlist-title-ctn {
margin-bottom: 20px;
padding-bottom: 0;
}
.x-dm-episode-image {
width: 100%;
min-width: 0;
margin-left: 0;
}
.x-dm-cast-body-info.speaker-headding {
margin-top: -30px;
}
.x-dm-cast-info {
max-width: none;
align-self: flex-start;
}
.x-dm-bts-gallery-slide {
width: 500px;
}
.x-dm-episode-line-breaker {
margin-top: 30px;
margin-bottom: 1px;
}
.x-dm-cast-slider-arrow {
width: 50px;
height: 50px;
top: auto;
bottom: 40px;
right: 5vw;
}
.x-dm-cast-slider-arrow.left {
z-index: 999;
width: 50px;
height: 50px;
margin-right: 84px;
bottom: 40px;
left: auto;
right: 0;
}
.x-dm-cast-slide-img {
height: auto;
min-height: 300px;
}
.x-section-4.for-detective-maniam {
padding-top: 20px;
padding-bottom: 60px;
}
.x-section-4.for-bts {
margin-top: 60px;
}
.x-section-4.for-detective-maniam-abt {
background-image: linear-gradient(rgba(0, 0, 0, .7) 100%, rgba(0, 0, 0, 0) 50%, #000), url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/637b2e06707d7485f53ca324_detective_maniam_bg1.jpg");
background-position: 0 0, 50% 0;
margin-top: -50px;
}
.x-dm-bts-slid-arrow-icon.left {
margin-right: 20px;
}
.x-dm-bts-slid-arrow-icon.right {
margin-left: 10px;
}
.x-detective-maniam-abt-title-txt {
width: auto;
font-size: 32px;
}
.x-detective-maniam-masthead-ctn {
width: auto;
height: auto;
flex-direction: column;
justify-content: center;
align-items: center;
display: block;
}
.x-detective-maniam-abt-img {
width: 250px;
height: auto;
}
.x-dm-tape-container {
height: 20vw;
top: auto;
}
.x-dm-cast-slide-content {
width: auto;
justify-content: center;
align-items: center;
padding-bottom: 6px;
}
.x-dm-bts-gallery-slide-content {
width: 300px;
height: 180px;
min-width: 0;
}
.x-detective-maniam-masthead {
width: 86%;
margin-top: 60px;
}
.x-detective-maniam-trailer-btn-txt {
margin-top: 28px;
font-weight: 600;
line-height: 16px;
}
.x-detective-maniam-trailer-btn-txt.banner-data-layer {
font-size: 12px;
}
.x-detective-maniam-header {
height: 60vh;
}
.x-detective-maniam-episode-ctn {
justify-content: flex-start;
padding-top: 30px;
}
.x-detective-maniam-episode-ctn:hover {
background-image: radial-gradient(circle, #252525, #000);
}
.x-detective-maniam-master {
position: relative;
}
.x-wrapper-40-100 {
padding-top: 24px;
padding-bottom: 24px;
display: block;
position: relative;
}
.x-wrapper-40-100.for-interview {
padding-bottom: 40px;
}
.x-detective-maniam-footer-ctn {
padding: 10px;
}
.x-dm-episode-number {
display: none;
}
.x-dm-cast-hero-wrapper {
height: 565px;
}
.x-detective-maniam-hero-content {
width: auto;
}
.x-detective-maniam-cast-title-txt {
width: 330px;
margin-top: 20px;
font-size: 2em;
}
.x-detective-maniam-wrapper {
padding-top: 24px;
padding-bottom: 24px;
display: block;
position: relative;
}
.x-dm-cast-name {
font-size: 42px;
}
.x-detective-maniam-playlist-title-txt {
width: 330px;
font-size: 2.1em;
}
.x-detective-maniam-cast-title-ctn {
padding-bottom: 10px;
}
.x-detective-maniam-abt-para-txt {
padding-left: 10px;
padding-right: 10px;
font-size: 13px;
line-height: 18px;
}
.x-detective-maniam-bts-title-ct {
padding-bottom: 0;
}
.x-dm-epsisode-duration {
display: inline;
right: 0;
}
.x-detective-maniam-interview-title-txt {
width: 330px;
font-size: 2.1em;
}
.x-detective-maniam-bts-title-txt {
width: auto;
font-size: 2em;
}
.x-limit-4 {
z-index: 10;
padding-left: 24px;
padding-right: 24px;
}
.x-limit-4.for-bts {
max-width: none;
padding-left: 60px;
padding-right: 60px;
}
.x-detective-maniam-hero-video {
width: auto;
height: 100%;
margin-top: 40px;
}
.x-dm-episode-descp {
width: auto;
font-size: 13px;
}
.x-detective-maniam-abt-title-txt-2 {
width: auto;
font-size: 32px;
}
.bold-text-26 {
font-size: 40px;
}
.x-dm-episode-img-block {
width: 100%;
}
.x-loyalty-img {
width: auto;
height: auto;
margin-bottom: 10px;
}
.x-content-copy-img-3, .x-content-copy-img-3.for-right-video {
margin-top: 0;
}
.x-fibre-table-sidebar-2 {
width: 155px;
}
.x-di-title {
line-height: 120%;
}
.x-di-title.for-home-fibre, .x-di-title.for-pakej-remaja, .x-di-title.for-home-fibre {
padding-left: 0;
padding-right: 10px;
}
.x-loyalty-txt {
flex-direction: column;
align-items: flex-start;
}
.x-loyalty-txt.for-sub-title {
margin-bottom: 8px;
font-size: 16px;
line-height: 24px;
}
.x-fibre-table-headline-2 {
margin-top: 0;
margin-bottom: 0;
margin-left: 15px;
font-size: 15px;
line-height: 23px;
}
.x-loyalty-table-header {
height: 80px;
padding: 16px;
position: relative;
top: auto;
}
.x-loyalty-table-header.for-sidebar {
padding-bottom: 0;
position: static;
}
.x-loyalty-table-header.for-sidebar.x-no-sticky.for-grey {
margin-top: 0;
}
.text-block-84 {
font-size: 14px;
}
.bold-text-27 {
font-size: 15px;
}
.x-rate-copy-block-loyalty.for-center {
margin-bottom: 20px;
}
.x-rate-copy-block-loyalty.for-center.for-loyalty {
grid-row-gap: 10px;
}
.x-rate-copy-block-loyalty.for-center {
margin-bottom: 20px;
}
.x-rate-copy-block-loyalty.for-center.for-talktime {
grid-row-gap: 10px;
margin-top: 0;
}
.x-ppkm-txt {
flex-direction: column;
align-items: flex-start;
}
.x-ppkm-txt.for-sub-title {
margin-bottom: 8px;
font-size: 16px;
line-height: 24px;
}
.x-ppkm-txt.for-title {
margin-top: 15px;
margin-bottom: 0;
font-size: 16px;
line-height: 20px;
}
.x-prkm-table-header {
height: 80px;
padding: 16px;
position: relative;
top: auto;
}
.x-prkm-table-header.for-sidebar {
padding-bottom: 0;
position: static;
}
.x-prkm-table-header.for-sidebar.x-no-sticky.for-grey {
margin-top: 0;
}
.x-prkm-table-header.for-sidebar.x-no-sticky.for-grey.add-height {
height: 100px;
padding-bottom: 16px;
}
.x-prkm-table-sidebar {
width: 185px;
}
.x-ppkm-tab-2, .x-ppkm-tab-2.w--current {
text-align: center;
margin-bottom: 0;
margin-right: 5px;
padding-left: 15px;
padding-right: 15px;
line-height: 18px;
}
.x-ppkm-tab-5 {
text-align: center;
margin-bottom: 0;
margin-right: 0;
padding-left: 15px;
padding-right: 15px;
line-height: 18px;
}
.x-ppkm-tab-5.w--current {
text-align: center;
margin-bottom: 0;
padding-left: 15px;
padding-right: 15px;
line-height: 18px;
}
.x-ppkm-steps-descp-txt {
font-size: 16px;
}
.x-ppkm-tab-4 {
text-align: center;
margin-bottom: 0;
margin-right: 5px;
padding-left: 15px;
padding-right: 15px;
line-height: 18px;
}
.x-ppkm-tab-4.w--current {
text-align: center;
margin-bottom: 0;
padding-left: 15px;
padding-right: 15px;
line-height: 18px;
}
.x-ppkm-tab-1, .x-ppkm-tab-1.w--current {
text-align: center;
margin-bottom: 0;
margin-right: 5px;
padding-left: 15px;
padding-right: 15px;
line-height: 18px;
}
.x-title-heading-2 {
line-height: 120%;
}
.x-wrapper-pkkm {
padding-top: 40px;
padding-bottom: 40px;
display: block;
position: relative;
}
.x-raja-kombo-table-header {
height: 80px;
padding: 16px;
position: relative;
top: auto;
}
.x-raja-kombo-table-header.for-sidebar {
padding-bottom: 0;
position: static;
}
.x-raja-kombo-table-headline {
margin-bottom: 0;
margin-left: 15px;
font-size: 16px;
line-height: 23px;
}
.x-exclusive-table-header-2 {
height: 80px;
padding: 16px;
position: relative;
top: auto;
}
.x-raja-kombo-txt {
flex-direction: column;
align-items: flex-start;
}
.x-raja-kombo-txt.for-sub {
margin-top: 10px;
}
.x-raja-kombo-txt.for-title {
margin-bottom: 8px;
font-size: 20px;
line-height: 24px;
}
.x-raja-kombo-table-sidebar-2 {
width: 165px;
}
.x-raja-kombo-table-block {
width: 100%;
margin-top: 15px;
margin-left: 0;
margin-right: 0;
position: relative;
}
.x-raja-kombo-star-bookmark {
width: 28px;
right: 2%;
}
.x-card-2 {
width: 100%;
text-align: left;
}
.x-card-2.for-testimonial {
grid-template-columns: 1fr;
}
.x-card-2.for-5g {
width: 100%;
height: auto;
}
.x-plan-logo-img-ppj.for-left-padding {
z-index: 100;
margin-left: 0;
display: inline-block;
}
.x-plan-logo-img-ppj.for-left-padding.for-smaller {
width: 100px;
padding-left: 10px;
}
.x-promo-list-descrip {
font-size: 16px;
}
.x-belia-paragraph-3 {
font-size: 15px;
line-height: 20px;
}
.x-belia-heading-2 {
margin-bottom: 20px;
font-size: 23px;
line-height: 120%;
}
.x-section-header-3 {
margin-top: 0;
}
.x-business-usp-wrapper {
margin-left: auto;
margin-right: auto;
}
.x-business-usp-title {
margin-bottom: 4px;
}
.x-business-usp-desc {
font-size: 15px;
}
.x-belia-heading-3 {
margin-bottom: 20px;
font-size: 21px;
line-height: 120%;
}
.x-business-icon.x-adjust-size {
margin-top: 4px;
}
.x-section-5.for-breaker, .x-section-5.for-breaker-2 {
background-position: 30% -90%, 0 0;
}
.x-limit-6 {
z-index: 10;
padding-left: 24px;
padding-right: 24px;
}
.x-belia-heading-4 {
margin-bottom: 0;
font-size: 23px;
line-height: 120%;
}
.x-di-title-3 {
margin-bottom: 20px;
line-height: 120%;
}
.x-video-item-3 {
width: 100%;
}
.x-solution-testimonial-rt-2 {
text-align: center;
}
.x-iphone-14-arrow-left-2 {
width: 30px;
}
.paragraph-23 {
text-align: center;
margin-bottom: 10px;
}
.x-promo-card-img-2.for-5g {
height: 220px;
}
.x-esim-card-2 {
width: 100%;
text-align: left;
}
.x-esim-card-title-2 {
white-space: normal;
line-height: 24px;
}
.x-iphone-steps-txt-2 {
text-align: center;
}
.x-iphone-steps-desc-txt-2 {
font-size: 14px;
}
.x-dsp-subtitle {
font-size: 16px;
line-height: 20px;
}
.x-banner-title-3 {
font-size: 50px;
line-height: 55px;
}
.x-banner-title-3.for-oku {
margin-left: 20px;
margin-right: 20px;
font-size: 30px;
line-height: 38px;
top: 200px;
}
.x-banner-title-3.for-senior-citizen {
margin-left: 10px;
margin-right: 10px;
font-size: 30px;
line-height: 33px;
top: 200px;
}
.x-belia-heading-5 {
margin-bottom: 10px;
font-size: 21px;
line-height: 120%;
}
.x-business-usp-desc-2 {
font-size: 15px;
}
.x-content-block-2 {
position: relative;
overflow: visible;
}
.x-roaming-card-3 {
flex-wrap: nowrap;
align-content: stretch;
justify-content: flex-start;
}
.x-roaming-card-description-4 {
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
}
.x-esim-paragraph {
margin-bottom: 0;
font-size: 16px;
line-height: 25px;
}
.x-roaming-card-description-5 {
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
font-size: 14px;
}
.x-steps-notice {
text-align: center;
}
.x-dsp-cta-header {
line-height: 20px;
}
.x-dsp-cta-header.for-mobile {
margin-top: 40px;
margin-bottom: -15px;
font-size: 1.2em;
font-weight: 600;
display: block;
}
.x-card-block-2 {
grid-column-gap: 8px;
grid-row-gap: 16px;
text-align: center;
grid-template-columns: 1fr;
justify-items: start;
}
.x-paving-5g-img {
width: auto;
height: auto;
margin-bottom: 10px;
}
.x-rate-copy-block-paving-5g.for-center {
margin-bottom: 20px;
}
.for-airsim-parag {
margin-left: 0;
margin-right: 0;
}
.x-wrapper-samsung, .x-wrapper-samsung-copy, .x-wrapper-samsung-3, .x-wrapper-pf365 {
padding-top: 0;
padding-bottom: 40px;
display: block;
position: relative;
}
.x-breaker-ctn {
grid-column-gap: 0px;
grid-row-gap: 20px;
text-align: center;
flex-direction: column;
}
.x-breaker-title {
width: auto;
}
.x-roaming-pass-tab-3 {
text-align: center;
margin-bottom: 0;
margin-right: 0;
padding-left: 15px;
padding-right: 15px;
line-height: 18px;
}
.x-roaming-pass-tab-3.w--current {
text-align: center;
margin-bottom: 0;
padding-left: 15px;
padding-right: 15px;
line-height: 18px;
}
.x-roaming-pass-tab-3.for-roaming-mobile {
width: auto;
flex-direction: column;
justify-content: center;
margin-right: 0;
padding: 8px 10px;
}
.x-roaming-pass-tab-3.for-roaming-mobile.w--current {
width: 100%;
display: flex;
}
.x-roaming-pass-tab-3.for-roaming-mobile.for-more-padding, .x-roaming-pass-tab-3.for-roaming-mobile.for-postpaid, .x-roaming-pass-tab-3.for-roaming-mobile.for-prepaid {
width: auto;
}
.x-tab-pane-4 {
padding-top: 0;
padding-bottom: 24px;
}
.x-tab-3 {
padding-left: 15px;
padding-right: 15px;
display: block;
}
.div-block-4 {
flex-wrap: wrap;
overflow: scroll;
}
.filter-tag {
margin-bottom: 10px;
}
.x-emp-text-abadi {
flex-direction: column;
align-items: flex-start;
}
.x-towers-card-title {
white-space: normal;
line-height: 18px;
}
.x-tab-scroll-menu.for-mobile {
margin-left: 25px;
}
.x-tab-scroll-menu.for-mobile.for-ml {
justify-content: flex-start;
margin-left: 20px;
padding-right: 40px;
}
.x-tab-scroll-menu.for-mobile.for-ml.for-ppj {
justify-content: flex-start;
padding-left: 20px;
padding-right: 20px;
}
.x-tab-scroll-menu.for-mobile.for-ml.for-padding {
width: 100%;
margin-right: 0;
}
.x-tab-scroll-menu.for-mobile.for-ml {
justify-content: center;
margin-left: 0;
padding-right: 0;
}
.x-tab-scroll-menu.for-long-tab {
margin-left: 25px;
}
.x-tab-scroll-menu.for-long-tab.centralise {
justify-content: flex-start;
}
.x-tab-scroll-content {
padding-left: 24px;
padding-right: 24px;
}
.x-pakej-perpaduan-icon {
width: 50px;
}
.x-5g-icon-ctn-2 {
flex-direction: column;
}
.x-5g-card-text {
flex: 0 auto;
order: 0;
align-self: auto;
display: flex;
}
.x-5g-icon-title-2 {
text-align: center;
order: 0;
align-self: auto;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.x-pakej-perpaduan-table-block {
width: 100%;
margin-top: 15px;
margin-left: 0;
margin-right: 0;
position: relative;
}
.x-pakej-perpaduan-table-sidebar {
width: 165px;
}
.x-pakej-perpaduan-card, .x-pakej-perpaduan-step-card {
flex-wrap: nowrap;
align-content: stretch;
justify-content: flex-start;
}
.x-pakej-perpaduan-description {
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
}
.x-content-block-copy {
position: relative;
overflow: visible;
}
.x-long-banner-image-copy {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.x-long-banner-image-mobile-copy {
width: auto;
padding-left: 0;
padding-right: 0;
}
.x-ppkm-tab-1-pf365, .x-ppkm-tab-1-pf365.w--current {
text-align: center;
margin-bottom: 0;
margin-right: 5px;
padding-left: 15px;
padding-right: 15px;
line-height: 18px;
}
.x-free-5g-booster-link {
align-self: center;
}
.x-free-5g-booster-img {
width: 120px;
padding-left: 0;
padding-right: 0;
display: inline-block;
}
.x-free-5g-booster-img.for-prepaid-all {
width: 110px;
}
.x-redirect-icon-2 {
margin-left: 4px;
font-size: 18px;
line-height: 20px;
display: inline-block;
left: auto;
}
.bold-text-32 {
position: relative;
left: 0;
}
.x-5gc-wrapper {
padding-top: 40px;
padding-bottom: 40px;
display: block;
position: relative;
}
.x-5g-mydigi-grid-2, .x-5g-mydigi-grid-mobile {
grid-template-columns: 1fr;
}
.process_details-2 {
padding: 15px 0 15px 10px;
}
.process_details-2._02-only {
padding-right: 0;
}
.process_details-2._02-only.for-tables {
width: 100%;
padding-left: 0;
}
.centre_icon_wrap-2 {
width: 50px;
height: 50px;
flex-wrap: nowrap;
}
.testimonial-card-2 {
width: auto;
height: auto;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.left-arrow-3 {
width: 40px;
height: 40px;
margin-top: auto;
top: auto;
bottom: 55%;
left: -6%;
right: auto;
}
.testimonial-image-wrap-2 {
height: 260px;
}
.horizontal-content-block-2 {
padding: 60px 15px 50px;
}
.right-arrow-4 {
width: 40px;
height: 40px;
top: auto;
bottom: 55%;
left: auto;
right: -6%;
}
.testimonial-section {
padding-left: 24px;
padding-right: 24px;
}
.x-video-item-4 {
width: 100%;
height: 260px;
}
.author-block {
margin-top: -20px;
}
.x-video-item-5 {
width: 100px;
height: 260px;
flex: 1;
}
.x-5g-wrapper {
padding-top: 40px;
padding-bottom: 0;
display: block;
position: relative;
}
.x-5g-booster-image {
width: auto;
margin-top: 20px;
display: block;
}
.x-5g-booster-image.reduce-padding {
width: auto;
margin-bottom: 10px;
display: block;
}
.x-pakej-perpaduan-icon-wrapper {
margin-left: 0;
margin-right: 0;
padding-top: 10px;
}
.x-pakej-perpaduan-icon-grid {
grid-template-columns: 1fr;
}
.postpaid-5g.left-button {
text-align: center;
margin-bottom: 0;
margin-right: 0;
padding-left: 25px;
padding-right: 25px;
}
.postpaid-5g.left-button.w--current {
flex: 0 auto;
padding-left: 12px;
padding-right: 12px;
}
.postpaid-5g.left-button.add-padding.w--current {
flex: 0 auto;
padding-left: 24px;
padding-right: 24px;
}
.heading-41.for-padding {
margin-left: 15px;
}
.x-5g-free-booster-title {
text-align: center;
}
.x-5g-free-booster-title.for-smaller {
font-size: 2.3em;
}
.x-jius-anim-header-3 {
text-align: center;
}
.x-5gbooster-blurb-2 {
margin-top: 0;
}
.x-plan-logo-img-pf365.for-pf365.for-smaller {
width: 110px;
}
.x-5gbooster-blurb-2 {
margin-top: 0;
}
.prepaid-5g.right-button {
margin-bottom: 0;
margin-right: 0;
padding-left: 25px;
padding-right: 25px;
}
.prepaid-5g.right-button.w--current {
padding-left: 25px;
padding-right: 25px;
}
.x-5g-consumer-tab {
padding-left: 0;
padding-right: 0;
}
.x-promo-columns {
margin-top: -30px;
margin-bottom: -300px;
top: -280px;
}
.x-promo-column-left {
margin-top: -70px;
padding-left: 0;
}
.x-gradient-block-anchor {
z-index: 20;
height: 60px;
max-width: 40px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #fff 46%);
flex-wrap: nowrap;
justify-content: center;
margin-top: 0;
margin-right: 0;
padding-top: 0;
top: -3px;
left: 89%;
overflow: hidden;
}
.x-gradient-block-anchor.promotions {
top: -12px;
left: 85%;
}
.x-cd-banner-title {
font-size: 3em;
}
.x-cd-fibre-paragraph {
font-size: 18px;
line-height: 26px;
}
.x-idd-notice {
line-height: 20px;
}
.x-idd-notice.for-bottom-padding {
font-size: 16px;
}
.text-block {
line-height: 20px;
}
.x-5g-icon-title-3 {
text-align: center;
order: 0;
align-self: auto;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.x-digi-fibre-img {
display: none;
}
.x-digi-fibre-img.mobile {
display: block;
}
.x-postpaid-fibre-ctn {
flex-direction: column;
}
.x-postpaid-fibre-title {
width: 100%;
text-align: center;
margin-bottom: 20px;
}
.x-banner-item-img-copy.for-border {
border-width: 2px;
}
.for-blue {
z-index: 10;
padding: 0 2px;
font-size: 11px;
}
.bold-text-45 {
font-size: 16px;
}
.x-plan-text-slashed-2 {
font-size: 12px;
}
.bold-text-51 {
font-size: 14px;
}
.x-plan-table-row-6 {
height: 92px;
padding-right: 12px;
}
.x-plan-table-row-6.for-center {
height: 92px;
padding: 6px;
font-size: 13px;
font-weight: 500;
line-height: 18px;
}
.x-plan-table-row-6.for-center.mobile-broadband-borders {
width: auto;
height: 92px;
padding: 0;
}
.x-plan-table-row-6.add-padding {
padding-left: 12px;
}
.x-plan-table-row-6.add-padding.mid-yellow {
height: 93px;
padding-left: 12px;
}
.x-plan-table-row-6.add-padding.grey, .x-plan-table-column, .x-plan-table-column.mid-yellow {
height: 92px;
}
.x-plan-table-column.for-khas-belia {
height: 120px;
}
.x-plan-table-column.for-prepaid-starter.for-light-yellow, .x-plan-table-column.for-prepaid-starter.for-light-orange {
width: 160px;
}
.x-plan-table-column.for-prepaid-starter.for-light-grey {
width: 140px;
}
.x-plan-table-column.mid-yellow {
height: 92px;
}
.x-plan-table-column.for-raja-kombo.for-height {
height: 120px;
}
.x-plan-table-column.for-prepaid-next-2 {
width: 130px;
width: 130px;
}
.x-plan-table-col-6 {
position: relative;
}
.x-plan-table-col-6.remove-left-border {
height: auto;
}
.bold-text-40 {
font-size: 14px;
}
.x-emp-text-3 {
flex-direction: column;
align-items: flex-start;
}
.x-emp-text-3.for-title {
margin-bottom: 8px;
font-size: 20px;
line-height: 24px;
}
.bold-text-42 {
text-align: center;
font-size: 16px;
}
.bold-text-39 {
font-size: 14px;
}
.text-block-92 {
font-size: 12px;
}
.x-plan-table-sidebar-7 {
width: 140px;
}
.x-redirect-cta-heading {
font-size: 14px;
line-height: 18px;
}
.bold-text-44 {
font-size: 10px;
}
.bold-text-44.for-smaller {
width: 100%;
line-height: 14px;
}
.bold-text-44.for-mobile {
font-size: 10px;
}
.text-block-93 {
width: 135px;
}
.bold-text-43 {
font-size: 14px;
}
.x-redirect-link-grid {
flex: 0 auto;
order: 0;
grid-template-rows: auto;
grid-template-columns: auto auto auto;
grid-auto-columns: 1fr;
align-self: flex-start;
margin-left: 25px;
}
.x-redirect-link-grid.remove-padding {
margin-left: 16px;
margin-right: 0;
padding-right: 10px;
}
.fs-cc-banner_buttons-wrapper {
width: 100%;
flex-direction: column-reverse;
align-items: center;
margin-top: 1rem;
}
.fs-cc-banner_text {
margin-bottom: 0;
font-size: 12px;
line-height: 16px;
}
.fs-cc-banner_component {
padding: 1.5rem 2rem;
}
.fs-cc-banner_component.grey {
width: 230px;
width: 230px;
padding: 1rem 1.5rem;
}
.fs-cc-banner_container {
flex-direction: column;
}
.x-btn-8 {
min-width: 88px;
margin-bottom: 0;
margin-left: 4px;
margin-right: 4px;
padding-left: 16px;
padding-right: 16px;
}
.x-btn-8.for-full.remove-margin {
margin-left: 0;
margin-right: 0;
}
.x-5g-icon-ji-3, .x-5g-icon-ji-3.for-smaller, .x-5g-icon-ji-3.for-smaller {
width: 50px;
}
.x-dynamic-logo-ctn-3 {
flex: 0 auto;
justify-content: center;
margin-top: 0;
margin-bottom: 20px;
bottom: -1px;
right: auto;
}
.x-dynamic-logo-ctn-3.for-j5gbersama {
bottom: 6px;
right: auto;
}
.x-dynamic-logo-ctn-3.for-j5gbersama.for-padding {
bottom: 10px;
right: auto;
}
.x-dynamic-logo-ctn-3.for-j5gbersama {
bottom: 6px;
right: auto;
}
.x-dynamic-logo-ctn-3.for-j5gbersama.for-bm {
margin-bottom: 0;
bottom: auto;
right: auto;
}
.x-dynamic-logo-ctn-3.for-j5gbersama {
bottom: 6px;
right: auto;
}
.x-dynamic-logo-ctn-3.for-j5gbersama.for-bm {
margin-bottom: 0;
bottom: auto;
right: auto;
}
.x-dynamic-logo-ctn-3.for-j5gbersama.for-bm.for-cd-gs {
width: 100%;
}
.x-dynamic-logo-ctn-3.for-j5gbersama.for-homepage {
margin-top: -6px;
margin-bottom: 0;
bottom: -6px;
right: auto;
}
.x-free-device-img-3 {
max-width: 300px;
top: auto;
bottom: -120px;
}
.x-free-device-img-3.for-fibre {
width: 320px;
max-width: none;
display: none;
top: 115px;
}
.x-free-device-img-3.j5gbersama {
width: 200px;
margin-bottom: 30px;
top: 88px;
left: auto;
}
.x-free-device-img-3.for-cd-gs {
width: 320px;
max-width: none;
top: 133px;
bottom: auto;
left: auto;
}
.x-free-device-img-3.for-fibre-en {
width: 320px;
max-width: none;
display: none;
top: 115px;
}
.for-prepaid-all {
text-align: center;
width: 76px;
padding-left: 20px;
padding-right: 20px;
font-size: 10px;
line-height: 16px;
}
.x-prepaid-next-txt {
flex-direction: column;
align-items: flex-start;
}
.x-prepaid-next-txt.for-sub {
margin-top: 10px;
}
.x-prepaid-next-txt.for-sub.add-padding {
line-height: 20px;
}
.x-prepaid-next-txt.for-title {
margin-bottom: 8px;
font-size: 20px;
line-height: 24px;
}
.x-prepaid-next-txt.for-bold {
text-align: center;
font-size: 16px;
}
.x-prepaid-next-txt.for-bold.for-bigger {
flex-direction: row;
font-size: 18px;
}
.x-prepaid-next-txt.for-bold {
text-align: center;
text-align: center;
}
.x-prepaid-next-txt.for-title, .x-prepaid-next-txt.for-title-2 {
margin-bottom: 8px;
font-size: 20px;
line-height: 24px;
}
.x-prepaid-next-txt.for-bold-2 {
text-align: center;
font-size: 16px;
}
.x-prepaid-next-txt.for-title-2 {
margin-bottom: 8px;
font-size: 20px;
line-height: 24px;
}
.x-prepaid-next-txt.for-bold-2 {
text-align: center;
text-align: center;
text-align: center;
text-align: center;
text-align: center;
font-size: 16px;
}
.x-btn-9 {
min-width: 88px;
margin-bottom: 8px;
margin-left: 4px;
margin-right: 4px;
padding-left: 16px;
padding-right: 16px;
}
.x-btn-9.toggle-popup.for-full {
padding-left: 8px;
padding-right: 8px;
}
.x-free-5g-booster-link-4.adjust-padding, .x-free-5g-booster-link-4.adjust-padding-2 {
width: 96px;
width: 96px;
}
.x-plan-table-sidebar-12 {
width: auto;
}
.x-emp-text-9 {
flex-direction: column;
align-items: flex-start;
}
.x-emp-text-9.for-prepaid-next {
margin-left: 0;
font-size: 12px;
line-height: 18px;
}
.bold-text-56 {
text-align: center;
font-size: 16px;
}
.x-plan-table-sidebar-13 {
width: auto;
}
.x-emp-text-11 {
flex-direction: column;
align-items: flex-start;
}
.x-emp-text-11.for-prepaid-next {
margin-left: 0;
font-size: 12px;
line-height: 18px;
}
.bold-text, .bold-text-57 {
text-align: center;
font-size: 16px;
}
.x-plan-table-sidebar-8 {
width: auto;
}
.x-emp-text-12 {
flex-direction: column;
align-items: flex-start;
}
.x-emp-text-12.for-prepaid-next {
margin-left: 0;
font-size: 12px;
line-height: 18px;
}
.bold-text-58 {
text-align: center;
}
.bold-text-59 {
text-align: center;
font-size: 16px;
}
.x-content-block-4 {
position: relative;
overflow: visible;
}
.x-content-block-4.add-padding {
margin-right: 20px;
}
.x-content-block-4.add-padding.for-prepaid-next {
margin-right: 0;
}
.x-plan-table-block-4 {
margin-right: -24px;
position: relative;
}
.x-plan-table-block-4.add-right-border {
width: auto;
margin-right: 0;
}
.x-section-header-5 {
margin-top: 0;
}
.x-title-heading-4 {
line-height: 120%;
}
.x-title-heading-4.for-add-padding {
margin-bottom: 0;
}
.x-emp-text-7 {
flex-direction: column;
align-items: flex-start;
}
.x-emp-text-7.for-val-mid {
font-size: 20px;
line-height: 25px;
}
.x-buy-opt-modal-4 {
width: 90%;
min-width: 0;
}
.x-buy-opt-modal-4.for-hide {
display: none;
}
.x-focus-span-3.for-absolute.for-red {
z-index: 10;
z-index: 10;
z-index: 10;
z-index: 10;
z-index: 10;
z-index: 10;
z-index: 10;
z-index: 10;
z-index: 10;
padding: 0 2px;
font-size: 11px;
}
.x-emp-text-13 {
flex-direction: column;
align-items: flex-start;
}
.x-emp-text-13.for-prepaid-next {
margin-left: 0;
font-size: 12px;
line-height: 18px;
}
.bold-text-60 {
text-align: center;
}
.bold-text-61 {
text-align: center;
font-size: 16px;
}
.x-content-block-5 {
position: relative;
overflow: visible;
}
.x-content-block-5.add-padding {
margin-right: 20px;
}
.x-content-block-5.add-padding.for-prepaid-next {
margin-right: 0;
}
.x-plan-table-block-5 {
margin-right: -24px;
position: relative;
}
.x-plan-table-block-5.add-right-border {
width: auto;
margin-right: 0;
}
.x-plan-top-right-ctn {
width: 100%;
}
.x-plan-title-big.blue {
font-size: 35px;
}
.x-plan-title-big.blue.for-width {
width: auto;
}
.x-plan-title-big.blue.for-roi {
font-size: 26px;
}
.x-plan-title-big.for-mobile-smaller {
font-size: 26px;
line-height: 31px;
}
.x-plan-title-big.blue2 {
font-size: 26px;
}
.x-plan-title-big.for-mobile-smaller {
font-size: 26px;
line-height: 31px;
}
.x-plan-top-left-ctn {
width: 60%;
}
.x-plan-top-left-ctn.for-more-width {
width: 88%;
}
.x-plan-small-title.for-mobile-smaller {
font-size: 14px;
}
.x-plan-small-title.blurb {
font-size: 12px;
}
.x-plan-small-title.for-mobile-smaller {
font-size: 14px;
}
.x-plan-card-slide {
width: 99%;
}
.x-plan-card-slide.for-wide {
width: 98%;
}
.x-plan-card-slide.for-slightly-wide, .x-plan-card-slide.for-pdkb {
width: 99%;
}
.x-5g-booster-ctn.add-t-margin.lesser-margin {
margin-top: 20px;
}
.x-plan-btm-ctn.for-shorter.no-radius.for-next {
height: 290px;
}
.x-plan-btm-ctn.for-shorter.no-radius.for-pdkb {
height: 260px;
}
.x-plan-btm-ctn.for-postpaid-5g {
height: 370px;
}
.x-plan-btm-ctn.for-postpaid-5g-back {
height: 440px;
}
.x-emp-text-15 {
flex-direction: column;
align-items: flex-start;
}
.x-emp-text-15.for-val-mid {
font-size: 20px;
line-height: 25px;
}
.x-emp-text-16 {
flex-direction: column;
align-items: flex-start;
}
.x-emp-text-16.for-val-mid {
font-size: 20px;
line-height: 25px;
}
.x-emp-text-17 {
flex-direction: column;
align-items: flex-start;
}
.x-emp-text-17.for-val-mid {
font-size: 20px;
line-height: 25px;
}
.x-emp-text-18 {
flex-direction: column;
align-items: flex-start;
}
.x-emp-text-18.for-val-mid {
font-size: 20px;
line-height: 25px;
}
.div-block-98 {
align-self: flex-start;
overflow: hidden;
}
.rdy-5g-booster-blurb {
margin-left: 0;
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
}
.bold-text-65 {
text-align: center;
font-size: 16px;
}
.x-esp-bookmark-2 {
width: 40px;
}
.x-emp-text-26 {
flex-direction: column;
align-items: flex-start;
}
.x-emp-text-26.for-title {
margin-bottom: 8px;
font-size: 20px;
line-height: 24px;
}
.x-plan-table-col-8 {
position: relative;
}
.x-plan-table-col-8.for-one-col {
width: 65%;
}
.x-plan-table-col-8.for-one-col.for-exclusive.for-red.for-telco-h {
width: 140px;
min-width: auto;
padding-top: 0;
padding-bottom: 0;
}
.x-plan-table-header-13 {
height: 80px;
padding: 16px;
position: relative;
top: auto;
}
.x-plan-table-header-13.for-sidebar {
padding-bottom: 0;
position: static;
}
.x-plan-table-header-13.for-sidebar.for-higher.for-prepaid-starter.for-center {
width: 150px;
}
.x-plan-table-header-13.for-sidebar.for-higher.for-prepaid-starter.for-center.for-right-border-radius.for-orange, .x-plan-table-header-13.for-sidebar.for-higher.for-prepaid-starter.for-center.for-red, .x-plan-table-header-13.for-sidebar.for-higher.for-prepaid-starter.for-center.for-height {
width: 160px;
}
.x-plan-table-header-13.for-sidebar.for-higher.for-prepaid-starter.for-left-border-radius, .x-plan-table-header-13.for-sidebar.for-higher.for-prepaid-starter.for-left-border-radius.for-grey {
width: 140px;
}
.x-prepaid-starter-txt {
flex-direction: column;
align-items: flex-start;
}
.x-prepaid-starter-txt.for-title {
margin-bottom: 8px;
font-size: 20px;
line-height: 24px;
}
.x-plan-table-col-9 {
position: relative;
}
.x-plan-table-col-9.for-one-col {
width: 65%;
}
.x-plan-table-col-9.for-one-col.for-exclusive.for-yellow.for-border {
width: auto;
padding-top: 0;
padding-bottom: 0;
}
.bold-text-66 {
text-align: center;
font-size: 16px;
}
.x-emp-text-27 {
flex-direction: column;
align-items: flex-start;
}
.x-emp-text-27.for-title {
margin-bottom: 8px;
font-size: 20px;
line-height: 24px;
}
.x-plan-table-col-10 {
position: relative;
}
.x-plan-table-col-10.for-one-col {
width: 65%;
}
.x-plan-table-col-10.for-one-col.for-exclusive.for-red.for-telco-h {
width: 140px;
min-width: auto;
padding-top: 0;
padding-bottom: 0;
}
.x-plan-table-header-14 {
height: 80px;
padding: 16px;
position: relative;
top: auto;
}
.x-plan-table-header-14.for-sidebar {
padding-bottom: 0;
position: static;
}
.x-plan-table-header-14.for-sidebar.for-higher.for-prepaid-starter.for-center {
width: 150px;
}
.x-plan-table-header-14.for-sidebar.for-higher.for-prepaid-starter.for-center.for-right-border-radius.for-orange, .x-plan-table-header-14.for-sidebar.for-higher.for-prepaid-starter.for-center.for-red, .x-plan-table-header-14.for-sidebar.for-higher.for-prepaid-starter.for-center.for-height {
width: 160px;
}
.x-plan-table-header-14.for-sidebar.for-higher.for-prepaid-starter.for-left-border-radius, .x-plan-table-header-14.for-sidebar.for-higher.for-prepaid-starter.for-left-border-radius.for-grey {
width: 140px;
}
.x-plan-table-col-11 {
position: relative;
}
.x-plan-table-col-11.for-one-col {
width: 65%;
}
.x-plan-table-col-11.for-one-col.for-exclusive.for-yellow.for-border {
width: auto;
padding-top: 0;
padding-bottom: 0;
}
.x-emp-text-28 {
flex-direction: column;
align-items: flex-start;
}
.x-emp-text-28.for-title {
margin-bottom: 8px;
font-size: 20px;
line-height: 24px;
}
.x-plan-table-header-17 {
height: 80px;
padding: 16px;
position: relative;
top: auto;
}
.x-plan-table-header-17.for-sidebar {
padding-bottom: 0;
position: static;
}
.x-plan-table-header-17.for-sidebar.for-higher.for-mobile-broadband {
padding: 10px 5px;
}
.x-plan-table-header-17.for-higher.for-mobile-broadband.yellow {
width: 390px;
padding-top: 10px;
}
.text-block-102 {
font-size: 12px;
}
.bold-text-67 {
text-align: center;
font-size: 16px;
}
.bold-text-69 {
font-size: 14px;
}
.x-plan-table-col-14 {
position: relative;
}
.x-plan-table-col-14.remove-left-border {
height: auto;
}
.x-plan-table-sidebar-11 {
width: 140px;
}
.bold-text-68 {
font-size: 16px;
}
.bold-text-70 {
font-size: 14px;
}
.x-plan-table-row-11 {
height: 92px;
padding-right: 12px;
}
.x-plan-table-row-11.for-center {
height: 92px;
padding: 6px;
font-size: 13px;
font-weight: 500;
line-height: 18px;
}
.x-plan-table-row-11.for-center.mobile-broadband-borders {
width: auto;
height: 92px;
padding: 0;
}
.x-plan-table-row-11.add-padding {
padding-left: 12px;
}
.x-section-nav-div {
width: 100%;
}
.x-section-nav-div.for-scrollable {
width: 145px;
flex: none;
}
.x-section-nav-ctn {
margin-left: 15px;
margin-right: 15px;
}
.x-section-nav-ctn.for-scrollable {
justify-content: flex-start;
overflow: auto;
}
.x-section-nav-ctn.for-width {
width: 440px;
}
.x-section-nav-heading {
font-size: 14px;
line-height: 18px;
}
.x-section-nav-txt {
font-size: 12px;
line-height: 16px;
}
.x-section-nav-icon.smaller {
height: 20px;
}
.x-section-nav-wrapper {
margin-top: 30px;
overflow: auto;
}
.x-plan-table-block-7 {
width: 100%;
margin-right: 0;
position: relative;
}
.x-plan-table-block-7.add-right-border {
margin-right: 0;
}
.x-prepaid-next-image-block.for-bigger {
width: 130px;
}
.x-raja-kombo-cta-block-2 {
text-align: center;
}
.x-prepaid-next-image.for-smaller {
padding-left: 60px;
padding-right: 60px;
}
.x-emp-text-30 {
flex-direction: column;
align-items: flex-start;
}
.x-emp-text-30.for-prepaid-next {
margin-left: 0;
font-size: 14px;
line-height: 18px;
}
.bold-text-72 {
text-align: center;
font-size: 16px;
}
.x-plan-table-header-18 {
height: 80px;
padding: 16px;
position: relative;
top: auto;
}
.x-plan-table-header-18.for-sidebar {
padding-bottom: 0;
position: static;
}
.x-plan-table-header-18.for-sidebar.for-higher.for-raja-kombo.for-light-yellow {
width: 120px;
}
.x-plan-table-header-18.for-sidebar.for-higher.for-raja-kombo.for-light-yellow.for-width, .x-plan-table-header-18.for-sidebar.for-higher.for-raja-kombo.for-light-yellow.for-width.for-height, .x-plan-table-header-18.for-sidebar.for-higher.for-raja-kombo.for-left-border-radius, .x-plan-table-header-18.for-sidebar.for-higher.for-raja-kombo.for-left-border-radius.for-width {
width: auto;
}
.x-plan-table-header-18.for-sidebar.for-higher.for-raja-kombo.for-center {
width: 190px;
height: 130px;
}
.x-plan-table-header-18.for-sidebar.for-higher.for-raja-kombo.for-center.for-right-corner-radius {
width: auto;
}
.x-plan-table-header-18.for-sidebar.for-higher.for-raja-kombo.for-center.for-right-corner-radius.for-width {
width: 130px;
height: 170px;
}
.x-plan-table-header-18.for-sidebar.for-higher.for-raja-kombo.for-center.for-right-corner-radius.for-width.for-rk {
height: 130px;
}
.x-plan-table-header-18.for-sidebar.for-higher.for-raja-kombo.for-center.for-width {
width: 120px;
height: 170px;
}
.x-btn-17 {
min-width: 88px;
margin-bottom: 8px;
margin-left: 4px;
margin-right: 4px;
padding-left: 16px;
padding-right: 16px;
line-height: 20px;
}
.x-plan-table-sidebar-15 {
width: 170px;
}
.x-btn-18 {
min-width: 88px;
margin-bottom: 8px;
margin-left: 4px;
margin-right: 4px;
padding-left: 16px;
padding-right: 16px;
line-height: 20px;
}
.x-btn-18.toggle-popup.banner-data-layer {
font-size: 12px;
}
.x-plan-table-row-12 {
height: 92px;
padding-right: 12px;
}
.x-plan-table-row-12.for-center {
height: 92px;
padding: 6px;
font-size: 13px;
font-weight: 500;
line-height: 18px;
}
.x-plan-table-row-12.for-center.mobile-broadband-borders {
width: auto;
height: 92px;
width: auto;
height: 92px;
width: auto;
height: 92px;
width: auto;
height: 92px;
padding: 0;
}
.x-plan-table-row-12.padding-20 {
padding-left: 5px;
}
.x-plan-table-row-12.add-padding {
height: 110px;
padding-left: 12px;
}
.x-plan-table-row-12.add-padding.for-height.fibre, .x-plan-table-row-12.add-padding.fibre {
padding-right: 12px;
}
.x-plan-table-row-12.for-title {
height: 96px;
padding-left: 10px;
padding-right: 10px;
}
.x-plan-table-row-12.add-padding {
padding-left: 12px;
}
.x-plan-table-row-12.add-padding.grey {
height: 92px;
}
.x-plan-table-row-12.add-padding.mid-yellow {
height: 93px;
padding-left: 12px;
}
.x-plan-table-row-12.add-padding {
height: 110px;
padding-left: 12px;
}
.x-plan-table-row-12.add-padding.grey {
height: 92px;
}
.x-plan-table-row-12.add-padding.mid-yellow {
height: 93px;
padding-left: 12px;
}
.x-promo-list-heading-3 {
margin-bottom: 12px;
}
.x-plan-table-col-16 {
width: 160px;
min-width: 100%;
position: relative;
}
.x-plan-table-header-20 {
height: 80px;
padding: 16px;
position: relative;
top: auto;
}
.x-plan-table-header-20.for-sidebar {
padding-bottom: 0;
position: static;
}
.x-plan-table-header-20.for-sidebar.for-higher.for-raja-kombo.for-left-border-radius, .x-plan-table-header-20.for-sidebar.for-higher.for-raja-kombo.for-center.for-right-corner-radius {
width: auto;
}
.x-emp-text-32 {
flex-direction: column;
align-items: flex-start;
}
.x-emp-text-32.for-title {
text-align: center;
margin-bottom: 8px;
font-size: 20px;
line-height: 24px;
}
.x-plan-table-sidebar-17 {
width: 140px;
}
.x-plan-table-header-21 {
height: 80px;
padding: 16px;
position: relative;
top: auto;
}
.x-emp-text-38 {
flex-direction: column;
align-items: flex-start;
}
.x-emp-text-38.for-prepaid-next {
margin-left: 0;
font-size: 14px;
line-height: 18px;
}
.x-emp-text-38.for-prepaid-next.for-red-disclaimer {
font-size: 12px;
}
.bold-text-80.for-smaller-font {
font-size: 11px;
}
.cd-plan-table-row {
height: 92px;
padding-right: 12px;
}
.cd-plan-table-row.for-centre {
height: 92px;
padding: 6px;
font-size: 13px;
font-weight: 500;
line-height: 18px;
}
.cd-plan-table-row.for-centre.fibre {
width: auto;
height: 92px;
padding: 0;
}
.x-table-header {
height: 80px;
padding: 16px;
position: relative;
top: auto;
}
.x-table-header.for-higher.for-5g {
width: auto;
}
.x-table-header.for-higher.for-5g.for-rounded-corner, .x-table-header.for-higher.for-5g.for-rounded-corner.remove-left-corner, .x-table-header.for-higher.for-5g.for-rounded-corner.remove-left-corner, .x-table-header.for-higher.for-5g.for-light-blue {
height: 170px;
}
.x-table-header.for-higher.for-5g.for-light-blue.for-mobile {
height: 150px;
}
.x-table-header.for-higher.for-5g.for-light-blue {
height: 170px;
}
.x-table-header.for-higher.for-5g.for-light-blue.for-mobile {
height: 150px;
}
.x-table-block {
margin-right: -24px;
position: relative;
}
.x-table-block.add-right-border {
width: auto;
margin-right: 0;
}
.x-table-block.add-right-border.add-padding {
display: none;
}
.x-table-block.add-right-border.add-padding.for-mobile.for-hide {
display: flex;
}
.x-table-block.add-right-border.add-padding.for-hide {
display: none;
}
.x-table-block.add-right-border.add-padding.for-mobile-only.for-hide {
display: flex;
}
.cd-plan-table-col {
position: relative;
}
.cd-plan-table-col.remove-left-border {
width: 100%;
height: auto;
min-width: auto;
flex-direction: column;
flex: 0 auto;
display: flex;
}
.x-table-row {
height: 92px;
padding-right: 12px;
}
.x-table-row.for-dark-blue {
width: auto;
height: 170px;
}
.x-table-row.for-dark-blue.for-no-rounded-border.for-mobile {
padding-left: 10px;
padding-right: 10px;
}
.x-table-row.for-dark-blue {
width: 100px;
height: 170px;
}
.x-table-row.for-dark-blue.for-mobile {
width: 140px;
height: 150px;
}
.x-table-row.for-dark-blue {
width: 100px;
height: 170px;
}
.x-table-row.for-dark-blue.for-mobile {
width: 140px;
height: 150px;
}
.x-table-row.for-dark-blue.for-rounded-corner.for-mobile {
height: 190px;
padding-left: 10px;
padding-right: 10px;
}
.x-table {
width: auto;
flex-direction: row;
align-self: auto;
padding-left: 0;
padding-right: 0;
display: block;
overflow: hidden;
}
.x-table-text-block.add-padding {
margin-bottom: 6px;
}
.bold-text-84.for-smaller {
font-size: 13px;
}
.x-plan-table-5g-column {
width: 100px;
height: 92px;
}
.x-plan-table-5g-column.for-light-blue {
width: auto;
height: 170px;
}
.x-plan-table-5g-column.for-light-blue.for-rounded-corner, .x-plan-table-5g-column.for-light-blue.add-left-border {
height: 170px;
}
.x-plan-table-5g-column.for-light-blue.add-left-border.for-mobile {
height: 150px;
}
.x-plan-table-5g-column.for-light-blue {
width: auto;
height: 170px;
}
.x-plan-table-5g-column.for-light-blue.for-rounded-corner, .x-plan-table-5g-column.for-light-blue.add-left-border {
height: 170px;
}
.x-plan-table-5g-column.for-light-blue.add-left-border.for-bottom-border.for-corner-border.for-mobile {
height: 190px;
}
.x-plan-table-5g-column.for-light-blue.add-left-border.for-mobile {
height: 150px;
}
._5g-column-text-2, ._5g-column-text-2.for-bigger {
font-size: 16px;
}
.x-5g-table-header-2, .x-5g-table-column-2.for-corner-border, .x-5g-table-column-2.remove-left-border, .x-5g-table-column-2.remove-left-border.for-bottom-border {
padding-left: 10px;
padding-right: 10px;
}
._5g-plan-table-grid-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.x-5g-column-text-2 {
text-align: center;
}
.bold-text-87 {
font-size: 16px;
}
.text-block-109 {
line-height: 20px;
}
.text-span-133 {
font-size: 14px;
line-height: 20px;
}
.x-main-banner-link, .cd-feature-slide {
height: 450px;
background-image: none;
}
.x-free-device-cta-4 {
display: none;
}
.x-wrapper-17 {
padding-top: 24px;
padding-bottom: 24px;
display: block;
position: relative;
}
.x-wrapper-17.for-free-device {
flex-direction: column;
padding-bottom: 117px;
}
.x-wrapper-17.for-free-device.for-5g-booster {
height: 100%;
padding-top: 0;
padding-bottom: 0;
}
.x-free-5g-booster-bg-2-copy {
background-position: 40% 100%;
}
.image-69 {
width: 300px;
height: auto;
margin-left: auto;
margin-right: auto;
display: block;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
}
.x-free-device-img-ctn-4 {
align-items: center;
margin-top: 0;
}
.image-70 {
width: 290px;
height: auto;
margin-left: auto;
margin-right: auto;
display: block;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
}
.search-icon {
width: 24px;
height: 24px;
}
.x-shop-more-link-txt {
font-size: 16px;
}
.x-shop-more-link-arrow.for-rotate, .x-copy-icon.for-promotions {
top: 2px;
}
.x-pg-dark-blue-bg {
height: 100%;
display: none;
}
.x-pg-dg-app-ctn-2 {
flex-direction: column;
}
.x-pg-dark-blue-bg-mobile {
width: 100%;
}
.paragraph-20-copy {
text-align: center;
margin-bottom: 0;
}
.card__content__left-copy {
width: 60%;
border-right-style: none;
order: -1;
margin-top: 10px;
padding-left: 0;
padding-right: 0;
}
.card-slider_item {
width: 80%;
}
.header-wrapper_left {
z-index: 20;
}
.x-section-16.for-pg-bg-img {
border-top-left-radius: 50px;
border-top-right-radius: 50px;
}
.x-hero-side-banner-mobile-2 {
height: 100%;
object-fit: cover;
border-radius: 0;
padding: 0;
display: block;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.x-broadcast-badge-2 {
padding: 3px;
font-size: 12px;
display: none;
}
.x-wrapper-19 {
padding-top: 40px;
padding-bottom: 40px;
display: block;
position: relative;
}
.x-hero-container-3 {
width: 230px;
background-image: linear-gradient(85deg, #ffd000 8%, rgba(255, 230, 0, .8) 58%, rgba(255, 230, 0, .46) 80%, rgba(255, 230, 0, 0) 96%);
padding-top: 24px;
padding-bottom: 24px;
}
.x-hero-container-3.for-banner {
width: 50%;
padding: 12px 0 12px 16px;
}
.x-hero-heading-3 {
margin-bottom: 4px;
font-size: 1.6em;
font-weight: 700;
line-height: 120%;
}
.x-broadcast-teaser-2 {
color: #272727;
font-size: 12px;
line-height: 18px;
}
.x-lang-picker-mbb {
top: -10px;
right: -5px;
}
.x-hero-side-banner-img-2 {
height: 190px;
object-fit: cover;
padding: 0;
display: none;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.x-limit-10 {
z-index: 10;
padding-left: 15px;
padding-right: 15px;
}
.x-limit-11.for-banner {
padding: 16px 24px;
}
.x-hero-grid-banner-4 {
height: 220px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: .75fr 0;
grid-auto-columns: 1fr;
justify-content: space-between;
display: flex;
}
.x-popup-wrapper {
display: none;
}
.x-popup-header-title {
font-size: 16px;
}
.x-popup-header-wrapper {
padding-top: 10px;
padding-bottom: 10px;
}
.x-btn-19 {
min-width: 88px;
margin-bottom: 8px;
margin-left: 4px;
margin-right: 4px;
padding-left: 16px;
padding-right: 16px;
}
.x-mcmc-body-text {
line-height: 19px;
}
.x-mcmc-foot-note {
margin-top: 10px;
font-size: 12px;
line-height: 16px;
}
.x-popup-content-wrapper {
width: 290px;
height: 610px;
}
.x-popup-content-wrapper.for-eng {
height: 600px;
}
.x-popup-content-wrapper.for-bm {
height: 700px;
}
.x-lang-picker-mb {
top: 200px;
right: 4px;
}
.x-wrapper-20 {
padding-top: 24px;
padding-bottom: 24px;
display: block;
position: relative;
}
.x-free-device-cta-2 {
display: none;
}
.x-wrapper-21 {
padding-top: 24px;
padding-bottom: 24px;
display: block;
position: relative;
}
.x-wrapper-21.for-free-device {
flex-direction: column;
padding-bottom: 117px;
}
.x-wrapper-21.for-free-device.for-5g-booster {
padding-top: 20px;
}
.x-j5gbersama {
height: 80px;
margin-right: 6px;
}
.x-free-device-img-ctn-5 {
align-items: center;
margin-top: 0;
}
.x-jom-5g-bersama-bg-copy {
background-position: 40% 100%;
}
.x-free-device-img-ctn-6 {
width: 100%;
align-items: center;
margin-top: 0;
}
.x-plan-table-header-23 {
height: 80px;
padding: 16px;
position: relative;
top: auto;
}
.x-plan-table-header-23.for-sidebar {
padding-bottom: 0;
position: static;
}
.x-plan-table-header-23.for-sidebar.for-higher.for-prepaid-next.for-center {
width: 130px;
}
.x-ds-icon-wrapper {
margin-left: 0;
margin-right: 0;
padding-top: 10px;
}
.x-5g-icon-title-4 {
text-align: center;
margin-top: 0;
margin-bottom: 0;
margin-left: 15px;
}
.x-wrapper-ds {
padding-top: 40px;
padding-bottom: 40px;
}
.x-ds-icon-grid-copy {
grid-template-columns: 1fr;
}
.x-tab-pane-5 {
padding-bottom: 24px;
}
.x-ds-icon-ctn {
flex-direction: column;
}
.x-gif-wrapper {
margin-left: 0;
margin-right: 0;
padding-top: 10px;
}
.x-content-wrapper-4 {
flex-wrap: nowrap;
}
.x-limit-14 {
z-index: 10;
margin-left: 0;
margin-right: 0;
padding-left: 24px;
padding-right: 24px;
}
.tab-link-tab-1-3, .tab-link-tab-1-3.w--current {
width: 100%;
padding-bottom: 9px;
}
.x-wrapper-23 {
padding-top: 40px;
padding-bottom: 40px;
}
.x-title-heading-5 {
line-height: 120%;
}
.x-ds-icon {
width: 50px;
flex: 0 auto;
}
.x-ds-card-text {
flex: 0 auto;
order: 0;
align-self: auto;
display: flex;
}
.x-double-digit-sale-blurb {
margin-top: -200px;
padding-top: 20px;
}
.x-roam-like-home-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
grid-template-rows: auto auto auto;
grid-template-columns: auto auto;
grid-auto-columns: 1fr;
margin-bottom: 0;
display: grid;
}
.x-roaming-table-header {
padding-left: 10px;
padding-right: 10px;
}
.x-roaming-table-header.for-left-border, .x-roaming-table-header.for-right-border {
width: auto;
}
.x-roaming-table-column.for-left-border.remove-top-border, .x-roaming-table-column.for-left-border.for-radius {
width: 160px;
}
.x-roaming-column-text {
font-size: 16px;
}
.x-roaming-picker-wrapper {
flex-direction: column;
grid-template-columns: 1fr;
display: flex;
}
.for-postpaid-5g {
height: 360px;
}
.for-postpaid-5g-back {
height: 421px;
}
.bold-text-90, .bold-text-90.for-padding {
font-size: 16px;
}
.bold-text-91 {
font-size: 20px;
}
._5g-booster-blurb.for-padding {
width: 80px;
margin-bottom: 5px;
}
._5g-booster-blurb.remove-padding {
width: 120px;
display: block;
}
.cd-table-h1-heading-3 {
text-align: center;
font-size: 25px;
}
.x-table-sidebar-2 {
width: auto;
}
.cd-bold-text-3 {
font-size: 16px;
line-height: 14px;
}
.cd-table-content-3 {
max-width: 100%;
flex: 1;
margin-left: 0;
margin-right: 0;
overflow: auto;
}
.x-prepaid-table-5g-bonanza-blurb {
margin-top: -15px;
padding-bottom: 5px;
}
._5g-blurb-block.for-prepaid {
margin-top: 0;
}
.for-pakej-5g-rahmah {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/64c7ca631b1980cbbbb6f209_Digi_Jom5GMalaysiaku_SamsungS23Ultra_DD_PromotionalSliderBanner__478x600.jpg");
}
.x-plan-logo-img-5.for-rahmah-blurb {
margin-top: 10px;
}
.x-pakej-5g-rahmah-blurb {
width: 75px;
top: 0%;
left: 50px;
}
.x-pakej-5g-rahmah-blurb.for-padding {
top: 16%;
left: 63px;
}
.x-pakej-5g-rahmah-blurb.for-padding.for-bm {
top: -6%;
left: 78px;
}
.x-pakej-5g-rahmah-blurb.for-padding.for-bm.for-lower {
top: 17%;
}
.x-free-device-cta-7 {
display: none;
}
.x-cd-gadgetsim-db-bg {
background-position: 40% 100%;
}
.x-wrapper-24 {
padding-top: 24px;
padding-bottom: 24px;
display: block;
position: relative;
}
.x-wrapper-24.for-free-device {
flex-direction: column;
padding-bottom: 117px;
}
.x-wrapper-24.for-free-device.for-5g-booster {
padding-top: 20px;
}
.x-cd-gs-txt-ctn {
align-items: center;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
position: absolute;
top: 72px;
left: auto;
}
.x-cd-gs-blurb {
margin-top: 0;
}
.x-cd-gd-db-logo {
top: 15px;
left: auto;
}
.x-cd-gs-header {
text-align: center;
}
.x-emp-text-41 {
flex-direction: column;
align-items: flex-start;
}
.x-emp-text-41.for-val-mid {
font-size: 20px;
line-height: 25px;
}
.x-emp-text-41.for-red {
font-size: 20px;
}
.x-talktime-heading {
font-size: 23px;
line-height: 120%;
}
.x-talktime-img {
width: auto;
height: auto;
margin-bottom: 10px;
}
.paragraph-30 {
text-align: center;
}
.x-btn-20 {
min-width: 88px;
margin-bottom: 8px;
margin-left: 4px;
margin-right: 4px;
padding-left: 16px;
padding-right: 16px;
}
.x-btn-20.banner-data-layer.for-padding {
margin-top: 20px;
margin-bottom: 20px;
}
.x-rate-plan-block-3 {
margin-bottom: -40px;
}
.x-content-wrapper-5 {
flex-wrap: nowrap;
}
.x-content-wrapper-5.for-padding {
padding-left: 0;
}
.x-emp-text-42 {
flex-direction: column;
align-items: flex-start;
}
.x-emp-text-42.for-val-mid {
font-size: 20px;
line-height: 25px;
}
.x-wrapper-26 {
padding-top: 40px;
padding-bottom: 40px;
}
.x-btn-21 {
min-width: 88px;
margin-bottom: 8px;
margin-left: 4px;
margin-right: 4px;
padding-left: 16px;
padding-right: 16px;
}
.x-btn-21.banner-data-layer.for-padding {
margin-top: 20px;
margin-bottom: 20px;
}
.x-emp-text-44 {
flex-direction: column;
align-items: flex-start;
}
.x-emp-text-44.for-val-mid {
font-size: 20px;
line-height: 25px;
}
.x-rate-plan-block-4 {
margin-bottom: -40px;
}
.x-belia-paragraph-5 {
font-size: 15px;
line-height: 20px;
}
.x-content-wrapper-6 {
flex-wrap: nowrap;
}
.x-content-wrapper-6.for-padding {
padding-left: 0;
}
.x-wrapper-27 {
padding-top: 40px;
padding-bottom: 40px;
}
.paragraph-32 {
text-align: center;
}
.x-content-copy-img-6 {
margin-top: 0;
}
.x-content-copy-img-6.for-width {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.x-tab-menu-4 {
margin-left: -24px;
margin-right: -24px;
padding-left: 24px;
padding-right: 24px;
overflow: auto;
}
.x-tab-5 {
display: block;
}
.x-emp-text-45 {
flex-direction: column;
align-items: flex-start;
}
.x-emp-text-45.for-val-mid {
font-size: 20px;
line-height: 25px;
}
.x-wrapper-29 {
padding-top: 40px;
padding-bottom: 40px;
}
.heading-48, .paragraph-33, .heading-49, .paragraph-34 {
text-align: center;
}
.x-passes-price-blurb {
line-height: 16px;
}
.x-passes-header {
width: 70%;
}
.x-r-passes-accordion-icon.for-white {
color: #f7f9fd;
}
.x-plan-logo-img-6.for-rahmah-blurb, .x-plan-logo-img-7.for-rahmah-blurb {
margin-top: 10px;
}
.x-trade-in-card-container {
flex-wrap: nowrap;
align-content: stretch;
justify-content: flex-start;
margin-bottom: 25px;
}
.x-trade-in-card-description {
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
}
.x-trade-in-header {
margin-bottom: 10px;
font-size: 1.7em;
line-height: 122%;
}
.x-trade-in-subheader {
margin-left: 0;
margin-right: 0;
line-height: 20px;
}
.x-esim-header-copy, .x-esim-header-copy-2 {
margin-top: 20px;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
font-size: 25px;
line-height: 30px;
}
.div-block-118 {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.grid-14 {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-columns: 1fr;
}
.tab-link-tab-1-4, .tab-link-tab-1-4.w--current {
width: 100%;
padding-bottom: 9px;
}
.x-btn-22 {
min-width: 88px;
margin-bottom: 8px;
margin-left: 4px;
margin-right: 4px;
padding-left: 16px;
padding-right: 16px;
line-height: 20px;
}
.x-tvc-video {
width: auto;
}
.x-limit-15 {
z-index: 10;
margin-left: 0;
margin-right: 0;
padding-left: 24px;
padding-right: 24px;
}
.x-wrapper-30 {
padding-top: 40px;
padding-bottom: 40px;
}
.x-wrapper-30.for-iphone-15 {
padding-top: 25px;
}
.x-wrapper-30.for-iphone-15.for-padding {
padding-bottom: 0;
}
.x-iphone-15-header {
margin-bottom: 10px;
font-size: 1.7em;
line-height: 122%;
}
.x-btn-23 {
min-width: 88px;
margin-bottom: 8px;
margin-left: 4px;
margin-right: 4px;
padding-left: 16px;
padding-right: 16px;
line-height: 20px;
}
.x-btn-23.for-iphone {
max-width: none;
margin-top: 10px;
margin-left: 0;
margin-right: 0;
}
.x-iphone-14-arrow-left-3 {
width: 30px;
}
.x-iphone-15-slider {
padding-left: 10px;
padding-right: 10px;
}
.x-iphone-footnote-wrapper-2 {
flex-direction: row;
align-items: center;
}
.x-plan-table-content-34 {
flex-direction: row;
flex: 1;
justify-content: flex-start;
}
.x-iphone-label {
text-align: center;
align-items: center;
padding-left: 5px;
padding-right: 5px;
line-height: 14px;
display: flex;
}
.x-plan-table-text-3 {
display: none;
}
.x-plan-logo-link-3 {
top: 0%;
}
.x-plan-logo-link-3.for-5g-enabled-blurb {
top: 70%;
right: auto;
}
.x-plan-table-header-24 {
height: 80px;
padding: 16px;
position: relative;
top: auto;
}
.x-plan-table-header-24.for-sidebar {
padding-bottom: 0;
position: static;
}
.x-label-text {
text-align: center;
font-size: 10px;
line-height: 12px;
}
.x-plan-table-block-8 {
margin-right: -24px;
position: relative;
}
.x-plan-table-block-8.for-one-col, .x-plan-table-block-8.add-right-border {
margin-right: 0;
}
.x-plan-table-col-17 {
position: relative;
}
.x-plan-table-sidebar-18 {
width: 125px;
}
.x-plan-table-content-35 {
flex-direction: row;
flex: 1;
justify-content: flex-start;
}
.x-plan-logo-link-4 {
top: 0%;
}
.x-plan-logo-link-4.for-5g-enabled-blurb {
top: 70%;
right: auto;
}
.x-plan-table-header-25 {
height: 80px;
padding: 16px;
position: relative;
top: auto;
}
.x-plan-table-header-25.for-sidebar {
padding-bottom: 0;
position: static;
}
.x-plan-table-col-18 {
position: relative;
}
.x-plan-table-sidebar-19 {
width: 125px;
}
.x-plan-table-content-36 {
flex-direction: row;
flex: 1;
justify-content: flex-start;
}
.x-plan-logo-link-5 {
top: 0%;
}
.x-plan-logo-link-5.for-5g-enabled-blurb {
top: 70%;
right: auto;
}
.x-plan-table-header-26 {
height: 80px;
padding: 16px;
position: relative;
top: auto;
}
.x-plan-table-header-26.for-sidebar {
padding-bottom: 0;
position: static;
}
.x-plan-table-col-19 {
position: relative;
}
.x-plan-table-sidebar-20 {
width: 125px;
}
.x-plan-table-content-37 {
flex-direction: row;
flex: 1;
justify-content: flex-start;
}
.x-plan-logo-link-6 {
top: 0%;
}
.x-plan-logo-link-6.for-5g-enabled-blurb {
top: 70%;
right: auto;
}
.x-plan-table-header-27 {
height: 80px;
padding: 16px;
position: relative;
top: auto;
}
.x-plan-table-header-27.for-sidebar {
padding-bottom: 0;
position: static;
}
.x-plan-table-col-20 {
position: relative;
}
.x-plan-table-sidebar-21 {
width: 125px;
}
.x-notice-point {
margin-top: 5px;
}
.x-notice-list {
width: auto;
}
.x-wrapper-6 {
padding-top: 24px;
padding-bottom: 24px;
display: block;
position: relative;
}
.x-wrapper-6.for-free-device {
flex-direction: column;
padding-bottom: 117px;
}
.x-free-device-txt-ctn-2 {
align-items: center;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
position: absolute;
top: 71px;
bottom: auto;
}
.x-free-device-txt-ctn-2.centre {
top: auto;
bottom: -67%;
left: 0%;
right: 0%;
}
.x-free-device-txt-ctn-2.centre.for-pf365 {
top: 54px;
bottom: auto;
left: 0;
right: 0%;
}
.x-iphone-5g-bg, .x-iphone-5g-bg.for-j5gfamiliku {
background-position: 0 100%;
}
.x-5g-iphone-img-2 {
width: 186px;
max-width: 300px;
top: auto;
bottom: -120px;
}
.x-5g-iphone-img-2.for-cny {
top: 180px;
bottom: auto;
left: auto;
}
.x-5g-iphone-img-2.for-cny.for-p5365 {
display: block;
top: 167px;
}
.x-5g-iphone-img-2.for-cny.for-j5gfamiliku {
width: 250px;
margin-top: 17px;
display: block;
top: 210px;
right: auto;
}
.x-cny-element.for-left-ornament {
width: 75px;
top: 140px;
bottom: auto;
left: 5px;
}
.x-anim-banner-header {
font-size: 1.2em;
}
.x-anim-banner-header.for-padding {
font-size: 1.7em;
}
.x-free-device-cta-8 {
display: none;
}
.x-free-device-img-ctn-7 {
width: 100%;
align-items: center;
margin-top: 0;
display: flex;
}
.x-5g-icon-3 {
width: 60px;
top: 70px;
left: auto;
}
.x-5g-icon-3.for-bigger-2 {
top: 10px;
left: auto;
}
.x-5g-icon-3.for-j5gfamiliku {
width: 120px;
margin-top: -15px;
top: 10px;
left: auto;
}
.x-notice-list-2 {
width: auto;
}
.x-free-device-cta-9 {
display: none;
}
.x-free-device-cta-9.banner-data-layer {
display: block;
}
.x-wrapper-8 {
padding-top: 24px;
padding-bottom: 24px;
display: block;
position: relative;
}
.x-wrapper-8.for-free-device {
flex-direction: column;
padding-bottom: 117px;
}
.x-wrapper-8.for-free-device.for-jom5gfamiliku {
padding-top: 22px;
}
.x-jom5gfamiliku-dynamic-img {
width: 250px;
margin-bottom: 10px;
}
.x-jom5gfamiliku-img {
width: 100%;
max-width: 340px;
margin-top: 20px;
top: 171px;
bottom: 0;
left: 0;
}
.x-jom5gfamiliku-img.for-new {
width: 290px;
margin-top: 50px;
top: 149px;
}
.x-jom5gfamiliku-bg {
background-position: 4% 100%;
}
.x-section-jom5gfamiliku {
height: 430px;
}
.x-section-jom5gfamiliku.for-height {
height: 500px;
padding-top: 0;
padding-bottom: 0;
}
.x-free-device-txt-ctn-3 {
align-items: center;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
position: absolute;
top: 71px;
bottom: auto;
}
.x-free-device-txt-ctn-3.centre {
top: auto;
bottom: -67%;
left: 0%;
right: 0%;
}
.x-free-device-txt-ctn-3.centre.for-jom5gfamiliku {
width: auto;
margin-top: 30px;
margin-bottom: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: flex;
top: -12%;
bottom: auto;
left: 0%;
right: 0%;
}
.x-free-device-txt-ctn-3.centre.for-j5gfamiliku {
margin-top: 0;
margin-bottom: auto;
top: 90px;
bottom: auto;
left: 0;
right: 0%;
}
.x-free-device-cta-10 {
display: none;
}
.x-free-device-cta-10.banner-data-layer {
display: block;
}
.x-wrapper-31 {
padding-top: 24px;
padding-bottom: 24px;
display: block;
position: relative;
}
.x-wrapper-31.for-free-device {
flex-direction: column;
padding-bottom: 117px;
}
.x-wrapper-31.for-free-device.for-jom5gfamiliku {
padding-top: 22px;
}
.x-wrapper-32 {
padding-top: 24px;
padding-bottom: 24px;
display: block;
position: relative;
}
.x-wrapper-32.for-free-device {
flex-direction: column;
padding-bottom: 117px;
}
.x-wrapper-32.for-free-device.for-j5gbersama {
padding-top: 22px;
}
.x-j5gbersama-dynamic-img-2 {
width: 294px;
}
.x-free-device-cta-11 {
display: none;
}
.x-free-device-img-ctn-8 {
width: 100%;
align-items: center;
margin-top: 0;
display: flex;
}
.x-long-banner-image-3 {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.x-long-banner-3.for-bottom-margin.banner-data-layer.for-padding.for-hide {
display: none;
}
.x-long-banner-3.for-bottom-margin.banner-data-layer.for-padding.for-tmog {
margin-top: 15px;
}
.x-jom5gfamiliku-img-copy {
width: 100%;
max-width: 340px;
margin-top: 20px;
top: 171px;
bottom: 0;
left: 0;
}
.link-block-4 {
margin-right: 0;
}
.checkbox {
z-index: 20;
}
.x-btn-container-2 {
flex-direction: column;
margin-left: -4px;
margin-right: -4px;
}
.x-digi-cs-wrapper {
padding: 40px 20px 10px;
}
.x-plan-top-ctn-2 {
width: 100%;
}
.x-number-span {
width: 35px;
height: 35px;
margin-bottom: 10px;
}
.x-dgcs-enquiry-title-ctn {
flex-direction: column;
margin-right: 0;
}
.option-price.sec-title {
width: 100%;
flex-flow: column;
align-items: center;
margin-bottom: 20px;
padding-left: 0;
font-size: 16px;
}
.option-price.sec-title.for-padding {
text-align: center;
line-height: 19px;
}
.x-long-banner-4.for-bottom-margin.banner-data-layer.for-roi {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.x-input-label-3.for-idle {
font-size: 12px;
}
.x-digi-roi-logo {
width: 120px;
}
.x-long-banner-image-4 {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.x-section-19.for-ultra-yellow.for-full-height {
height: 740px;
}
.x-wrapper-33 {
padding-top: 24px;
padding-bottom: 24px;
display: block;
position: relative;
}
.price-pnl-wrap {
width: auto;
}
.x-long-banner-image-mobile-2 {
width: auto;
border-radius: 8px;
padding-left: 0;
padding-right: 0;
}
.x-digi-roi-header-1 {
margin-right: 0;
font-size: 20px;
line-height: 29px;
}
.x-limit-16 {
z-index: 10;
padding-left: 24px;
padding-right: 24px;
}
.x-btn-24 {
min-width: 88px;
margin-bottom: 8px;
margin-left: 4px;
margin-right: 4px;
padding-left: 16px;
padding-right: 16px;
}
.pricepanel.mid-size {
margin-left: 0;
margin-right: 0;
}
.actual-radio-button.plan-1.w--redirected-checked, .actual-radio-button.plan-2 {
display: block;
}
.x-business-thank-you-header {
margin-top: 20px;
margin-bottom: 30px;
padding-left: 0;
padding-right: 0;
font-size: 40px;
line-height: 30px;
}
.x-business-thank-you-para {
font-size: 17px;
line-height: 23px;
}
.x-business-thank-you-para.for-small {
font-size: 16px;
}
.x-numeric-input.for-test-kit, .x-numeric-input.for-test-kit.for-date {
font-size: 14px;
}
.x-numeric-input.add-height {
height: 115px;
}
.x-input-text-copy.for-test-kit, .x-input-text-copy.for-test-kit.for-date {
font-size: 14px;
}
.x-input-text-copy.add-height {
height: 115px;
}
.bold-text-99 {
text-align: center;
font-size: 16px;
}
.image-71 {
z-index: 60;
}
.x-plan-table-header-28 {
height: 80px;
padding: 16px;
position: relative;
top: auto;
}
.x-plan-table-header-28.for-sidebar {
padding-bottom: 0;
position: static;
}
.x-plan-table-header-28.for-sidebar.for-higher.for-mobile-broadband {
padding: 10px 5px;
}
.x-plan-table-header-28.for-higher.for-mobile-broadband.yellow {
width: 390px;
padding-top: 10px;
}
.bold-text-100 {
text-align: center;
font-size: 16px;
}
.x-plan-table-sidebar-22, .x-plan-table-sidebar-23 {
width: 140px;
}
.x-plan-table-sidebar-23.for-height {
width: 110px;
}
.bold-text-102 {
font-size: 14px;
}
.x-di-title-4 {
line-height: 120%;
}
.text-block-120.for-fibre {
font-size: 1.2em;
}
.x-plan-table-col-21 {
position: relative;
}
.x-plan-table-col-21.remove-left-border {
height: auto;
}
.x-emp-text-46 {
flex-direction: column;
align-items: flex-start;
}
.x-emp-text-46.for-title {
margin-bottom: 8px;
font-size: 20px;
line-height: 24px;
}
.x-emp-text-47 {
flex-direction: column;
align-items: flex-start;
}
.x-emp-text-47.for-title {
margin-bottom: 8px;
font-size: 20px;
line-height: 24px;
}
.bold-text-103 {
font-size: 14px;
}
.x-emp-text-48 {
flex-direction: column;
align-items: flex-start;
}
.x-emp-text-48.for-fibre {
margin-left: 0;
font-size: 12px;
line-height: 18px;
}
.x-wrapper-34 {
padding-top: 40px;
padding-bottom: 40px;
}
.text-block-122 {
width: 79px;
}
.x-family-subtitle-3 {
line-height: 20px;
}
.x-plan-table-header-29 {
height: 80px;
padding: 16px;
position: relative;
top: auto;
}
.x-plan-table-header-29.for-higher.for-mobile-broadband.yellow {
width: 390px;
padding-top: 10px;
}
.x-plan-table-header-29.for-sidebar {
padding-bottom: 0;
position: static;
}
.x-plan-table-header-29.for-sidebar.for-higher.for-mobile-broadband {
padding: 10px 5px;
}
.bold-text-104 {
font-size: 14px;
}
.text-block-123.for-fibre {
color: #000;
font-size: 1.2em;
}
.bold-text-105 {
font-size: 16px;
}
.x-notice-list-3 {
width: 100%;
height: 70px;
}
.x-notice-list-3.bm, .x-notice-list-3.fibre {
height: auto;
padding-top: 10px;
padding-bottom: 10px;
}
.bold-text-106 {
font-size: 14px;
}
.x-plan-table-col-22 {
position: relative;
}
.x-plan-table-col-22.remove-left-border {
height: auto;
}
.x-plan-table-column-2 {
height: 110px;
}
.x-plan-table-column-2.mid-yellow {
height: 92px;
height: 92px;
}
.x-plan-table-column-2.for-title {
width: 78px;
height: 95px;
}
.x-plan-table-column-2.mid-yellow {
height: 92px;
}
.bold-text-108 {
font-size: 16px;
}
.x-btn-25 {
min-width: 88px;
margin-bottom: 8px;
margin-left: 4px;
margin-right: 4px;
padding-left: 16px;
padding-right: 16px;
line-height: 20px;
}
.bold-text-109 {
font-size: 14px;
}
.bold-text-110 {
text-align: center;
font-size: 16px;
}
.image-72 {
z-index: 60;
}
.x-plan-table-header-30 {
height: 80px;
padding: 16px;
position: relative;
top: auto;
}
.x-plan-table-header-30.for-sidebar {
padding-bottom: 0;
position: static;
}
.x-plan-table-header-30.for-sidebar.for-higher.for-mobile-broadband {
padding: 10px 5px;
}
.x-plan-table-header-30.for-higher.for-mobile-broadband.yellow {
width: 390px;
padding-top: 10px;
}
.bold-text-111 {
text-align: center;
font-size: 16px;
}
.x-plan-table-sidebar-24, .x-plan-table-sidebar-25 {
width: 140px;
}
.x-plan-table-sidebar-25.for-height {
width: 114px;
}
.bold-text-113 {
font-size: 14px;
}
.x-di-title-5 {
line-height: 120%;
}
.text-block-127.for-fibre {
font-size: 1.2em;
}
.x-plan-table-col-23 {
position: relative;
}
.x-plan-table-col-23.remove-left-border {
height: auto;
}
.x-emp-text-49 {
flex-direction: column;
align-items: flex-start;
}
.x-emp-text-49.for-title {
margin-bottom: 8px;
font-size: 20px;
line-height: 24px;
}
.x-emp-text-50 {
flex-direction: column;
align-items: flex-start;
}
.x-emp-text-50.for-title {
margin-bottom: 8px;
font-size: 20px;
line-height: 24px;
}
.bold-text-114 {
font-size: 14px;
}
.x-emp-text-51 {
flex-direction: column;
align-items: flex-start;
}
.x-emp-text-51.for-fibre {
margin-left: 0;
font-size: 12px;
line-height: 18px;
}
.x-wrapper-35 {
padding-top: 40px;
padding-bottom: 40px;
}
.text-block-129 {
width: 78px;
line-height: 11px;
}
.x-plan-table-header-31 {
height: 80px;
padding: 16px;
position: relative;
top: auto;
}
.x-plan-table-header-31.for-higher.for-mobile-broadband.yellow {
width: 390px;
padding-top: 10px;
}
.x-plan-table-header-31.for-sidebar {
padding-bottom: 0;
position: static;
}
.x-plan-table-header-31.for-sidebar.for-higher.for-mobile-broadband {
padding: 10px 5px;
}
.bold-text-115 {
font-size: 14px;
}
.text-block-130.for-fibre {
color: #000;
font-size: 1.2em;
}
.bold-text-116 {
font-size: 16px;
}
.bold-text-117 {
font-size: 14px;
}
.x-plan-table-col-24 {
position: relative;
}
.x-plan-table-col-24.remove-left-border {
height: auto;
}
.bold-text-119 {
font-size: 16px;
}
.x-btn-26 {
min-width: 88px;
margin-bottom: 8px;
margin-left: 4px;
margin-right: 4px;
padding-left: 16px;
padding-right: 16px;
line-height: 20px;
}
.bold-text-120 {
font-size: 14px;
}
.x-notice-list-4 {
width: auto;
}
.bold-text-122 {
font-size: 13px;
}
.for-gadget-sim {
background-image: url("https://assets-global.website-files.com/6152b2d34ca06b6d275dd66e/64f557ecdc5eb9f384fc9448_Digi_GadgetSIM_Mobile.jpg");
}
.for-desktop.for-hide, .for-desktop.for-hide-next {
display: block;
}
.promotions-tab {
text-align: center;
margin-bottom: 0;
margin-right: 0;
padding-left: 15px;
padding-right: 15px;
line-height: 18px;
}
.promotions-tab.w--current {
text-align: center;
margin-bottom: 0;
padding-left: 15px;
padding-right: 15px;
line-height: 18px;
}
.promotions-tab.for-roaming-mobile {
width: 100%;
flex-direction: column;
justify-content: center;
margin-right: 0;
padding: 8px 10px;
}
.promotions-tab.for-roaming-mobile.w--current {
width: 100%;
display: flex;
}
.promotions-tab.for-roaming-mobile.for-more-padding {
width: 140px;
}
.x-long-banner-image-5 {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.x-tab-menu-5 {
margin-left: -24px;
margin-right: -24px;
padding-left: 24px;
padding-right: 24px;
overflow: auto;
}
.x-tab-menu-5.centre.buttons-style {
border: 1px #000;
flex-direction: row;
align-items: center;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
overflow: visible;
}
.process_line-2 {
height: 80%;
}
.bold-text-126 {
position: relative;
left: 0;
}
.process_details-3 {
padding: 15px 0 15px 10px;
}
.process_details-3._02-only {
padding-right: 0;
}
.process_details-3._02-only.for-tables {
width: 100%;
padding-left: 0;
}
.bold-text-127.for-smaller-font {
font-size: 11px;
}
.heading-52.for-padding {
margin-left: 15px;
}
.image-76 {
display: block;
}
}
#w-node-_321a78ae-16c4-4ea8-2b4c-674d45a7a3d0-e7ef664b {
grid-area: 1 / 1 / 2 / 2;
align-self: end;
justify-self: start;
}
#w-node-_321a78ae-16c4-4ea8-2b4c-674d45a7a3d2-e7ef664b {
grid-area: 2 / 1 / 3 / 2;
align-self: end;
justify-self: start;
}
#w-node-_321a78ae-16c4-4ea8-2b4c-674d45a7a3d3-e7ef664b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_321a78ae-16c4-4ea8-2b4c-674d45a7a3d4-e7ef664b {
grid-area: 1 / 2 / 2 / 3;
justify-self: end;
}
#w-node-_321a78ae-16c4-4ea8-2b4c-674d45a7a3d5-e7ef664b {
grid-area: span 2 / span 1 / span 2 / span 1;
align-self: stretch;
justify-self: end;
}
#w-node-_321a78ae-16c4-4ea8-2b4c-674d45a7a3d6-e7ef664b {
grid-area: 2 / 2 / 3 / 3;
align-self: end;
justify-self: end;
}
#w-node-_321a78ae-16c4-4ea8-2b4c-674d45a7a3d7-e7ef664b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8480e1a1-d456-5346-8f74-6c9b6239b4c2-e7ef664b {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-_8480e1a1-d456-5346-8f74-6c9b6239b4c5-e7ef664b {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_8480e1a1-d456-5346-8f74-6c9b6239b4c8-e7ef664b {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-c8786b7b-c585-4245-2538-8e90b193f14a-e7ef66e3, #w-node-c8786b7b-c585-4245-2538-8e90b193f14e-e7ef66e3, #w-node-c8786b7b-c585-4245-2538-8e90b193f152-e7ef66e3, #w-node-_3715730b-b31a-c688-cd3a-ce004d55ef2e-e7ef66e3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1bea70f6-7fa3-6a32-84ae-090cfa7a2414-e7ef66ea {
justify-self: auto;
}
#w-node-_6b8aef2d-da71-aa74-c8bb-98196ea68421-e7ef66ea {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e9b3a23e-7047-5d4c-e590-be701461ab7a-e7ef66ee {
justify-self: auto;
}
#w-node-cb6b7dbc-ef73-9135-af3e-670f70d4d091-e7ef66ee, #w-node-cb6b7dbc-ef73-9135-af3e-670f70d4d095-e7ef66ee, #w-node-cb6b7dbc-ef73-9135-af3e-670f70d4d099-e7ef66ee, #w-node-cb6b7dbc-ef73-9135-af3e-670f70d4d09d-e7ef66ee {
justify-self: stretch;
}
#w-node-ee0d7981-678e-ff20-1769-a5694cdf251c-e7ef66f0 {
justify-self: auto;
}
#w-node-a8a81f08-31ee-73f1-6009-484b532e6938-e7ef66f0, #w-node-a8a81f08-31ee-73f1-6009-484b532e693c-e7ef66f0, #w-node-a8a81f08-31ee-73f1-6009-484b532e6940-e7ef66f0, #w-node-a8a81f08-31ee-73f1-6009-484b532e6944-e7ef66f0 {
justify-self: stretch;
}
#w-node-_8a89e0b2-a66d-f141-005a-5d1433470c05-e7ef672a, #w-node-_8a89e0b2-a66d-f141-005a-5d1433470c0e-e7ef672a, #w-node-_8a89e0b2-a66d-f141-005a-5d1433470c17-e7ef672a, #w-node-_8a89e0b2-a66d-f141-005a-5d1433470c26-e7ef672a, #w-node-_18ed6c74-b233-7329-b117-f8b3dd906b13-e7ef674a, #w-node-_18ed6c74-b233-7329-b117-f8b3dd906b1d-e7ef674a, #w-node-_18ed6c74-b233-7329-b117-f8b3dd906b24-e7ef674a, #w-node-_18ed6c74-b233-7329-b117-f8b3dd906b2b-e7ef674a, #w-node-be6cc5b9-cb42-a4ea-56bd-abac1cf51368-e7ef67e8, #w-node-be6cc5b9-cb42-a4ea-56bd-abac1cf5136e-e7ef67e8, #w-node-be6cc5b9-cb42-a4ea-56bd-abac1cf51373-e7ef67e8, #w-node-be6cc5b9-cb42-a4ea-56bd-abac1cf51378-e7ef67e8 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e1d3983b-894d-e4f3-6af8-7f23f2125812-e7ef6802, #w-node-_35a0b886-6e05-ede7-5243-6717ff5864c3-e7ef6802, #w-node-e1d3983b-894d-e4f3-6af8-7f23f2125813-e7ef6802 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-b30095cf-308c-3c45-924c-4710d830fe6a-e7ef6802, #w-node-b30095cf-308c-3c45-924c-4710d830fe76-e7ef6802, #w-node-b30095cf-308c-3c45-924c-4710d830fe80-e7ef6802, #w-node-b30095cf-308c-3c45-924c-4710d830fe82-e7ef6802, #w-node-b30095cf-308c-3c45-924c-4710d830fe85-e7ef6802, #w-node-b30095cf-308c-3c45-924c-4710d830fe8e-e7ef6802 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_687a6315-b68a-4899-70ec-b99ad9b3f784-e7ef6804, #w-node-_687a6315-b68a-4899-70ec-b99ad9b3f78e-e7ef6804, #w-node-_687a6315-b68a-4899-70ec-b99ad9b3f792-e7ef6804 {
justify-self: stretch;
}
#w-node-_800dcb75-6466-d6e0-f98d-52fbbff9259a-e7ef6807, #w-node-_14dd8cc2-06a2-0d7f-ec0f-6919f238113b-e7ef6807, #w-node-_89f6b617-d1b0-a9ad-b762-89f1e8cf6dcc-e7ef6807, #w-node-_41ed20d2-3137-aaae-e4bf-e93ed029c1ae-e7ef6807, #w-node-e623399f-c910-a04f-4772-0ec64778ef9e-e7ef6807, #w-node-b45dad1f-5073-e8be-22f8-fcdd87a1500d-e7ef6807, #w-node-b45dad1f-5073-e8be-22f8-fcdd87a1500e-e7ef6807, #w-node-b45dad1f-5073-e8be-22f8-fcdd87a1500f-e7ef6807, #w-node-b45dad1f-5073-e8be-22f8-fcdd87a15010-e7ef6807, #w-node-b45dad1f-5073-e8be-22f8-fcdd87a15011-e7ef6807, #w-node-_6871bb66-aeb5-aef6-d141-d7c8ad6331d5-e7ef6807, #w-node-_6871bb66-aeb5-aef6-d141-d7c8ad6331d6-e7ef6807, #w-node-_6871bb66-aeb5-aef6-d141-d7c8ad6331d7-e7ef6807, #w-node-_6871bb66-aeb5-aef6-d141-d7c8ad6331d8-e7ef6807, #w-node-_6871bb66-aeb5-aef6-d141-d7c8ad6331d9-e7ef6807, #w-node-ed845c7c-dc18-ae85-6d39-eb2ea0067a29-e7ef6807, #w-node-ed845c7c-dc18-ae85-6d39-eb2ea0067a2a-e7ef6807, #w-node-ed845c7c-dc18-ae85-6d39-eb2ea0067a2b-e7ef6807, #w-node-ed845c7c-dc18-ae85-6d39-eb2ea0067a2c-e7ef6807, #w-node-ed845c7c-dc18-ae85-6d39-eb2ea0067a2d-e7ef6807, #w-node-_55d9bc87-00e2-e0d3-a53f-a17bf90b03da-e7ef6807, #w-node-_55d9bc87-00e2-e0d3-a53f-a17bf90b03db-e7ef6807, #w-node-_55d9bc87-00e2-e0d3-a53f-a17bf90b03dc-e7ef6807, #w-node-_55d9bc87-00e2-e0d3-a53f-a17bf90b03dd-e7ef6807, #w-node-_55d9bc87-00e2-e0d3-a53f-a17bf90b03de-e7ef6807 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-dfc7387f-a6b7-e684-b3ca-a351a10f31d7-e7ef681d {
order: 9999;
}
#w-node-c199a9e2-bd07-6a72-a36a-ffe5586bf029-e7ef6839, #w-node-de52b887-3f63-66b5-aca1-1d7f9f763048-e7ef6839, #w-node-_51810255-470d-e7de-1e08-4dd16062cb12-e7ef6839 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
justify-self: center;
}
#w-node-_8a49cf4d-6a3f-5764-8c4f-65ddec33525c-e7ef684e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b0ecd574-9f13-0799-1ba8-44145c2e384e-e7ef684f {
justify-self: center;
}
#w-node-b0ecd574-9f13-0799-1ba8-44145c2e3874-e7ef684f, #w-node-_25cd2892-5e27-3eda-d004-415c0197e87a-e7ef684f {
order: 0;
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ef53d9fb-185e-1a75-8d15-9d008e092478-e7ef685b, #w-node-_351bb98f-fc3c-ada9-696d-f361d6c03d65-e7ef685c, #w-node-a42e5959-310c-381f-7d15-348b714dc91a-e7ef685f, #w-node-_812e1fec-3256-9101-3b7a-a30c7ce094f5-e7ef688a, #w-node-_6a809f3c-3a74-4267-c6a0-80d0ca2f1aec-e7ef68c0 {
justify-self: auto;
}
#w-node-d7683003-09ee-98c5-ab2a-14bbca9623ae-e7ef68c0, #w-node-b6c2d1fb-3407-0168-5774-b8785b5e9611-e7ef68c0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_07f38c1a-9f27-4126-e248-06ef2a0f7286-e7ef68c1, #w-node-_07f38c1a-9f27-4126-e248-06ef2a0f728c-e7ef68c1, #w-node-_07f38c1a-9f27-4126-e248-06ef2a0f7292-e7ef68c1, #w-node-_5b14b9ce-f3f7-797d-4e2a-ae1045c9b7eb-e7ef68c1, #w-node-dbfe9dfd-4550-64d1-7025-6274e0562551-e7ef68c1, #w-node-_6d92e199-8089-b1dc-979b-75b29d9889f0-e7ef68c1, #w-node-ffaec212-53d5-d6b8-dcdd-be695ee6d430-e7ef68c1, #w-node-_61eccc3d-9ebe-5c4d-1995-e5a1201e02ac-e7ef68c1, #w-node-_9f96a290-4248-c1c3-8ab9-e896a6f4b516-e7ef68c1, #w-node-e9e2c790-8516-60f8-87fe-0ae459571d4c-e7ef68c1, #w-node-cbd05c57-56e3-7512-c4fe-bb37e873beec-e7ef68c1, #w-node-c1e0cc18-ea97-ad9d-5734-711cc66413f0-e7ef68c1, #w-node-_010c5bc7-c0fd-3d5b-562f-542210426418-e7ef68c1, #w-node-_0947b06a-b5c3-df25-a83b-49e0faebbcdf-e7ef68c1, #w-node-b3a8c015-26b2-d817-7c96-cb8861869a99-e7ef68c1, #w-node-a1dff7bf-e129-3085-3c3b-81f425ec3a0b-e7ef68c1, #w-node-_07f38c1a-9f27-4126-e248-06ef2a0f7286-e7ef68c2, #w-node-_07f38c1a-9f27-4126-e248-06ef2a0f728c-e7ef68c2, #w-node-_07f38c1a-9f27-4126-e248-06ef2a0f7292-e7ef68c2, #w-node-a30419aa-b0b6-6b1f-8519-3a87d26d8bf5-e7ef68c2, #w-node-a30419aa-b0b6-6b1f-8519-3a87d26d8bf7-e7ef68c2, #w-node-a30419aa-b0b6-6b1f-8519-3a87d26d8bfd-e7ef68c2, #w-node-a30419aa-b0b6-6b1f-8519-3a87d26d8c01-e7ef68c2, #w-node-a30419aa-b0b6-6b1f-8519-3a87d26d8c03-e7ef68c2, #w-node-a30419aa-b0b6-6b1f-8519-3a87d26d8c05-e7ef68c2, #w-node-a30419aa-b0b6-6b1f-8519-3a87d26d8c07-e7ef68c2, #w-node-a30419aa-b0b6-6b1f-8519-3a87d26d8c0b-e7ef68c2, #w-node-a30419aa-b0b6-6b1f-8519-3a87d26d8c0d-e7ef68c2, #w-node-a30419aa-b0b6-6b1f-8519-3a87d26d8c0f-e7ef68c2, #w-node-a30419aa-b0b6-6b1f-8519-3a87d26d8c11-e7ef68c2, #w-node-a30419aa-b0b6-6b1f-8519-3a87d26d8c13-e7ef68c2, #w-node-a30419aa-b0b6-6b1f-8519-3a87d26d8c15-e7ef68c2 {
align-self: start;
justify-self: center;
}
#w-node-e11575ab-1adf-0d56-f9e2-a9ea402bc553-e7ef68f3, #w-node-_79acd9d2-fc78-e768-7d4f-f20334c9354d-e7ef68f3, #w-node-_5cbe153c-1d1f-be7b-bff4-c4600cb43b6a-e7ef68f3, #w-node-_965afc63-c940-f78c-08ed-cf70df95833c-e7ef68f3, #w-node-ecc377c1-4a00-6374-4e6f-ef33b42f3d47-e7ef68f3, #w-node-_0421ecce-1c72-8660-8bf1-8345301c7743-e7ef68f3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b47aaa12-1963-ec2b-4025-d5c15ee3639e-e7ef68f5 {
justify-self: auto;
}
#w-node-a6c32aa4-c854-7c7e-fbcc-5f50cb0ef5c4-e7ef68f5, #w-node-a6c32aa4-c854-7c7e-fbcc-5f50cb0ef5c8-e7ef68f5, #w-node-a6c32aa4-c854-7c7e-fbcc-5f50cb0ef5cc-e7ef68f5, #w-node-a6c32aa4-c854-7c7e-fbcc-5f50cb0ef5d0-e7ef68f5, #w-node-_89f793ec-4ed0-5ea3-d37e-6e86c5827b10-e7ef68f5, #w-node-_89f793ec-4ed0-5ea3-d37e-6e86c5827b14-e7ef68f5, #w-node-_89f793ec-4ed0-5ea3-d37e-6e86c5827b18-e7ef68f5, #w-node-_89f793ec-4ed0-5ea3-d37e-6e86c5827b1c-e7ef68f5, #w-node-_07f1dbf0-cea6-6d2a-f2a7-d8c59ed4855c-e7ef68f5, #w-node-_07f1dbf0-cea6-6d2a-f2a7-d8c59ed48563-e7ef68f5, #w-node-_07f1dbf0-cea6-6d2a-f2a7-d8c59ed4856a-e7ef68f5, #w-node-_07f1dbf0-cea6-6d2a-f2a7-d8c59ed48571-e7ef68f5 {
justify-self: stretch;
}
#w-node-ab53f870-6ea9-7012-aa40-0967bab310d7-e7ef690c {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-ab53f870-6ea9-7012-aa40-0967bab310db-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab310df-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab310e4-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab310e8-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab310ec-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab310f1-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab310f5-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab310f9-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab310fe-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab31107-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab31110-e7ef690c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ab53f870-6ea9-7012-aa40-0967bab3111f-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab31123-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab31127-e7ef690c {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-ab53f870-6ea9-7012-aa40-0967bab3112c-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab31130-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab31134-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab31139-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab3113d-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab31141-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab31146-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab3114f-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab31158-e7ef690c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ab53f870-6ea9-7012-aa40-0967bab31185-e7ef690c {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-ab53f870-6ea9-7012-aa40-0967bab31189-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab3118d-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab31192-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab31195-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab31198-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab3119c-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab3119f-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab311a2-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab311a6-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab311ab-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab311b0-e7ef690c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ab53f870-6ea9-7012-aa40-0967bab311bb-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab311bf-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab311c3-e7ef690c {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-ab53f870-6ea9-7012-aa40-0967bab311c8-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab311cb-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab311ce-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab311d2-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab311d5-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab311d8-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab311dc-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab311e1-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab311e6-e7ef690c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ab53f870-6ea9-7012-aa40-0967bab31206-e7ef690c {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-ab53f870-6ea9-7012-aa40-0967bab3120a-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab3120e-e7ef690c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ab53f870-6ea9-7012-aa40-0967bab31214-e7ef690c {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-ab53f870-6ea9-7012-aa40-0967bab31217-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab3121a-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab3121e-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab31222-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab31226-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab3122e-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab31230-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab31232-e7ef690c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ab53f870-6ea9-7012-aa40-0967bab31236-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab3123a-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab3123e-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab31243-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab31246-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab31249-e7ef690c {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-ab53f870-6ea9-7012-aa40-0967bab3124d-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab31251-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab31255-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab3125a-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab3125c-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab3125e-e7ef690c, #w-node-a94e54b3-940f-7ce5-5403-8dc108587c37-e7ef690c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a94e54b3-940f-7ce5-5403-8dc108587c3b-e7ef690c {
align-self: start;
}
#w-node-a94e54b3-940f-7ce5-5403-8dc108587c3c-e7ef690c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a94e54b3-940f-7ce5-5403-8dc108587c38-e7ef690c {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
}
#w-node-a94e54b3-940f-7ce5-5403-8dc108587c3e-e7ef690c, #w-node-a94e54b3-940f-7ce5-5403-8dc108587c44-e7ef690c, #w-node-a94e54b3-940f-7ce5-5403-8dc108587c3f-e7ef690c, #w-node-a94e54b3-940f-7ce5-5403-8dc108587c49-e7ef690c, #w-node-a94e54b3-940f-7ce5-5403-8dc108587c4a-e7ef690c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a94e54b3-940f-7ce5-5403-8dc108587c4b-e7ef690c {
order: 0;
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: stretch;
}
#w-node-a94e54b3-940f-7ce5-5403-8dc108587c6e-e7ef690c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1061223d-b967-a8d7-4c5a-e9b37f825fb8-e7ef690c {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_1061223d-b967-a8d7-4c5a-e9b37f825fbc-e7ef690c, #w-node-_1061223d-b967-a8d7-4c5a-e9b37f825fc0-e7ef690c, #w-node-_1061223d-b967-a8d7-4c5a-e9b37f825fc5-e7ef690c, #w-node-_1061223d-b967-a8d7-4c5a-e9b37f825fc9-e7ef690c, #w-node-_1061223d-b967-a8d7-4c5a-e9b37f825fcd-e7ef690c, #w-node-_1061223d-b967-a8d7-4c5a-e9b37f825fd2-e7ef690c, #w-node-_1061223d-b967-a8d7-4c5a-e9b37f825fd6-e7ef690c, #w-node-_1061223d-b967-a8d7-4c5a-e9b37f825fda-e7ef690c, #w-node-_1061223d-b967-a8d7-4c5a-e9b37f825fdf-e7ef690c, #w-node-_1061223d-b967-a8d7-4c5a-e9b37f825fe8-e7ef690c, #w-node-_1061223d-b967-a8d7-4c5a-e9b37f825ff1-e7ef690c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1061223d-b967-a8d7-4c5a-e9b37f826000-e7ef690c, #w-node-_1061223d-b967-a8d7-4c5a-e9b37f826004-e7ef690c, #w-node-_1061223d-b967-a8d7-4c5a-e9b37f826008-e7ef690c {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_1061223d-b967-a8d7-4c5a-e9b37f82600d-e7ef690c, #w-node-_1061223d-b967-a8d7-4c5a-e9b37f826011-e7ef690c, #w-node-_1061223d-b967-a8d7-4c5a-e9b37f826015-e7ef690c, #w-node-_1061223d-b967-a8d7-4c5a-e9b37f82601a-e7ef690c, #w-node-_1061223d-b967-a8d7-4c5a-e9b37f82601e-e7ef690c, #w-node-_1061223d-b967-a8d7-4c5a-e9b37f826022-e7ef690c, #w-node-_1061223d-b967-a8d7-4c5a-e9b37f826027-e7ef690c, #w-node-_1061223d-b967-a8d7-4c5a-e9b37f826030-e7ef690c, #w-node-_1061223d-b967-a8d7-4c5a-e9b37f826039-e7ef690c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f9b46d7a-d702-c564-a09d-f8dbcf852fb5-e7ef690c {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-f9b46d7a-d702-c564-a09d-f8dbcf852fb9-e7ef690c, #w-node-f9b46d7a-d702-c564-a09d-f8dbcf852fbd-e7ef690c, #w-node-f9b46d7a-d702-c564-a09d-f8dbcf852fc2-e7ef690c, #w-node-f9b46d7a-d702-c564-a09d-f8dbcf852fc5-e7ef690c, #w-node-f9b46d7a-d702-c564-a09d-f8dbcf852fc8-e7ef690c, #w-node-f9b46d7a-d702-c564-a09d-f8dbcf852fcc-e7ef690c, #w-node-f9b46d7a-d702-c564-a09d-f8dbcf852fcf-e7ef690c, #w-node-f9b46d7a-d702-c564-a09d-f8dbcf852fd2-e7ef690c, #w-node-f9b46d7a-d702-c564-a09d-f8dbcf852fd6-e7ef690c, #w-node-f9b46d7a-d702-c564-a09d-f8dbcf852fdb-e7ef690c, #w-node-f9b46d7a-d702-c564-a09d-f8dbcf852fe0-e7ef690c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f9b46d7a-d702-c564-a09d-f8dbcf852feb-e7ef690c, #w-node-f9b46d7a-d702-c564-a09d-f8dbcf852fef-e7ef690c, #w-node-f9b46d7a-d702-c564-a09d-f8dbcf852ff3-e7ef690c {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-f9b46d7a-d702-c564-a09d-f8dbcf852ff8-e7ef690c, #w-node-f9b46d7a-d702-c564-a09d-f8dbcf852ffb-e7ef690c, #w-node-f9b46d7a-d702-c564-a09d-f8dbcf852ffe-e7ef690c, #w-node-f9b46d7a-d702-c564-a09d-f8dbcf853002-e7ef690c, #w-node-f9b46d7a-d702-c564-a09d-f8dbcf853005-e7ef690c, #w-node-f9b46d7a-d702-c564-a09d-f8dbcf853008-e7ef690c, #w-node-f9b46d7a-d702-c564-a09d-f8dbcf85300c-e7ef690c, #w-node-f9b46d7a-d702-c564-a09d-f8dbcf853011-e7ef690c, #w-node-f9b46d7a-d702-c564-a09d-f8dbcf853016-e7ef690c, #w-node-ddb20ac5-f862-5e0a-7adb-bbbe4f36e25e-e7ef690c, #w-node-_051e1b57-a48a-c595-eb11-8de06da7857d-e7ef690c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a3bd5f4a-0d4e-31e6-755a-613f3404605b-e7ef690c {
grid-area: 1 / 1 / 2 / 2;
align-self: end;
justify-self: start;
}
#w-node-a3bd5f4a-0d4e-31e6-755a-613f3404605d-e7ef690c {
grid-area: 2 / 1 / 3 / 2;
align-self: end;
justify-self: start;
}
#w-node-a3bd5f4a-0d4e-31e6-755a-613f3404605e-e7ef690c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a3bd5f4a-0d4e-31e6-755a-613f3404605f-e7ef690c {
grid-area: 1 / 2 / 2 / 3;
justify-self: end;
}
#w-node-a3bd5f4a-0d4e-31e6-755a-613f34046060-e7ef690c {
grid-area: span 2 / span 1 / span 2 / span 1;
align-self: stretch;
justify-self: end;
}
#w-node-a3bd5f4a-0d4e-31e6-755a-613f34046061-e7ef690c {
grid-area: 2 / 2 / 3 / 3;
align-self: end;
justify-self: end;
}
#w-node-a3bd5f4a-0d4e-31e6-755a-613f34046062-e7ef690c, #w-node-_125810db-903c-2b77-8489-721413fba255-e7ef690c, #w-node-_125810db-903c-2b77-8489-721413fba259-e7ef690c, #w-node-_125810db-903c-2b77-8489-721413fba25d-e7ef690c, #w-node-_125810db-903c-2b77-8489-721413fba261-e7ef690c, #w-node-_125810db-903c-2b77-8489-721413fba266-e7ef690c, #w-node-_125810db-903c-2b77-8489-721413fba26a-e7ef690c, #w-node-_125810db-903c-2b77-8489-721413fba26e-e7ef690c, #w-node-_125810db-903c-2b77-8489-721413fba272-e7ef690c, #w-node-_3a00fccc-bd7c-82d2-c5b8-dbae9eec1c29-e7ef690c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3a00fccc-bd7c-82d2-c5b8-dbae9eec1c2b-e7ef690c {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfa996-e7ef690d {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfa99a-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfa99e-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfa9a3-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfa9a7-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfa9ab-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfa9b0-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfa9b4-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfa9b8-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfa9bd-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfa9c6-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfa9cf-e7ef690d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfa9de-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfa9e2-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfa9e6-e7ef690d {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfa9eb-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfa9ef-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfa9f3-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfa9f8-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfa9fc-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaa00-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaa05-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaa0e-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaa17-e7ef690d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaa44-e7ef690d {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaa48-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaa4c-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaa51-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaa54-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaa57-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaa5b-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaa5e-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaa61-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaa65-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaa6a-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaa6f-e7ef690d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaa7a-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaa7e-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaa82-e7ef690d {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaa87-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaa8a-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaa8d-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaa91-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaa94-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaa97-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaa9b-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaaa0-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaaa5-e7ef690d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaac5-e7ef690d {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaac9-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaacd-e7ef690d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaad3-e7ef690d {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaad6-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaad9-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaadd-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaae1-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaae5-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaaed-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaaef-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaaf1-e7ef690d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaaf5-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaaf9-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaafd-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfab02-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfab05-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfab08-e7ef690d {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfab0c-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfab10-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfab14-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfab19-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfab1b-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfab1d-e7ef690d, #w-node-_367b85fb-97ba-6862-915b-7361cfd8a9ab-e7ef690d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_367b85fb-97ba-6862-915b-7361cfd8a9af-e7ef690d {
align-self: start;
}
#w-node-_367b85fb-97ba-6862-915b-7361cfd8a9b0-e7ef690d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_367b85fb-97ba-6862-915b-7361cfd8a9ac-e7ef690d {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
}
#w-node-_367b85fb-97ba-6862-915b-7361cfd8a9b2-e7ef690d, #w-node-_367b85fb-97ba-6862-915b-7361cfd8a9b8-e7ef690d, #w-node-_367b85fb-97ba-6862-915b-7361cfd8a9b3-e7ef690d, #w-node-_367b85fb-97ba-6862-915b-7361cfd8a9bd-e7ef690d, #w-node-_367b85fb-97ba-6862-915b-7361cfd8a9be-e7ef690d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_367b85fb-97ba-6862-915b-7361cfd8a9bf-e7ef690d {
order: 0;
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: stretch;
}
#w-node-_367b85fb-97ba-6862-915b-7361cfd8a9e2-e7ef690d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a99cc008-2e83-aafc-993c-6b557bcb1796-e7ef690d {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-a99cc008-2e83-aafc-993c-6b557bcb179a-e7ef690d, #w-node-a99cc008-2e83-aafc-993c-6b557bcb179e-e7ef690d, #w-node-a99cc008-2e83-aafc-993c-6b557bcb17a3-e7ef690d, #w-node-a99cc008-2e83-aafc-993c-6b557bcb17a7-e7ef690d, #w-node-a99cc008-2e83-aafc-993c-6b557bcb17ab-e7ef690d, #w-node-a99cc008-2e83-aafc-993c-6b557bcb17b0-e7ef690d, #w-node-a99cc008-2e83-aafc-993c-6b557bcb17b4-e7ef690d, #w-node-a99cc008-2e83-aafc-993c-6b557bcb17b8-e7ef690d, #w-node-a99cc008-2e83-aafc-993c-6b557bcb17bd-e7ef690d, #w-node-a99cc008-2e83-aafc-993c-6b557bcb17c6-e7ef690d, #w-node-a99cc008-2e83-aafc-993c-6b557bcb17cf-e7ef690d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a99cc008-2e83-aafc-993c-6b557bcb17de-e7ef690d, #w-node-a99cc008-2e83-aafc-993c-6b557bcb17e2-e7ef690d, #w-node-a99cc008-2e83-aafc-993c-6b557bcb17e6-e7ef690d {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-a99cc008-2e83-aafc-993c-6b557bcb17eb-e7ef690d, #w-node-a99cc008-2e83-aafc-993c-6b557bcb17ef-e7ef690d, #w-node-a99cc008-2e83-aafc-993c-6b557bcb17f3-e7ef690d, #w-node-a99cc008-2e83-aafc-993c-6b557bcb17f8-e7ef690d, #w-node-a99cc008-2e83-aafc-993c-6b557bcb17fc-e7ef690d, #w-node-a99cc008-2e83-aafc-993c-6b557bcb1800-e7ef690d, #w-node-a99cc008-2e83-aafc-993c-6b557bcb1805-e7ef690d, #w-node-a99cc008-2e83-aafc-993c-6b557bcb180e-e7ef690d, #w-node-a99cc008-2e83-aafc-993c-6b557bcb1817-e7ef690d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_326e0f82-abb7-7ff0-1146-7926cd88dad8-e7ef690d {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_326e0f82-abb7-7ff0-1146-7926cd88dadc-e7ef690d, #w-node-_326e0f82-abb7-7ff0-1146-7926cd88dae0-e7ef690d, #w-node-_326e0f82-abb7-7ff0-1146-7926cd88dae5-e7ef690d, #w-node-_326e0f82-abb7-7ff0-1146-7926cd88dae8-e7ef690d, #w-node-_326e0f82-abb7-7ff0-1146-7926cd88daeb-e7ef690d, #w-node-_326e0f82-abb7-7ff0-1146-7926cd88daef-e7ef690d, #w-node-_326e0f82-abb7-7ff0-1146-7926cd88daf2-e7ef690d, #w-node-_326e0f82-abb7-7ff0-1146-7926cd88daf5-e7ef690d, #w-node-_326e0f82-abb7-7ff0-1146-7926cd88daf9-e7ef690d, #w-node-_326e0f82-abb7-7ff0-1146-7926cd88dafe-e7ef690d, #w-node-_326e0f82-abb7-7ff0-1146-7926cd88db03-e7ef690d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_326e0f82-abb7-7ff0-1146-7926cd88db0e-e7ef690d, #w-node-_326e0f82-abb7-7ff0-1146-7926cd88db12-e7ef690d, #w-node-_326e0f82-abb7-7ff0-1146-7926cd88db16-e7ef690d {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_326e0f82-abb7-7ff0-1146-7926cd88db1b-e7ef690d, #w-node-_326e0f82-abb7-7ff0-1146-7926cd88db1e-e7ef690d, #w-node-_326e0f82-abb7-7ff0-1146-7926cd88db21-e7ef690d, #w-node-_326e0f82-abb7-7ff0-1146-7926cd88db25-e7ef690d, #w-node-_326e0f82-abb7-7ff0-1146-7926cd88db28-e7ef690d, #w-node-_326e0f82-abb7-7ff0-1146-7926cd88db2b-e7ef690d, #w-node-_326e0f82-abb7-7ff0-1146-7926cd88db2f-e7ef690d, #w-node-_326e0f82-abb7-7ff0-1146-7926cd88db34-e7ef690d, #w-node-_326e0f82-abb7-7ff0-1146-7926cd88db39-e7ef690d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8dd1d7ec-e389-7827-5047-f0cd4b9496ac-e7ef690d {
grid-area: 1 / 1 / 2 / 2;
align-self: end;
justify-self: start;
}
#w-node-_8dd1d7ec-e389-7827-5047-f0cd4b9496ae-e7ef690d {
grid-area: 2 / 1 / 3 / 2;
align-self: end;
justify-self: start;
}
#w-node-_8dd1d7ec-e389-7827-5047-f0cd4b9496af-e7ef690d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8dd1d7ec-e389-7827-5047-f0cd4b9496b0-e7ef690d {
grid-area: 1 / 2 / 2 / 3;
justify-self: end;
}
#w-node-_8dd1d7ec-e389-7827-5047-f0cd4b9496b1-e7ef690d {
grid-area: span 2 / span 1 / span 2 / span 1;
align-self: stretch;
justify-self: end;
}
#w-node-_8dd1d7ec-e389-7827-5047-f0cd4b9496b2-e7ef690d {
grid-area: 2 / 2 / 3 / 3;
align-self: end;
justify-self: end;
}
#w-node-_8dd1d7ec-e389-7827-5047-f0cd4b9496b3-e7ef690d, #w-node-dacacf8b-973e-466f-a901-282cb297b272-e7ef690d, #w-node-dacacf8b-973e-466f-a901-282cb297b274-e7ef690d, #w-node-_6c675419-4eae-3431-8461-f4ce2ed526fa-e7ef690d, #w-node-_6c675419-4eae-3431-8461-f4ce2ed526fe-e7ef690d, #w-node-_6c675419-4eae-3431-8461-f4ce2ed52702-e7ef690d, #w-node-_6c675419-4eae-3431-8461-f4ce2ed52706-e7ef690d, #w-node-_6c675419-4eae-3431-8461-f4ce2ed5270b-e7ef690d, #w-node-_6c675419-4eae-3431-8461-f4ce2ed5270f-e7ef690d, #w-node-_6c675419-4eae-3431-8461-f4ce2ed52713-e7ef690d, #w-node-_6c675419-4eae-3431-8461-f4ce2ed52717-e7ef690d, #w-node-b9e51a42-5246-3652-ce1f-1aceac1d9193-e7ef690d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b9e51a42-5246-3652-ce1f-1aceac1d9195-e7ef690d {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-_845b64b6-fdf1-232f-a7f4-3b59668a62c6-e7ef6913 {
justify-self: auto;
}
#w-node-_769d194c-9bfa-1620-f7a9-f9e125d33162-e7ef6913 {
align-self: stretch;
}
#w-node-b16acbd8-bbb9-6487-bb7d-e7a6a9464a74-e7ef6913, #w-node-b16acbd8-bbb9-6487-bb7d-e7a6a9464a78-e7ef6913, #w-node-b16acbd8-bbb9-6487-bb7d-e7a6a9464a82-e7ef6913, #w-node-b16acbd8-bbb9-6487-bb7d-e7a6a9464a8e-e7ef6913, #w-node-b16acbd8-bbb9-6487-bb7d-e7a6a9464a92-e7ef6913, #w-node-b16acbd8-bbb9-6487-bb7d-e7a6a9464a9c-e7ef6913, #w-node-e4563d0c-5d01-2783-c989-e3c60a59914b-e7ef6913, #w-node-e4563d0c-5d01-2783-c989-e3c60a59914f-e7ef6913, #w-node-e4563d0c-5d01-2783-c989-e3c60a599159-e7ef6913, #w-node-fa3cf15e-31ea-f312-4065-7850c98437f1-e7ef6913, #w-node-fa3cf15e-31ea-f312-4065-7850c98437f5-e7ef6913, #w-node-fa3cf15e-31ea-f312-4065-7850c98437ff-e7ef6913, #w-node-e4563d0c-5d01-2783-c989-e3c60a599165-e7ef6913, #w-node-e4563d0c-5d01-2783-c989-e3c60a599169-e7ef6913, #w-node-e4563d0c-5d01-2783-c989-e3c60a599173-e7ef6913, #w-node-dd613ada-86fb-8d6d-3a9f-3af6b15625a9-e7ef6913, #w-node-dd613ada-86fb-8d6d-3a9f-3af6b15625ad-e7ef6913, #w-node-dd613ada-86fb-8d6d-3a9f-3af6b15625b7-e7ef6913 {
align-self: auto;
justify-self: center;
}
#w-node-_015f48ea-4108-b5e1-9641-5e47afe619da-e7ef6913, #w-node-_015f48ea-4108-b5e1-9641-5e47afe619e4-e7ef6913, #w-node-_015f48ea-4108-b5e1-9641-5e47afe619e8-e7ef6913, #w-node-eba654a4-fbd5-150f-6a4b-3691e4767237-e7ef6913, #w-node-eba654a4-fbd5-150f-6a4b-3691e476723b-e7ef6913, #w-node-eba654a4-fbd5-150f-6a4b-3691e4767245-e7ef6913, #w-node-a0b581f1-078c-0bd6-5bf7-3d284f69b3ca-e7ef6913, #w-node-a0b581f1-078c-0bd6-5bf7-3d284f69b3ce-e7ef6913, #w-node-a0b581f1-078c-0bd6-5bf7-3d284f69b3d8-e7ef6913, #w-node-_032c94d5-ef52-fb40-3c33-ade33b1d0957-e7ef6913, #w-node-_032c94d5-ef52-fb40-3c33-ade33b1d095b-e7ef6913, #w-node-_032c94d5-ef52-fb40-3c33-ade33b1d0965-e7ef6913 {
justify-self: stretch;
}
#w-node-_6d7d371e-21d1-59fa-c757-d3cbfab11eec-e7ef6913 {
justify-self: end;
}
#w-node-_6d7d371e-21d1-59fa-c757-d3cbfab11efe-e7ef6913 {
justify-self: start;
}
#w-node-_40d477f3-0456-1eed-a22f-289d7240271f-e7ef6950, #w-node-_40d477f3-0456-1eed-a22f-289d72402727-e7ef6950, #w-node-_40d477f3-0456-1eed-a22f-289d7240272b-e7ef6950, #w-node-_40d477f3-0456-1eed-a22f-289d72402733-e7ef6950 {
justify-self: stretch;
}
#w-node-_20557b0c-09e5-2376-b4c5-3f43f6ad059a-e7ef6954 {
align-self: center;
}
#w-node-_20557b0c-09e5-2376-b4c5-3f43f6ad05a3-e7ef6954 {
justify-self: auto;
}
#w-node-_5d2f0d44-4b59-c8bd-bb50-76b25cbc2d9c-e7ef6955 {
align-self: center;
}
#w-node-_5d2f0d44-4b59-c8bd-bb50-76b25cbc2da5-e7ef6955 {
justify-self: auto;
}
#w-node-ceeff5a3-cc14-ad70-eca2-394a2ae483dc-e7ef6956, #w-node-_983eaa2f-ac15-b8ea-e5db-c591b30c1978-e7ef6956, #w-node-_4eb8edfe-14c5-4aeb-5ead-0ee6ee7800d1-e7ef6956, #w-node-_19a55d1a-772e-8772-3266-b08c55651095-e7ef6956, #w-node-_54833151-a05f-fcb0-5c22-055ed2607005-e7ef6956, #w-node-_22d1dad1-ecb8-f745-68c2-ecd9b9b322e1-e7ef6956, #w-node-_8e601395-4620-1e7e-5ab4-5ca30dc61abb-e7ef6956, #w-node-e0773abc-816a-9b51-52b7-cb03a5766d54-e7ef6956, #w-node-afa9563c-fc8c-2f6d-a636-ce1966831dfa-e7ef6956, #w-node-_65530600-732d-745d-a506-36cbac242790-e7ef6956, #w-node-_86b68f67-b2aa-6fc3-3dce-6639ee776ecb-e7ef6956, #w-node-_76fa1f92-147a-f5b9-e624-f03646383eb3-e7ef6956, #w-node-_634f6328-2592-280a-0ab6-15674110ac0d-e7ef6956, #w-node-e9507488-fce3-c2c3-ce6a-7c508f7b406e-e7ef6956, #w-node-_05379611-2b21-8b4b-c152-f1c89b562d22-e7ef6956, #w-node-_8aec8f0e-56c1-221a-1e6e-62dbe45fca87-e7ef6956, #w-node-_1f331712-10d2-af9a-83b9-c4c55a6889d8-e7ef6956, #w-node-_87eabf51-2ce5-48a6-d958-bcbda916a128-e7ef6956, #w-node-ef89c93a-539a-1fc7-b159-352d7d548151-e7ef6956 {
align-self: start;
justify-self: auto;
}
#w-node-_782ae308-3337-cb09-6335-3fe7790ae74f-e7ef6956, #w-node-_782ae308-3337-cb09-6335-3fe7790ae756-e7ef6956, #w-node-_782ae308-3337-cb09-6335-3fe7790ae75d-e7ef6956, #w-node-_782ae308-3337-cb09-6335-3fe7790ae761-e7ef6956, #w-node-f4041539-58e3-4c87-6c26-74779f5a4b1c-e7ef6956, #w-node-f4041539-58e3-4c87-6c26-74779f5a4b23-e7ef6956, #w-node-f4041539-58e3-4c87-6c26-74779f5a4b2a-e7ef6956, #w-node-f4041539-58e3-4c87-6c26-74779f5a4b2e-e7ef6956, #w-node-f4041539-58e3-4c87-6c26-74779f5a4b35-e7ef6956, #w-node-_638cf952-3261-8d90-97cc-852ab039e2cb-e7ef6956, #w-node-_638cf952-3261-8d90-97cc-852ab039e2d2-e7ef6956, #w-node-_638cf952-3261-8d90-97cc-852ab039e2d9-e7ef6956, #w-node-_638cf952-3261-8d90-97cc-852ab039e2e0-e7ef6956, #w-node-_638cf952-3261-8d90-97cc-852ab039e2e7-e7ef6956, #w-node-_9ee9a5c6-380e-1410-7622-4854b2a7f150-e7ef6956, #w-node-_9ee9a5c6-380e-1410-7622-4854b2a7f154-e7ef6956, #w-node-_9ee9a5c6-380e-1410-7622-4854b2a7f158-e7ef6956, #w-node-_88ef2f6e-740a-43e7-374e-21c8d49fe5b7-e7ef6956, #w-node-_475ae3ab-d37d-9c45-a2d4-3ec8c4514ea5-e7ef6956, #w-node-fe3712be-cd0c-4012-ed71-94e67113226d-e7ef6956 {
justify-self: stretch;
}
#w-node-_17d7fc1d-7599-e444-2e02-06d1287d4123-e7ef6971, #w-node-_305143e6-0462-6b3a-310f-b65a462dc0b5-e7ef6971 {
align-self: start;
justify-self: auto;
}
#w-node-_17d7fc1d-7599-e444-2e02-06d1287d4129-e7ef6971, #w-node-_17d7fc1d-7599-e444-2e02-06d1287d4130-e7ef6971 {
align-self: start;
justify-self: center;
}
#w-node-dc3d0f15-ba40-f77a-6904-d1ca894b55da-e7ef6971, #w-node-dc3d0f15-ba40-f77a-6904-d1ca894b55de-e7ef6971 {
align-self: start;
justify-self: auto;
}
#w-node-dc3d0f15-ba40-f77a-6904-d1ca894b55e2-e7ef6971, #w-node-dc3d0f15-ba40-f77a-6904-d1ca894b55e6-e7ef6971 {
align-self: start;
justify-self: center;
}
#w-node-b3d1d382-6586-0c7a-5733-59a36851f276-e7ef6971, #w-node-b3d1d382-6586-0c7a-5733-59a36851f280-e7ef6971, #w-node-b3d1d382-6586-0c7a-5733-59a36851f284-e7ef6971, #w-node-b3d1d382-6586-0c7a-5733-59a36851f288-e7ef6971, #w-node-b3d1d382-6586-0c7a-5733-59a36851f28c-e7ef6971, #w-node-b3d1d382-6586-0c7a-5733-59a36851f293-e7ef6971, #w-node-b3d1d382-6586-0c7a-5733-59a36851f29e-e7ef6971, #w-node-b3d1d382-6586-0c7a-5733-59a36851f2a5-e7ef6971, #w-node-b3d1d382-6586-0c7a-5733-59a36851f2a9-e7ef6971, #w-node-b3d1d382-6586-0c7a-5733-59a36851f2ad-e7ef6971, #w-node-_152ba2d1-cf3a-813d-541a-57610dc3348e-e7ef6971, #w-node-_7e6aedf9-5399-f03e-7972-69a6283583ab-e7ef6971, #w-node-_7e6aedf9-5399-f03e-7972-69a6283583b5-e7ef6971, #w-node-_7e6aedf9-5399-f03e-7972-69a6283583bc-e7ef6971, #w-node-_7e6aedf9-5399-f03e-7972-69a6283583c3-e7ef6971, #w-node-_7e6aedf9-5399-f03e-7972-69a6283583ca-e7ef6971, #w-node-f77a40de-d361-66ae-aeba-f4069f4b5d01-e7ef6971, #w-node-f77a40de-d361-66ae-aeba-f4069f4b5d08-e7ef6971, #w-node-f77a40de-d361-66ae-aeba-f4069f4b5d0f-e7ef6971, #w-node-f77a40de-d361-66ae-aeba-f4069f4b5d13-e7ef6971, #w-node-f77a40de-d361-66ae-aeba-f4069f4b5d17-e7ef6971 {
justify-self: stretch;
}
#grid-banner1.w-node-_5681a36b-970f-69d7-e99e-bad2fda7e8bc-e7ef6971 {
grid-area: 1 / 1 / 3 / 2;
}
#grid-banner2.w-node-_5681a36b-970f-69d7-e99e-bad2fda7e8bf-e7ef6971 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_17d7fc1d-7599-e444-2e02-06d1287d4123-e7ef6972 {
align-self: start;
justify-self: auto;
}
#w-node-_0b38de5c-33ad-2808-954f-a8b790914a27-e7ef6972, #w-node-_17d7fc1d-7599-e444-2e02-06d1287d4129-e7ef6972, #w-node-_17d7fc1d-7599-e444-2e02-06d1287d4130-e7ef6972 {
align-self: start;
justify-self: center;
}
#w-node-_2af539dd-e5c5-729f-5e72-b1555b0a2450-e7ef6972 {
align-self: start;
justify-self: auto;
}
#w-node-_2af539dd-e5c5-729f-5e72-b1555b0a2454-e7ef6972, #w-node-_2af539dd-e5c5-729f-5e72-b1555b0a2458-e7ef6972, #w-node-_2af539dd-e5c5-729f-5e72-b1555b0a245e-e7ef6972 {
align-self: start;
justify-self: center;
}
#w-node-_9a26ace6-ef78-6516-0c2d-8b10ac92c07f-e7ef6972, #w-node-_9a26ace6-ef78-6516-0c2d-8b10ac92c086-e7ef6972, #w-node-_9a26ace6-ef78-6516-0c2d-8b10ac92c08d-e7ef6972, #w-node-_9a26ace6-ef78-6516-0c2d-8b10ac92c091-e7ef6972, #w-node-_9a26ace6-ef78-6516-0c2d-8b10ac92c095-e7ef6972, #w-node-_9a26ace6-ef78-6516-0c2d-8b10ac92c09c-e7ef6972, #w-node-_9a26ace6-ef78-6516-0c2d-8b10ac92c0a7-e7ef6972, #w-node-_9a26ace6-ef78-6516-0c2d-8b10ac92c0ad-e7ef6972, #w-node-_9a26ace6-ef78-6516-0c2d-8b10ac92c0b4-e7ef6972, #w-node-_9a26ace6-ef78-6516-0c2d-8b10ac92c0be-e7ef6972, #w-node-_9a26ace6-ef78-6516-0c2d-8b10ac92c0c4-e7ef6972, #w-node-_35d0d00e-62de-571a-29f8-f1da615cb1b1-e7ef6972, #w-node-_35d0d00e-62de-571a-29f8-f1da615cb1bb-e7ef6972, #w-node-_35d0d00e-62de-571a-29f8-f1da615cb1c2-e7ef6972, #w-node-_35d0d00e-62de-571a-29f8-f1da615cb1c9-e7ef6972, #w-node-_35d0d00e-62de-571a-29f8-f1da615cb1d0-e7ef6972, #w-node-_46e9f95a-4698-720c-9395-ff612466b1ad-e7ef6972, #w-node-_46e9f95a-4698-720c-9395-ff612466b1b4-e7ef6972, #w-node-_46e9f95a-4698-720c-9395-ff612466b1be-e7ef6972, #w-node-_46e9f95a-4698-720c-9395-ff612466b1c2-e7ef6972, #w-node-_46e9f95a-4698-720c-9395-ff612466b1c9-e7ef6972 {
justify-self: stretch;
}
#grid-banner1.w-node-_5681a36b-970f-69d7-e99e-bad2fda7e8bc-e7ef6972 {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-_5681a36b-970f-69d7-e99e-bad2fda7e8bf-e7ef6972 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_9ddcbdcb-0592-b43c-4421-d2c4ef949f73-e7ef6975, #w-node-_9ddcbdcb-0592-b43c-4421-d2c4ef949f79-e7ef6975, #w-node-_9ddcbdcb-0592-b43c-4421-d2c4ef949f7f-e7ef6975 {
align-self: start;
justify-self: center;
}
#w-node-_14afafb6-6c2d-b864-9457-960135b48b6f-e7ef6975, #w-node-_14afafb6-6c2d-b864-9457-960135b48b73-e7ef6975, #w-node-_14afafb6-6c2d-b864-9457-960135b48b7a-e7ef6975, #w-node-_14afafb6-6c2d-b864-9457-960135b48b81-e7ef6975, #w-node-_899dd08e-a4ec-dda5-f912-1bf19bef7e90-e7ef6975 {
justify-self: stretch;
}
#w-node-ed74cce4-e624-223e-ffff-bd9da01015bc-e7ef698b, #w-node-ed74cce4-e624-223e-ffff-bd9da01015bc-e7ef698f, #w-node-_10aa8c9f-c121-961a-dfce-ed7c2e089aa9-e7ef69bd {
justify-self: auto;
}
#w-node-_80b50ccc-a81b-1065-a457-1896daf43696-e7ef69bd {
grid-area: 1 / 1 / 2 / 2;
align-self: end;
justify-self: start;
}
#w-node-_80b50ccc-a81b-1065-a457-1896daf43698-e7ef69bd {
grid-area: 2 / 1 / 3 / 2;
align-self: end;
justify-self: start;
}
#w-node-_80b50ccc-a81b-1065-a457-1896daf43699-e7ef69bd {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_80b50ccc-a81b-1065-a457-1896daf4369a-e7ef69bd {
grid-area: 1 / 2 / 2 / 3;
justify-self: end;
}
#w-node-_80b50ccc-a81b-1065-a457-1896daf4369c-e7ef69bd {
grid-area: 2 / 2 / 3 / 3;
align-self: end;
justify-self: end;
}
#w-node-_80b50ccc-a81b-1065-a457-1896daf4369d-e7ef69bd {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-eb9a917f-f626-0dea-b6f0-f0cc38ca1cc9-e7ef69be {
justify-self: auto;
}
#w-node-_600bbe46-c9dd-08f1-5812-f56d34dff68d-e7ef69be {
grid-area: 1 / 1 / 2 / 2;
align-self: end;
justify-self: start;
}
#w-node-_600bbe46-c9dd-08f1-5812-f56d34dff68f-e7ef69be {
grid-area: 2 / 1 / 3 / 2;
align-self: end;
justify-self: start;
}
#w-node-_600bbe46-c9dd-08f1-5812-f56d34dff690-e7ef69be {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_600bbe46-c9dd-08f1-5812-f56d34dff691-e7ef69be {
grid-area: 1 / 2 / 2 / 3;
justify-self: end;
}
#w-node-_600bbe46-c9dd-08f1-5812-f56d34dff693-e7ef69be {
grid-area: 2 / 2 / 3 / 3;
align-self: end;
justify-self: end;
}
#w-node-_600bbe46-c9dd-08f1-5812-f56d34dff694-e7ef69be, #w-node-_2e7daef9-cbdd-db39-fc41-bd7d63192655-e7ef69bf, #w-node-_2e7daef9-cbdd-db39-fc41-bd7d6319265c-e7ef69bf, #w-node-_2e7daef9-cbdd-db39-fc41-bd7d63192663-e7ef69bf {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1820e12e-e542-ca04-0e88-3d8f1c3f99ed-e7ef69bf, #w-node-_1820e12e-e542-ca04-0e88-3d8f1c3f99f1-e7ef69bf {
align-self: start;
justify-self: auto;
}
#w-node-_1820e12e-e542-ca04-0e88-3d8f1c3f99f5-e7ef69bf, #w-node-_1820e12e-e542-ca04-0e88-3d8f1c3f99f9-e7ef69bf {
align-self: start;
justify-self: center;
}
#w-node-_1820e12e-e542-ca04-0e88-3d8f1c3f99fd-e7ef69bf, #w-node-_1820e12e-e542-ca04-0e88-3d8f1c3f9a01-e7ef69bf {
align-self: start;
justify-self: auto;
}
#w-node-b5eeba48-cd96-1f03-e3a5-22fe692066e1-e7ef69bf, #w-node-b5eeba48-cd96-1f03-e3a5-22fe692066e8-e7ef69bf, #w-node-b5eeba48-cd96-1f03-e3a5-22fe692066ef-e7ef69bf, #w-node-b5eeba48-cd96-1f03-e3a5-22fe692066f3-e7ef69bf, #w-node-b5eeba48-cd96-1f03-e3a5-22fe692066f7-e7ef69bf, #w-node-b5eeba48-cd96-1f03-e3a5-22fe692066fb-e7ef69bf, #w-node-b5eeba48-cd96-1f03-e3a5-22fe69206702-e7ef69bf, #w-node-b5eeba48-cd96-1f03-e3a5-22fe69206709-e7ef69bf, #w-node-d91526dc-8eaf-6db9-7117-e75fea3deb4b-e7ef69bf, #w-node-d91526dc-8eaf-6db9-7117-e75fea3deb4e-e7ef69bf, #w-node-d91526dc-8eaf-6db9-7117-e75fea3deb51-e7ef69bf {
justify-self: stretch;
}
#w-node-_4c18da23-dc7a-e609-41b4-7b043ce5866c-e7ef69d6, #w-node-_4c18da23-dc7a-e609-41b4-7b043ce58672-e7ef69d6, #w-node-_4c18da23-dc7a-e609-41b4-7b043ce58679-e7ef69d6, #w-node-_69a0973b-fabd-895b-3164-2d65ec0c018c-e7ef69d6, #w-node-a7909fbd-eaa4-5190-4a82-cd9ceecc7e9b-e7ef69d6, #w-node-_1f0f4df1-1aeb-0f76-fc00-9c9379d4cb06-e7ef69d6, #w-node-_93414748-4056-7f5c-4abc-69f1ed38a0ad-e7ef69d6, #w-node-a9507ea4-06d8-2047-aa7e-5da4f27b6307-e7ef69d6, #w-node-_47af5366-f580-1e05-c602-8a509e6daa97-e7ef69d6, #w-node-f66872fc-6907-41d3-87cb-ca7b127da373-e7ef69d6, #w-node-a6dca081-31ea-b7a7-f665-4f0074911f4d-e7ef69d6, #w-node-_07e6c723-8972-f4ca-0c5b-89809df1aec5-e7ef69d6, #w-node-fd400b80-accf-bf55-09d4-90f35668a8e2-e7ef69d6, #w-node-b3bbed95-4812-5eff-3e7a-b1e17dbcb691-e7ef69d6, #w-node-_47af5366-f580-1e05-c602-8a509e6daaba-e7ef69d6, #w-node-_47af5366-f580-1e05-c602-8a509e6daad0-e7ef69d6, #w-node-_47af5366-f580-1e05-c602-8a509e6daac5-e7ef69d6, #w-node-_8793fca4-3744-2b7b-77b6-54ff6f557e0f-e7ef69d6, #w-node-_538cb204-55b9-b8fe-7f06-8b7b00dbeb1b-e7ef69d6, #w-node-_47af5366-f580-1e05-c602-8a509e6daae8-e7ef69d6, #w-node-ac444d57-7e10-8078-583a-6b872da1fe81-e7ef69d6, #w-node-df602af4-15dd-f20d-d21a-42ce924d0df7-e7ef69d6, #w-node-_85fc6153-f917-c89c-a704-772ffbcbb1c3-e7ef69d6, #w-node-_2dedbe62-8be1-f0f4-00d9-4ea5c718caac-e7ef69d6, #w-node-_8576ba36-aca8-8fea-6ccc-5d7b784bd618-e7ef69d6, #w-node-_8576ba36-aca8-8fea-6ccc-5d7b784bd63d-e7ef69d6, #w-node-_8576ba36-aca8-8fea-6ccc-5d7b784bd667-e7ef69d6, #w-node-_8b77e54c-fa25-788f-86b6-f294090a54ee-e7ef69d6, #w-node-be171f38-aa5f-80a8-6934-7b40fffda870-e7ef69d6, #w-node-_5ba21b06-120e-d2a8-5fe6-ddc5ea61d2f8-e7ef69db, #w-node-_5ba21b06-120e-d2a8-5fe6-ddc5ea61d2fa-e7ef69db, #w-node-_5ba21b06-120e-d2a8-5fe6-ddc5ea61d2fc-e7ef69db, #w-node-_5ba21b06-120e-d2a8-5fe6-ddc5ea61d2fe-e7ef69db {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_17d7fc1d-7599-e444-2e02-06d1287d4129-e7ef6a04, #w-node-e535588f-cc79-3f79-4c97-56eff067bd9c-e7ef6a04, #w-node-_17d7fc1d-7599-e444-2e02-06d1287d4130-e7ef6a04, #w-node-c1cf26bb-3d16-e2e7-26eb-0120c499ff70-e7ef6a04, #w-node-_34812a4b-1a1e-db65-daed-022d7247c9ff-e7ef6a04, #w-node-_5eca0010-9086-54f9-565a-f532d47ec095-e7ef6a04 {
align-self: start;
justify-self: center;
}
#w-node-e5767edd-8da7-db28-7966-ce14ab254272-e7ef6a04, #w-node-e5767edd-8da7-db28-7966-ce14ab25427d-e7ef6a04, #w-node-e5767edd-8da7-db28-7966-ce14ab254328-e7ef6a04, #w-node-e5767edd-8da7-db28-7966-ce14ab254333-e7ef6a04, #w-node-e5767edd-8da7-db28-7966-ce14ab25434c-e7ef6a04, #w-node-e5767edd-8da7-db28-7966-ce14ab254362-e7ef6a04 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_74cd9d6e-71ab-e5be-c8ec-86d323c4f2ac-e7ef6a04 {
align-self: start;
justify-self: auto;
}
#w-node-_74cd9d6e-71ab-e5be-c8ec-86d323c4f2b0-e7ef6a04, #w-node-_74cd9d6e-71ab-e5be-c8ec-86d323c4f2b5-e7ef6a04 {
align-self: start;
justify-self: center;
}
#w-node-_006baf5d-30a9-b03c-9444-ee202b33305c-e7ef6a04 {
grid-area: 1 / 1 / 2 / 2;
justify-self: end;
}
#w-node-_006baf5d-30a9-b03c-9444-ee202b33305d-e7ef6a04 {
grid-area: span 2 / span 1 / span 2 / span 1;
align-self: stretch;
justify-self: end;
}
#w-node-_006baf5d-30a9-b03c-9444-ee202b333058-e7ef6a04 {
grid-area: 1 / 2 / 2 / 3;
align-self: end;
justify-self: start;
}
#w-node-_17d7fc1d-7599-e444-2e02-06d1287d4129-e7ef6a05, #w-node-e535588f-cc79-3f79-4c97-56eff067bd9c-e7ef6a05, #w-node-_17d7fc1d-7599-e444-2e02-06d1287d4130-e7ef6a05, #w-node-c1cf26bb-3d16-e2e7-26eb-0120c499ff70-e7ef6a05, #w-node-_34812a4b-1a1e-db65-daed-022d7247c9ff-e7ef6a05, #w-node-_5eca0010-9086-54f9-565a-f532d47ec095-e7ef6a05 {
align-self: start;
justify-self: center;
}
#w-node-_1132b124-2596-7d34-1a68-ee98271a4433-e7ef6a05, #w-node-_1132b124-2596-7d34-1a68-ee98271a44ef-e7ef6a05, #w-node-_1132b124-2596-7d34-1a68-ee98271a44fb-e7ef6a05, #w-node-_1132b124-2596-7d34-1a68-ee98271a4515-e7ef6a05, #w-node-_1132b124-2596-7d34-1a68-ee98271a452c-e7ef6a05 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_74cd9d6e-71ab-e5be-c8ec-86d323c4f2ac-e7ef6a05 {
align-self: start;
justify-self: auto;
}
#w-node-_74cd9d6e-71ab-e5be-c8ec-86d323c4f2b0-e7ef6a05, #w-node-_74cd9d6e-71ab-e5be-c8ec-86d323c4f2b5-e7ef6a05 {
align-self: start;
justify-self: center;
}
#w-node-_404229fb-6089-5cd2-ef2b-3a5f24b263a2-e7ef6a05 {
grid-area: 1 / 2 / 2 / 2;
align-self: end;
justify-self: start;
}
#w-node-_404229fb-6089-5cd2-ef2b-3a5f24b263a6-e7ef6a05 {
grid-area: 1 / 1 / 2 / 2;
justify-self: end;
}
#w-node-_404229fb-6089-5cd2-ef2b-3a5f24b263a7-e7ef6a05 {
grid-area: span 2 / span 1 / span 2 / span 1;
align-self: stretch;
justify-self: end;
}
#w-node-_2f7ab910-9398-e510-b029-4d8999a72985-e7ef6a1e {
justify-self: auto;
}
#w-node-c5127732-6846-2dac-b76a-3f442b00a1a4-e7ef6a1e, #w-node-c5127732-6846-2dac-b76a-3f442b00a1ac-e7ef6a1e, #w-node-c5127732-6846-2dac-b76a-3f442b00a1b4-e7ef6a1e {
align-self: center;
justify-self: center;
}
#w-node-cea72c01-8a5b-92c5-ca3f-b7e46f6c29e7-e7ef6a1e {
order: 0;
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-cea72c01-8a5b-92c5-ca3f-b7e46f6c2a3e-e7ef6a1e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6a10a22d-e458-c575-b129-fbee9a82533c-e7ef6a1e {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_6a10a22d-e458-c575-b129-fbee9a825343-e7ef6a1e, #w-node-_6a10a22d-e458-c575-b129-fbee9a825349-e7ef6a1e {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: auto;
}
#w-node-a785f136-4702-c922-2fe9-adb1a1116fcf-e7ef6a21 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: stretch;
justify-self: center;
}
#w-node-a785f136-4702-c922-2fe9-adb1a1116fe6-e7ef6a21 {
align-self: center;
justify-self: center;
}
#w-node-a785f136-4702-c922-2fe9-adb1a1116fe7-e7ef6a21, #w-node-a785f136-4702-c922-2fe9-adb1a1116feb-e7ef6a21 {
justify-self: center;
}
#w-node-a785f136-4702-c922-2fe9-adb1a1116fef-e7ef6a21 {
align-self: center;
justify-self: center;
}
#w-node-a785f136-4702-c922-2fe9-adb1a1116ff0-e7ef6a21, #w-node-a785f136-4702-c922-2fe9-adb1a1116ff4-e7ef6a21 {
justify-self: center;
}
#w-node-a785f136-4702-c922-2fe9-adb1a1116ff8-e7ef6a21 {
align-self: center;
justify-self: center;
}
#w-node-a785f136-4702-c922-2fe9-adb1a1116ff9-e7ef6a21, #w-node-a785f136-4702-c922-2fe9-adb1a1116ffd-e7ef6a21 {
justify-self: center;
}
#w-node-a785f136-4702-c922-2fe9-adb1a1117012-e7ef6a21, #w-node-a785f136-4702-c922-2fe9-adb1a1117017-e7ef6a21, #w-node-a785f136-4702-c922-2fe9-adb1a1117053-e7ef6a21 {
align-self: center;
justify-self: center;
}
#w-node-a785f136-4702-c922-2fe9-adb1a1117062-e7ef6a21, #w-node-a785f136-4702-c922-2fe9-adb1a1117067-e7ef6a21 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a785f136-4702-c922-2fe9-adb1a1117086-e7ef6a21 {
justify-self: auto;
}
#w-node-a785f136-4702-c922-2fe9-adb1a11170aa-e7ef6a21 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: auto;
}
#w-node-a785f136-4702-c922-2fe9-adb1a11170af-e7ef6a21, #w-node-a785f136-4702-c922-2fe9-adb1a11170ba-e7ef6a21 {
align-self: center;
justify-self: center;
}
#w-node-a785f136-4702-c922-2fe9-adb1a11170be-e7ef6a21 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: auto;
}
#w-node-a785f136-4702-c922-2fe9-adb1a11170c3-e7ef6a21, #w-node-a785f136-4702-c922-2fe9-adb1a11170cb-e7ef6a21 {
align-self: center;
justify-self: center;
}
#w-node-_2c6afac9-c8b7-ebd5-e294-dd747b33fc81-e7ef6a21, #w-node-_2c6afac9-c8b7-ebd5-e294-dd747b33fc88-e7ef6a21, #w-node-_2c6afac9-c8b7-ebd5-e294-dd747b33fc8f-e7ef6a21, #w-node-_2c6afac9-c8b7-ebd5-e294-dd747b33fc96-e7ef6a21, #w-node-_2c6afac9-c8b7-ebd5-e294-dd747b33fc9a-e7ef6a21, #w-node-_2c6afac9-c8b7-ebd5-e294-dd747b33fca1-e7ef6a21, #w-node-_2c6afac9-c8b7-ebd5-e294-dd747b33fcaa-e7ef6a21, #w-node-_2c6afac9-c8b7-ebd5-e294-dd747b33fcb0-e7ef6a21, #w-node-_2c6afac9-c8b7-ebd5-e294-dd747b33fcb7-e7ef6a21, #w-node-_2c6afac9-c8b7-ebd5-e294-dd747b33fcbe-e7ef6a21, #w-node-_2c6afac9-c8b7-ebd5-e294-dd747b33fcc7-e7ef6a21, #w-node-_2c6afac9-c8b7-ebd5-e294-dd747b33fcd3-e7ef6a21, #w-node-_2c6afac9-c8b7-ebd5-e294-dd747b33fcdd-e7ef6a21, #w-node-_2c6afac9-c8b7-ebd5-e294-dd747b33fce4-e7ef6a21, #w-node-_2c6afac9-c8b7-ebd5-e294-dd747b33fceb-e7ef6a21, #w-node-_2c6afac9-c8b7-ebd5-e294-dd747b33fcf2-e7ef6a21 {
justify-self: stretch;
}
#w-node-e1040803-b72a-54cb-09c1-37f84cc496bb-e7ef6a21 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: auto;
}
#w-node-e1040803-b72a-54cb-09c1-37f84cc496c2-e7ef6a21 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-e1040803-b72a-54cb-09c1-37f84cc496cb-e7ef6a21, #w-node-e1040803-b72a-54cb-09c1-37f84cc496d1-e7ef6a21 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: auto;
}
#w-node-b31e7ced-81ed-7943-a203-247283c61ace-e7ef6a3a, #w-node-_6748c55e-97a1-1fb7-8c47-5eb44011ea93-e7ef6a4f {
justify-self: auto;
}
#w-node-a785f136-4702-c922-2fe9-adb1a1116fcf-e7ef6a50 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: stretch;
justify-self: center;
}
#w-node-a785f136-4702-c922-2fe9-adb1a1116fe6-e7ef6a50 {
align-self: center;
justify-self: center;
}
#w-node-a785f136-4702-c922-2fe9-adb1a1116fe7-e7ef6a50, #w-node-a785f136-4702-c922-2fe9-adb1a1116feb-e7ef6a50 {
justify-self: center;
}
#w-node-a785f136-4702-c922-2fe9-adb1a1116fef-e7ef6a50 {
align-self: center;
justify-self: center;
}
#w-node-a785f136-4702-c922-2fe9-adb1a1116ff0-e7ef6a50, #w-node-a785f136-4702-c922-2fe9-adb1a1116ff4-e7ef6a50 {
justify-self: center;
}
#w-node-a785f136-4702-c922-2fe9-adb1a1116ff8-e7ef6a50 {
align-self: center;
justify-self: center;
}
#w-node-a785f136-4702-c922-2fe9-adb1a1116ff9-e7ef6a50, #w-node-a785f136-4702-c922-2fe9-adb1a1116ffd-e7ef6a50 {
justify-self: center;
}
#w-node-a785f136-4702-c922-2fe9-adb1a1117012-e7ef6a50, #w-node-a785f136-4702-c922-2fe9-adb1a1117017-e7ef6a50, #w-node-a785f136-4702-c922-2fe9-adb1a1117053-e7ef6a50 {
align-self: center;
justify-self: center;
}
#w-node-a785f136-4702-c922-2fe9-adb1a1117062-e7ef6a50, #w-node-a785f136-4702-c922-2fe9-adb1a1117067-e7ef6a50 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a785f136-4702-c922-2fe9-adb1a1117086-e7ef6a50 {
justify-self: auto;
}
#w-node-a785f136-4702-c922-2fe9-adb1a11170aa-e7ef6a50 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: auto;
}
#w-node-a785f136-4702-c922-2fe9-adb1a11170af-e7ef6a50, #w-node-a785f136-4702-c922-2fe9-adb1a11170ba-e7ef6a50 {
align-self: center;
justify-self: center;
}
#w-node-a785f136-4702-c922-2fe9-adb1a11170be-e7ef6a50 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: auto;
}
#w-node-a785f136-4702-c922-2fe9-adb1a11170c3-e7ef6a50, #w-node-a785f136-4702-c922-2fe9-adb1a11170cb-e7ef6a50 {
align-self: center;
justify-self: center;
}
#w-node-_9281e03e-6d0e-590f-6d6f-500523eef1d8-e7ef6a50, #w-node-_9281e03e-6d0e-590f-6d6f-500523eef1df-e7ef6a50, #w-node-_9281e03e-6d0e-590f-6d6f-500523eef1e6-e7ef6a50, #w-node-_9281e03e-6d0e-590f-6d6f-500523eef1ea-e7ef6a50, #w-node-_9281e03e-6d0e-590f-6d6f-500523eef1ee-e7ef6a50, #w-node-_9281e03e-6d0e-590f-6d6f-500523eef1f5-e7ef6a50, #w-node-_9281e03e-6d0e-590f-6d6f-500523eef200-e7ef6a50, #w-node-_9281e03e-6d0e-590f-6d6f-500523eef206-e7ef6a50, #w-node-_9281e03e-6d0e-590f-6d6f-500523eef20d-e7ef6a50, #w-node-_9281e03e-6d0e-590f-6d6f-500523eef217-e7ef6a50, #w-node-_9281e03e-6d0e-590f-6d6f-500523eef21d-e7ef6a50, #w-node-_3dc867b8-fe1b-4b0c-0b25-394514310d6a-e7ef6a50, #w-node-_3dc867b8-fe1b-4b0c-0b25-394514310d71-e7ef6a50, #w-node-_3dc867b8-fe1b-4b0c-0b25-394514310d78-e7ef6a50, #w-node-_3dc867b8-fe1b-4b0c-0b25-394514310d7f-e7ef6a50, #w-node-_3dc867b8-fe1b-4b0c-0b25-394514310d83-e7ef6a50 {
justify-self: stretch;
}
#w-node-d387f6ce-f5d8-2b86-7494-e7f884957662-e7ef6a50 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: auto;
}
#w-node-d387f6ce-f5d8-2b86-7494-e7f884957669-e7ef6a50 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-d387f6ce-f5d8-2b86-7494-e7f884957672-e7ef6a50, #w-node-d387f6ce-f5d8-2b86-7494-e7f884957678-e7ef6a50 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: auto;
}
#w-node-c55d7c9c-229e-af6d-593f-62749b0dbe7c-e7ef6aaf, #w-node-aa7ca4d2-6440-67d4-84c9-d979420936a8-e7ef6aaf, #w-node-_0b38c16d-f616-1088-a6d4-f6ade506f065-e7ef6aaf, #w-node-bd42146e-bb40-113d-0b3c-11af1f8efc1e-e7ef6aaf, #w-node-_2fe3f969-3463-33b7-ddaa-2d979cc55b04-e7ef6aaf, #w-node-_9b487d08-50cb-007a-e9a2-af82208ae037-e7ef6ab0, #w-node-_6b3d83f0-8887-ddff-9bdc-4bb2c2e8adfa-e7ef6ab0, #w-node-_1b5764c0-f26b-43af-6d3b-d765cc14cd9b-e7ef6ab0, #w-node-_0742a19f-1a85-d8e0-3b1b-549d4ca3c628-e7ef6ab0, #w-node-ce5019f1-390e-b213-6f5c-72b3ac910679-e7ef6ab0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a3b566e3-6503-7fdd-dc32-5b2813e55037-e7ef6ab1, #w-node-a3b566e3-6503-7fdd-dc32-5b2813e5503d-e7ef6ab1, #w-node-a3b566e3-6503-7fdd-dc32-5b2813e55043-e7ef6ab1 {
align-self: start;
justify-self: center;
}
#w-node-b9af780f-9a26-068b-a198-d6a9ca59cb84-e7ef6ab1, #w-node-b9af780f-9a26-068b-a198-d6a9ca59cb88-e7ef6ab1, #w-node-b9af780f-9a26-068b-a198-d6a9ca59cb8c-e7ef6ab1, #w-node-b9af780f-9a26-068b-a198-d6a9ca59cb90-e7ef6ab1 {
justify-self: stretch;
}
#w-node-_296a97f1-c240-dec0-1a5e-e49aad3c90e1-e7ef6ad3, #w-node-_296a97f1-c240-dec0-1a5e-e49aad3c90e5-e7ef6ad3, #w-node-_296a97f1-c240-dec0-1a5e-e49aad3c90e9-e7ef6ad3, #w-node-_3e9de185-dd46-ebde-1541-c5183167547d-e7ef6ad3 {
align-self: start;
justify-self: center;
}
#w-node-_3c2a4067-95d5-993e-d8ba-5304f5c938c7-e7ef6ad3, #w-node-_3c2a4067-95d5-993e-d8ba-5304f5c938d3-e7ef6ad3, #w-node-_3c2a4067-95d5-993e-d8ba-5304f5c938e4-e7ef6ad3, #w-node-_3c2a4067-95d5-993e-d8ba-5304f5c938e6-e7ef6ad3, #w-node-_3c2a4067-95d5-993e-d8ba-5304f5c938e9-e7ef6ad3, #w-node-_3c2a4067-95d5-993e-d8ba-5304f5c938f2-e7ef6ad3, #w-node-ea1b16d5-73b8-a317-35a6-3c0baf0a9182-e7ef6ad3, #w-node-ea1b16d5-73b8-a317-35a6-3c0baf0a9188-e7ef6ad3, #w-node-ea1b16d5-73b8-a317-35a6-3c0baf0a918e-e7ef6ad3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_296a97f1-c240-dec0-1a5e-e49aad3c90e1-e7ef6ae7, #w-node-_296a97f1-c240-dec0-1a5e-e49aad3c90e5-e7ef6ae7, #w-node-_296a97f1-c240-dec0-1a5e-e49aad3c90e9-e7ef6ae7, #w-node-_8edd995a-bd8e-d922-1675-affc289078f0-e7ef6ae7 {
align-self: start;
justify-self: center;
}
#w-node-df45bec5-13d7-f123-edfd-675811aba4ad-e7ef6ae7, #w-node-df45bec5-13d7-f123-edfd-675811aba4b3-e7ef6ae7, #w-node-df45bec5-13d7-f123-edfd-675811aba4b9-e7ef6ae7, #w-node-_0202130f-85d7-45b1-5a3c-339c275af007-e7ef6ae7, #w-node-_0202130f-85d7-45b1-5a3c-339c275af013-e7ef6ae7, #w-node-_0202130f-85d7-45b1-5a3c-339c275af024-e7ef6ae7, #w-node-_0202130f-85d7-45b1-5a3c-339c275af026-e7ef6ae7, #w-node-_0202130f-85d7-45b1-5a3c-339c275af029-e7ef6ae7, #w-node-_0202130f-85d7-45b1-5a3c-339c275af032-e7ef6ae7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_494a8390-b80b-3565-5a18-063107ad0608-e7ef6afb, #w-node-_494a8390-b80b-3565-5a18-063107ad060e-e7ef6afb, #w-node-_494a8390-b80b-3565-5a18-063107ad0615-e7ef6afb, #w-node-_494a8390-b80b-3565-5a18-063107ad061b-e7ef6afb, #w-node-_494a8390-b80b-3565-5a18-063107ad0622-e7ef6afb, #w-node-_494a8390-b80b-3565-5a18-063107ad0628-e7ef6afb, #w-node-_494a8390-b80b-3565-5a18-063107ad0631-e7ef6afb, #w-node-_9c90efb6-3a93-b6b7-9478-0b2515b44d00-e7ef6afb, #w-node-_9c90efb6-3a93-b6b7-9478-0b2515b44d06-e7ef6afb, #w-node-_9c90efb6-3a93-b6b7-9478-0b2515b44d0d-e7ef6afb, #w-node-_697c2c81-035f-67a0-5d7a-bfe25f802253-e7ef6afb, #w-node-_697c2c81-035f-67a0-5d7a-bfe25f80225a-e7ef6afb, #w-node-_697c2c81-035f-67a0-5d7a-bfe25f802260-e7ef6afb, #w-node-_697c2c81-035f-67a0-5d7a-bfe25f802269-e7ef6afb, #w-node-b60d43b6-1e73-dc25-6fd8-f6e7bc5d820e-e7ef6afb, #w-node-b60d43b6-1e73-dc25-6fd8-f6e7bc5d821a-e7ef6afb, #w-node-b60d43b6-1e73-dc25-6fd8-f6e7bc5d8221-e7ef6afb, #w-node-b60d43b6-1e73-dc25-6fd8-f6e7bc5d8225-e7ef6afb, #w-node-b60d43b6-1e73-dc25-6fd8-f6e7bc5d822b-e7ef6afb, #w-node-b60d43b6-1e73-dc25-6fd8-f6e7bc5d8237-e7ef6afb, #w-node-b60d43b6-1e73-dc25-6fd8-f6e7bc5d823e-e7ef6afb, #w-node-b60d43b6-1e73-dc25-6fd8-f6e7bc5d8242-e7ef6afb {
justify-self: stretch;
}
#w-node-_628a9dd7-3217-080f-69d1-90fead3beb9d-e7ef6b02 {
justify-self: auto;
}
#w-node-b17e7323-b7f8-fae5-7a8c-30b567fdf070-e7ef6b03, #w-node-b17e7323-b7f8-fae5-7a8c-30b567fdf07a-e7ef6b03, #w-node-b17e7323-b7f8-fae5-7a8c-30b567fdf07e-e7ef6b03, #w-node-b17e7323-b7f8-fae5-7a8c-30b567fdf082-e7ef6b03 {
justify-self: stretch;
}
#w-node-_2272fa10-3408-8523-3fa1-edd1c442ba9a-e7ef6b03, #w-node-_2272fa10-3408-8523-3fa1-edd1c442baa4-e7ef6b03, #w-node-_2272fa10-3408-8523-3fa1-edd1c442baab-e7ef6b03, #w-node-_2272fa10-3408-8523-3fa1-edd1c442bab2-e7ef6b03 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3544e36b-ddef-9d7e-387d-c6ab8e800c55-e7ef6b38 {
justify-self: auto;
}
#w-node-_5b8f96ce-2ec3-b5e7-7515-4a39bc55b61f-e7ef6b38, #w-node-_5b8f96ce-2ec3-b5e7-7515-4a39bc55b625-e7ef6b38, #w-node-_5b8f96ce-2ec3-b5e7-7515-4a39bc55b62c-e7ef6b38 {
justify-self: stretch;
}
@media screen and (min-width: 1920px) {
#w-node-_8a89e0b2-a66d-f141-005a-5d1433470c0e-e7ef672a, #w-node-_18ed6c74-b233-7329-b117-f8b3dd906b1d-e7ef674a, #w-node-_2272fa10-3408-8523-3fa1-edd1c442baa4-e7ef6b03 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
}
@media screen and (min-width: 1440px) {
#w-node-_8a89e0b2-a66d-f141-005a-5d1433470c05-e7ef672a, #w-node-_8a89e0b2-a66d-f141-005a-5d1433470c0e-e7ef672a, #w-node-_8a89e0b2-a66d-f141-005a-5d1433470c17-e7ef672a, #w-node-_8a89e0b2-a66d-f141-005a-5d1433470c26-e7ef672a, #w-node-_18ed6c74-b233-7329-b117-f8b3dd906b13-e7ef674a, #w-node-_18ed6c74-b233-7329-b117-f8b3dd906b1d-e7ef674a, #w-node-_18ed6c74-b233-7329-b117-f8b3dd906b24-e7ef674a, #w-node-_18ed6c74-b233-7329-b117-f8b3dd906b2b-e7ef674a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e1d3983b-894d-e4f3-6af8-7f23f2125812-e7ef6802, #w-node-_35a0b886-6e05-ede7-5243-6717ff5864c3-e7ef6802, #w-node-e1d3983b-894d-e4f3-6af8-7f23f2125813-e7ef6802 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-b30095cf-308c-3c45-924c-4710d830fe6d-e7ef6802 {
align-self: auto;
}
#w-node-_8a49cf4d-6a3f-5764-8c4f-65ddec33525c-e7ef684e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7b9a6e7f-dfe3-0189-9b46-82348d83d10a-e7ef68f3 {
align-self: auto;
}
#w-node-ab53f870-6ea9-7012-aa40-0967bab310e4-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab31192-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab3121e-e7ef690c, #w-node-_1061223d-b967-a8d7-4c5a-e9b37f825fc5-e7ef690c, #w-node-f9b46d7a-d702-c564-a09d-f8dbcf852fc2-e7ef690c, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfa9a3-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaa51-e7ef690d, #w-node-c3fa8cf0-9b07-c51f-e6d2-002345cfaadd-e7ef690d, #w-node-a99cc008-2e83-aafc-993c-6b557bcb17a3-e7ef690d, #w-node-_326e0f82-abb7-7ff0-1146-7926cd88dae5-e7ef690d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fa3cf15e-31ea-f312-4065-7850c98437f5-e7ef6913 {
align-self: auto;
justify-self: center;
}
#w-node-_6d7d371e-21d1-59fa-c757-d3cbfab11eec-e7ef6913 {
justify-self: end;
}
#w-node-_6d7d371e-21d1-59fa-c757-d3cbfab11efe-e7ef6913 {
justify-self: start;
}
#w-node-ceeff5a3-cc14-ad70-eca2-394a2ae483dc-e7ef6956, #w-node-_983eaa2f-ac15-b8ea-e5db-c591b30c1978-e7ef6956, #w-node-_4eb8edfe-14c5-4aeb-5ead-0ee6ee7800d1-e7ef6956, #w-node-_19a55d1a-772e-8772-3266-b08c55651095-e7ef6956, #w-node-_54833151-a05f-fcb0-5c22-055ed2607005-e7ef6956, #w-node-_22d1dad1-ecb8-f745-68c2-ecd9b9b322e1-e7ef6956, #w-node-_8e601395-4620-1e7e-5ab4-5ca30dc61abb-e7ef6956, #w-node-e0773abc-816a-9b51-52b7-cb03a5766d54-e7ef6956, #w-node-afa9563c-fc8c-2f6d-a636-ce1966831dfa-e7ef6956, #w-node-_65530600-732d-745d-a506-36cbac242790-e7ef6956, #w-node-_86b68f67-b2aa-6fc3-3dce-6639ee776ecb-e7ef6956, #w-node-_76fa1f92-147a-f5b9-e624-f03646383eb3-e7ef6956, #w-node-_634f6328-2592-280a-0ab6-15674110ac0d-e7ef6956, #w-node-e9507488-fce3-c2c3-ce6a-7c508f7b406e-e7ef6956, #w-node-_05379611-2b21-8b4b-c152-f1c89b562d22-e7ef6956, #w-node-_8aec8f0e-56c1-221a-1e6e-62dbe45fca87-e7ef6956, #w-node-_1f331712-10d2-af9a-83b9-c4c55a6889d8-e7ef6956, #w-node-_87eabf51-2ce5-48a6-d958-bcbda916a128-e7ef6956, #w-node-ef89c93a-539a-1fc7-b159-352d7d548151-e7ef6956 {
order: 0;
align-self: stretch;
justify-self: center;
}
#w-node-f3f06c36-eed8-f3de-7d7d-8b254a5923c6-e7ef6956, #w-node-f3f06c36-eed8-f3de-7d7d-8b254a5923ce-e7ef6956, #w-node-f3f06c36-eed8-f3de-7d7d-8b254a5923d6-e7ef6956, #w-node-f3f06c36-eed8-f3de-7d7d-8b254a5923de-e7ef6956 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_17d7fc1d-7599-e444-2e02-06d1287d4123-e7ef6971, #w-node-_305143e6-0462-6b3a-310f-b65a462dc0b5-e7ef6971, #w-node-dc3d0f15-ba40-f77a-6904-d1ca894b55da-e7ef6971, #w-node-dc3d0f15-ba40-f77a-6904-d1ca894b55de-e7ef6971, #w-node-_17d7fc1d-7599-e444-2e02-06d1287d4123-e7ef6972, #w-node-_2af539dd-e5c5-729f-5e72-b1555b0a2450-e7ef6972, #w-node-_1820e12e-e542-ca04-0e88-3d8f1c3f99ed-e7ef69bf, #w-node-_1820e12e-e542-ca04-0e88-3d8f1c3f99f1-e7ef69bf, #w-node-_1820e12e-e542-ca04-0e88-3d8f1c3f99fd-e7ef69bf, #w-node-_1820e12e-e542-ca04-0e88-3d8f1c3f9a01-e7ef69bf, #w-node-_74cd9d6e-71ab-e5be-c8ec-86d323c4f2ac-e7ef6a04, #w-node-_74cd9d6e-71ab-e5be-c8ec-86d323c4f2ac-e7ef6a05 {
order: 0;
align-self: stretch;
justify-self: center;
}
#w-node-_3c2a4067-95d5-993e-d8ba-5304f5c938ca-e7ef6ad3, #w-node-_0202130f-85d7-45b1-5a3c-339c275af00a-e7ef6ae7 {
align-self: auto;
}
#w-node-_2272fa10-3408-8523-3fa1-edd1c442ba9a-e7ef6b03, #w-node-_2272fa10-3408-8523-3fa1-edd1c442baa4-e7ef6b03, #w-node-_2272fa10-3408-8523-3fa1-edd1c442baab-e7ef6b03, #w-node-_2272fa10-3408-8523-3fa1-edd1c442bab2-e7ef6b03 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
}
@media screen and (min-width: 1280px) {
#w-node-_0c149542-dbdf-b789-2840-149a1a998062-e7ef68c1, #w-node-a30419aa-b0b6-6b1f-8519-3a87d26d8bff-e7ef68c2, #w-node-ab53f870-6ea9-7012-aa40-0967bab3121e-e7ef690c, #w-node-ab53f870-6ea9-7012-aa40-0967bab3125a-e7ef690c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_17d7fc1d-7599-e444-2e02-06d1287d4123-e7ef6971, #w-node-dc3d0f15-ba40-f77a-6904-d1ca894b55da-e7ef6971 {
align-self: start;
justify-self: auto;
}
}
@media screen and (max-width: 991px) {
#w-node-_321a78ae-16c4-4ea8-2b4c-674d45a7a3d0-e7ef664b {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_321a78ae-16c4-4ea8-2b4c-674d45a7a3d2-e7ef664b {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_321a78ae-16c4-4ea8-2b4c-674d45a7a3d4-e7ef664b {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_321a78ae-16c4-4ea8-2b4c-674d45a7a3d6-e7ef664b {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_9fdcaf4e-4d8a-234b-2ed8-02252901bd68-e7ef684e {
align-self: center;
}
#w-node-a94e54b3-940f-7ce5-5403-8dc108587c3e-e7ef690c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a3bd5f4a-0d4e-31e6-755a-613f3404605b-e7ef690c {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-a3bd5f4a-0d4e-31e6-755a-613f3404605d-e7ef690c {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-a3bd5f4a-0d4e-31e6-755a-613f3404605f-e7ef690c {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-a3bd5f4a-0d4e-31e6-755a-613f34046061-e7ef690c {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_367b85fb-97ba-6862-915b-7361cfd8a9b2-e7ef690d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8dd1d7ec-e389-7827-5047-f0cd4b9496ac-e7ef690d {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_8dd1d7ec-e389-7827-5047-f0cd4b9496ae-e7ef690d {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_8dd1d7ec-e389-7827-5047-f0cd4b9496b0-e7ef690d {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_8dd1d7ec-e389-7827-5047-f0cd4b9496b2-e7ef690d {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_80b50ccc-a81b-1065-a457-1896daf43696-e7ef69bd {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_80b50ccc-a81b-1065-a457-1896daf43698-e7ef69bd {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_80b50ccc-a81b-1065-a457-1896daf4369a-e7ef69bd {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_80b50ccc-a81b-1065-a457-1896daf4369c-e7ef69bd {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_600bbe46-c9dd-08f1-5812-f56d34dff68d-e7ef69be {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_600bbe46-c9dd-08f1-5812-f56d34dff68f-e7ef69be {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_600bbe46-c9dd-08f1-5812-f56d34dff691-e7ef69be {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_600bbe46-c9dd-08f1-5812-f56d34dff693-e7ef69be {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_006baf5d-30a9-b03c-9444-ee202b33305c-e7ef6a04 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_006baf5d-30a9-b03c-9444-ee202b333058-e7ef6a04, #w-node-_404229fb-6089-5cd2-ef2b-3a5f24b263a2-e7ef6a05 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_404229fb-6089-5cd2-ef2b-3a5f24b263a6-e7ef6a05 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-a785f136-4702-c922-2fe9-adb1a1117053-e7ef6a21 {
align-self: center;
justify-self: center;
}
#w-node-a785f136-4702-c922-2fe9-adb1a11170c6-e7ef6a21 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_21b43074-e6b6-5878-7157-25d1d917cd20-e7ef6a3a {
order: 0;
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
justify-self: center;
}
#w-node-a785f136-4702-c922-2fe9-adb1a1117053-e7ef6a50 {
align-self: center;
justify-self: center;
}
#w-node-a785f136-4702-c922-2fe9-adb1a11170c6-e7ef6a50 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
}
@media screen and (max-width: 767px) {
#w-node-_321a78ae-16c4-4ea8-2b4c-674d45a7a3d0-e7ef664b {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_321a78ae-16c4-4ea8-2b4c-674d45a7a3d2-e7ef664b {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_321a78ae-16c4-4ea8-2b4c-674d45a7a3d4-e7ef664b {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_321a78ae-16c4-4ea8-2b4c-674d45a7a3d6-e7ef664b {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_8480e1a1-d456-5346-8f74-6c9b6239b4c5-e7ef664b, #w-node-_8480e1a1-d456-5346-8f74-6c9b6239b4c8-e7ef664b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5ac4e688-8696-db40-fadb-4490e9b30295-e9b30291, #w-node-_9ec37033-8ecc-ccdb-7348-b622dbe4417d-e9b30291 {
order: 9999;
}
#w-node-_9fdcaf4e-4d8a-234b-2ed8-02252901bd52-e7ef684e {
align-self: center;
justify-self: center;
}
#w-node-_07f38c1a-9f27-4126-e248-06ef2a0f728c-e7ef68c2 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
justify-self: center;
}
#w-node-a94e54b3-940f-7ce5-5403-8dc108587c90-e7ef690c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a94e54b3-940f-7ce5-5403-8dc108587c9a-e7ef690c {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: auto;
}
#w-node-a94e54b3-940f-7ce5-5403-8dc108587ca3-e7ef690c, #w-node-a94e54b3-940f-7ce5-5403-8dc108587cb0-e7ef690c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ddb20ac5-f862-5e0a-7adb-bbbe4f36e25e-e7ef690c {
justify-self: center;
}
#w-node-a3bd5f4a-0d4e-31e6-755a-613f3404605b-e7ef690c {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-a3bd5f4a-0d4e-31e6-755a-613f3404605d-e7ef690c {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-a3bd5f4a-0d4e-31e6-755a-613f3404605f-e7ef690c {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-a3bd5f4a-0d4e-31e6-755a-613f34046061-e7ef690c {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_3a00fccc-bd7c-82d2-c5b8-dbae9eec1c29-e7ef690c {
order: 9999;
justify-self: center;
}
#w-node-_367b85fb-97ba-6862-915b-7361cfd8aa04-e7ef690d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_367b85fb-97ba-6862-915b-7361cfd8aa0e-e7ef690d {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: auto;
}
#w-node-_367b85fb-97ba-6862-915b-7361cfd8aa17-e7ef690d, #w-node-_367b85fb-97ba-6862-915b-7361cfd8aa24-e7ef690d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8dd1d7ec-e389-7827-5047-f0cd4b9496ac-e7ef690d {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_8dd1d7ec-e389-7827-5047-f0cd4b9496ae-e7ef690d {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_8dd1d7ec-e389-7827-5047-f0cd4b9496b0-e7ef690d {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_8dd1d7ec-e389-7827-5047-f0cd4b9496b2-e7ef690d {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-dacacf8b-973e-466f-a901-282cb297b272-e7ef690d {
justify-self: center;
}
#w-node-b9e51a42-5246-3652-ce1f-1aceac1d9193-e7ef690d {
order: 9999;
justify-self: center;
}
#w-node-_391394e7-e7cb-5c76-b931-0ff77d37378e-e7ef6913, #w-node-_6d7d371e-21d1-59fa-c757-d3cbfab11eec-e7ef6913 {
justify-self: center;
}
#grid-banner2.w-node-_5681a36b-970f-69d7-e99e-bad2fda7e8bf-e7ef6971, #w-node-_5681a36b-970f-69d7-e99e-bad2fda7e8bf-e7ef6972 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_80b50ccc-a81b-1065-a457-1896daf43696-e7ef69bd {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_80b50ccc-a81b-1065-a457-1896daf43698-e7ef69bd {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_80b50ccc-a81b-1065-a457-1896daf4369a-e7ef69bd {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_80b50ccc-a81b-1065-a457-1896daf4369c-e7ef69bd {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_600bbe46-c9dd-08f1-5812-f56d34dff68d-e7ef69be {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_600bbe46-c9dd-08f1-5812-f56d34dff68f-e7ef69be {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_600bbe46-c9dd-08f1-5812-f56d34dff691-e7ef69be {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_600bbe46-c9dd-08f1-5812-f56d34dff693-e7ef69be {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-be171f38-aa5f-80a8-6934-7b40fffda870-e7ef69d6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_006baf5d-30a9-b03c-9444-ee202b33305c-e7ef6a04 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_006baf5d-30a9-b03c-9444-ee202b333058-e7ef6a04, #w-node-_404229fb-6089-5cd2-ef2b-3a5f24b263a2-e7ef6a05 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_404229fb-6089-5cd2-ef2b-3a5f24b263a6-e7ef6a05 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-a785f136-4702-c922-2fe9-adb1a1117062-e7ef6a21 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_21b43074-e6b6-5878-7157-25d1d917cd17-e7ef6a3a {
align-self: center;
justify-self: center;
}
#w-node-a785f136-4702-c922-2fe9-adb1a1117062-e7ef6a50 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
}
@media screen and (max-width: 479px) {
#w-node-_321a78ae-16c4-4ea8-2b4c-674d45a7a3d0-e7ef664b {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_321a78ae-16c4-4ea8-2b4c-674d45a7a3d2-e7ef664b {
grid-area: 4 / 1 / 3 / 2;
}
#w-node-_321a78ae-16c4-4ea8-2b4c-674d45a7a3d4-e7ef664b {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_321a78ae-16c4-4ea8-2b4c-674d45a7a3d6-e7ef664b {
grid-area: 4 / 1 / 5 / 2;
}
#w-node-_8480e1a1-d456-5346-8f74-6c9b6239b4c2-e7ef664b {
grid-row-end: 2;
}
#w-node-_5ac4e688-8696-db40-fadb-4490e9b30295-e9b30291, #w-node-_9ec37033-8ecc-ccdb-7348-b622dbe4417d-e9b30291 {
order: 9999;
}
#w-node-b30095cf-308c-3c45-924c-4710d830fe6a-e7ef6802 {
align-self: auto;
}
#w-node-dfc7387f-a6b7-e684-b3ca-a351a10f31d8-e7ef681d {
order: 9999;
}
#w-node-_9fdcaf4e-4d8a-234b-2ed8-02252901bd52-e7ef684e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e11575ab-1adf-0d56-f9e2-a9ea402bc553-e7ef68f3 {
align-self: auto;
}
#w-node-a94e54b3-940f-7ce5-5403-8dc108587cb0-e7ef690c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a3bd5f4a-0d4e-31e6-755a-613f3404605b-e7ef690c {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-a3bd5f4a-0d4e-31e6-755a-613f3404605d-e7ef690c {
grid-area: 4 / 1 / 3 / 2;
}
#w-node-a3bd5f4a-0d4e-31e6-755a-613f3404605f-e7ef690c {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-a3bd5f4a-0d4e-31e6-755a-613f34046061-e7ef690c {
grid-area: 4 / 1 / 5 / 2;
}
#w-node-_3a00fccc-bd7c-82d2-c5b8-dbae9eec1c29-e7ef690c {
order: 9999;
}
#w-node-_367b85fb-97ba-6862-915b-7361cfd8aa24-e7ef690d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8dd1d7ec-e389-7827-5047-f0cd4b9496ac-e7ef690d {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_8dd1d7ec-e389-7827-5047-f0cd4b9496ae-e7ef690d {
grid-area: 4 / 1 / 3 / 2;
}
#w-node-_8dd1d7ec-e389-7827-5047-f0cd4b9496b0-e7ef690d {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_8dd1d7ec-e389-7827-5047-f0cd4b9496b2-e7ef690d {
grid-area: 4 / 1 / 5 / 2;
}
#w-node-b9e51a42-5246-3652-ce1f-1aceac1d9193-e7ef690d {
order: 9999;
}
#w-node-_6d7d371e-21d1-59fa-c757-d3cbfab11eec-e7ef6913 {
justify-self: center;
}
#w-node-_6d7d371e-21d1-59fa-c757-d3cbfab11efc-e7ef6913, #w-node-_6d7d371e-21d1-59fa-c757-d3cbfab11efd-e7ef6913, #w-node-_6d7d371e-21d1-59fa-c757-d3cbfab11efe-e7ef6913 {
justify-self: stretch;
}
#grid-banner1.w-node-_5681a36b-970f-69d7-e99e-bad2fda7e8bc-e7ef6971, #grid-banner1.w-node-_5681a36b-970f-69d7-e99e-bad2fda7e8bc-e7ef6972 {
grid-row-end: 2;
}
#w-node-_80b50ccc-a81b-1065-a457-1896daf43696-e7ef69bd {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_80b50ccc-a81b-1065-a457-1896daf43698-e7ef69bd {
grid-area: 4 / 1 / 3 / 2;
}
#w-node-_80b50ccc-a81b-1065-a457-1896daf4369a-e7ef69bd {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_80b50ccc-a81b-1065-a457-1896daf4369c-e7ef69bd {
grid-area: 4 / 1 / 5 / 2;
}
#w-node-_600bbe46-c9dd-08f1-5812-f56d34dff68d-e7ef69be {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_600bbe46-c9dd-08f1-5812-f56d34dff68f-e7ef69be {
grid-area: 4 / 1 / 3 / 2;
}
#w-node-_600bbe46-c9dd-08f1-5812-f56d34dff691-e7ef69be {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_600bbe46-c9dd-08f1-5812-f56d34dff693-e7ef69be {
grid-area: 4 / 1 / 5 / 2;
}
#w-node-_006baf5d-30a9-b03c-9444-ee202b33305c-e7ef6a04 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_006baf5d-30a9-b03c-9444-ee202b333058-e7ef6a04, #w-node-_404229fb-6089-5cd2-ef2b-3a5f24b263a2-e7ef6a05 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_404229fb-6089-5cd2-ef2b-3a5f24b263a6-e7ef6a05 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-a785f136-4702-c922-2fe9-adb1a1116fe6-e7ef6a21, #w-node-a785f136-4702-c922-2fe9-adb1a1117053-e7ef6a21 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
justify-self: center;
}
#w-node-e399d8f3-7914-4ccf-ddba-1fb9cbf2e226-e7ef6a21 {
justify-self: center;
}
#w-node-_21b43074-e6b6-5878-7157-25d1d917cd1a-e7ef6a3a, #w-node-_21b43074-e6b6-5878-7157-25d1d917cd1d-e7ef6a3a {
align-self: center;
}
#w-node-a785f136-4702-c922-2fe9-adb1a1116fe6-e7ef6a50, #w-node-a785f136-4702-c922-2fe9-adb1a1117053-e7ef6a50 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
justify-self: center;
}
#w-node-dfc1ab46-2fdf-c138-ff65-c321311a0e7d-e7ef6a50 {
justify-self: center;
}
#w-node-_3c2a4067-95d5-993e-d8ba-5304f5c938c7-e7ef6ad3, #w-node-_0202130f-85d7-45b1-5a3c-339c275af007-e7ef6ae7 {
align-self: auto;
}
}
@font-face {
font-family: 'Remix';
src: url('https://assets.website-files.com/6152b2d34ca06b6d275dd66e/64feb793130f048842f4a79d_Remix.eot') format('embedded-opentype'), url('https://assets.website-files.com/6152b2d34ca06b6d275dd66e/64feb79285304ca480225c43_remix.woff') format('woff'), url('https://assets.website-files.com/6152b2d34ca06b6d275dd66e/64feb793b3db1b133cf5d434_remix.ttf') format('truetype'), url('https://assets.website-files.com/6152b2d34ca06b6d275dd66e/6152b2d34ca06b75e05dd6b8_remix.svg') format('svg');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Saoldisplay';
src: url('https://assets.website-files.com/6152b2d34ca06b6d275dd66e/64feb793868bc1cfae71a0c9_SaolDisplay-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tech Headlines';
src: url('https://assets.website-files.com/6152b2d34ca06b6d275dd66e/64feb7933717070892715361_Tech-Headlines.otf') format('opentype');
font-weight: 400;
font-style: normal;
font-display: swap;
}