/*------------------------------------*\
  #CSS GLOBAL
\*------------------------------------*/
@import url(resources/animate.css);
/* line 60, assets/css/resources/color.scss */
.gold {
  background: #ccac50;
}

/* line 63, assets/css/resources/color.scss */
.orange {
  background: #f15a22;
}

/* line 66, assets/css/resources/color.scss */
.yellow {
  background: #f7941e;
}

/* line 69, assets/css/resources/color.scss */
.purple {
  background: #7b1b67;
}

/* line 72, assets/css/resources/color.scss */
.magenta {
  background: #ee3e80;
}

/* line 75, assets/css/resources/color.scss */
.black {
  background: #000007;
}

/* line 78, assets/css/resources/color.scss */
.white {
  background: #ffffff;
}

/* line 81, assets/css/resources/color.scss */
.lightgray {
  background: #F5F5F5;
}

/* line 84, assets/css/resources/color.scss */
.grey {
  background: #333339;
}

/* line 87, assets/css/resources/color.scss */
.darkgrey {
  background: #f2f2f2;
}

/* line 90, assets/css/resources/color.scss */
.royalblue {
  background: #164396;
}

/* line 93, assets/css/resources/color.scss */
.turquoise {
  background: #00d2a0;
}

/* line 96, assets/css/resources/color.scss */
.blueturquoise {
  background: linear-gradient(#164396, #00d2a0);
}

/* line 99, assets/css/resources/color.scss */
.turquoiseblue {
  background: linear-gradient(#00d2a0, #164396);
}

/* line 102, assets/css/resources/color.scss */
.blueyellow {
  background: linear-gradient(#164396, #f7941e);
}

/* line 105, assets/css/resources/color.scss */
.yelloworange {
  background: linear-gradient(#f7941e, #f15a22);
}

/* line 108, assets/css/resources/color.scss */
.orangepurple {
  background: linear-gradient(#f15a22, #7b1b67);
}

/* line 111, assets/css/resources/color.scss */
.purplemagenta {
  background: linear-gradient(#7b1b67, #ee3e80);
}

/* line 114, assets/css/resources/color.scss */
.purpleturquoise {
  background: linear-gradient(#7b1b67, #19becf);
}

/* line 117, assets/css/resources/color.scss */
.bluemagenta {
  background: linear-gradient(#164396, #ee3e80);
}

/* line 120, assets/css/resources/color.scss */
.bluegreen {
  background: linear-gradient(#164396, #b3d334);
}

/* line 123, assets/css/resources/color.scss */
.purpleorange {
  background: linear-gradient(#7b1b67, #f7941e);
}

/* line 126, assets/css/resources/color.scss */
.purplegreen {
  background: linear-gradient(#7b1b67, #b3d334);
}

/* line 129, assets/css/resources/color.scss */
.blackgold {
  background: linear-gradient(#000007, #998753);
}

/* line 132, assets/css/resources/color.scss */
.magentaorange {
  background: linear-gradient(to right, #ee3e80, #f15a22);
}

/* line 135, assets/css/resources/color.scss */
.bluetransparent {
  background: linear-gradient(rgba(22, 67, 150, 0), #164396);
}

/* line 138, assets/css/resources/color.scss */
.goldtransparent {
  background: linear-gradient(rgba(204, 173, 80, 0), #ccad50);
}

/* line 141, assets/css/resources/color.scss */
.purpletransparent {
  background: linear-gradient(rgba(113, 48, 145, 0), #713091);
}

/* line 144, assets/css/resources/color.scss */
.bluetransparent {
  background: linear-gradient(rgba(22, 67, 150, 0), #164396);
}

/* line 147, assets/css/resources/color.scss */
.blacktransparent {
  background: linear-gradient(rgba(0, 0, 7, 0), #000007);
}

/* line 152, assets/css/resources/color.scss */
.red {
  background: #c40d42;
}

/* line 155, assets/css/resources/color.scss */
.blacknetral20 {
  background: rgba(0, 0, 7, 0.2);
}

/* line 158, assets/css/resources/color.scss */
.blacknetral10 {
  background: rgba(0, 0, 7, 0.1);
}

/* line 161, assets/css/resources/color.scss */
.softgrey {
  background: #f7f7f7;
}

/* line 164, assets/css/resources/color.scss */
.white {
  background: #ffffff;
}

/* line 167, assets/css/resources/color.scss */
.slantlight {
  background: #f2f2f2;
}

/* line 170, assets/css/resources/color.scss */
.slantlighter {
  background: #f5f5f5;
}

/* line 173, assets/css/resources/color.scss */
.slantgrey {
  background: #e5e5e6;
}

/* line 176, assets/css/resources/color.scss */
.slantdark {
  background: #cccccd;
}

/* line 182, assets/css/resources/color.scss */
.blue {
  background: #164396;
}

/* line 187, assets/css/resources/color.scss */
.bg--blue {
  background: #164396;
}

/* line 190, assets/css/resources/color.scss */
.bg--black {
  background: #000007;
}

/* line 193, assets/css/resources/color.scss */
.bg--white {
  background: #ffffff;
}

/* line 196, assets/css/resources/color.scss */
.bg--lightgray {
  background: #F5F5F5;
}

/* line 200, assets/css/resources/color.scss */
.bg--inactive {
  background: #99999c;
}

/* line 206, assets/css/resources/color.scss */
.overlay-grey {
  background-color: rgba(103, 137, 171, 0.702);
}

/* line 209, assets/css/resources/color.scss */
.overlay-pink {
  background-color: rgba(238, 62, 127, 0.702);
}

/* line 212, assets/css/resources/color.scss */
.overlay-azure {
  background-color: rgba(25, 186, 204, 0.702);
}

/* line 215, assets/css/resources/color.scss */
.overlay-gold {
  background-color: rgba(204, 173, 81, 0.702);
}

/* line 218, assets/css/resources/color.scss */
.overlay-orange {
  background-color: rgba(240, 89, 34, 0.702);
}

/* line 222, assets/css/resources/color.scss */
.overlay-greybold {
  background-color: rgba(103, 137, 171, 0.85);
}

/* line 225, assets/css/resources/color.scss */
.overlay-pinkbold {
  background-color: rgba(238, 62, 127, 0.85);
}

/* line 228, assets/css/resources/color.scss */
.overlay-azurebold {
  background-color: rgba(25, 186, 204, 0.85);
}

/* line 231, assets/css/resources/color.scss */
.overlay-goldbold {
  background-color: rgba(204, 173, 81, 0.85);
}

/* line 234, assets/css/resources/color.scss */
.overlay-orangebold {
  background-color: rgba(240, 89, 34, 0.85);
}

/* line 240, assets/css/resources/color.scss */
.blue-text {
  color: #164396;
}

/* line 1, assets/css/resources/reset.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  line-height: 1.5em;
}

/* line 31, assets/css/resources/reset.scss */
button:focus {
  outline: none;
}

/******************************
Page content on selection 
******************************/
/* line 4, assets/css/resources/general.scss */
::selection {
  background-color: #ff5191;
  color: #fff;
}

/* line 10, assets/css/resources/general.scss */
.title {
  color: #ffffff;
  font-family: 'AxiataBold';
  font-size: 36px;
  line-height: 44px;
  letter-spacing: 3px;
  margin-bottom: 32px;
}

/* line 17, assets/css/resources/general.scss */
.title.md-margin-bot {
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  /* line 10, assets/css/resources/general.scss */
  .title {
    margin-bottom: 8px;
  }
}

/* line 25, assets/css/resources/general.scss */
.content-pusher {
  width: 100%;
  height: calc(73px + 60px);
}

/* line 60, assets/css/resources/color.scss */
.gold {
  background: #ccac50;
}

/* line 63, assets/css/resources/color.scss */
.orange {
  background: #f15a22;
}

/* line 66, assets/css/resources/color.scss */
.yellow {
  background: #f7941e;
}

/* line 69, assets/css/resources/color.scss */
.purple {
  background: #7b1b67;
}

/* line 72, assets/css/resources/color.scss */
.magenta {
  background: #ee3e80;
}

/* line 75, assets/css/resources/color.scss */
.black {
  background: #000007;
}

/* line 78, assets/css/resources/color.scss */
.white {
  background: #ffffff;
}

/* line 81, assets/css/resources/color.scss */
.lightgray {
  background: #F5F5F5;
}

/* line 84, assets/css/resources/color.scss */
.grey {
  background: #333339;
}

/* line 87, assets/css/resources/color.scss */
.darkgrey {
  background: #f2f2f2;
}

/* line 90, assets/css/resources/color.scss */
.royalblue {
  background: #164396;
}

/* line 93, assets/css/resources/color.scss */
.turquoise {
  background: #00d2a0;
}

/* line 96, assets/css/resources/color.scss */
.blueturquoise {
  background: linear-gradient(#164396, #00d2a0);
}

/* line 99, assets/css/resources/color.scss */
.turquoiseblue {
  background: linear-gradient(#00d2a0, #164396);
}

/* line 102, assets/css/resources/color.scss */
.blueyellow {
  background: linear-gradient(#164396, #f7941e);
}

/* line 105, assets/css/resources/color.scss */
.yelloworange {
  background: linear-gradient(#f7941e, #f15a22);
}

/* line 108, assets/css/resources/color.scss */
.orangepurple {
  background: linear-gradient(#f15a22, #7b1b67);
}

/* line 111, assets/css/resources/color.scss */
.purplemagenta {
  background: linear-gradient(#7b1b67, #ee3e80);
}

/* line 114, assets/css/resources/color.scss */
.purpleturquoise {
  background: linear-gradient(#7b1b67, #19becf);
}

/* line 117, assets/css/resources/color.scss */
.bluemagenta {
  background: linear-gradient(#164396, #ee3e80);
}

/* line 120, assets/css/resources/color.scss */
.bluegreen {
  background: linear-gradient(#164396, #b3d334);
}

/* line 123, assets/css/resources/color.scss */
.purpleorange {
  background: linear-gradient(#7b1b67, #f7941e);
}

/* line 126, assets/css/resources/color.scss */
.purplegreen {
  background: linear-gradient(#7b1b67, #b3d334);
}

/* line 129, assets/css/resources/color.scss */
.blackgold {
  background: linear-gradient(#000007, #998753);
}

/* line 132, assets/css/resources/color.scss */
.magentaorange {
  background: linear-gradient(to right, #ee3e80, #f15a22);
}

/* line 135, assets/css/resources/color.scss */
.bluetransparent {
  background: linear-gradient(rgba(22, 67, 150, 0), #164396);
}

/* line 138, assets/css/resources/color.scss */
.goldtransparent {
  background: linear-gradient(rgba(204, 173, 80, 0), #ccad50);
}

/* line 141, assets/css/resources/color.scss */
.purpletransparent {
  background: linear-gradient(rgba(113, 48, 145, 0), #713091);
}

/* line 144, assets/css/resources/color.scss */
.bluetransparent {
  background: linear-gradient(rgba(22, 67, 150, 0), #164396);
}

/* line 147, assets/css/resources/color.scss */
.blacktransparent {
  background: linear-gradient(rgba(0, 0, 7, 0), #000007);
}

/* line 152, assets/css/resources/color.scss */
.red {
  background: #c40d42;
}

/* line 155, assets/css/resources/color.scss */
.blacknetral20 {
  background: rgba(0, 0, 7, 0.2);
}

/* line 158, assets/css/resources/color.scss */
.blacknetral10 {
  background: rgba(0, 0, 7, 0.1);
}

/* line 161, assets/css/resources/color.scss */
.softgrey {
  background: #f7f7f7;
}

/* line 164, assets/css/resources/color.scss */
.white {
  background: #ffffff;
}

/* line 167, assets/css/resources/color.scss */
.slantlight {
  background: #f2f2f2;
}

/* line 170, assets/css/resources/color.scss */
.slantlighter {
  background: #f5f5f5;
}

/* line 173, assets/css/resources/color.scss */
.slantgrey {
  background: #e5e5e6;
}

/* line 176, assets/css/resources/color.scss */
.slantdark {
  background: #cccccd;
}

/* line 182, assets/css/resources/color.scss */
.blue {
  background: #164396;
}

/* line 187, assets/css/resources/color.scss */
.bg--blue {
  background: #164396;
}

/* line 190, assets/css/resources/color.scss */
.bg--black {
  background: #000007;
}

/* line 193, assets/css/resources/color.scss */
.bg--white {
  background: #ffffff;
}

/* line 196, assets/css/resources/color.scss */
.bg--lightgray {
  background: #F5F5F5;
}

/* line 200, assets/css/resources/color.scss */
.bg--inactive {
  background: #99999c;
}

/* line 206, assets/css/resources/color.scss */
.overlay-grey {
  background-color: rgba(103, 137, 171, 0.702);
}

/* line 209, assets/css/resources/color.scss */
.overlay-pink {
  background-color: rgba(238, 62, 127, 0.702);
}

/* line 212, assets/css/resources/color.scss */
.overlay-azure {
  background-color: rgba(25, 186, 204, 0.702);
}

/* line 215, assets/css/resources/color.scss */
.overlay-gold {
  background-color: rgba(204, 173, 81, 0.702);
}

/* line 218, assets/css/resources/color.scss */
.overlay-orange {
  background-color: rgba(240, 89, 34, 0.702);
}

/* line 222, assets/css/resources/color.scss */
.overlay-greybold {
  background-color: rgba(103, 137, 171, 0.85);
}

/* line 225, assets/css/resources/color.scss */
.overlay-pinkbold {
  background-color: rgba(238, 62, 127, 0.85);
}

/* line 228, assets/css/resources/color.scss */
.overlay-azurebold {
  background-color: rgba(25, 186, 204, 0.85);
}

/* line 231, assets/css/resources/color.scss */
.overlay-goldbold {
  background-color: rgba(204, 173, 81, 0.85);
}

/* line 234, assets/css/resources/color.scss */
.overlay-orangebold {
  background-color: rgba(240, 89, 34, 0.85);
}

/* line 240, assets/css/resources/color.scss */
.blue-text {
  color: #164396;
}

@font-face {
  font-family: 'AxiataBook';
  src: url("../fonts/AxiataBook.ttf") format("truetype"), url("../fonts/AxiataBook.woff") format("woff"), url("../fonts/AxiataBook.woff2") format("woff2");
}

@font-face {
  font-family: 'AxiataBold';
  src: url("../fonts/AxiataBold.ttf") format("truetype"), url("../fonts/AxiataBold.woff") format("woff"), url("../fonts/AxiataBold.woff2") format("woff2");
}

@font-face {
  font-family: 'AxiataMedium';
  src: url("../fonts/AxiataMedium.ttf") format("truetype"), url("../fonts/AxiataMedium.woff") format("woff");
}

@font-face {
  font-family: 'Axiata';
  src: url("../fonts/AxiataMedium.ttf") format("truetype"), url("../fonts/AxiataMedium.woff") format("woff");
}

@font-face {
  font-family: 'JoeyHeavy';
  src: url("../assets/fonts/JoeyHeavy/FSJoey-Heavy.eot"), url("../assets/fonts/JoeyHeavy/FSJoey-Heavy.eot#iefix") format("embedded-opentype"), url("../assets/fonts/JoeyHeavy/FSJoey-Heavy.woff2") format("woff2"), url("../assets/fonts/JoeyHeavy/FSJoey-Heavy.woff") format("woff"), url("../assets/fonts/JoeyHeavy/FSJoey-Heavy.ttf") format("truetype"), url("../assets/fonts/JoeyHeavy/FSJoey-Heavy.svg#svgFontName") format("svg");
  /* Legacy iOS */
  font-weight: 900;
}

@font-face {
  font-family: 'MuseoSan100';
  src: url("../assets/fonts/MuseoSan100/MuseoSans-100.eot");
  /* IE9 Compat Modes */
  src: url("../assets/fonts/MuseoSan100/MuseoSans-100.eot#iefix") format("embedded-opentype"), url("../assets/fonts/MuseoSan100/MuseoSans-100.woff2") format("woff2"), url("../assets/fonts/MuseoSan100/MuseoSans-100.woff") format("woff"), url("../assets/fonts/MuseoSan100/MuseoSans-100.ttf") format("truetype"), url("../assets/fonts/MuseoSan100/MuseoSans-100.svg#svgFontName") format("svg");
  /* Legacy iOS */
  font-weight: 100;
}

@font-face {
  font-family: 'MuseoSan300';
  src: url("../assets/fonts/MuseoSan300/MuseoSans-300.eot");
  /* IE9 Compat Modes */
  src: url("../assets/fonts/MuseoSan300/MuseoSans-300.eot#iefix") format("embedded-opentype"), url("../assets/fonts/MuseoSan300/MuseoSans-300.woff2") format("woff2"), url("../assets/fonts/MuseoSan300/MuseoSans-300.woff") format("woff"), url("../assets/fonts/MuseoSan300/MuseoSans-300.ttf") format("truetype"), url("../assets/fonts/MuseoSan300/MuseoSans-300.svg#svgFontName") format("svg");
  /* Legacy iOS */
  font-weight: 300;
}

@font-face {
  font-family: 'MuseoSan500';
  src: url("../assets/fonts/MuseoSan500/MuseoSans-500.eot");
  /* IE9 Compat Modes */
  src: url("../assets/fonts/MuseoSan500/MuseoSans-500.eot#iefix") format("embedded-opentype"), url("../assets/fonts/MuseoSan500/MuseoSans-500.woff2") format("woff2"), url("../assets/fonts/MuseoSan500/MuseoSans-500.woff") format("woff"), url("../assets/fonts/MuseoSan500/MuseoSans-500.ttf") format("truetype"), url("../assets/fonts/MuseoSan500/MuseoSans-500.svg#svgFontName") format("svg");
  /* Legacy iOS */
  font-weight: 500;
}

@font-face {
  font-family: 'MuseoSan700';
  src: url("../assets/fonts/MuseoSan700/MuseoSans-700.eot");
  /* IE9 Compat Modes */
  src: url("../assets/fonts/MuseoSan700/MuseoSans-700.eot#iefix") format("embedded-opentype"), url("../assets/fonts/MuseoSan700/MuseoSans-700.woff2") format("woff2"), url("../assets/fonts/MuseoSan700/MuseoSans-700.woff") format("woff"), url("../assets/fonts/MuseoSan700/MuseoSans-700.ttf") format("truetype"), url("../assets/fonts/MuseoSan700/MuseoSans-700.svg#svgFontName") format("svg");
  /* Legacy iOS */
  font-weight: 700;
}

@font-face {
  font-family: 'MuseoSan900';
  src: url("../assets/fonts/MuseoSan900/MuseoSans-900.eot");
  /* IE9 Compat Modes */
  src: url("../assets/fonts/MuseoSan900/MuseoSans-900.eot#iefix") format("embedded-opentype"), url("../assets/fonts/MuseoSan900/MuseoSans-900.woff2") format("woff2"), url("../assets/fonts/MuseoSan900/MuseoSans-900.woff") format("woff"), url("../assets/fonts/MuseoSan900/MuseoSans-900.ttf") format("truetype"), url("../assets/fonts/MuseoSan900/MuseoSans-900.svg#svgFontName") format("svg");
  /* Legacy iOS */
  font-weight: 900;
}

/* line 143, assets/css/resources/font.scss */
.font-axiata-bold {
  font-family: 'AxiataBold' !important;
}

/* line 147, assets/css/resources/font.scss */
.font-axiata-medium {
  font-family: 'AxiataMedium' !important;
}

/* line 151, assets/css/resources/font.scss */
.font-axiata-book {
  font-family: 'AxiataBook' !important;
}

/* line 155, assets/css/resources/font.scss */
.font-museo700 {
  font-family: 'MuseoSans700' !important;
}

/* line 159, assets/css/resources/font.scss */
.font-museo500 {
  font-family: 'MuseoSans500' !important;
}

/* line 163, assets/css/resources/font.scss */
.font-museo300 {
  font-family: 'MuseoSans300' !important;
}

/* line 167, assets/css/resources/font.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'AxiataBold';
  line-height: 1.3em;
  letter-spacing: 3px;
}

/* line 178, assets/css/resources/font.scss */
h1 {
  font-size: 36px;
  margin-bottom: 32px;
}

/* line 183, assets/css/resources/font.scss */
h2 {
  font-size: 24px;
}

/* line 187, assets/css/resources/font.scss */
h3 {
  font-size: 24px;
}

/* line 191, assets/css/resources/font.scss */
h4 {
  font-size: 16px;
}

/* line 195, assets/css/resources/font.scss */
html,
body {
  font-size: 14px;
  letter-spacing: 1px;
}

/* line 202, assets/css/resources/font.scss */
a,
a:link {
  color: inherit;
}

/* line 207, assets/css/resources/font.scss */
a:hover {
  text-decoration: none;
  color: unset;
}

/* line 212, assets/css/resources/font.scss */
b,
strong {
  font-weight: 700;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  /* line 220, assets/css/resources/font.scss */
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    letter-spacing: 1px;
  }
  /* line 229, assets/css/resources/font.scss */
  h1 {
    font-size: 24px;
  }
  /* line 233, assets/css/resources/font.scss */
  h2 {
    font-size: 24px;
  }
  /* line 237, assets/css/resources/font.scss */
  h3 {
    font-size: 16px;
  }
  /* line 241, assets/css/resources/font.scss */
  h4 {
    font-size: 16px;
  }
}

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
/* line 105, assets/css/resources/scrollify.snapping.scss */
.code {
  background: rgba(0, 0, 0, 0.2);
}

/* line 110, assets/css/resources/scrollify.snapping.scss */
.pagination {
  position: fixed;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.4em;
  z-index: 10;
  display: flex;
  flex-direction: column;
}

/* line 120, assets/css/resources/scrollify.snapping.scss */
.pagination a {
  display: block;
  height: 20px;
  margin-bottom: 5px;
  color: white;
  position: relative;
  padding: 4px;
}

/* line 128, assets/css/resources/scrollify.snapping.scss */
.pagination a.active:after {
  box-shadow: inset 0 0 0 5px;
}

/* line 131, assets/css/resources/scrollify.snapping.scss */
.pagination a .hover-text {
  position: absolute;
  right: 15px;
  top: 7px;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  padding-right: 15px;
}

/* line 140, assets/css/resources/scrollify.snapping.scss */
.pagination a:hover .hover-text {
  opacity: 1;
}

/* line 143, assets/css/resources/scrollify.snapping.scss */
.pagination a:after {
  -webkit-transition: box-shadow 0.5s ease;
  transition: box-shadow 0.5s ease;
  width: 10px;
  height: 10px;
  display: block;
  border: 1px solid;
  border-radius: 50%;
  content: '';
  position: absolute;
  margin: auto;
  top: 0;
  right: 4px;
  bottom: 0;
}

/* Padding section */
/* line 2, assets/css/resources/padding-margin.scss */
.padtop14 {
  padding-top: 14px;
}

/* line 5, assets/css/resources/padding-margin.scss */
.padtop8 {
  padding-top: 8px;
}

/* line 8, assets/css/resources/padding-margin.scss */
.padtop28 {
  padding-top: 28px;
}

/* line 11, assets/css/resources/padding-margin.scss */
.padtop24 {
  padding-top: 24px;
}

/* line 14, assets/css/resources/padding-margin.scss */
.padtop32 {
  padding-top: 32px;
}

/* line 18, assets/css/resources/padding-margin.scss */
.padtop64 {
  padding-top: 64px;
}

/* line 22, assets/css/resources/padding-margin.scss */
.padbottom28 {
  padding-bottom: 28px;
}

/* line 26, assets/css/resources/padding-margin.scss */
.padbottom32 {
  padding-bottom: 32px;
}

/* line 29, assets/css/resources/padding-margin.scss */
.padbottom64 {
  padding-bottom: 64px;
}

/* line 33, assets/css/resources/padding-margin.scss */
.padbottom24 {
  padding-bottom: 24px;
}

/* line 36, assets/css/resources/padding-margin.scss */
.padbottom16 {
  padding-bottom: 16px;
}

/* line 41, assets/css/resources/padding-margin.scss */
.padright32 {
  padding-right: 32px;
}

/* line 44, assets/css/resources/padding-margin.scss */
.padright120 {
  padding-right: 120px !important;
}

/* line 47, assets/css/resources/padding-margin.scss */
.padleft24 {
  padding-left: 24px;
}

/* line 50, assets/css/resources/padding-margin.scss */
.padleft32 {
  padding-left: 32px;
}

/* line 53, assets/css/resources/padding-margin.scss */
.padleft120 {
  padding-left: 120px !important;
}

/* line 57, assets/css/resources/padding-margin.scss */
.padtop105 {
  padding-top: 105px;
}

/* Margin section */
/* line 62, assets/css/resources/padding-margin.scss */
.marright24 {
  margin-right: 24px;
}

/* line 65, assets/css/resources/padding-margin.scss */
.marright32 {
  margin-right: 32px;
}

/* line 68, assets/css/resources/padding-margin.scss */
.margin-right-marker-88 {
  margin-right: 88px;
}

/* line 72, assets/css/resources/padding-margin.scss */
.marleft32 {
  margin-left: 32px;
}

/* line 75, assets/css/resources/padding-margin.scss */
.margin-left-marker-88 {
  margin-left: 88px;
}

/* line 79, assets/css/resources/padding-margin.scss */
.marginbottom8 {
  margin-bottom: 8px;
}

/* line 82, assets/css/resources/padding-margin.scss */
.marginbottom16 {
  margin-bottom: 16px;
}

/* line 86, assets/css/resources/padding-margin.scss */
.marginbottom24 {
  margin-bottom: 24px;
}

/* line 89, assets/css/resources/padding-margin.scss */
.marginbottom32 {
  margin-bottom: 32px;
}

/* line 92, assets/css/resources/padding-margin.scss */
.marginbottom46 {
  margin-bottom: 46px;
}

/* line 95, assets/css/resources/padding-margin.scss */
.marginbottom48 {
  margin-bottom: 48px;
}

/* line 98, assets/css/resources/padding-margin.scss */
.marginbottom64 {
  margin-bottom: 64px;
}

/* line 102, assets/css/resources/padding-margin.scss */
.margintop24 {
  margin-top: 24px;
}

/* line 106, assets/css/resources/padding-margin.scss */
.margintop32 {
  margin-top: 32px;
}

/* line 109, assets/css/resources/padding-margin.scss */
.margintop48 {
  margin-top: 48px;
}

/* line 112, assets/css/resources/padding-margin.scss */
.margintop64 {
  margin-top: 64px;
}

/* line 116, assets/css/resources/padding-margin.scss */
.nopadleft {
  padding-left: 0 !important;
}

/* line 120, assets/css/resources/padding-margin.scss */
.nopadright {
  padding-right: 0 !important;
}

@media (max-width: 767px) {
  /* line 125, assets/css/resources/padding-margin.scss */
  .padright120 {
    padding: 24px 32px !important;
  }
  /* line 129, assets/css/resources/padding-margin.scss */
  .padleft120 {
    padding: 24px 32px !important;
  }
}

/* line 139, assets/css/resources/padding-margin.scss */
.m-sm {
  margin: 16px;
}

@media (max-width: 767px) {
  /* line 139, assets/css/resources/padding-margin.scss */
  .m-sm {
    margin: 8px;
  }
}

/* line 145, assets/css/resources/padding-margin.scss */
.m-md {
  margin: 32px;
}

@media (max-width: 767px) {
  /* line 145, assets/css/resources/padding-margin.scss */
  .m-md {
    margin: 16px;
  }
}

/* line 151, assets/css/resources/padding-margin.scss */
.m-lg {
  margin: 64px;
}

@media (max-width: 767px) {
  /* line 151, assets/css/resources/padding-margin.scss */
  .m-lg {
    margin: 32px;
  }
}

/* line 158, assets/css/resources/padding-margin.scss */
.mt-sm {
  margin-top: 16px;
}

@media (max-width: 767px) {
  /* line 158, assets/css/resources/padding-margin.scss */
  .mt-sm {
    margin-top: 8px;
  }
}

/* line 164, assets/css/resources/padding-margin.scss */
.mt-md {
  margin-top: 32px;
}

@media (max-width: 767px) {
  /* line 164, assets/css/resources/padding-margin.scss */
  .mt-md {
    margin-top: 16px;
  }
}

/* line 170, assets/css/resources/padding-margin.scss */
.mt-lg {
  margin-top: 64px;
}

@media (max-width: 767px) {
  /* line 170, assets/css/resources/padding-margin.scss */
  .mt-lg {
    margin-top: 32px;
  }
}

/* line 178, assets/css/resources/padding-margin.scss */
.mr-sm {
  margin-right: 16px;
}

@media (max-width: 767px) {
  /* line 178, assets/css/resources/padding-margin.scss */
  .mr-sm {
    margin-right: 8px;
  }
}

/* line 184, assets/css/resources/padding-margin.scss */
.mr-md {
  margin-right: 32px;
}

@media (max-width: 767px) {
  /* line 184, assets/css/resources/padding-margin.scss */
  .mr-md {
    margin-right: 16px;
  }
}

/* line 190, assets/css/resources/padding-margin.scss */
.mr-lg {
  margin-right: 64px;
}

@media (max-width: 767px) {
  /* line 190, assets/css/resources/padding-margin.scss */
  .mr-lg {
    margin-right: 32px;
  }
}

/* line 198, assets/css/resources/padding-margin.scss */
.mb-sm {
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  /* line 198, assets/css/resources/padding-margin.scss */
  .mb-sm {
    margin-bottom: 8px;
  }
}

/* line 204, assets/css/resources/padding-margin.scss */
.mb-md {
  margin-bottom: 32px;
}

@media (max-width: 767px) {
  /* line 204, assets/css/resources/padding-margin.scss */
  .mb-md {
    margin-bottom: 16px;
  }
}

/* line 210, assets/css/resources/padding-margin.scss */
.mb-lg {
  margin-bottom: 64px;
}

@media (max-width: 767px) {
  /* line 210, assets/css/resources/padding-margin.scss */
  .mb-lg {
    margin-bottom: 32px;
  }
}

/* line 218, assets/css/resources/padding-margin.scss */
.ml-sm {
  margin-left: 16px;
}

@media (max-width: 767px) {
  /* line 218, assets/css/resources/padding-margin.scss */
  .ml-sm {
    margin-left: 8px;
  }
}

/* line 224, assets/css/resources/padding-margin.scss */
.ml-md {
  margin-left: 32px;
}

@media (max-width: 767px) {
  /* line 224, assets/css/resources/padding-margin.scss */
  .ml-md {
    margin-left: 16px;
  }
}

/* line 230, assets/css/resources/padding-margin.scss */
.ml-lg {
  margin-left: 64px;
}

@media (max-width: 767px) {
  /* line 230, assets/css/resources/padding-margin.scss */
  .ml-lg {
    margin-left: 32px;
  }
}

/*------------------------------------*\
  #SCSS MIXIN BEFORE INDIVIDUAL GLOBALS CSS FILES
\*------------------------------------*/
@-webkit-keyframes infi-bouncing {
  0% {
    transform: translateY(15px);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes infi-bouncing {
  0% {
    transform: translateY(15px);
  }
  100% {
    transform: translateY(0);
  }
}

/*------------------------------------*\
  #CSS INDIVIDUAL ELEMENT - GLOBAL
\*------------------------------------*/
/* line 7, assets/css/resources/home-landing.scss */
.header.sticky-applied + section.section__landing--banner {
  padding-top: 0;
}

/* line 13, assets/css/resources/home-landing.scss */
.home__landing .section__landing--banner {
  transition: all ease .3s;
  overflow: hidden;
  height: 100vh;
}

/* line 19, assets/css/resources/home-landing.scss */
.home__landing .section__landing--banner .hero-banner-video-container {
  padding-top: 131px;
}

/* line 24, assets/css/resources/home-landing.scss */
.home__landing .landing--heading {
  font-family: 'AxiataBook';
  position: relative;
  z-index: 30;
  color: #FFFFFF;
  font-size: 24px;
  font-weight: 300;
  letter-spacing: 3px;
  line-height: 32px;
  margin-top: 83px;
  max-width: 583px;
}

/* line 2, assets/css/resources/mixin-landing-scroll-down.scss */
.home__landing .landing-scroll-down {
  cursor: pointer;
  position: relative;
}

/* line 6, assets/css/resources/mixin-landing-scroll-down.scss */
.home__landing .landing-scroll-down span {
  display: inline-block;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 3px;
  line-height: 12px;
  position: relative;
  padding-bottom: 3px;
}

/* line 16, assets/css/resources/mixin-landing-scroll-down.scss */
.home__landing .landing-scroll-down span:after {
  content: '';
  height: 19px;
  width: 25px;
  background: url(https://staticxl.ext.xlaxiata.co.id/s3fs-public/media/images/triangle-bottom.svg) 0 0 no-repeat;
  background-size: contain;
  position: absolute;
  left: 50%;
  right: auto;
  bottom: -25px;
  margin-left: -12.5px;
  -webkit-animation: infi-bouncing 0.5s infinite alternate;
  animation: infi-bouncing 0.5s infinite alternate;
}

/* line 40, assets/css/resources/home-landing.scss */
.home__landing .landing-scroll-down {
  position: absolute;
  left: 50%;
  width: 110px;
  margin-left: -55px;
  bottom: 50px;
  right: auto;
}

/* line 51, assets/css/resources/home-landing.scss */
.home__landing .highlight-image {
  position: relative;
  z-index: 1;
}

/* line 10, assets/css/resources/mixin-image-layer-effect.scss */
.home__landing .highlight-image:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
}

/* line 56, assets/css/resources/home-landing.scss */
.home__landing .section__carousel {
  position: relative;
}

/* line 62, assets/css/resources/home-landing.scss */
.home__landing .section-latest-news .content--container {
  background: none;
}

@media (max-width: 800px) {
  /* line 72, assets/css/resources/home-landing.scss */
  .home__landing .container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  /* line 77, assets/css/resources/home-landing.scss */
  .home__landing .landing--heading {
    margin-top: 43px;
  }
}

/* line 1, assets/css/resources/landing-animation-arrows.scss */
.landing-animation-arrows {
  /*------------------------------------*\
        Arrow Image Parent Styling and Commong
    \*------------------------------------*/
}

/* line 4, assets/css/resources/landing-animation-arrows.scss */
.landing-animation-arrows.s-left, .landing-animation-arrows.s-right {
  position: absolute;
  z-index: 399;
  top: calc(100vh / 1.6);
  left: 0;
  right: auto;
  bottom: 0;
  width: 42%;
  height: 574px;
  overflow: hidden;
}

/* line 17, assets/css/resources/landing-animation-arrows.scss */
.landing-animation-arrows.s-right {
  left: auto;
  right: 0;
}

/* line 23, assets/css/resources/landing-animation-arrows.scss */
.landing-animation-arrows.s-left img {
  left: -999px;
}

/* line 29, assets/css/resources/landing-animation-arrows.scss */
.landing-animation-arrows.s-right img {
  right: -999px;
}

@media (max-width: 1300px) {
  /* line 35, assets/css/resources/landing-animation-arrows.scss */
  .landing-animation-arrows.s-left, .landing-animation-arrows.s-right {
    top: calc(100vh / 1.6);
    width: 42%;
    height: 60%;
  }
}

/* line 49, assets/css/resources/landing-animation-arrows.scss */
.landing-animation-arrows .position-relative {
  width: 100%;
  height: 100%;
  overflow: hidden;
  /*------------------------------------*\
            Left Side Images Classes
        \*------------------------------------*/
  /*------------------------------------*\
            Right Side Images Classes
        \*------------------------------------*/
}

/* line 55, assets/css/resources/landing-animation-arrows.scss */
.landing-animation-arrows .position-relative img {
  position: absolute;
}

/* line 61, assets/css/resources/landing-animation-arrows.scss */
.landing-animation-arrows .position-relative .colour-l-img,
.landing-animation-arrows .position-relative .colour-r-img {
  top: 8%;
}

/* line 70, assets/css/resources/landing-animation-arrows.scss */
.landing-animation-arrows .position-relative .colour-l-img {
  left: 14%;
}

/* line 76, assets/css/resources/landing-animation-arrows.scss */
.landing-animation-arrows .position-relative .colour-r-img {
  right: 12%;
  top: 21%;
}

/* line 83, assets/css/resources/landing-animation-arrows.scss */
.landing-animation-arrows .position-relative .blur1-l-img {
  width: 25px;
  height: 26px;
  top: 4%;
}

/* line 89, assets/css/resources/landing-animation-arrows.scss */
.landing-animation-arrows .position-relative .blur1-l-img.anim-in {
  animation: animLeftArrow1 0.5s forwards;
  animation-delay: 0.2s;
}

/* line 94, assets/css/resources/landing-animation-arrows.scss */
.landing-animation-arrows .position-relative .blur1-l-img.anim-out {
  animation: animLeftOut 0.5s forwards;
}

/* line 100, assets/css/resources/landing-animation-arrows.scss */
.landing-animation-arrows .position-relative .blur2-l-img {
  width: 40px;
  height: 41px;
  top: 16%;
}

/* line 106, assets/css/resources/landing-animation-arrows.scss */
.landing-animation-arrows .position-relative .blur2-l-img.anim-in {
  animation: animLeftArrow2 0.5s forwards;
  animation-delay: 0.3s;
}

/* line 111, assets/css/resources/landing-animation-arrows.scss */
.landing-animation-arrows .position-relative .blur2-l-img.anim-out {
  animation: animLeftOut 0.5s forwards;
}

/* line 117, assets/css/resources/landing-animation-arrows.scss */
.landing-animation-arrows .position-relative .blur3-l-img {
  width: 145px;
  height: 146px;
  top: 22%;
}

/* line 124, assets/css/resources/landing-animation-arrows.scss */
.landing-animation-arrows .position-relative .blur3-l-img.anim-in {
  animation: animLeftArrow3 0.5s forwards;
  animation-delay: 0.4s;
}

/* line 129, assets/css/resources/landing-animation-arrows.scss */
.landing-animation-arrows .position-relative .blur3-l-img.anim-out {
  animation: animLeftOut 0.5s forwards;
}

/* line 135, assets/css/resources/landing-animation-arrows.scss */
.landing-animation-arrows .position-relative .plain1-l-img {
  width: 72px;
  height: 73px;
  top: 27%;
}

/* line 142, assets/css/resources/landing-animation-arrows.scss */
.landing-animation-arrows .position-relative .plain1-l-img.anim-in {
  animation: animLeftArrow4 0.5s forwards;
  animation-delay: 0.5s;
}

/* line 147, assets/css/resources/landing-animation-arrows.scss */
.landing-animation-arrows .position-relative .plain1-l-img.anim-out {
  animation: animLeftOut 0.5s forwards;
}

@media (max-width: 1300px) {
  /* line 154, assets/css/resources/landing-animation-arrows.scss */
  .landing-animation-arrows .position-relative .colour-l-img {
    left: 0;
  }
  /* line 158, assets/css/resources/landing-animation-arrows.scss */
  .landing-animation-arrows .position-relative .blur1-l-img {
    width: 12px;
    height: 13px;
    left: 18%;
    top: 6%;
  }
  /* line 166, assets/css/resources/landing-animation-arrows.scss */
  .landing-animation-arrows .position-relative .blur3-l-img {
    width: 39px;
    height: 40px;
    left: 0;
    top: 19%;
  }
}

@media (min-width: 900px) and (max-width: 1300px) {
  /* line 176, assets/css/resources/landing-animation-arrows.scss */
  .landing-animation-arrows .position-relative .colour-l-img {
    height: 90%;
  }
}

/* line 185, assets/css/resources/landing-animation-arrows.scss */
.landing-animation-arrows .position-relative .blur1-r-img {
  width: 25px;
  height: 26px;
  top: 20%;
}

/* line 192, assets/css/resources/landing-animation-arrows.scss */
.landing-animation-arrows .position-relative .blur1-r-img.anim-in {
  animation: animRightArrow1 0.5s forwards;
  animation-delay: 0.2s;
}

/* line 197, assets/css/resources/landing-animation-arrows.scss */
.landing-animation-arrows .position-relative .blur1-r-img.anim-out {
  animation: animRightArrow1 0.5s forwards;
}

/* line 203, assets/css/resources/landing-animation-arrows.scss */
.landing-animation-arrows .position-relative .blur2-r-img {
  width: 25px;
  height: 26px;
  top: 32%;
}

/* line 210, assets/css/resources/landing-animation-arrows.scss */
.landing-animation-arrows .position-relative .blur2-r-img.anim-in {
  animation: animRightArrow2 0.5s forwards;
  animation-delay: 0.3s;
}

/* line 215, assets/css/resources/landing-animation-arrows.scss */
.landing-animation-arrows .position-relative .blur2-r-img.anim-out {
  animation: animRightArrow2 0.5s forwards;
}

/* line 221, assets/css/resources/landing-animation-arrows.scss */
.landing-animation-arrows .position-relative .blur3-r-img {
  width: 45px;
  height: 46px;
  top: 53%;
}

/* line 229, assets/css/resources/landing-animation-arrows.scss */
.landing-animation-arrows .position-relative .blur3-r-img.anim-in {
  animation: animRightArrow3 0.5s forwards;
  animation-delay: 0.4s;
}

/* line 234, assets/css/resources/landing-animation-arrows.scss */
.landing-animation-arrows .position-relative .blur3-r-img.anim-out {
  animation: animRightArrow3 0.5s forwards;
}

/* line 240, assets/css/resources/landing-animation-arrows.scss */
.landing-animation-arrows .position-relative .plain1-r-img {
  width: 143px;
  height: 144px;
  top: 56%;
}

/* line 248, assets/css/resources/landing-animation-arrows.scss */
.landing-animation-arrows .position-relative .plain1-r-img.anim-in {
  animation: animRightArrow4 0.5s forwards;
  animation-delay: 0.5s;
}

/* line 253, assets/css/resources/landing-animation-arrows.scss */
.landing-animation-arrows .position-relative .plain1-r-img.anim-out {
  animation: animRightArrow4s 0.5s forwards;
}

@media (max-width: 1300px) {
  /* line 260, assets/css/resources/landing-animation-arrows.scss */
  .landing-animation-arrows .position-relative .colour-r-img {
    right: 0;
    top: 12%;
  }
  /* line 265, assets/css/resources/landing-animation-arrows.scss */
  .landing-animation-arrows .position-relative .blur1-r-img {
    width: 12px;
    height: 13px;
    right: 30%;
    top: 23%;
    left: auto;
  }
  /* line 274, assets/css/resources/landing-animation-arrows.scss */
  .landing-animation-arrows .position-relative .blur3-r-img {
    width: 55px;
    height: 56px;
    left: 31%;
    top: 31%;
  }
}

@media (min-width: 900px) and (max-width: 1300px) {
  /* line 284, assets/css/resources/landing-animation-arrows.scss */
  .landing-animation-arrows .position-relative .colour-r-img {
    height: 90%;
  }
}

/****************************************
anim-out common class for Left Side Arrows Animation from 1 - 4 images 
****************************************/
@-webkit-keyframes animLeftOut {
  100% {
    left: inherit;
  }
}

@keyframes animLeftOut {
  100% {
    left: inherit;
  }
}

/****************************************
anim-out common class for Left Side Arrows Animation from 1 - 4 images 
****************************************/
@-webkit-keyframes animRightOut {
  100% {
    right: inherit;
  }
}

@keyframes animRightOut {
  100% {
    right: inherit;
  }
}

/****************************************
anim-in Left Side Arrows Animation from 1 - 4 images
****************************************/
@-webkit-keyframes animLeftArrow1 {
  100% {
    left: 40%;
  }
}

@keyframes animLeftArrow1 {
  100% {
    left: 40%;
  }
}

@-webkit-keyframes animLeftArrow2 {
  100% {
    left: 60%;
  }
}

@keyframes animLeftArrow2 {
  100% {
    left: 60%;
  }
}

@-webkit-keyframes animLeftArrow3 {
  100% {
    left: 27%;
  }
}

@keyframes animLeftArrow3 {
  100% {
    left: 27%;
  }
}

@-webkit-keyframes animLeftArrow4 {
  100% {
    left: 69%;
  }
}

@keyframes animLeftArrow4 {
  100% {
    left: 69%;
  }
}

/****************************************
anim-in Left Side Arrows Animation from 1 - 4 images
****************************************/
@-webkit-keyframes animRightArrow1 {
  100% {
    right: 31%;
  }
}

@keyframes animRightArrow1 {
  100% {
    right: 31%;
  }
}

@-webkit-keyframes animRightArrow2 {
  100% {
    right: 48%s;
  }
}

@keyframes animRightArrow2 {
  100% {
    right: 48%;
  }
}

@-webkit-keyframes animRightArrow3 {
  100% {
    right: 71%;
  }
}

@keyframes animRightArrow3 {
  100% {
    right: 71%;
  }
}

@-webkit-keyframes animRightArrow4 {
  100% {
    right: 35%;
  }
}

@keyframes animRightArrow4 {
  100% {
    right: 35%;
  }
}

/* table, th, td {
    border-bottom: 1px solid #979797;
    border-collapse: collapse;
    padding: 25px 0px;
} */
/* line 7, assets/css/resources/table.scss */
.table-heading {
  color: #164396;
  font-size: 16px;
}

/* line 13, assets/css/resources/table.scss */
.table-dividend th, .table-dividend td {
  border-bottom: 1px solid #979797;
  border-collapse: collapse;
  text-align: left;
  padding: 25px 32px 25px 0px;
  white-space: nowrap;
}

/* line 20, assets/css/resources/table.scss */
.table-dividend.full {
  width: 100%;
}

/* line 23, assets/css/resources/table.scss */
.table-dividend.full .w30 {
  width: 33.34%;
}

/* line 27, assets/css/resources/table.scss */
.table-dividend .no-padding-top {
  padding-top: 0px;
  border-top: none;
}

/* .table-dividend td:nth-last-child({1) {
    border-bottom: 1px solid red;
} */
/* line 36, assets/css/resources/table.scss */
.table-container {
  margin-top: 64px;
  margin-bottom: 64px;
}

/* line 41, assets/css/resources/table.scss */
.table-mobile-instruction {
  display: none;
}

/* .table-dividend th, td:nth-child(1) {
        padding-left: 0px;
        padding-right: 32px;
} */
@media screen and (min-width: 360px) and (max-width: 768px) {
  /* line 54, assets/css/resources/table.scss */
  .table-heading {
    font-size: 14px;
  }
  /* line 57, assets/css/resources/table.scss */
  .table-mobile-instruction {
    display: block;
    font-size: 14px;
    color: #164396;
    margin-top: 32px;
  }
  /* line 63, assets/css/resources/table.scss */
  .table-container {
    margin-top: 24px;
    margin-bottom: 56px;
  }
  /* line 68, assets/css/resources/table.scss */
  ::-webkit-scrollbar-thumb {
    background: #ee3e80;
    border-radius: 5px;
  }
  /* line 72, assets/css/resources/table.scss */
  ::-webkit-scrollbar {
    height: 7px;
    width: 7px;
  }
}

/* line 5, assets/css/resources/pagination.scss */
.xl--pagination {
  list-style: none;
  font-size: 24px;
  margin-top: 32px;
  margin-bottom: 32px;
}

/* line 13, assets/css/resources/pagination.scss */
.xl--pagination .page-item:focus, .xl--pagination .page-item:active {
  outline: none;
}

/* line 19, assets/css/resources/pagination.scss */
.xl--pagination .page-link {
  color: #333339;
  border: none;
  border-radius: none;
  box-shadow: none;
  padding: 0 18.9px;
  display: inline-block;
  letter-spacing: 1px;
  line-height: 24px;
}

/* line 29, assets/css/resources/pagination.scss */
.xl--pagination .page-link.active, .xl--pagination .page-link.prev, .xl--pagination .page-link.next {
  color: #EE3E80;
}

/* line 35, assets/css/resources/pagination.scss */
.xl--pagination .page-link.prev, .xl--pagination .page-link.next {
  padding: 0 12px;
}

/* line 41, assets/css/resources/pagination.scss */
.xl--pagination .page-link.active {
  font-weight: bold;
}

/* line 45, assets/css/resources/pagination.scss */
.xl--pagination .page-link:hover {
  background: none;
  color: #EE3E80;
}

/* line 50, assets/css/resources/pagination.scss */
.xl--pagination .page-link:focus, .xl--pagination .page-link:active {
  outline: none;
}

@media (max-width: 800px) {
  /* line 64, assets/css/resources/pagination.scss */
  .xl--pagination .page-link.prev {
    padding-left: 20px;
  }
  /* line 68, assets/css/resources/pagination.scss */
  .xl--pagination .page-link.next {
    padding-right: 20px;
  }
}

/* line 1, assets/css/resources/page-intro.scss */
.section__page-intro {
  color: #333339;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 24px;
  margin: 64px 0;
}

/* line 8, assets/css/resources/page-intro.scss */
.section__page-intro h2,
.section__page-intro p {
  padding-left: 0;
  padding-right: 0;
}

/* line 14, assets/css/resources/page-intro.scss */
.section__page-intro h2 {
  color: #164396;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 1px;
}

/* line 21, assets/css/resources/page-intro.scss */
.section__page-intro p {
  padding-left: 32px;
}

/* line 25, assets/css/resources/page-intro.scss */
.section__page-intro .read-more {
  display: none;
}

@media (max-width: 800px) {
  /* line 33, assets/css/resources/page-intro.scss */
  .section__page-intro {
    display: block !important;
    margin: 32px 20px;
    position: relative;
  }
  /* line 38, assets/css/resources/page-intro.scss */
  .section__page-intro h2 {
    padding-bottom: 16px;
  }
  /* line 42, assets/css/resources/page-intro.scss */
  .section__page-intro p {
    padding: 0;
  }
  /* line 3, assets/css/resources/read-more-wrap.scss */
  .section__page-intro.read-more-wrap {
    transition: all cubic-bezier(0.36, 0.55, 0.31, 1.14) 0.15s;
  }
  /* line 6, assets/css/resources/read-more-wrap.scss */
  .section__page-intro.read-more-wrap p {
    height: 118px;
    margin-bottom: 8px;
    overflow: hidden;
    position: relative;
    transition: inherit;
  }
  /* line 13, assets/css/resources/read-more-wrap.scss */
  .section__page-intro.read-more-wrap p:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 63px;
    background: rgba(255, 255, 255, 0.6);
  }
  /* line 24, assets/css/resources/read-more-wrap.scss */
  .section__page-intro.read-more-wrap .read-more {
    color: #333339;
    position: relative;
    width: auto;
    text-align: center;
    margin: 0 auto;
    text-transform: capitalize;
    display: flex;
    justify-content: center;
  }
  /* line 3, assets/css/resources/mixin-chevron.scss */
  .section__page-intro.read-more-wrap .read-more:after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 11px;
    background: url(https://staticxl.ext.xlaxiata.co.id/s3fs-public/media/images/chevron-right.svg) 0 0 no-repeat;
    background-size: contain;
    position: absolute;
    transform: rotate(-90deg);
    top: -17px;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    left: auto;
    right: auto;
    bottom: -18px;
    transform: rotate(90deg);
  }
  /* line 39, assets/css/resources/read-more-wrap.scss */
  .section__page-intro.read-more-wrap.more p {
    height: 100%;
    overflow-y: auto;
  }
  /* line 43, assets/css/resources/read-more-wrap.scss */
  .section__page-intro.read-more-wrap.more p:after {
    display: none;
  }
  /* line 48, assets/css/resources/read-more-wrap.scss */
  .section__page-intro.read-more-wrap.more .read-more {
    margin-top: 16px;
  }
  /* line 3, assets/css/resources/mixin-chevron.scss */
  .section__page-intro.read-more-wrap.more .read-more:after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 11px;
    background: url(https://staticxl.ext.xlaxiata.co.id/s3fs-public/media/images/chevron-right.svg) 0 0 no-repeat;
    background-size: contain;
    position: absolute;
    transform: rotate(-90deg);
    top: -17px;
    left: auto;
    right: auto;
    bottom: auto;
  }
}

/* line 14, assets/css/resources/two-column-left-sidebar-with-list.scss */
.section__two-column {
  padding: 70px 0;
}

/* line 18, assets/css/resources/two-column-left-sidebar-with-list.scss */
.section__two-column .row {
  margin-left: 0;
  margin-right: 0;
}

/* line 23, assets/css/resources/two-column-left-sidebar-with-list.scss */
.section__two-column .two-column--sidebar {
  font-size: 14px;
}

/* line 26, assets/css/resources/two-column-left-sidebar-with-list.scss */
.section__two-column .two-column--sidebar .heading {
  color: #333339;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: normal;
  padding: 19px 16px;
  margin: 0;
  display: block;
  border-right: 2px solid #EE3E80;
}

/* line 38, assets/css/resources/two-column-left-sidebar-with-list.scss */
.section__two-column .two-column--sidebar .two-column--sidebar__list {
  font-size: 14px;
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 44, assets/css/resources/two-column-left-sidebar-with-list.scss */
.section__two-column .two-column--sidebar .two-column--sidebar__list li {
  border-right: 2px solid #EE3E80;
}

/* line 47, assets/css/resources/two-column-left-sidebar-with-list.scss */
.section__two-column .two-column--sidebar .two-column--sidebar__list li a {
  color: #333339;
  display: block;
  padding: 19px 16px;
}

/* line 52, assets/css/resources/two-column-left-sidebar-with-list.scss */
.section__two-column .two-column--sidebar .two-column--sidebar__list li a.active, .section__two-column .two-column--sidebar .two-column--sidebar__list li a:hover {
  color: #fff;
  background-color: #EE3E80;
}

/* line 61, assets/css/resources/two-column-left-sidebar-with-list.scss */
.section__two-column .two-column--sidebar .shadow-container {
  position: relative;
}

/* line 64, assets/css/resources/two-column-left-sidebar-with-list.scss */
.section__two-column .two-column--sidebar .shadow-container:before, .section__two-column .two-column--sidebar .shadow-container:after {
  content: '';
  position: absolute;
  z-index: 1;
  left: 0;
  width: 99.4%;
  height: 35px;
}

/* line 75, assets/css/resources/two-column-left-sidebar-with-list.scss */
.section__two-column .two-column--sidebar .shadow-container:before {
  bottom: auto;
  top: 0;
  -webkit-box-shadow: inset 0px 36px 19px -11px rgba(255, 255, 255, 0.88);
  -moz-box-shadow: inset 0px 36px 19px -11px rgba(255, 255, 255, 0.88);
  box-shadow: inset 0px 36px 19px -11px rgba(255, 255, 255, 0.88);
}

/* line 84, assets/css/resources/two-column-left-sidebar-with-list.scss */
.section__two-column .two-column--sidebar .shadow-container:after {
  top: auto;
  bottom: 0;
  -webkit-box-shadow: inset 0px -36px 19px -11px rgba(255, 255, 255, 0.88);
  -moz-box-shadow: inset 0px -36px 19px -11px rgba(255, 255, 255, 0.88);
  box-shadow: inset 0px -36px 19px -11px rgba(255, 255, 255, 0.88);
}

/* line 95, assets/css/resources/two-column-left-sidebar-with-list.scss */
.section__two-column .two-column--sidebar .two-column--sidebar__list {
  max-height: 554px;
  overflow-y: scroll;
}

/* line 104, assets/css/resources/two-column-left-sidebar-with-list.scss */
.section__two-column .two-column--article {
  padding-left: 29px;
}

/* line 107, assets/css/resources/two-column-left-sidebar-with-list.scss */
.section__two-column .two-column--article h2 {
  color: #164396;
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 3px;
  margin-bottom: 16px;
}

@media (max-width: 800px) {
  /* line 121, assets/css/resources/two-column-left-sidebar-with-list.scss */
  .section__two-column {
    padding: 0;
  }
  /* line 125, assets/css/resources/two-column-left-sidebar-with-list.scss */
  .section__two-column .row {
    margin-left: 0;
    margin-right: 0;
  }
  /* line 132, assets/css/resources/two-column-left-sidebar-with-list.scss */
  .section__two-column .two-column--sidebar.mob-fixed--sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9000;
  }
  /* line 141, assets/css/resources/two-column-left-sidebar-with-list.scss */
  .section__two-column .two-column--sidebar.mob-fixed--sidebar .two-column--sidebar__list--selected {
    padding-bottom: 26px;
  }
  /* line 146, assets/css/resources/two-column-left-sidebar-with-list.scss */
  .section__two-column .two-column--sidebar .heading,
  .section__two-column .two-column--sidebar .two-column--sidebar__list > li {
    border-right: 0;
  }
  /* line 151, assets/css/resources/two-column-left-sidebar-with-list.scss */
  .section__two-column .two-column--sidebar .two-column--sidebar__list--selected {
    color: #164396;
    padding: 31px 20px;
    font-weight: bold;
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.08);
  }
  /* line 157, assets/css/resources/two-column-left-sidebar-with-list.scss */
  .section__two-column .two-column--sidebar .two-column--sidebar__list--selected img {
    height: 31px;
  }
  /* line 162, assets/css/resources/two-column-left-sidebar-with-list.scss */
  .section__two-column .two-column--sidebar .two-column--sidebar__list {
    font-weight: bold;
    padding: 0 20px;
  }
  /* line 166, assets/css/resources/two-column-left-sidebar-with-list.scss */
  .section__two-column .two-column--sidebar .two-column--sidebar__list li {
    border-bottom: 1px solid #EE3E80;
  }
  /* line 169, assets/css/resources/two-column-left-sidebar-with-list.scss */
  .section__two-column .two-column--sidebar .two-column--sidebar__list li > a {
    color: #164396;
  }
  /* line 172, assets/css/resources/two-column-left-sidebar-with-list.scss */
  .section__two-column .two-column--sidebar .two-column--sidebar__list li > a.active, .section__two-column .two-column--sidebar .two-column--sidebar__list li > a:hover {
    background: none;
    color: #164396;
  }
  /* line 182, assets/css/resources/two-column-left-sidebar-with-list.scss */
  .section__two-column .two-column--article {
    margin: 0;
    padding: 32px 20px !important;
  }
  /* line 186, assets/css/resources/two-column-left-sidebar-with-list.scss */
  .section__two-column .two-column--article h2 {
    font-size: 26px;
    letter-spacing: 3px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  /* line 201, assets/css/resources/two-column-left-sidebar-with-list.scss */
  .section__two-column .two-column--article {
    padding-left: 15px !important;
  }
  /* line 206, assets/css/resources/two-column-left-sidebar-with-list.scss */
  .section__two-column .two-column--article .row {
    margin-right: -15px;
  }
  /* line 209, assets/css/resources/two-column-left-sidebar-with-list.scss */
  .section__two-column .two-column--article .row .list-col {
    padding-right: 15px;
  }
}

/* line 1, assets/css/resources/date.small.scss */
.date {
  text-transform: uppercase;
  color: #888888;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 1.43px;
  line-height: 16px;
}

/* line 1, assets/css/resources/sort-panel.scss */
.sort-panel {
  display: flex;
  justify-content: flex-end;
  flex: 1;
  margin-bottom: 32px;
}

/* line 7, assets/css/resources/sort-panel.scss */
.sort-panel a {
  margin-left: 24px;
}

/* line 10, assets/css/resources/sort-panel.scss */
.sort-panel a.active {
  color: #EE3E80;
}

@media (max-width: 800px) {
  /* line 17, assets/css/resources/sort-panel.scss */
  .sort-panel {
    margin-top: 32px;
    justify-content: center;
  }
  /* line 21, assets/css/resources/sort-panel.scss */
  .sort-panel a {
    margin-left: 0;
    margin-right: 24px;
  }
}

/* line 1, assets/css/resources/figure-heading-style1.figure.scss */
figure.figure-heading-style1 {
  position: relative;
  overflow: hidden;
}

/* line 6, assets/css/resources/figure-heading-style1.figure.scss */
figure.figure-heading-style1 > figcaption {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(238, 62, 128, 0.4);
  color: #FFFFFF;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.83px;
  line-height: 16px;
  display: block;
  padding: 8px 16px;
  min-width: 181px;
}

@media (max-width: 800px) {
  /* line 23, assets/css/resources/figure-heading-style1.figure.scss */
  figure.figure-heading-style1 {
    overflow: hidden;
    text-align: center;
  }
  /* line 28, assets/css/resources/figure-heading-style1.figure.scss */
  figure.figure-heading-style1 figcaption {
    text-align: left;
  }
  /* line 32, assets/css/resources/figure-heading-style1.figure.scss */
  figure.figure-heading-style1 img {
    width: 100%;
  }
}

/* line 2, assets/css/resources/search-box.scss */
.search-box {
  padding: 16px 16px;
  position: relative;
  border: 1px solid #E61664;
  margin-bottom: 32px;
}

/* line 8, assets/css/resources/search-box.scss */
.search-box:after {
  content: '';
  position: absolute;
  top: 10px;
  right: 16px;
  width: 32px;
  height: 32px;
  background: url("https://staticxl.ext.xlaxiata.co.id/s3fs-public/media/images/search-black.svg") 0 0 no-repeat;
  background-size: cover;
}

/* line 19, assets/css/resources/search-box.scss */
.search-box > .search-input {
  color: #333339;
  font-size: 16px;
  border: 0;
  background: none;
  padding: 2px 0;
  margin: 0;
  margin-right: 52px;
  display: block;
  width: 82%;
}

/* line 30, assets/css/resources/search-box.scss */
.search-box > .search-input:focus {
  outline: none;
}

/* line 34, assets/css/resources/search-box.scss */
.search-box > .search-input::placeholder {
  opacity: 0.4;
}

@media (max-width: 800px) {
  /* line 42, assets/css/resources/search-box.scss */
  .mob-fixed--sidebar .search-box {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 26px;
    margin-top: -82px;
  }
  /* line 49, assets/css/resources/search-box.scss */
  .mob-fixed--sidebar .two-column--sidebar__list--selected {
    min-height: 178px;
  }
}

/* line 4, assets/css/resources/defination-list.scss */
.defination__list-wrapper > .row:last-child .dl__style-1 {
  border-bottom: none;
}

/* line 10, assets/css/resources/defination-list.scss */
.dl__style-1 {
  padding-bottom: 24px;
  margin-bottom: 32px;
  border-bottom: 1px solid rgba(0, 0, 7, 0.2);
}

/* line 15, assets/css/resources/defination-list.scss */
.dl__style-1 dt {
  color: #164396;
  line-height: 22px;
  font-size: 14px;
  letter-spacing: 1px;
  font-family: 'AxiataBold';
}

/* line 23, assets/css/resources/defination-list.scss */
.dl__style-1 dd {
  color: #212B36;
  font-weight: 300;
  line-height: 24px;
  margin: 8px 0;
}

/* line 1, assets/css/resources/document-download.list.scss */
.document-download-list {
  line-height: 24px;
  padding-bottom: 56px;
}

/* line 5, assets/css/resources/document-download.list.scss */
.document-download-list .doc-list-col {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-content: space-between;
  padding-left: 119px;
  position: relative;
  margin-bottom: 32px;
  line-height: normal;
  min-height: 104px;
}

/* line 16, assets/css/resources/document-download.list.scss */
.document-download-list .doc-list-col .doc-thumb > img {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}

/* line 24, assets/css/resources/document-download.list.scss */
.document-download-list .doc-list-col > div {
  margin: 0;
  margin-bottom: 0;
}

/* line 30, assets/css/resources/document-download.list.scss */
.document-download-list strong {
  display: block;
  opacity: 0.5;
  color: #000000;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 14px;
  margin-bottom: 8px;
}

/* line 41, assets/css/resources/document-download.list.scss */
.document-download-list .title {
  font-weight: bold;
  padding-bottom: 0;
  line-height: 29px;
  font-size: 24px;
  display: block;
  text-align: center;
  color: #164396;
  margin-top: 64px;
}

/* line 52, assets/css/resources/document-download.list.scss */
.document-download-list .img-audio {
  float: left;
  height: 104px;
  margin: 0;
}

/* line 60, assets/css/resources/document-download.list.scss */
.document-download-list .description {
  color: #333339;
  font-weight: bold;
  line-height: 22px;
}

/* line 69, assets/css/resources/document-download.list.scss */
.document-download-list .document-download {
  display: flex;
  align-items: center;
  width: auto;
  margin: 0 auto;
}

/* line 75, assets/css/resources/document-download.list.scss */
.document-download-list .document-download .img-download {
  margin: 0;
  margin-right: 8px;
}

/* line 81, assets/css/resources/document-download.list.scss */
.document-download-list .document-download a {
  color: #ee3e80;
  display: inline-block;
  vertical-align: middle;
}

/* line 2, assets/css/resources/carousel.scss */
.carousel.full-carousel {
  height: 100vh;
}

/* line 4, assets/css/resources/carousel.scss */
.carousel.full-carousel .carousel-indicators {
  bottom: 32px;
}

/* line 9, assets/css/resources/carousel.scss */
.carousel.full-carousel .carousel-inner .carousel-item .big-banner-with-msg {
  height: 100vh;
}

/* line 12, assets/css/resources/carousel.scss */
.carousel.full-carousel .carousel-inner .carousel-item .big-banner-with-msg .full-height .msg-container {
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  /* line 19, assets/css/resources/carousel.scss */
  .carousel.full-carousel .carousel-control-prev, .carousel.full-carousel .carousel-control-next {
    visibility: hidden;
  }
}

/*------------------------------------*\
  Directors carousel section 
\*------------------------------------*/
/* line 4, assets/css/resources/directors-landing-carousel.scss */
.directors-carousel-wrapper {
  position: relative;
  overflow: hidden;
  z-index: 1;
  height: inherit;
}

/* line 10, assets/css/resources/directors-landing-carousel.scss */
.directors-carousel-wrapper.background-image-full {
  height: inherit;
}

/* line 14, assets/css/resources/directors-landing-carousel.scss */
.directors-carousel-wrapper .directors-carousel {
  height: inherit;
}

/* line 17, assets/css/resources/directors-landing-carousel.scss */
.directors-carousel-wrapper .directors-carousel .directors-slide-container {
  position: relative;
  height: inherit;
}

/* line 23, assets/css/resources/directors-landing-carousel.scss */
.directors-carousel-wrapper .directors-carousel .carousel-item {
  height: inherit;
}

/* line 27, assets/css/resources/directors-landing-carousel.scss */
.directors-carousel-wrapper .directors-carousel .carousel-control-prev,
.directors-carousel-wrapper .directors-carousel .carousel-control-next {
  position: absolute;
  background: url(https://staticxl.ext.xlaxiata.co.id/s3fs-public/media/images/chevron-right.svg) 0 0 no-repeat;
  background-size: contain;
  top: 50%;
  z-index: 100;
  width: 48px;
  height: 48px;
}

/* line 38, assets/css/resources/directors-landing-carousel.scss */
.directors-carousel-wrapper .directors-carousel .carousel-control-prev {
  left: 26px;
  right: auto;
  transform: rotate(-180deg);
}

/* line 44, assets/css/resources/directors-landing-carousel.scss */
.directors-carousel-wrapper .directors-carousel .carousel-control-next {
  right: 26px;
  left: auto;
}

/* line 49, assets/css/resources/directors-landing-carousel.scss */
.directors-carousel-wrapper .directors-carousel .carousel-indicators {
  height: 5px;
  left: auto;
  right: auto;
  bottom: 30px;
  background-position-x: -12.5%;
  width: 100%;
  top: auto !important;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center !important;
  overflow: hidden;
}

/* line 71, assets/css/resources/directors-landing-carousel.scss */
.directors-carousel-wrapper .directors-carousel .carousel-indicators li {
  height: 100%;
}

/* line 76, assets/css/resources/directors-landing-carousel.scss */
.directors-carousel-wrapper .directors-carousel .msg-container {
  width: 50%;
  padding-right: 20%;
  float: right;
}

/* line 85, assets/css/resources/directors-landing-carousel.scss */
.directors-carousel-wrapper .directors-carousel .msg-container .msg-owner,
.directors-carousel-wrapper .directors-carousel .msg-container .msg-title {
  margin-bottom: 22px !important;
}

/* line 91, assets/css/resources/directors-landing-carousel.scss */
.directors-carousel-wrapper .directors-carousel .background-image-full {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}

/* line 99, assets/css/resources/directors-landing-carousel.scss */
.directors-carousel-wrapper .directors-carousel .carousel-inner {
  height: inherit;
  top: 0 !important;
  padding: 0 !important;
  position: static;
}

@media (max-width: 800px) {
  /* line 117, assets/css/resources/directors-landing-carousel.scss */
  .directors-carousel-wrapper .directors-carousel .carousel-item {
    padding: 0 20px 32px;
    background-position-x: 24% !important;
  }
  /* line 122, assets/css/resources/directors-landing-carousel.scss */
  .directors-carousel-wrapper .directors-carousel .carousel-control-prev,
  .directors-carousel-wrapper .directors-carousel .carousel-control-next {
    display: none;
  }
  /* line 127, assets/css/resources/directors-landing-carousel.scss */
  .directors-carousel-wrapper .directors-carousel .carousel-control-prev {
    left: 0;
  }
  /* line 131, assets/css/resources/directors-landing-carousel.scss */
  .directors-carousel-wrapper .directors-carousel .carousel-control-next {
    right: 0;
  }
  /* line 135, assets/css/resources/directors-landing-carousel.scss */
  .directors-carousel-wrapper .directors-carousel .carousel-indicators {
    left: 50%;
    width: 30%;
    top: auto !important;
    margin-top: 0;
    right: auto;
    margin-left: -15.5% !important;
    bottom: 22px;
  }
  /* line 158, assets/css/resources/directors-landing-carousel.scss */
  .directors-carousel-wrapper .directors-carousel .msg-container {
    width: 100%;
    padding-right: 0;
  }
  /* line 162, assets/css/resources/directors-landing-carousel.scss */
  .directors-carousel-wrapper .directors-carousel .msg-container .msg-owner,
  .directors-carousel-wrapper .directors-carousel .msg-container .msg-title,
  .directors-carousel-wrapper .directors-carousel .msg-container .msg-desc {
    margin-bottom: 16px;
  }
  /* line 168, assets/css/resources/directors-landing-carousel.scss */
  .directors-carousel-wrapper .directors-carousel .msg-container .msg-owner {
    font-size: 10px;
    line-height: 12px;
  }
  /* line 173, assets/css/resources/directors-landing-carousel.scss */
  .directors-carousel-wrapper .directors-carousel .msg-container .msg-title {
    font-size: 24px;
    line-height: 22px;
  }
  /* line 178, assets/css/resources/directors-landing-carousel.scss */
  .directors-carousel-wrapper .directors-carousel .msg-container .msg-desc {
    line-height: 20px;
  }
}

/* line 2, assets/css/resources/two-column-section.scss */
.two-column-container {
  margin-top: 64px;
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media (max-width: 768px) {
  /* line 2, assets/css/resources/two-column-section.scss */
  .two-column-container {
    margin-top: 32px;
  }
}

/* line 11, assets/css/resources/two-column-section.scss */
.two-column-content {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-bottom: 32px;
}

/* line 17, assets/css/resources/two-column-section.scss */
.two-column-content.big-left .left-item {
  width: 40%;
}

/* line 20, assets/css/resources/two-column-section.scss */
.two-column-content.big-left .right-item {
  width: 60%;
}

/* line 25, assets/css/resources/two-column-section.scss */
.two-column-content.big-right .left-item {
  width: 20%;
}

/* line 28, assets/css/resources/two-column-section.scss */
.two-column-content.big-right .right-item {
  width: 80%;
}

/* line 32, assets/css/resources/two-column-section.scss */
.two-column-content .left-item {
  width: 30%;
  padding-right: 16px;
  display: block;
}

/* line 37, assets/css/resources/two-column-section.scss */
.two-column-content .right-item {
  width: 70%;
  line-height: 24px;
  word-break: break-word;
}

/* line 41, assets/css/resources/two-column-section.scss */
.two-column-content .right-item ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 8px;
  list-style: none;
}

/* line 47, assets/css/resources/two-column-section.scss */
.two-column-content .right-item ul li {
  margin: 4px 0px;
  padding-left: 2.5em;
  text-indent: -1em;
}

/* line 51, assets/css/resources/two-column-section.scss */
.two-column-content .right-item ul li::before {
  content: "\2022";
  color: #164396;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: 0px;
}

/* line 60, assets/css/resources/two-column-section.scss */
.two-column-content .right-item ul ul {
  list-style-type: none;
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 65, assets/css/resources/two-column-section.scss */
.two-column-content .right-item ul ul li::before {
  content: "-";
  color: #164396;
  font-weight: bold;
  display: inline-block;
  width: 0.5em;
  margin-left: 0px;
}

@media (max-width: 768px) {
  /* line 78, assets/css/resources/two-column-section.scss */
  .two-column-content {
    flex-direction: column;
  }
  /* line 80, assets/css/resources/two-column-section.scss */
  .two-column-content .left-item {
    width: 100% !important;
    margin-bottom: 32px;
  }
  /* line 84, assets/css/resources/two-column-section.scss */
  .two-column-content .right-item {
    width: 100% !important;
  }
}

/* line 1, assets/css/resources/stock-price-table.scss */
.stock-price-table {
  border-top: 1px solid #979797;
  margin-bottom: 63px;
}

/* line 5, assets/css/resources/stock-price-table.scss */
.stock-price-table tr {
  border-bottom: 0;
}

/* line 9, assets/css/resources/stock-price-table.scss */
.stock-price-table strong {
  font-family: 'AxiataBold';
  font-weight: bold;
}

/* line 14, assets/css/resources/stock-price-table.scss */
.stock-price-table h2 {
  color: #164396;
  font-size: 36px;
  letter-spacing: 1px;
  line-height: 43px;
}

/* line 21, assets/css/resources/stock-price-table.scss */
.stock-price-table h6 {
  color: #164396;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 16px;
}

/* line 28, assets/css/resources/stock-price-table.scss */
.stock-price-table th,
.stock-price-table td {
  width: 33.3%;
  white-space: normal;
  color: #333339;
  font-weight: normal;
  border-top: 0;
  border-bottom: 1px solid #979797;
  vertical-align: middle;
  padding-top: 23px;
  padding-bottom: 23px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

/* line 45, assets/css/resources/stock-price-table.scss */
.stock-price-table thead {
  border-bottom: 0;
}

/* line 49, assets/css/resources/stock-price-table.scss */
.stock-price-table tbody > tr > td {
  padding-right: 31px;
}

/* line 53, assets/css/resources/stock-price-table.scss */
.stock-price-table tbody > tr > td:after {
  content: '';
  position: absolute;
  right: 0;
  width: 31px;
  height: 100%;
  border-bottom: 1px solid #fff;
  line-height: 100%;
  bottom: -1px;
  background: white;
}

/* line 74, assets/css/resources/stock-price-table.scss */
.stock-price-table tbody > tr > td.row-span-col {
  border-bottom-width: 0;
  padding-right: 0;
}

/* line 78, assets/css/resources/stock-price-table.scss */
.stock-price-table tbody > tr > td.row-span-col:after {
  display: none;
}

@media (max-width: 800px) {
  /* line 85, assets/css/resources/stock-price-table.scss */
  .stock-price-table {
    padding-top: 23px;
    display: block;
  }
  /* line 89, assets/css/resources/stock-price-table.scss */
  .stock-price-table tr,
  .stock-price-table th,
  .stock-price-table td {
    width: 100%;
    display: block;
  }
  /* line 98, assets/css/resources/stock-price-table.scss */
  .stock-price-table thead .first-row td {
    border-bottom-width: 0;
    padding-top: 0;
    padding-bottom: 32px;
  }
  /* line 103, assets/css/resources/stock-price-table.scss */
  .stock-price-table thead .first-row td:last-child {
    border-bottom-width: 1px;
  }
  /* line 109, assets/css/resources/stock-price-table.scss */
  .stock-price-table tbody > tr > th,
  .stock-price-table tbody > tr > td {
    padding-left: 0;
    padding-right: 0;
    position: relative;
    overflow: hidden;
  }
  /* line 116, assets/css/resources/stock-price-table.scss */
  .stock-price-table tbody > tr > th:after,
  .stock-price-table tbody > tr > td:after {
    display: none;
  }
  /* line 122, assets/css/resources/stock-price-table.scss */
  .stock-price-table tbody > tr > td.row-span-col {
    border-bottom-width: 1px;
  }
}

/*------------------------------------*\
  #CSS PAGES
\*------------------------------------*/
/* line 1, pages/news/news.scss */
.news-konten {
  margin-top: 64px;
  line-height: 24px;
  font-size: 14px;
  font-family: 'AxiataBook';
  font-weight: 300;
  letter-spacing: 1px;
}

/* line 15, pages/news/news.scss */
.news-konten .news-summary {
  color: #999999;
  font-family: 'AxiataBook';
  font-size: 24px;
  font-weight: 300;
  letter-spacing: 1px;
  margin-bottom: 32px;
}

/* line 21, pages/news/news.scss */
.news-konten .news-date {
  font-weight: bold;
  font-size: 14px;
  color: #BBBBBB;
}

/* line 28, pages/news/news.scss */
.news-tag {
  margin-top: 64px;
}

/* line 31, pages/news/news.scss */
.news-tag ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 36, pages/news/news.scss */
.news-tag ul li {
  list-style: none;
  margin-right: 24px;
  float: left;
  border: 1px solid #CCCCCC;
  padding: 8px 16px;
}

/* line 46, pages/news/news.scss */
.news-related {
  margin-top: 64px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 64px;
}

/* line 51, pages/news/news.scss */
.news-related .related-title {
  margin-top: 32px;
  margin-bottom: 32px;
  font-family: 'AxiataBook';
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 1px;
}

/* line 61, pages/news/news.scss */
.news-related .boxrelated {
  display: flex;
  padding-bottom: 15px;
}

/* line 65, pages/news/news.scss */
.news-related .boxrelated .box-item {
  margin: 0 13px;
  width: 276px;
  display: inline-block;
}

/* line 71, pages/news/news.scss */
.news-related .boxrelated .box-item > a {
  display: flex;
  flex-direction: column;
}

/* line 76, pages/news/news.scss */
.news-related .boxrelated .box-item .boximg {
  min-height: 184px;
  max-height: 184px;
  overflow: hidden;
}

/* line 81, pages/news/news.scss */
.news-related .boxrelated .box-item .boximg img {
  object-position: center;
  display: block;
  height: 184px;
  object-fit: cover;
  max-width: 100%;
}

/* line 90, pages/news/news.scss */
.news-related .boxrelated .box-item .boxtitle {
  margin: 24px 0;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1;
}

/* line 105, pages/news/news.scss */
.news-related .boxrelated .box-item .boxdate {
  font-weight: bold;
  font-size: 10px;
  color: #BBBBBB;
}

/* line 112, pages/news/news.scss */
.news-related .boxrelated .box-item:nth-child(1) {
  margin-left: 0;
}

/* line 116, pages/news/news.scss */
.news-related .boxrelated .box-item:nth-last-child(1) {
  margin-right: 0;
}

/* line 123, pages/news/news.scss */
.overlay-banner {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 2;
  height: 600px;
}

@media screen and (max-width: 768px) {
  /* line 123, pages/news/news.scss */
  .overlay-banner {
    height: 400px;
  }
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  /* line 141, pages/news/news.scss */
  :root {
    --gutter: 20px;
  }
  /* line 145, pages/news/news.scss */
  .news-konten, .news-tag, .boxrelated, .related-title {
    padding-left: 21px;
    padding-right: 21px;
  }
  /* line 150, pages/news/news.scss */
  .news-konten img {
    max-width: 100%;
    height: auto;
  }
  /* line 155, pages/news/news.scss */
  .news-summary {
    padding-top: 32px;
  }
  /* line 159, pages/news/news.scss */
  .news-tag li {
    margin-bottom: 10px;
  }
  /* line 163, pages/news/news.scss */
  .boxrelated {
    display: unset;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
  }
  /* line 169, pages/news/news.scss */
  .boxrelated .box-item {
    display: inline-block;
    width: 207px;
    margin-right: 16px;
  }
  /* line 174, pages/news/news.scss */
  .boxrelated .boxtitle {
    overflow-wrap: break-word;
    white-space: normal;
  }
  /* line 181, pages/news/news.scss */
  .news-related .boxrelated {
    display: block;
    padding-left: 0;
    padding-right: 0;
    margin: 0 21px;
  }
  /* line 191, pages/news/news.scss */
  .news-related .boxrelated .box-item {
    vertical-align: top;
  }
}

/* line 1, pages/audio-list/audio-list.scss */
audio, video, article, section {
  display: block;
}

/* line 5, pages/audio-list/audio-list.scss */
.audio-listing-page {
  font-family: "AxiataBook";
  letter-spacing: 2.67px;
  line-height: 18px;
  font-size: 16px;
}

/* line 11, pages/audio-list/audio-list.scss */
.audio-listing-page .icon-play,
.audio-listing-page .icon-pause {
  background-size: cover;
  display: inline-block;
  width: 16px;
  height: 16px;
}

/* line 20, pages/audio-list/audio-list.scss */
.audio-listing-page .icon-play {
  background-image: url(https://staticxl.ext.xlaxiata.co.id/s3fs-public/media/images/play.svg);
}

/* line 23, pages/audio-list/audio-list.scss */
.audio-listing-page .icon-pause {
  background-image: url(https://staticxl.ext.xlaxiata.co.id/s3fs-public/media/images/pause.svg);
}

/* line 27, pages/audio-list/audio-list.scss */
.audio-listing-page .audio-control {
  display: flex;
  align-items: center;
  width: auto;
  margin: 0 auto;
  color: #D8D8D8;
}

/* line 35, pages/audio-list/audio-list.scss */
.audio-listing-page .audio-control a {
  color: #EE3E80;
  display: inline-block;
  vertical-align: middle;
}

/* line 41, pages/audio-list/audio-list.scss */
.audio-listing-page .audio-control .audio-progress {
  border-radius: 5px;
  background: #D8D8D8;
  height: 5px;
  display: inline-block;
  width: 98%;
  vertical-align: middle;
  margin: -2px 10px 0;
  position: relative;
  z-index: 1;
}

/* line 53, pages/audio-list/audio-list.scss */
.audio-listing-page .audio-control .audio-progress .progress-highlight {
  background: #EE3E80;
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  width: 0%;
  height: 100%;
}

/* line 64, pages/audio-list/audio-list.scss */
.audio-listing-page .btn-primary {
  color: #EE3E80;
  font-size: 16px;
  font-weight: bold;
  line-height: normal;
  vertical-align: middle;
  border: 1px solid #EE3E80;
  background-color: #ffffff;
  letter-spacing: 1.33px;
  border-radius: 0;
  padding: 21px 30px;
}

/* line 76, pages/audio-list/audio-list.scss */
.audio-listing-page .btn-primary img {
  margin-left: 20px;
  vertical-align: middle;
}

/* line 82, pages/audio-list/audio-list.scss */
.audio-listing-page .section-audio-list-wrapper {
  padding-top: 60px;
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 30px;
}

/* line 89, pages/audio-list/audio-list.scss */
.audio-listing-page .section-audio-list-wrapper .audio-list-container {
  padding-bottom: 56px;
}

/* line 92, pages/audio-list/audio-list.scss */
.audio-listing-page .section-audio-list-wrapper .audio-list-container strong {
  opacity: 0.4;
  color: #000000;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 2px;
  line-height: 14px;
}

/* line 102, pages/audio-list/audio-list.scss */
.audio-listing-page .section-audio-list-wrapper .month-title {
  font-family: "AxiataBold";
  font-weight: bold;
  padding-bottom: 40px;
  line-height: 29px;
  font-size: 24px;
  display: block;
}

/* line 110, pages/audio-list/audio-list.scss */
.audio-listing-page .section-audio-list-wrapper .img-audio {
  float: left;
  margin-right: 20px;
  margin-bottom: 64px;
  height: 104px;
}

/* line 117, pages/audio-list/audio-list.scss */
.audio-listing-page .section-audio-list-wrapper .pengumuman-ringkasan {
  padding-top: 6px;
  padding-bottom: 53px;
  margin-bottom: 9px;
  height: 36px;
  color: #000000;
  font-weight: 500;
}

/* line 126, pages/audio-list/audio-list.scss */
.audio-listing-page .section-audio-list-wrapper .yearpicker {
  width: 600px;
  margin: 0 auto 56px;
  position: relative;
  color: #000;
}

/* line 132, pages/audio-list/audio-list.scss */
.audio-listing-page .section-audio-list-wrapper .yearpicker > *,
.audio-listing-page .section-audio-list-wrapper .yearpicker a {
  display: inline-block;
  color: #000;
  text-decoration: none;
  transition: 0.3s ease;
  text-align: center;
}

/* line 142, pages/audio-list/audio-list.scss */
.audio-listing-page .section-audio-list-wrapper .yearpicker .yp-content-area a {
  margin: 13px 36px;
}

/* line 147, pages/audio-list/audio-list.scss */
.audio-listing-page .section-audio-list-wrapper .yearpicker .yp-handle {
  font-size: 24px;
  line-height: 42px;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 5px;
  border: 0 dotted orange;
  text-align: center;
}

/* line 157, pages/audio-list/audio-list.scss */
.audio-listing-page .section-audio-list-wrapper .yearpicker .yp-handle.yp-handle-left {
  left: -48px;
}

/* line 161, pages/audio-list/audio-list.scss */
.audio-listing-page .section-audio-list-wrapper .yearpicker .yp-handle.yp-handle-right {
  right: -48px;
}

/* line 166, pages/audio-list/audio-list.scss */
.audio-listing-page .section-audio-list-wrapper .yearpicker .yp-content-area {
  font-size: 12px;
  font-weight: bold;
  width: inherit;
  overflow-x: auto;
  border-bottom: 2px solid #000000;
}

/* line 173, pages/audio-list/audio-list.scss */
.audio-listing-page .section-audio-list-wrapper .yearpicker .yp-content-area > .h-scroll-area {
  white-space: nowrap;
}

/* line 177, pages/audio-list/audio-list.scss */
.audio-listing-page .section-audio-list-wrapper .yearpicker .yp-content-area > a {
  color: #000;
  opacity: 0.4;
}

/* line 182, pages/audio-list/audio-list.scss */
.audio-listing-page .section-audio-list-wrapper .yearpicker .yp-content-area a:hover {
  transform: scale(1.3);
}

/* line 186, pages/audio-list/audio-list.scss */
.audio-listing-page .section-audio-list-wrapper .yearpicker .yp-content-area .active,
.audio-listing-page .section-audio-list-wrapper .yearpicker .yp-content-area .current-year {
  opacity: 1;
  font-size: 16px;
}

/* line 191, pages/audio-list/audio-list.scss */
.audio-listing-page .section-audio-list-wrapper .yearpicker .yp-content-area .active-before,
.audio-listing-page .section-audio-list-wrapper .yearpicker .yp-content-area .active-after {
  opacity: 0.7;
  font-size: 14px;
}

/* line 200, pages/audio-list/audio-list.scss */
.audio-listing-page .section-see-more {
  margin-bottom: 32px;
}

/* line 1, pages/bod-list/bod-list.scss */
.bod-box {
  margin-bottom: 24px;
}

@media screen and (max-width: 767px) {
  /* line 1, pages/bod-list/bod-list.scss */
  .bod-box {
    margin-bottom: 16px;
  }
}

/* line 8, pages/bod-list/bod-list.scss */
.bod-box .bod-summary {
  font-family: 'AxiataBook';
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 24px;
  color: #212B36;
}

/* line 16, pages/bod-list/bod-list.scss */
.bod-box .bod-headline {
  height: 100%;
  display: flex;
  align-items: center;
  color: #164396;
  font-family: 'AxiataBold';
  font-size: 24px;
  line-height: 28px;
}

@media screen and (max-width: 767px) {
  /* line 16, pages/bod-list/bod-list.scss */
  .bod-box .bod-headline {
    margin-bottom: 16px;
  }
}

/* line 32, pages/bod-list/bod-list.scss */
.title-area {
  margin: 48px auto;
  margin-bottom: 32px;
}

/* line 37, pages/bod-list/bod-list.scss */
.imgcontainer-bod {
  position: relative;
  height: 480px;
  width: 379px;
}

/* line 44, pages/bod-list/bod-list.scss */
.bod-photo-concept {
  background-image: linear-gradient(to bottom right, #142647, #1A3367);
  padding: 8px 12px;
  color: #ffffff;
  min-height: 156px;
}

/* line 51, pages/bod-list/bod-list.scss */
.bod-photo-concept .bod-name {
  width: 100%;
  font-family: 'AxiataBold';
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 8px;
}

@media screen and (max-width: 767px) {
  /* line 51, pages/bod-list/bod-list.scss */
  .bod-photo-concept .bod-name {
    font-size: 14px;
  }
}

/* line 62, pages/bod-list/bod-list.scss */
.bod-photo-concept .bod-title {
  width: 100%;
  font-family: 'AxiataBook';
  font-size: 14px;
  line-height: 20px;
}

@media screen and (max-width: 767px) {
  /* line 62, pages/bod-list/bod-list.scss */
  .bod-photo-concept .bod-title {
    font-size: 10px;
    line-height: 14px;
  }
}

/* line 76, pages/bod-list/bod-list.scss */
img.imgcontainer-bod2 {
  width: 100%;
  height: 480px;
  /* width: 360px;
        height: 480px; */
}

/* line 84, pages/bod-list/bod-list.scss */
.bod-marginbottom-container {
  margin-bottom: 32px;
}

@media (min-width: 320px) and (max-width: 766px) {
  /* line 90, pages/bod-list/bod-list.scss */
  img.imgcontainer-bod2 {
    height: 334px;
    width: 264px;
    max-width: max-content;
  }
  /* line 97, pages/bod-list/bod-list.scss */
  .horizontal-scrollable > .row {
    overflow-x: auto;
    flex-wrap: nowrap;
  }
  /* line 102, pages/bod-list/bod-list.scss */
  .horizontal-scrollable > .row > .col-sm-4 {
    display: inline-block;
    float: none;
  }
  /* line 108, pages/bod-list/bod-list.scss */
  .head-banner .head-title {
    height: 68px;
    width: 320px;
    font-family: 'AxiataBold';
    font-size: 24px;
    letter-spacing: 0.67px;
    line-height: 34px;
  }
  /* line 118, pages/bod-list/bod-list.scss */
  .bod-marginbottom-container {
    margin-bottom: 0px;
  }
}

/* line 123, pages/bod-list/bod-list.scss */
.section-leaderdesc {
  margin-top: 64px;
  margin-bottom: 64px;
}

@media screen and (max-width: 767px) {
  /* line 123, pages/bod-list/bod-list.scss */
  .section-leaderdesc {
    margin-top: 0;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  /* line 132, pages/bod-list/bod-list.scss */
  .section-leaderdesc.first {
    margin-top: 32px;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  /* line 145, pages/bod-list/bod-list.scss */
  .section-leaderdesc .container .row.scroller {
    margin-right: 0;
    margin-left: 0;
    overflow-x: auto;
    flex-wrap: nowrap;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
  }
}

/* line 158, pages/bod-list/bod-list.scss */
.section-leaderdesc .container .row.scroller::-webkit-scrollbar {
  display: none;
}

/* line 162, pages/bod-list/bod-list.scss */
.section-leaderdesc .container .row.scroller .bod-box {
  margin-bottom: 16px;
}

/* line 165, pages/bod-list/bod-list.scss */
.section-leaderdesc .container .row.scroller .bod-box .bod-headline {
  margin-bottom: 16px;
}

/* line 169, pages/bod-list/bod-list.scss */
.section-leaderdesc .container .row.scroller .bod-box .bod-summary {
  margin-bottom: 16px;
}

/* line 177, pages/bod-list/bod-list.scss */
.section-leaderdesc .container .row.scroller .bod-photo:nth-child(-n+3) {
  margin-bottom: 32px;
}

@media screen and (max-width: 767px) {
  /* line 175, pages/bod-list/bod-list.scss */
  .section-leaderdesc .container .row.scroller .bod-photo {
    padding-right: 6px;
    padding-left: 6px;
    margin-bottom: 0;
  }
  /* line 186, pages/bod-list/bod-list.scss */
  .section-leaderdesc .container .row.scroller .bod-photo:first-child {
    padding-left: 0;
  }
  /* line 190, pages/bod-list/bod-list.scss */
  .section-leaderdesc .container .row.scroller .bod-photo:last-child {
    padding-right: 0;
  }
}

/* line 198, pages/bod-list/bod-list.scss */
.section-leaderdesc .container .row.scroller .bod-photo .leader-photo {
  vertical-align: auto;
  line-height: 0;
}

/* line 202, pages/bod-list/bod-list.scss */
.section-leaderdesc .container .row.scroller .bod-photo .leader-photo img {
  width: 100%;
  height: 480px;
}

@media screen and (max-width: 767px) {
  /* line 202, pages/bod-list/bod-list.scss */
  .section-leaderdesc .container .row.scroller .bod-photo .leader-photo img {
    max-height: 338px;
  }
}

/* line 1, pages/milestone/milestone.scss */
.container-milestone {
  display: flex;
  margin: 0 15%;
  padding: 64px 0;
}

/* line 8, pages/milestone/milestone.scss */
.container-milestone + .footer-atas {
  overflow: hidden;
}

/* line 13, pages/milestone/milestone.scss */
.container-timeline {
  display: flex;
  flex: 0.3;
  flex-direction: column;
  padding: 104px 0;
}

/* line 19, pages/milestone/milestone.scss */
.container-timeline .white-space-timeline {
  display: flex;
  /* flex: 0.2; */
  position: absolute;
  height: 120px;
  width: 300px;
  /* background-color: rgba(255,255,255, 0.7); */
  background-image: linear-gradient(white, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.4));
}

/* line 34, pages/milestone/milestone.scss */
.container-timeline .white-space-timeline-bottom {
  display: flex;
  /* flex: 0.2; */
  position: relative;
  margin-top: -100px;
  height: 100px;
  width: 300px;
  /* background-color: rgba(255,255,255, 0.7); */
  background-image: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.9), white);
}

/* line 50, pages/milestone/milestone.scss */
.container-timeline .container-scroll-snap {
  display: flex;
  flex: 0.8;
  flex-direction: column;
  max-height: 504px;
  overflow-y: scroll;
  padding: 75% 0;
  padding-left: 50px;
  margin-right: 50px;
}

/* line 61, pages/milestone/milestone.scss */
.container-timeline .container-scroll-snap .container-item-to-scroll {
  display: flex;
  flex-direction: row;
  flex: 1;
}

/* line 66, pages/milestone/milestone.scss */
.container-timeline .container-scroll-snap .container-item-to-scroll .item-to-scroll-snap {
  display: flex;
  flex: 1;
  margin-left: 10px;
  padding: 0.5rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  scroll-snap-align: center;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 28px;
  color: #212b36;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}

/* line 85, pages/milestone/milestone.scss */
.container-timeline .container-scroll-snap .container-item-to-scroll .item-to-scroll-snap.is-active {
  color: #164396;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 28px;
}

/* line 96, pages/milestone/milestone.scss */
.container-timeline .container-scroll-snap .container-item-to-scroll .item-dot-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
}

/* line 103, pages/milestone/milestone.scss */
.container-timeline .container-scroll-snap .container-item-to-scroll .item-dot-container .line-indicator {
  display: flex;
  background-color: #212b36;
  width: 1px;
  height: 30px;
}

/* line 110, pages/milestone/milestone.scss */
.container-timeline .container-scroll-snap .container-item-to-scroll .item-dot-container .item-dot-indicator {
  display: flex;
  background-color: #212b36;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  margin: 0 20px;
}

/* line 119, pages/milestone/milestone.scss */
.container-timeline .container-scroll-snap .container-item-to-scroll .item-dot-container .line-indicator-after {
  display: flex;
  background-color: #212b36;
  width: 1px;
  height: 30px;
}

/* line 128, pages/milestone/milestone.scss */
.container-timeline .container-scroll-snap .container-item-to-scroll .item-dot-container.item-dot-active .item-dot-indicator {
  background-color: #ee3e80;
  display: flex;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  margin: 0 20px;
}

/* line 142, pages/milestone/milestone.scss */
.container-timeline .area-picker {
  position: relative;
  margin-top: -100px;
  height: 50px;
  width: 400px;
  background-color: yellow;
}

/* line 155, pages/milestone/milestone.scss */
.container-timeline .container-scroll {
  height: 504px;
  display: flex;
  flex: 0.8;
  margin-bottom: 10%;
  padding-bottom: 50px;
  padding-top: 150px;
  flex-direction: column;
  white-space: nowrap;
  overflow-x: hidden;
  overflow-y: scroll;
  flex-wrap: nowrap;
  align-items: center;
  margin-top: 30%;
}

/* line 170, pages/milestone/milestone.scss */
.container-timeline .container-scroll .container-item-scrollable {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 126px;
  height: 56px;
}

/* line 179, pages/milestone/milestone.scss */
.container-timeline .container-scroll .container-item-scrollable .item-dot-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
}

/* line 186, pages/milestone/milestone.scss */
.container-timeline .container-scroll .container-item-scrollable .item-dot-container .line-indicator {
  display: flex;
  background-color: #212b36;
  width: 1px;
  height: 23px;
}

/* line 193, pages/milestone/milestone.scss */
.container-timeline .container-scroll .container-item-scrollable .item-dot-container .item-dot-indicator {
  display: flex;
  background-color: #212b36;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  margin: 0 20px;
}

/* line 202, pages/milestone/milestone.scss */
.container-timeline .container-scroll .container-item-scrollable .item-dot-container .line-indicator-after {
  display: flex;
  background-color: #212b36;
  width: 1px;
  height: 23px;
}

/* line 209, pages/milestone/milestone.scss */
.container-timeline .container-scroll .container-item-scrollable .item-dot-container .item-dot-active {
  background-color: #ee3e80;
  display: flex;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  margin: 0 20px;
}

/* line 219, pages/milestone/milestone.scss */
.container-timeline .container-scroll .container-item-scrollable .item-label-active {
  color: #164396;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 28px;
  cursor: pointer;
}

/* line 228, pages/milestone/milestone.scss */
.container-timeline .container-scroll .container-item-scrollable .item-label-inactive {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 28px;
  color: #212b36;
  cursor: pointer;
}

/* line 237, pages/milestone/milestone.scss */
.container-timeline .container-scroll .container-item-scrollable .item-to-scroll-first-item {
  margin-left: 20px;
  align-self: flex-start;
}

/* line 242, pages/milestone/milestone.scss */
.container-timeline .container-scroll .container-item-scrollable .item-to-scroll {
  margin-left: 20px;
}

/* line 246, pages/milestone/milestone.scss */
.container-timeline .container-scroll .container-item-scrollable .item-to-scroll-last-item {
  margin-left: 20px;
  align-self: flex-end;
}

/* line 252, pages/milestone/milestone.scss */
.container-timeline .container-scroll .container-item-scrollable-whitespace {
  display: flex;
  width: 126px;
  height: 56px;
}

/* line 260, pages/milestone/milestone.scss */
.container-detail-timeline {
  display: flex;
  flex: 0.7;
  flex-direction: column;
}

/* line 266, pages/milestone/milestone.scss */
.container-title-year {
  display: flex;
  flex: 0.2;
  justify-content: left;
  align-items: center;
  padding-top: 20px;
}

/* line 274, pages/milestone/milestone.scss */
.container-text-timeline {
  display: flex;
  flex: 0.8;
  padding-top: 20px;
  padding-bottom: 20px;
}

/* line 281, pages/milestone/milestone.scss */
.title-year-style {
  font-family: "AxiataBold";
  color: #164396;
  font-size: 72px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 72px;
}

/* line 290, pages/milestone/milestone.scss */
.text-detail-summary {
  color: #212b36;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 24px;
  justify-content: left;
}

/* line 298, pages/milestone/milestone.scss */
.text-detail-summary .padding-paragraph {
  padding: 10px 0;
}

/* line 303, pages/milestone/milestone.scss */
.text-detail-summary-not-active {
  display: none;
}

@media (min-width: 360px) and (max-width: 900px) {
  /* line 359, pages/milestone/milestone.scss */
  .container-milestone {
    margin: 0;
  }
  /* line 362, pages/milestone/milestone.scss */
  .container-milestone .yearpicker {
    display: none;
    color: #000;
    background-color: #fff;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3999;
    align-items: center;
    justify-content: center;
  }
  /* line 375, pages/milestone/milestone.scss */
  .container-milestone .yearpicker > .close-icon {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 4000;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #EE3E80;
    font-family: 'AxiataBold';
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
  }
  /* line 392, pages/milestone/milestone.scss */
  .container-milestone .yearpicker .kelas {
    display: block;
    position: absolute;
    bottom: 0;
    background-color: #EE3E80;
    width: 100%;
    text-align: center;
    padding: 21px 68px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'AxiataBold';
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 18px;
  }
  /* line 405, pages/milestone/milestone.scss */
  .container-milestone .yearpicker a {
    text-decoration: none;
    transition: 0.3s ease;
    text-align: center;
  }
  /* line 413, pages/milestone/milestone.scss */
  .container-milestone .yearpicker .yp-content-area a {
    margin: 13px 36px;
  }
  /* line 418, pages/milestone/milestone.scss */
  .container-milestone .yearpicker .yp-content-area {
    font-size: 32px;
    font-weight: bold;
  }
  /* line 422, pages/milestone/milestone.scss */
  .container-milestone .yearpicker .yp-content-area > .v-scroll-area {
    display: flex;
    flex-direction: column;
    align-content: space-between;
    height: 350px;
    overflow-y: auto;
    white-space: nowrap;
  }
  /* line 431, pages/milestone/milestone.scss */
  .container-milestone .yearpicker .yp-content-area a {
    color: #164396;
    opacity: 0.4;
    font-size: 32px;
  }
  /* line 437, pages/milestone/milestone.scss */
  .container-milestone .yearpicker .yp-content-area a:hover {
    transform: scale(1.3);
  }
  /* line 441, pages/milestone/milestone.scss */
  .container-milestone .yearpicker .yp-content-area .active,
  .container-milestone .yearpicker .yp-content-area .current-year {
    opacity: 1;
    font-size: 48px;
  }
  /* line 446, pages/milestone/milestone.scss */
  .container-milestone .yearpicker .yp-content-area .previous-year,
  .container-milestone .yearpicker .yp-content-area .next-year {
    opacity: 0.7;
    font-size: 40px;
  }
  /* line 454, pages/milestone/milestone.scss */
  .container-milestone .container-timeline {
    display: none;
  }
  /* line 458, pages/milestone/milestone.scss */
  .container-milestone .container-detail-timeline {
    position: relative;
    display: block;
    flex: 1;
    width: 100%;
  }
  /* line 464, pages/milestone/milestone.scss */
  .container-milestone .container-detail-timeline .container-title-year,
  .container-milestone .container-detail-timeline .container-text-timeline {
    display: block;
  }
  /* line 469, pages/milestone/milestone.scss */
  .container-milestone .container-detail-timeline .container-title-year {
    padding: 22px 0;
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.08);
    flex: none;
    padding-left: 36px;
    padding-right: 36px;
  }
  /* line 477, pages/milestone/milestone.scss */
  .container-milestone .container-detail-timeline .title-year-style {
    font-family: "AxiataBold";
    color: #164396;
    font-size: 48px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: normal;
  }
  /* line 486, pages/milestone/milestone.scss */
  .container-milestone .container-detail-timeline .container-text-timeline {
    padding: 16px 20px;
    height: 450px;
    overflow-y: scroll;
  }
}

/* line 495, pages/milestone/milestone.scss */
.year-picker-wrapper {
  /* Year Selector */
}

/* line 497, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  perspective: 2000px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  width: 100%;
  height: 350px;
}

/* line 510, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector > .year,
.year-picker-wrapper .year-selector > .month,
.year-picker-wrapper .year-selector > .day {
  flex: 1;
}

/* line 517, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector div, .year-picker-wrapper .year-selector ul,
.year-picker-wrapper .year-selector li {
  font-size: 32px;
  font-family: 'AxiataBook';
  font-weight: bold;
  line-height: inherit;
  text-align: center;
}

/* line 526, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .highlight {
  font-size: 48px;
}

/* line 530, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap {
  position: relative;
  height: 100%;
  text-align: center;
  overflow: hidden;
  font-weight: bold;
}

/* line 540, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap:before, .year-picker-wrapper .year-selector .select-wrap:after {
  position: absolute;
  z-index: 1;
  display: block;
  content: '';
  width: 100%;
  height: 30%;
}

/* line 548, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap:before {
  top: 0;
  background-image: linear-gradient(to bottom, white, rgba(255, 255, 255, 0));
}

/* line 552, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap:after {
  bottom: 0;
  background-image: linear-gradient(to top, white, rgba(255, 255, 255, 0));
}

/* line 557, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options {
  list-style: none;
  color: #164396;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  transform-style: preserve-3d;
  margin: 0 auto;
  display: block;
  transform: translateZ(-150px) rotateX(0deg);
  -webkit-font-smoothing: subpixel-antialiased;
}

/* line 570, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 63px;
  opacity: 0.4;
  -webkit-font-smoothing: subpixel-antialiased;
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(1) {
  transform: rotateX(0deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(2) {
  transform: rotateX(-18deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(3) {
  transform: rotateX(-36deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(4) {
  transform: rotateX(-54deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(5) {
  transform: rotateX(-72deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(6) {
  transform: rotateX(-90deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(7) {
  transform: rotateX(-108deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(8) {
  transform: rotateX(-126deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(9) {
  transform: rotateX(-144deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(10) {
  transform: rotateX(-162deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(11) {
  transform: rotateX(-180deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(12) {
  transform: rotateX(-198deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(13) {
  transform: rotateX(-216deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(14) {
  transform: rotateX(-234deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(15) {
  transform: rotateX(-252deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(16) {
  transform: rotateX(-270deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(17) {
  transform: rotateX(-288deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(18) {
  transform: rotateX(-306deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(19) {
  transform: rotateX(-324deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(20) {
  transform: rotateX(-342deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(21) {
  transform: rotateX(-360deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(22) {
  transform: rotateX(-378deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(23) {
  transform: rotateX(-396deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(24) {
  transform: rotateX(-414deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(25) {
  transform: rotateX(-432deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(26) {
  transform: rotateX(-450deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(27) {
  transform: rotateX(-468deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(28) {
  transform: rotateX(-486deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(29) {
  transform: rotateX(-504deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(30) {
  transform: rotateX(-522deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(31) {
  transform: rotateX(-540deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(32) {
  transform: rotateX(-558deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(33) {
  transform: rotateX(-576deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(34) {
  transform: rotateX(-594deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(35) {
  transform: rotateX(-612deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(36) {
  transform: rotateX(-630deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(37) {
  transform: rotateX(-648deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(38) {
  transform: rotateX(-666deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(39) {
  transform: rotateX(-684deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(40) {
  transform: rotateX(-702deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(41) {
  transform: rotateX(-720deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(42) {
  transform: rotateX(-738deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(43) {
  transform: rotateX(-756deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(44) {
  transform: rotateX(-774deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(45) {
  transform: rotateX(-792deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(46) {
  transform: rotateX(-810deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(47) {
  transform: rotateX(-828deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(48) {
  transform: rotateX(-846deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(49) {
  transform: rotateX(-864deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(50) {
  transform: rotateX(-882deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(51) {
  transform: rotateX(-900deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(52) {
  transform: rotateX(-918deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(53) {
  transform: rotateX(-936deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(54) {
  transform: rotateX(-954deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(55) {
  transform: rotateX(-972deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(56) {
  transform: rotateX(-990deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(57) {
  transform: rotateX(-1008deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(58) {
  transform: rotateX(-1026deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(59) {
  transform: rotateX(-1044deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(60) {
  transform: rotateX(-1062deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(61) {
  transform: rotateX(-1080deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(62) {
  transform: rotateX(-1098deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(63) {
  transform: rotateX(-1116deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(64) {
  transform: rotateX(-1134deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(65) {
  transform: rotateX(-1152deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(66) {
  transform: rotateX(-1170deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(67) {
  transform: rotateX(-1188deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(68) {
  transform: rotateX(-1206deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(69) {
  transform: rotateX(-1224deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(70) {
  transform: rotateX(-1242deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(71) {
  transform: rotateX(-1260deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(72) {
  transform: rotateX(-1278deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(73) {
  transform: rotateX(-1296deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(74) {
  transform: rotateX(-1314deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(75) {
  transform: rotateX(-1332deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(76) {
  transform: rotateX(-1350deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(77) {
  transform: rotateX(-1368deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(78) {
  transform: rotateX(-1386deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(79) {
  transform: rotateX(-1404deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(80) {
  transform: rotateX(-1422deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(81) {
  transform: rotateX(-1440deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(82) {
  transform: rotateX(-1458deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(83) {
  transform: rotateX(-1476deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(84) {
  transform: rotateX(-1494deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(85) {
  transform: rotateX(-1512deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(86) {
  transform: rotateX(-1530deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(87) {
  transform: rotateX(-1548deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(88) {
  transform: rotateX(-1566deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(89) {
  transform: rotateX(-1584deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(90) {
  transform: rotateX(-1602deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(91) {
  transform: rotateX(-1620deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(92) {
  transform: rotateX(-1638deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(93) {
  transform: rotateX(-1656deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(94) {
  transform: rotateX(-1674deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(95) {
  transform: rotateX(-1692deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(96) {
  transform: rotateX(-1710deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(97) {
  transform: rotateX(-1728deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(98) {
  transform: rotateX(-1746deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(99) {
  transform: rotateX(-1764deg) translateZ(150px);
}

/* line 581, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .select-wrap .select-options .select-option:nth-child(100) {
  transform: rotateX(-1782deg) translateZ(150px);
}

/* line 590, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .highlight {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 100%;
  font-size: 48px;
  overflow: hidden;
  background: #fff;
  color: #164396;
}

/* line 600, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .highlight li {
  font-size: 48px;
}

/* line 605, pages/milestone/milestone.scss */
.year-picker-wrapper .year-selector .highlight-list {
  position: absolute;
  width: 100%;
}

@media (max-width: 767px) {
  /* line 618, pages/milestone/milestone.scss */
  .bottom-banner .bottom-banner-column {
    height: 400px;
  }
}

@media (min-width: 768px) {
  /* line 618, pages/milestone/milestone.scss */
  .bottom-banner .bottom-banner-column {
    height: 300px;
  }
}

/* line 627, pages/milestone/milestone.scss */
.bottom-banner .bottom-image-background {
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  z-index: -1;
  width: 100%;
  vertical-align: middle;
}

@media (max-width: 767px) {
  /* line 638, pages/milestone/milestone.scss */
  .bottom-banner .action {
    height: 400px;
  }
}

@media (min-width: 768px) {
  /* line 638, pages/milestone/milestone.scss */
  .bottom-banner .action {
    height: 300px;
  }
}

/* line 645, pages/milestone/milestone.scss */
.bottom-banner .action .title-page {
  color: #FFFFFF;
  font-family: 'AxiataBold';
  font-size: 24px;
  letter-spacing: 3px;
  line-height: 50px;
  margin: auto;
  padding-left: 72px;
}

@media (max-width: 767px) {
  /* line 645, pages/milestone/milestone.scss */
  .bottom-banner .action .title-page {
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    padding-left: 15px;
  }
}

/* line 663, pages/milestone/milestone.scss */
.bottom-banner .action .button-column {
  color: #FFFFFF;
  font-family: 'AxiataBold';
  font-size: 36px;
  letter-spacing: 3px;
  line-height: 50px;
  margin: auto;
}

@media (max-width: 767px) {
  /* line 663, pages/milestone/milestone.scss */
  .bottom-banner .action .button-column {
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    margin: auto auto 40px auto;
  }
}

/* line 680, pages/milestone/milestone.scss */
.bottom-banner .action .button {
  padding: 0px 30px;
  font-family: 'AxiataBold';
  color: #FFFFFF;
  font-size: 16px;
  letter-spacing: 1.33px;
  line-height: 18px;
  text-align: center;
  border: 1px solid #EE3E80;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 60px;
  margin: auto;
}

@media (max-width: 767px) {
  /* line 680, pages/milestone/milestone.scss */
  .bottom-banner .action .button {
    width: 100%;
  }
}

@media (min-width: 768px) {
  /* line 680, pages/milestone/milestone.scss */
  .bottom-banner .action .button {
    width: 200px;
  }
}

/* line 1, pages/bod-detail/bod-detail.scss */
.universal-bod {
  background-image: url("https://staticxl.ext.xlaxiata.co.id/s3fs-public/media/images/bod-bg.png");
  background-position: center;
  background-size: cover;
  background-clip: content-box;
}

/* line 6, pages/bod-detail/bod-detail.scss */
.universal-bod .nav-breadcumb {
  margin-top: 24px;
  color: #ffffff;
}

/* line 14, pages/bod-detail/bod-detail.scss */
.bod-detail-container {
  margin-top: 24px;
  display: flex;
  flex-direction: row;
  height: 786px;
  width: 100%;
  color: white;
}

@media (max-width: 576px) {
  /* line 14, pages/bod-detail/bod-detail.scss */
  .bod-detail-container {
    flex-direction: column;
    height: auto;
  }
}

/* line 28, pages/bod-detail/bod-detail.scss */
.bod-detail-image {
  display: flex;
  align-items: flex-end;
  width: 50%;
}

/* line 32, pages/bod-detail/bod-detail.scss */
.bod-detail-image img {
  width: 90%;
  height: 650px;
  object-fit: cover;
}

@media (max-width: 824px) {
  /* line 28, pages/bod-detail/bod-detail.scss */
  .bod-detail-image {
    width: 50%;
  }
}

@media (max-width: 576px) {
  /* line 28, pages/bod-detail/bod-detail.scss */
  .bod-detail-image {
    width: 100%;
  }
  /* line 43, pages/bod-detail/bod-detail.scss */
  .bod-detail-image img {
    width: 100%;
    height: auto;
  }
}

/* line 49, pages/bod-detail/bod-detail.scss */
.bod-detail-article {
  display: flex;
  flex-direction: column;
  width: 50%;
}

/* line 53, pages/bod-detail/bod-detail.scss */
.bod-detail-article .history {
  width: 100%;
}

@media (min-width: 768px) {
  /* line 53, pages/bod-detail/bod-detail.scss */
  .bod-detail-article .history {
    margin-bottom: 32px;
  }
}

@media (max-width: 767px) {
  /* line 53, pages/bod-detail/bod-detail.scss */
  .bod-detail-article .history {
    margin-bottom: 16px;
  }
}

/* line 62, pages/bod-detail/bod-detail.scss */
.bod-detail-article .history .bod-name {
  font-family: 'AxiataBold';
  font-weight: bold;
}

@media (min-width: 768px) {
  /* line 62, pages/bod-detail/bod-detail.scss */
  .bod-detail-article .history .bod-name {
    font-size: 36px;
    letter-spacing: 3px;
    line-height: 50px;
    margin-bottom: 16px;
  }
}

@media (max-width: 767px) {
  /* line 62, pages/bod-detail/bod-detail.scss */
  .bod-detail-article .history .bod-name {
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 34px;
    margin-bottom: 8px;
  }
}

/* line 80, pages/bod-detail/bod-detail.scss */
.bod-detail-article .history .jobdesk {
  color: #ee3e80;
  font-size: 16px;
}

@media (min-width: 768px) {
  /* line 80, pages/bod-detail/bod-detail.scss */
  .bod-detail-article .history .jobdesk {
    margin-bottom: 32px;
  }
}

@media (max-width: 767px) {
  /* line 80, pages/bod-detail/bod-detail.scss */
  .bod-detail-article .history .jobdesk {
    margin-bottom: 16px;
  }
}

/* line 90, pages/bod-detail/bod-detail.scss */
.bod-detail-article .history .content {
  overflow-y: scroll;
  padding-right: 10%;
  min-height: 0;
  height: 320px;
  font-size: 14px;
  line-height: 1.6;
}

/* line 100, pages/bod-detail/bod-detail.scss */
.bod-detail-article .history .content .content-item .item-title {
  font-size: 20px;
}

/* line 103, pages/bod-detail/bod-detail.scss */
.bod-detail-article .history .content .content-item .item-description {
  font-size: 14px;
}

/* line 108, pages/bod-detail/bod-detail.scss */
.bod-detail-article .history .content::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}

/* line 113, pages/bod-detail/bod-detail.scss */
.bod-detail-article .history .content::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #EE3E80;
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

/* line 119, pages/bod-detail/bod-detail.scss */
.bod-detail-article .history .content h3, .bod-detail-article .history .content h4 {
  padding: 8px 0px;
  font-family: 'AxiataBold';
}

/* line 123, pages/bod-detail/bod-detail.scss */
.bod-detail-article .history .content hr {
  margin: 0px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

/* line 127, pages/bod-detail/bod-detail.scss */
.bod-detail-article .history .content p {
  padding-bottom: 8px;
}

/* line 130, pages/bod-detail/bod-detail.scss */
.bod-detail-article .history .content q:before {
  content: open-quote;
  display: block;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
  color: #ee3e80;
  padding: 10px 0px;
}

/* line 140, pages/bod-detail/bod-detail.scss */
.bod-detail-article .history .content-item {
  padding: 8px 0px;
  border-bottom: 1px solid #ee3e80;
}

@media (max-width: 576px) {
  /* line 90, pages/bod-detail/bod-detail.scss */
  .bod-detail-article .history .content {
    height: auto;
    overflow-x: auto;
    margin-bottom: 16px;
    padding-right: 0px;
  }
}

@media (max-width: 576px) {
  /* line 53, pages/bod-detail/bod-detail.scss */
  .bod-detail-article .history {
    margin-top: 32px;
  }
}

/* line 155, pages/bod-detail/bod-detail.scss */
.bod-detail-article .other-bod {
  height: 30%;
  /* show 3 items */
  /* left or forward direction */
  /* farthest right hidden item must be abso position for animations */
  /* right or prev direction */
}

/* line 159, pages/bod-detail/bod-detail.scss */
.bod-detail-article .other-bod h3 {
  margin-bottom: 16px;
}

/* line 163, pages/bod-detail/bod-detail.scss */
.bod-detail-article .other-bod .other-bod-text {
  font-size: 24px;
}

/* line 168, pages/bod-detail/bod-detail.scss */
.bod-detail-article .other-bod .slider-container .carousel-nav {
  width: auto;
}

/* line 171, pages/bod-detail/bod-detail.scss */
.bod-detail-article .other-bod .slider-container .flex-inner {
  display: flex;
  justify-content: center;
}

/* line 175, pages/bod-detail/bod-detail.scss */
.bod-detail-article .other-bod .slider-container .carousel-item {
  width: 25%;
}

/* line 177, pages/bod-detail/bod-detail.scss */
.bod-detail-article .other-bod .slider-container .carousel-item img {
  max-width: 120px;
  width: 100%;
  height: 133px;
  object-fit: cover;
}

@media (max-width: 767px) {
  /* line 177, pages/bod-detail/bod-detail.scss */
  .bod-detail-article .other-bod .slider-container .carousel-item img {
    height: 120px;
  }
}

@media (max-width: 576px) {
  /* line 177, pages/bod-detail/bod-detail.scss */
  .bod-detail-article .other-bod .slider-container .carousel-item img {
    height: 133px;
  }
}

@media (max-width: 576px) {
  /* line 167, pages/bod-detail/bod-detail.scss */
  .bod-detail-article .other-bod .slider-container {
    margin-bottom: 50px;
  }
}

/* line 196, pages/bod-detail/bod-detail.scss */
.bod-detail-article .other-bod .carousel-inner .active,
.bod-detail-article .other-bod .carousel-inner .active + .carousel-item,
.bod-detail-article .other-bod .carousel-inner .active + .carousel-item + .carousel-item {
  display: block;
  margin: 0px 8px;
}

/* line 203, pages/bod-detail/bod-detail.scss */
.bod-detail-article .other-bod .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
.bod-detail-article .other-bod .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
.bod-detail-article .other-bod .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
  transition: none;
}

/* line 209, pages/bod-detail/bod-detail.scss */
.bod-detail-article .other-bod .carousel-inner .carousel-item-next,
.bod-detail-article .other-bod .carousel-inner .carousel-item-prev {
  position: relative;
  transform: translate3d(0, 0, 0);
}

/* line 215, pages/bod-detail/bod-detail.scss */
.bod-detail-article .other-bod .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
  position: absolute;
  top: 0;
  right: -33.3333%;
  z-index: -1;
  display: block;
  visibility: visible;
}

/* line 225, pages/bod-detail/bod-detail.scss */
.bod-detail-article .other-bod .active.carousel-item-left + .carousel-item-next.carousel-item-left,
.bod-detail-article .other-bod .carousel-item-next.carousel-item-left + .carousel-item,
.bod-detail-article .other-bod .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
.bod-detail-article .other-bod .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
  position: relative;
  transform: translate3d(-100%, 0, 0);
  visibility: visible;
}

/* line 235, pages/bod-detail/bod-detail.scss */
.bod-detail-article .other-bod .carousel-inner .carousel-item-prev.carousel-item-right {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  visibility: visible;
}

/* line 245, pages/bod-detail/bod-detail.scss */
.bod-detail-article .other-bod .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
.bod-detail-article .other-bod .carousel-item-prev.carousel-item-right + .carousel-item,
.bod-detail-article .other-bod .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
.bod-detail-article .other-bod .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
  position: relative;
  transform: translate3d(100%, 0, 0);
  visibility: visible;
  display: block;
  visibility: visible;
}

@media (max-width: 576px) {
  /* line 49, pages/bod-detail/bod-detail.scss */
  .bod-detail-article {
    width: 100%;
  }
}

/* line 8, pages/awards/awards.scss */
.awards--main-content {
  padding: 64px 0px;
}

/* line 12, pages/awards/awards.scss */
.awards--main-content .form-container {
  width: 100%;
}

@media (max-width: 767px) {
  /* line 12, pages/awards/awards.scss */
  .awards--main-content .form-container {
    padding-left: 20px;
  }
}

/* line 18, pages/awards/awards.scss */
.awards--main-content .awards-margin-btm-30 {
  margin-bottom: 30px;
}

/* line 22, pages/awards/awards.scss */
.awards--main-content .award-content-container {
  margin-left: 138px;
}

@media (max-width: 767px) {
  /* line 22, pages/awards/awards.scss */
  .awards--main-content .award-content-container {
    margin-left: 0px;
    margin-top: 34px;
  }
}

/* line 30, pages/awards/awards.scss */
.awards--main-content .award-content-container .awards-heading {
  font-family: 'AxiataBold';
  color: #164396;
  font-size: 72px;
  line-height: 72px;
  letter-spacing: 1px;
  margin-bottom: 56px;
}

@media (max-width: 767px) {
  /* line 30, pages/awards/awards.scss */
  .awards--main-content .award-content-container .awards-heading {
    margin-bottom: 32px;
    font-size: 48px;
    line-height: 52px;
  }
}

/* line 45, pages/awards/awards.scss */
.awards--main-content .award-content-container ol {
  list-style: none;
  counter-reset: my-awesome-counter;
}

/* line 49, pages/awards/awards.scss */
.awards--main-content .award-content-container ol .bullet-content {
  font-family: 'AxiataBook';
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 1px;
  color: #212b36;
  margin-left: 16px;
  margin-top: 8px;
  margin-bottom: 32px;
  display: flex;
  flex-direction: column;
}

/* line 61, pages/awards/awards.scss */
.awards--main-content .award-content-container ol .bullet-content .text-content {
  margin-bottom: 24px;
}

/* line 65, pages/awards/awards.scss */
.awards--main-content .award-content-container ol .bullet-content .image-container {
  display: flex;
  flex-direction: row;
}

@media (max-width: 767px) {
  /* line 65, pages/awards/awards.scss */
  .awards--main-content .award-content-container ol .bullet-content .image-container {
    overflow-x: auto;
  }
}

/* line 73, pages/awards/awards.scss */
.awards--main-content .award-content-container ol .bullet-content .image-container .img-thumbnail {
  min-width: 270px;
  max-width: 270px;
  height: 180px;
  background-position: center center;
  background-size: cover;
  margin: 0px 24px;
}

@media (max-width: 767px) {
  /* line 73, pages/awards/awards.scss */
  .awards--main-content .award-content-container ol .bullet-content .image-container .img-thumbnail {
    margin: 0px 16px;
  }
}

/* line 85, pages/awards/awards.scss */
.awards--main-content .award-content-container ol .bullet-content .image-container .img-thumbnail:first-child {
  margin-left: 0px;
}

/* line 88, pages/awards/awards.scss */
.awards--main-content .award-content-container ol .bullet-content .image-container .image-container:last-child {
  margin-right: 0px;
}

/* line 95, pages/awards/awards.scss */
.awards--main-content .award-content-container ol li {
  counter-increment: my-awesome-counter;
  color: #212121;
  font-family: 'AxiataBold';
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 1px;
}

/* line 99, pages/awards/awards.scss */
.awards--main-content .award-content-container ol li::before {
  content: counter(my-awesome-counter) ".";
  color: #212121;
  font-family: 'AxiataBold';
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 1px;
  width: 16px;
}

/* line 2, pages/investor/investor.scss */
.full-bg {
  background-size: cover;
  background-position: center center;
}

/* line 6, pages/investor/investor.scss */
.titleholder {
  margin-top: 413px;
}

/* line 10, pages/investor/investor.scss */
.investorbox {
  padding-top: 250px;
}

/* line 12, pages/investor/investor.scss */
.investorbox h3 {
  font-family: AxiataBold;
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 44px;
  margin-bottom: 16px;
}

/* line 17, pages/investor/investor.scss */
.investorbox .subtitle {
  margin-bottom: 32px;
}

/* line 22, pages/investor/investor.scss */
.investorbox .investorlist ul {
  padding: 0;
}

/* line 25, pages/investor/investor.scss */
.investorbox .investorlist ul li {
  list-style: none;
  margin-bottom: 32px;
}

/* line 30, pages/investor/investor.scss */
.investorbox .investorlist ul li a {
  font-family: AxiataMedium;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 3px;
  border-bottom: 1px solid #EE3E80;
  padding-bottom: 10px;
}

/* line 40, pages/investor/investor.scss */
.startright {
  margin-left: 50%;
}

/* line 44, pages/investor/investor.scss */
.infobox {
  width: 585px;
  margin: auto;
}

/* line 47, pages/investor/investor.scss */
.infobox .button {
  padding: 21px 24px;
  border: 1px solid #EE3E80;
  width: 292px;
  text-align: center;
  font-family: AxiataBold;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1.33px;
  line-height: 18px;
  text-transform: uppercase;
}

/* line 62, pages/investor/investor.scss */
.investor-container .msg-subtitle {
  font-family: 'AxiataBook' !important;
}

/* line 69, pages/investor/investor.scss */
.custom-list .list__item {
  margin-top: 16px !important;
  font-size: 24px !important;
  font-family: 'AxiataMedium' !important;
  white-space: normal !important;
}

/* line 1, pages/about-axiata/about-axiata.scss */
.title-center {
  font-family: 'AxiataBold';
  color: #ffffff;
  font-size: 36px;
  line-height: 50px;
  letter-spacing: 3px;
  text-align: center;
  margin-bottom: 32px;
}

@media (max-width: 767px) {
  /* line 1, pages/about-axiata/about-axiata.scss */
  .title-center {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 1px;
  }
}

/* line 18, pages/about-axiata/about-axiata.scss */
.long-section {
  height: fit-content !important;
}

/* line 1, pages/rups/rups.scss */
.two-row-content {
  margin-top: 64px;
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-bottom: 64px;
}

/* line 9, pages/rups/rups.scss */
.two-row-content .left-navigation {
  width: 30%;
  font-family: 'AxiataBook';
}

/* line 13, pages/rups/rups.scss */
.two-row-content .left-navigation .navigation-content {
  height: 56px;
  padding: 19px 16px;
  border-right: 2px solid #ee3e80;
}

/* line 18, pages/rups/rups.scss */
.two-row-content .left-navigation .navigation-content.active {
  background: #ee3e80;
  color: #ffffff;
}

/* line 25, pages/rups/rups.scss */
.two-row-content .right-content {
  width: 70%;
  padding: 0px 29px;
}

/* line 29, pages/rups/rups.scss */
.two-row-content .right-content h1, .two-row-content .right-content h2, .two-row-content .right-content h3, .two-row-content .right-content h4 {
  color: #164396;
}

/* line 32, pages/rups/rups.scss */
.two-row-content .right-content h4 {
  margin-bottom: 32px;
}

/* line 36, pages/rups/rups.scss */
.two-row-content .right-content .dropdown-pink {
  border: 1px solid #E61664;
  padding: 16px;
  margin: 32px 0px;
}

/* line 1, pages/nominating-remuneration/nominating-remuneration.scss */
.section-remuneration {
  margin: 64px 0;
  line-height: 24px;
  position: relative;
}

/* line 6, pages/nominating-remuneration/nominating-remuneration.scss */
.section-remuneration .board-title {
  color: #164396;
  font-size: 24px;
  line-height: 29px;
}

/* line 12, pages/nominating-remuneration/nominating-remuneration.scss */
.section-remuneration .image-board {
  margin-top: 32px;
}

/* line 15, pages/nominating-remuneration/nominating-remuneration.scss */
.section-remuneration .image-board .image-holder {
  margin-right: 31px;
  margin-bottom: 32px;
  position: relative;
}

/* line 20, pages/nominating-remuneration/nominating-remuneration.scss */
.section-remuneration .image-board .image-holder h4 {
  color: #164396;
  font-size: 20px;
  position: absolute;
  top: 15px;
  left: 16px;
}

/* line 27, pages/nominating-remuneration/nominating-remuneration.scss */
.section-remuneration .image-board .image-holder h4 small {
  display: block;
  font-size: 14px;
  font-weight: normal;
}

/* line 34, pages/nominating-remuneration/nominating-remuneration.scss */
.section-remuneration .image-board .image-holder img {
  height: 480px;
  margin-left: 0;
  margin-right: 0;
  display: block;
}

/* line 41, pages/nominating-remuneration/nominating-remuneration.scss */
.section-remuneration .image-board .image-holder:nth-child(3n) {
  margin-right: 0;
}

@media (min-width: 360px) and (max-width: 900px) {
  /* line 50, pages/nominating-remuneration/nominating-remuneration.scss */
  .section-remuneration {
    margin-left: 20px;
    margin-right: 20px;
  }
  /* line 54, pages/nominating-remuneration/nominating-remuneration.scss */
  .section-remuneration .container {
    max-width: 100% !important;
  }
  /* line 58, pages/nominating-remuneration/nominating-remuneration.scss */
  .section-remuneration .image-board {
    overflow-x: scroll;
    white-space: nowrap;
  }
  /* line 62, pages/nominating-remuneration/nominating-remuneration.scss */
  .section-remuneration .image-board > div {
    display: inline-block !important;
  }
  /* line 66, pages/nominating-remuneration/nominating-remuneration.scss */
  .section-remuneration .image-board .image-holder {
    display: inline-block !important;
    margin-right: 12px;
    margin-bottom: 0;
  }
  /* line 71, pages/nominating-remuneration/nominating-remuneration.scss */
  .section-remuneration .image-board .image-holder img {
    height: 334px;
  }
  /* line 77, pages/nominating-remuneration/nominating-remuneration.scss */
  .section-remuneration .title {
    margin-top: 32px;
    margin-bottom: 32px;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    letter-spacing: 1px;
  }
  /* line 86, pages/nominating-remuneration/nominating-remuneration.scss */
  .section-remuneration .description {
    font-size: 12px;
  }
  /* line 98, pages/nominating-remuneration/nominating-remuneration.scss */
  .section-remuneration .img-audio {
    height: 96px;
    margin: 0;
  }
  /* line 103, pages/nominating-remuneration/nominating-remuneration.scss */
  .section-remuneration .doc-list-col {
    margin-bottom: 24px;
  }
  /* line 107, pages/nominating-remuneration/nominating-remuneration.scss */
  .section-remuneration .document-download-list {
    padding-bottom: 0;
  }
}

/* line 21, pages/browse-news-press-release/browse-news-press-release.scss */
.section__news .news--article .news--list {
  color: #333339;
}

/* line 24, pages/browse-news-press-release/browse-news-press-release.scss */
.section__news .news--article .news--list .list-col {
  margin-bottom: 32px;
}

/* line 28, pages/browse-news-press-release/browse-news-press-release.scss */
.section__news .news--article .news--list h5 {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 24px;
  margin: 16px 0;
  padding: 0;
}

@media (max-width: 800px) {
  /* line 42, pages/browse-news-press-release/browse-news-press-release.scss */
  .container {
    max-width: 100% !important;
  }
  /* line 47, pages/browse-news-press-release/browse-news-press-release.scss */
  .section__news .row {
    margin-left: 0;
    margin-right: 0;
  }
  /* line 55, pages/browse-news-press-release/browse-news-press-release.scss */
  .section__news .news--article .row .list-col {
    padding: 0;
  }
  /* line 59, pages/browse-news-press-release/browse-news-press-release.scss */
  .section__news .news--article h2 {
    font-size: 26px;
    letter-spacing: 3px;
  }
}

/* line 3, pages/uso/style.scss */
.page--wrapper__uso .section__page-intro {
  margin-bottom: 0;
}

/* line 8, pages/uso/style.scss */
.page--wrapper__uso .section__two-column h2 {
  font-size: 24px;
  margin-top: 14px;
  margin-bottom: 46px;
}

@media (min-width: 801px) {
  /* line 27, pages/uso/style.scss */
  .shadow-container-NO.jsShadowContainer {
    margin-top: 80px;
  }
}

@media (max-width: 800px) {
  /* line 34, pages/uso/style.scss */
  .mob__dynamic--container {
    position: relative;
    padding-top: 96px !important;
  }
  /* line 38, pages/uso/style.scss */
  .mob__dynamic--container .two-column--sidebar {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
  }
  /* line 47, pages/uso/style.scss */
  .two-column--sidebar__list--selected {
    min-height: 0px !important;
  }
}

/* line 1, pages/shareholding-structure/shareholding-structure.scss */
.image-title {
  text-align: center;
  color: #164396;
  margin-bottom: 64px;
}

/* line 7, pages/shareholding-structure/shareholding-structure.scss */
.columb-highlight {
  font-size: 16px;
  color: #164396;
}

/* line 12, pages/shareholding-structure/shareholding-structure.scss */
.line-height {
  line-height: 24px;
}

@media (max-width: 767px) {
  /* line 17, pages/shareholding-structure/shareholding-structure.scss */
  .columb-highlight {
    margin-bottom: 8px;
  }
  /* line 20, pages/shareholding-structure/shareholding-structure.scss */
  .image-title {
    margin-bottom: 16px;
  }
}

/* line 1, pages/whistleblow/whistleblow.scss */
.whistleblow-container {
  padding-top: 64px;
  padding-bottom: 55px;
  text-align: center;
}

/* line 5, pages/whistleblow/whistleblow.scss */
.whistleblow-container h1, .whistleblow-container h2, .whistleblow-container h3, .whistleblow-container h4 {
  color: #164396;
}

/* line 9, pages/whistleblow/whistleblow.scss */
.whistleblow-container .guide-container {
  margin-top: 64px;
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* line 15, pages/whistleblow/whistleblow.scss */
.whistleblow-container .guide-content {
  display: flex;
  flex-direction: row;
  width: 100%;
  text-align: left;
  margin-bottom: 32px;
}

/* line 21, pages/whistleblow/whistleblow.scss */
.whistleblow-container .guide-content .title {
  width: 30%;
}

/* line 24, pages/whistleblow/whistleblow.scss */
.whistleblow-container .guide-content .info {
  width: 70%;
  line-height: 24px;
  word-break: break-word;
}

/* line 28, pages/whistleblow/whistleblow.scss */
.whistleblow-container .guide-content .info ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 8px;
  list-style: none;
}

/* line 34, pages/whistleblow/whistleblow.scss */
.whistleblow-container .guide-content .info ul li {
  margin: 4px 0px;
  padding-left: 2.5em;
  text-indent: -1em;
}

/* line 38, pages/whistleblow/whistleblow.scss */
.whistleblow-container .guide-content .info ul li::before {
  content: "\2022";
  color: #164396;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: 0px;
}

/* line 47, pages/whistleblow/whistleblow.scss */
.whistleblow-container .guide-content .info ul ul {
  list-style-type: none;
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 52, pages/whistleblow/whistleblow.scss */
.whistleblow-container .guide-content .info ul ul li::before {
  content: "-";
  color: #164396;
  font-weight: bold;
  display: inline-block;
  width: 0.5em;
  margin-left: 0px;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  /* line 70, pages/whistleblow/whistleblow.scss */
  .guide-content {
    flex-direction: column !important;
  }
  /* line 72, pages/whistleblow/whistleblow.scss */
  .guide-content .title {
    width: 100% !important;
  }
  /* line 75, pages/whistleblow/whistleblow.scss */
  .guide-content .info {
    width: 100% !important;
  }
}

/* line 7, pages/why-axiata/why-axiata.scss */
.why-axiata-page.head-banner .container {
  margin-top: 54px;
}

/* line 10, pages/why-axiata/why-axiata.scss */
.why-axiata-page.head-banner .container .head-title {
  color: #FFFFFF;
  font-family: 'AxiataBold';
}

@media (min-width: 768px) {
  /* line 6, pages/why-axiata/why-axiata.scss */
  .why-axiata-page.head-banner {
    height: 600px;
  }
  /* line 19, pages/why-axiata/why-axiata.scss */
  .why-axiata-page.head-banner .head-title {
    font-size: 36px;
    letter-spacing: 3px;
    line-height: 50px;
  }
}

@media (max-width: 767px) {
  /* line 6, pages/why-axiata/why-axiata.scss */
  .why-axiata-page.head-banner {
    height: 400px;
  }
  /* line 29, pages/why-axiata/why-axiata.scss */
  .why-axiata-page.head-banner .head-title {
    font-size: 24px;
    letter-spacing: 0.67px;
    line-height: 34px;
  }
}

/* line 37, pages/why-axiata/why-axiata.scss */
.why-axiata-page.body-content {
  height: 100% !important;
}

/* line 40, pages/why-axiata/why-axiata.scss */
.why-axiata-page.body-content .content-title-center {
  font-family: 'AxiataBold';
  color: #164396;
  text-align: center;
}

@media (min-width: 768px) {
  /* line 40, pages/why-axiata/why-axiata.scss */
  .why-axiata-page.body-content .content-title-center {
    font-size: 36px;
    line-height: 50px;
    letter-spacing: 3px;
    margin-bottom: 32px;
  }
}

@media (max-width: 767px) {
  /* line 40, pages/why-axiata/why-axiata.scss */
  .why-axiata-page.body-content .content-title-center {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 1px;
    margin: 0 20px 32px;
  }
}

/* line 60, pages/why-axiata/why-axiata.scss */
.why-axiata-page.body-content .content-message-container {
  display: flex;
  margin-bottom: 32px;
  flex: 1;
  justify-content: center;
  align-items: center;
}

@media (max-width: 767px) {
  /* line 60, pages/why-axiata/why-axiata.scss */
  .why-axiata-page.body-content .content-message-container {
    padding: 0px 20px;
  }
}

/* line 71, pages/why-axiata/why-axiata.scss */
.why-axiata-page.body-content .content-message-container .reverse {
  flex-direction: row-reverse;
}

@media (min-width: 768px) {
  /* line 74, pages/why-axiata/why-axiata.scss */
  .why-axiata-page.body-content .content-message-container .reverse .message-container {
    align-items: flex-end;
    padding-left: 0px;
  }
  /* line 80, pages/why-axiata/why-axiata.scss */
  .why-axiata-page.body-content .content-message-container .reverse .message-container .title, .why-axiata-page.body-content .content-message-container .reverse .message-container .description {
    text-align: right;
  }
}

@media (max-width: 767px) {
  /* line 86, pages/why-axiata/why-axiata.scss */
  .why-axiata-page.body-content .content-message-container .reverse .message-container .description {
    text-align: left;
  }
}

/* line 94, pages/why-axiata/why-axiata.scss */
.why-axiata-page.body-content .content-message-container .image-row-thumbnail {
  width: auto;
  height: 288px;
  background-size: cover;
  background-position: center center;
}

@media (max-width: 767px) {
  /* line 94, pages/why-axiata/why-axiata.scss */
  .why-axiata-page.body-content .content-message-container .image-row-thumbnail {
    margin-bottom: 16px;
  }
}

/* line 104, pages/why-axiata/why-axiata.scss */
.why-axiata-page.body-content .content-message-container .message-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 32px;
}

@media (max-width: 767px) {
  /* line 104, pages/why-axiata/why-axiata.scss */
  .why-axiata-page.body-content .content-message-container .message-container {
    padding: 0px 0px !important;
  }
}

/* line 114, pages/why-axiata/why-axiata.scss */
.why-axiata-page.body-content .content-message-container .message-container .title {
  color: #164396;
  font-family: 'AxiataBold';
  line-height: 24px;
  margin-bottom: 8px;
}

@media (min-width: 768px) {
  /* line 114, pages/why-axiata/why-axiata.scss */
  .why-axiata-page.body-content .content-message-container .message-container .title {
    font-size: 24px;
    letter-spacing: 4.5px;
  }
}

@media (max-width: 767px) {
  /* line 114, pages/why-axiata/why-axiata.scss */
  .why-axiata-page.body-content .content-message-container .message-container .title {
    font-size: 16px;
    letter-spacing: 2px;
  }
}

/* line 132, pages/why-axiata/why-axiata.scss */
.why-axiata-page.body-content .content-message-container .message-container .description {
  color: #333333;
  font-family: 'AxiataBook';
  font-size: 16px;
  letter-spacing: 1px;
}

@media (min-width: 768px) {
  /* line 132, pages/why-axiata/why-axiata.scss */
  .why-axiata-page.body-content .content-message-container .message-container .description {
    line-height: 27px;
    margin-bottom: 24px;
  }
}

@media (max-width: 767px) {
  /* line 132, pages/why-axiata/why-axiata.scss */
  .why-axiata-page.body-content .content-message-container .message-container .description {
    line-height: 24px;
    margin-bottom: 16px;
  }
}

/* line 150, pages/why-axiata/why-axiata.scss */
.why-axiata-page.body-content .content-message-container .button-link-container {
  display: inline-block;
  height: 60px;
  cursor: pointer;
}

/* line 155, pages/why-axiata/why-axiata.scss */
.why-axiata-page.body-content .content-message-container .button-link-container .see-more-button-link {
  color: #164396;
  font-family: 'AxiataBold';
  font-size: 16px;
  letter-spacing: 1.33px;
  line-height: 44px;
  border: 1px solid #EE3E80;
  border-radius: 0;
  padding: 8px 29.5px;
}

@media (min-width: 768px) {
  /* line 155, pages/why-axiata/why-axiata.scss */
  .why-axiata-page.body-content .content-message-container .button-link-container .see-more-button-link {
    width: 292px;
  }
}

@media (max-width: 767px) {
  /* line 155, pages/why-axiata/why-axiata.scss */
  .why-axiata-page.body-content .content-message-container .button-link-container .see-more-button-link {
    width: 100%;
  }
}

/* line 173, pages/why-axiata/why-axiata.scss */
.why-axiata-page.body-content .content-message-container .button-link-container .see-more-button-link img {
  vertical-align: middle;
}

@media (min-width: 768px) {
  /* line 173, pages/why-axiata/why-axiata.scss */
  .why-axiata-page.body-content .content-message-container .button-link-container .see-more-button-link img {
    margin-left: 100px;
  }
}

@media (max-width: 767px) {
  /* line 173, pages/why-axiata/why-axiata.scss */
  .why-axiata-page.body-content .content-message-container .button-link-container .see-more-button-link img {
    position: absolute;
    right: 30px;
    bottom: 25px;
  }
}

/* line 192, pages/why-axiata/why-axiata.scss */
.medium-product-window {
  margin-bottom: 64px;
}

@media (max-width: 767px) {
  /* line 192, pages/why-axiata/why-axiata.scss */
  .medium-product-window {
    margin-bottom: 32px;
  }
}

/* line 197, pages/why-axiata/why-axiata.scss */
.medium-product-window .title {
  font-family: 'AxiataBold';
  color: #164396;
  text-align: center;
}

@media (min-width: 768px) {
  /* line 197, pages/why-axiata/why-axiata.scss */
  .medium-product-window .title {
    font-size: 36px;
    line-height: 50px;
    letter-spacing: 3px;
    margin-bottom: 32px;
  }
}

@media (max-width: 767px) {
  /* line 197, pages/why-axiata/why-axiata.scss */
  .medium-product-window .title {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 1px;
    margin: 0 20px 32px;
  }
}

/* line 217, pages/why-axiata/why-axiata.scss */
.medium-product-window .card-list {
  justify-content: space-between;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  /* line 217, pages/why-axiata/why-axiata.scss */
  .medium-product-window .card-list {
    justify-content: space-around;
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 233, pages/why-axiata/why-axiata.scss */
.medium-product-window .card-text {
  height: 240px;
  width: 184px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 0;
}

@media (max-width: 768px) {
  /* line 233, pages/why-axiata/why-axiata.scss */
  .medium-product-window .card-text {
    height: 200px;
    width: 154px;
    margin-bottom: 16px;
  }
}

/* line 252, pages/why-axiata/why-axiata.scss */
.medium-product-window .card-text .background-text {
  font-family: 'AxiataBold';
  color: #ffffff;
  padding: 16px;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.86px;
  line-height: 20px;
}

@media screen and (max-width: 768px) {
  /* line 252, pages/why-axiata/why-axiata.scss */
  .medium-product-window .card-text .background-text {
    letter-spacing: 1.09px;
    line-height: 16px;
    padding: 8px;
  }
}

/* line 273, pages/why-axiata/why-axiata.scss */
.large-product-window {
  margin-bottom: 64px;
}

@media (max-width: 767px) {
  /* line 273, pages/why-axiata/why-axiata.scss */
  .large-product-window {
    margin-bottom: 32px;
  }
}

/* line 278, pages/why-axiata/why-axiata.scss */
.large-product-window .title {
  font-family: 'AxiataBold';
  color: #164396;
  text-align: center;
}

@media (min-width: 768px) {
  /* line 278, pages/why-axiata/why-axiata.scss */
  .large-product-window .title {
    font-size: 36px;
    line-height: 50px;
    letter-spacing: 3px;
    margin-bottom: 32px;
  }
}

@media (max-width: 767px) {
  /* line 278, pages/why-axiata/why-axiata.scss */
  .large-product-window .title {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 1px;
    margin: 0 20px 32px;
  }
}

/* line 298, pages/why-axiata/why-axiata.scss */
.large-product-window .card-list {
  justify-content: space-between;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  /* line 298, pages/why-axiata/why-axiata.scss */
  .large-product-window .card-list {
    justify-content: space-around;
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 312, pages/why-axiata/why-axiata.scss */
.large-product-window .card-text {
  height: 320px;
  max-width: 384px;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
  /* line 312, pages/why-axiata/why-axiata.scss */
  .large-product-window .card-text {
    margin-bottom: 16px;
    height: 267px;
    max-width: 320px;
  }
}

/* line 334, pages/why-axiata/why-axiata.scss */
.large-product-window .card-text .background-text {
  font-family: 'AxiataBold';
  color: #ffffff;
  padding: 16px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 24px;
}

/* line 1, pages/boa-committee/boa-committee.scss */
.boa-row {
  margin-bottom: 64px;
}

@media (max-width: 767px) {
  /* line 1, pages/boa-committee/boa-committee.scss */
  .boa-row {
    margin-bottom: 40px;
  }
}

/* line 9, pages/boa-committee/boa-committee.scss */
.boa-row:last-child {
  margin-bottom: 0px;
}

/* line 13, pages/boa-committee/boa-committee.scss */
.content-boa {
  display: flex;
  flex-direction: column;
}

@media (max-width: 767px) {
  /* line 13, pages/boa-committee/boa-committee.scss */
  .content-boa {
    margin-top: 8px;
  }
}

/* line 21, pages/boa-committee/boa-committee.scss */
.content-boa .boa-description {
  font-family: 'AxiataBook';
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 1px;
  color: #212B36;
  margin-bottom: 32px;
}

@media (max-width: 767px) {
  /* line 21, pages/boa-committee/boa-committee.scss */
  .content-boa .boa-description {
    margin-bottom: 16px;
  }
}

/* line 2, pages/upcoming-events/upcoming-events.scss */
.upcoming-event-year-title {
  font-family: 'AxiataBold';
  font-size: 72px;
  line-height: 52px;
  letter-spacing: 1px;
  margin-bottom: 32px;
}

@media (max-width: 767px) {
  /* line 2, pages/upcoming-events/upcoming-events.scss */
  .upcoming-event-year-title {
    font-size: 48px;
  }
}

/* line 14, pages/upcoming-events/upcoming-events.scss */
.no-margin-top {
  margin-top: 0px;
}

/* line 18, pages/upcoming-events/upcoming-events.scss */
.no-data-upcoming-event {
  font-family: 'AxiataBook';
  font-style: italic;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 1px;
  color: #333339;
}

@media (max-width: 767px) {
  /* line 28, pages/upcoming-events/upcoming-events.scss */
  .upcoming-event-instructions {
    margin-bottom: 32px;
  }
}

/* line 8, pages/financial-highlight/financial-highlight.scss */
.financial-highlight-page.head-banner .container .head-title {
  color: #FFFFFF;
  font-family: 'AxiataBold';
}

@media (min-width: 768px) {
  /* line 6, pages/financial-highlight/financial-highlight.scss */
  .financial-highlight-page.head-banner {
    height: 600px;
  }
  /* line 17, pages/financial-highlight/financial-highlight.scss */
  .financial-highlight-page.head-banner .head-title {
    font-size: 36px;
    letter-spacing: 3px;
    line-height: 50px;
  }
}

@media (max-width: 767px) {
  /* line 6, pages/financial-highlight/financial-highlight.scss */
  .financial-highlight-page.head-banner {
    height: 400px;
  }
  /* line 27, pages/financial-highlight/financial-highlight.scss */
  .financial-highlight-page.head-banner .head-title {
    font-size: 24px;
    letter-spacing: 0.67px;
    line-height: 34px;
  }
}

/* line 35, pages/financial-highlight/financial-highlight.scss */
.financial-highlight-page.body-content {
  height: 100% !important;
}

/* line 39, pages/financial-highlight/financial-highlight.scss */
.financial-highlight-page.body-content .financial-table tr {
  border-bottom: 1px solid #979797;
  border-collapse: collapse;
}

/* line 44, pages/financial-highlight/financial-highlight.scss */
.financial-highlight-page.body-content .financial-table td, .financial-highlight-page.body-content .financial-table th {
  white-space: initial;
  text-align: left;
  width: 174px;
  min-width: 174px;
}

/* line 50, pages/financial-highlight/financial-highlight.scss */
.financial-highlight-page.body-content .financial-table td.row-header, .financial-highlight-page.body-content .financial-table th.row-header {
  width: 208px;
  min-width: 208px;
}

/* line 55, pages/financial-highlight/financial-highlight.scss */
.financial-highlight-page.body-content .financial-table td:not(:last-child), .financial-highlight-page.body-content .financial-table th:not(:last-child) {
  padding: 24px 24px 24px 0px;
}

/* line 59, pages/financial-highlight/financial-highlight.scss */
.financial-highlight-page.body-content .financial-table td:last-child, .financial-highlight-page.body-content .financial-table th:last-child {
  padding: 24px 0px 24px;
}

/* line 64, pages/financial-highlight/financial-highlight.scss */
.financial-highlight-page.body-content .financial-table th {
  color: #164396;
  font-family: 'AxiataBold';
  font-size: 16px;
  line-height: 20px;
}

/* line 71, pages/financial-highlight/financial-highlight.scss */
.financial-highlight-page.body-content .financial-table td {
  color: #333339;
  font-family: 'AxiataBook';
  font-size: 14px;
  line-height: 22px;
}

/* line 1, pages/qos-cellular/qos-cellular.scss */
.qos-col-152 {
  min-width: 152px !important;
  max-width: 152px !important;
  white-space: normal !important;
}

/* line 6, pages/qos-cellular/qos-cellular.scss */
.qos-col-276 {
  min-width: 276px !important;
  max-width: 276px !important;
  white-space: normal !important;
}

/* line 11, pages/qos-cellular/qos-cellular.scss */
.qos-nopad-horizontal {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

/* line 15, pages/qos-cellular/qos-cellular.scss */
.qos-padd-left-64 {
  padding-left: 32px !important;
}

/* line 1, pages/sustainability-pillars/sustainability-pillars.scss */
.spillar-container {
  padding-top: 64px;
  padding-bottom: 55px;
  text-align: center;
}

/* line 5, pages/sustainability-pillars/sustainability-pillars.scss */
.spillar-container h1,
.spillar-container h2,
.spillar-container h3,
.spillar-container h4 {
  color: #164396;
}

/* line 11, pages/sustainability-pillars/sustainability-pillars.scss */
.spillar-container h2 {
  margin-bottom: 32px;
}

@media (max-width: 768px) {
  /* line 11, pages/sustainability-pillars/sustainability-pillars.scss */
  .spillar-container h2 {
    text-align: left;
    margin-bottom: 16px;
  }
}

/* line 18, pages/sustainability-pillars/sustainability-pillars.scss */
.spillar-container .info-paragraf {
  margin: 0px;
  padding: 0px;
  line-height: 22px;
  text-align: left;
  margin-bottom: 22px;
}

/* line 26, pages/sustainability-pillars/sustainability-pillars.scss */
.spillar-container .guide-container {
  margin-top: 64px;
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media (max-width: 768px) {
  /* line 26, pages/sustainability-pillars/sustainability-pillars.scss */
  .spillar-container .guide-container {
    margin-top: 32px;
  }
}

/* line 35, pages/sustainability-pillars/sustainability-pillars.scss */
.spillar-container .guide-content {
  display: flex;
  flex-direction: row;
  width: 100%;
  text-align: left;
  margin-bottom: 32px;
}

/* line 41, pages/sustainability-pillars/sustainability-pillars.scss */
.spillar-container .guide-content .title {
  width: 30%;
  padding-right: 16px;
}

/* line 45, pages/sustainability-pillars/sustainability-pillars.scss */
.spillar-container .guide-content .title h2 {
  letter-spacing: 1px;
}

/* line 49, pages/sustainability-pillars/sustainability-pillars.scss */
.spillar-container .guide-content .info {
  width: 70%;
  line-height: 24px;
  word-break: break-word;
}

/* line 53, pages/sustainability-pillars/sustainability-pillars.scss */
.spillar-container .guide-content .info ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 8px;
  list-style: none;
}

/* line 59, pages/sustainability-pillars/sustainability-pillars.scss */
.spillar-container .guide-content .info ul li {
  margin: 4px 0px;
  padding-left: 2.5em;
  text-indent: -1em;
}

/* line 63, pages/sustainability-pillars/sustainability-pillars.scss */
.spillar-container .guide-content .info ul li::before {
  content: "\2022";
  color: #164396;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: 0px;
}

/* line 72, pages/sustainability-pillars/sustainability-pillars.scss */
.spillar-container .guide-content .info ul ul {
  list-style-type: none;
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 77, pages/sustainability-pillars/sustainability-pillars.scss */
.spillar-container .guide-content .info ul ul li::before {
  content: "-";
  color: #164396;
  font-weight: bold;
  display: inline-block;
  width: 0.5em;
  margin-left: 0px;
}

@media (max-width: 768px) {
  /* line 1, pages/sustainability-pillars/sustainability-pillars.scss */
  .spillar-container {
    padding: 32px 0px;
  }
}

@media (max-width: 768px) {
  /* line 97, pages/sustainability-pillars/sustainability-pillars.scss */
  .guide-content {
    flex-direction: column !important;
  }
  /* line 99, pages/sustainability-pillars/sustainability-pillars.scss */
  .guide-content .title {
    width: 100% !important;
  }
  /* line 102, pages/sustainability-pillars/sustainability-pillars.scss */
  .guide-content .info {
    width: 100% !important;
  }
}

/* line 112, pages/sustainability-pillars/sustainability-pillars.scss */
.guide-container .row {
  margin: 0;
  flex-wrap: nowrap;
}

@media screen and (max-width: 768px) {
  /* line 112, pages/sustainability-pillars/sustainability-pillars.scss */
  .guide-container .row {
    flex-wrap: wrap;
  }
}

/* line 120, pages/sustainability-pillars/sustainability-pillars.scss */
.guide-container .row .card-text {
  flex: 1;
  height: 288px;
  margin-left: 16px;
  margin-right: 16px;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* line 133, pages/sustainability-pillars/sustainability-pillars.scss */
.guide-container .row .card-text:first-child {
  margin-left: 0;
}

/* line 137, pages/sustainability-pillars/sustainability-pillars.scss */
.guide-container .row .card-text:last-child {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  /* line 120, pages/sustainability-pillars/sustainability-pillars.scss */
  .guide-container .row .card-text {
    flex: auto;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 16px;
  }
}

/* line 148, pages/sustainability-pillars/sustainability-pillars.scss */
.guide-container .row .card-text .background-text {
  font-family: "AxiataBold";
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 1px;
  z-index: 5;
  color: #ffffff;
  padding: 24px 16px;
  background-color: rgba(0, 0, 7, 0.4);
  backdrop-filter: blur(10px);
}

/* line 1, pages/corporate-action/corporate-action.scss */
.corporate-action-section {
  margin-top: 64px;
  margin-bottom: 32px;
}

/* line 5, pages/corporate-action/corporate-action.scss */
.corporate-action-section .content-container {
  display: flex;
  flex: 1;
  flex-direction: column;
}

/* line 10, pages/corporate-action/corporate-action.scss */
.corporate-action-section .content-container .item-container {
  display: flex;
  flex: 1;
  flex-direction: row;
  margin-bottom: 50px;
}

/* line 16, pages/corporate-action/corporate-action.scss */
.corporate-action-section .content-container .item-container .image-card {
  display: flex;
  min-width: 104px;
  min-height: 104px;
}

/* line 21, pages/corporate-action/corporate-action.scss */
.corporate-action-section .content-container .item-container .image-card .img-style {
  width: 104px;
  height: 104px;
  object-fit: cover;
}

/* line 28, pages/corporate-action/corporate-action.scss */
.corporate-action-section .content-container .item-container .description {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-left: 24px;
}

/* line 34, pages/corporate-action/corporate-action.scss */
.corporate-action-section .content-container .item-container .description .container-title {
  width: 80%;
  height: auto;
  margin-bottom: 16px;
}

/* line 40, pages/corporate-action/corporate-action.scss */
.corporate-action-section .content-container .item-container .description .line {
  width: 100%;
  height: 1px;
  background-color: #979797;
}

/* line 46, pages/corporate-action/corporate-action.scss */
.corporate-action-section .content-container .item-container .description .line-hidden {
  display: none !important;
}

/* line 52, pages/corporate-action/corporate-action.scss */
.corporate-action-section .content-container .container-content-subtitle {
  flex-direction: column;
  flex: 1;
  border-top: solid;
  border-bottom: solid;
  border-width: 1px;
  border-color: #979797;
}

/* line 60, pages/corporate-action/corporate-action.scss */
.corporate-action-section .content-container .container-content-subtitle .container-subtitle {
  display: flex;
  flex-direction: row;
  flex: 1;
  line-height: 16px;
  letter-spacing: 1px;
  align-items: center;
  margin: 16px 0;
}

/* line 69, pages/corporate-action/corporate-action.scss */
.corporate-action-section .content-container .container-content-subtitle .container-subtitle .subtitle-column {
  display: flex;
  flex-direction: column;
  flex: 0.8;
}

/* line 74, pages/corporate-action/corporate-action.scss */
.corporate-action-section .content-container .container-content-subtitle .container-subtitle .subtitle-column .date-subtitle {
  font-size: 12px;
  opacity: 40%;
  margin-bottom: 8px;
}

/* line 80, pages/corporate-action/corporate-action.scss */
.corporate-action-section .content-container .container-content-subtitle .container-subtitle .subtitle-column .subtitle-style {
  color: #333339;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 16px;
}

/* line 89, pages/corporate-action/corporate-action.scss */
.corporate-action-section .content-container .container-content-subtitle .container-subtitle .download-container {
  display: flex;
  flex: 0.2;
}

/* line 93, pages/corporate-action/corporate-action.scss */
.corporate-action-section .content-container .container-content-subtitle .container-subtitle .download-container .download-row {
  display: flex;
  flex-direction: row;
  flex: 1;
  align-items: center;
  cursor: pointer;
}

/* line 100, pages/corporate-action/corporate-action.scss */
.corporate-action-section .content-container .container-content-subtitle .container-subtitle .download-container .download-row .download-style {
  color: #F43883;
  font-size: 12px;
  font-weight: bold;
  font-family: 'AxiataBold';
  letter-spacing: 1px;
  line-height: 14px;
  margin-left: 10px;
}

/* line 110, pages/corporate-action/corporate-action.scss */
.corporate-action-section .content-container .container-content-subtitle .container-subtitle .download-container .download-row .img-style {
  height: 32px;
  width: 32px;
}

/* line 119, pages/corporate-action/corporate-action.scss */
.corporate-action-section .content-container .container-see-document, .corporate-action-section .content-container .container-close-document {
  display: flex;
  flex-direction: row;
  flex: 1;
  line-height: 16px;
  letter-spacing: 1px;
  align-items: center;
  margin: 16px 0;
}

/* line 128, pages/corporate-action/corporate-action.scss */
.corporate-action-section .content-container .container-see-document .download-container, .corporate-action-section .content-container .container-close-document .download-container {
  display: flex;
  flex: 0.2;
}

/* line 132, pages/corporate-action/corporate-action.scss */
.corporate-action-section .content-container .container-see-document .download-container .download-row, .corporate-action-section .content-container .container-close-document .download-container .download-row {
  display: flex;
  flex-direction: row;
  flex: 1;
  align-items: center;
  cursor: pointer;
}

/* line 139, pages/corporate-action/corporate-action.scss */
.corporate-action-section .content-container .container-see-document .download-container .download-row .text-style, .corporate-action-section .content-container .container-close-document .download-container .download-row .text-style {
  color: #164396;
  font-size: 14px;
  font-weight: bold;
  font-family: 'AxiataBold';
  letter-spacing: 1px;
  line-height: 18px;
}

/* line 151, pages/corporate-action/corporate-action.scss */
.corporate-action-section .content-container .document-hidden {
  display: none !important;
}

/* line 155, pages/corporate-action/corporate-action.scss */
.corporate-action-section .content-container .document-visible {
  display: flex;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  /* line 162, pages/corporate-action/corporate-action.scss */
  .corporate-action-section {
    margin-top: 32px;
  }
  /* line 166, pages/corporate-action/corporate-action.scss */
  .corporate-action-section .content-container .bundle-item {
    display: none !important;
  }
  /* line 170, pages/corporate-action/corporate-action.scss */
  .corporate-action-section .content-container .mobile-bundle-item {
    display: initial;
  }
  /* line 174, pages/corporate-action/corporate-action.scss */
  .corporate-action-section .content-container .mobile-item-hidden {
    display: none !important;
  }
  /* line 179, pages/corporate-action/corporate-action.scss */
  .corporate-action-section .content-container .item-container .container-title {
    font-size: 12px;
  }
  /* line 183, pages/corporate-action/corporate-action.scss */
  .corporate-action-section .content-container .item-container .image-card {
    min-width: 96px;
    min-height: 96px;
  }
  /* line 187, pages/corporate-action/corporate-action.scss */
  .corporate-action-section .content-container .item-container .image-card .img-style {
    width: 96px;
    height: 96px;
  }
  /* line 194, pages/corporate-action/corporate-action.scss */
  .corporate-action-section .content-container .item-container-mobile {
    display: flex;
    flex-direction: column;
    flex: 1;
    line-height: 16px;
    letter-spacing: 1px;
    margin: 8px 0;
  }
  /* line 202, pages/corporate-action/corporate-action.scss */
  .corporate-action-section .content-container .item-container-mobile .container-subtitle {
    display: flex;
    flex-direction: row;
    flex: 1;
    min-width: 100%;
    margin: 10px 0;
  }
  /* line 209, pages/corporate-action/corporate-action.scss */
  .corporate-action-section .content-container .item-container-mobile .container-subtitle .subtitle-column {
    display: flex;
    flex-direction: column;
    flex: 0.8;
  }
  /* line 214, pages/corporate-action/corporate-action.scss */
  .corporate-action-section .content-container .item-container-mobile .container-subtitle .subtitle-column .date-subtitle {
    font-size: 10px;
    opacity: 40%;
    margin-bottom: 8px;
  }
  /* line 220, pages/corporate-action/corporate-action.scss */
  .corporate-action-section .content-container .item-container-mobile .container-subtitle .subtitle-column .subtitle-style {
    color: #333339;
    font-size: 10px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 14px;
  }
  /* line 229, pages/corporate-action/corporate-action.scss */
  .corporate-action-section .content-container .item-container-mobile .container-subtitle .download-container {
    display: flex;
    flex: 0.2;
  }
  /* line 233, pages/corporate-action/corporate-action.scss */
  .corporate-action-section .content-container .item-container-mobile .container-subtitle .download-container .download-row {
    display: flex;
    flex-direction: column;
    flex: 1;
    align-items: center;
    cursor: pointer;
  }
  /* line 240, pages/corporate-action/corporate-action.scss */
  .corporate-action-section .content-container .item-container-mobile .container-subtitle .download-container .download-row .download-style {
    color: #F43883;
    font-size: 10px;
    font-weight: bold;
    font-family: 'AxiataBold';
    letter-spacing: 1px;
    line-height: 12px;
    margin-left: 10px;
  }
  /* line 250, pages/corporate-action/corporate-action.scss */
  .corporate-action-section .content-container .item-container-mobile .container-subtitle .download-container .download-row .img-style {
    height: 24px;
    width: 24px;
  }
  /* line 259, pages/corporate-action/corporate-action.scss */
  .corporate-action-section .content-container .line-divider {
    width: 100%;
    height: 1px;
    background-color: #979797;
  }
  /* line 265, pages/corporate-action/corporate-action.scss */
  .corporate-action-section .content-container .container-see-document, .corporate-action-section .content-container .container-close-document {
    display: flex;
    flex-direction: row;
    flex: 1;
    line-height: 16px;
    letter-spacing: 1px;
    align-items: center;
    margin: 16px 0;
    justify-content: flex-end !important;
  }
  /* line 275, pages/corporate-action/corporate-action.scss */
  .corporate-action-section .content-container .container-see-document .download-container, .corporate-action-section .content-container .container-close-document .download-container {
    display: flex;
    flex: 0.6 !important;
  }
  /* line 279, pages/corporate-action/corporate-action.scss */
  .corporate-action-section .content-container .container-see-document .download-container .download-row, .corporate-action-section .content-container .container-close-document .download-container .download-row {
    display: flex;
    flex-direction: row;
    flex: 1;
    align-items: center;
    cursor: pointer;
    justify-content: flex-end !important;
  }
  /* line 287, pages/corporate-action/corporate-action.scss */
  .corporate-action-section .content-container .container-see-document .download-container .download-row .text-style, .corporate-action-section .content-container .container-close-document .download-container .download-row .text-style {
    color: #164396;
    font-size: 10px;
    font-weight: bold;
    font-family: 'AxiataBold';
    letter-spacing: 1px;
    line-height: 18px;
  }
  /* line 299, pages/corporate-action/corporate-action.scss */
  .corporate-action-section .content-container .limit-text-lines {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  /* line 310, pages/corporate-action/corporate-action.scss */
  .corporate-action-section .item-container {
    margin-bottom: 0px !important;
  }
}

@media (min-width: 769px) {
  /* line 318, pages/corporate-action/corporate-action.scss */
  .content-container .bundle-item {
    display: initial;
  }
  /* line 322, pages/corporate-action/corporate-action.scss */
  .content-container .mobile-item-hidden {
    display: initial;
  }
  /* line 326, pages/corporate-action/corporate-action.scss */
  .content-container .mobile-bundle-item {
    display: none !important;
  }
  /* line 330, pages/corporate-action/corporate-action.scss */
  .content-container .item-container-mobile {
    display: none !important;
  }
}

/* line 1, pages/maintenance/maintenance.scss */
#maintenance {
  height: 100vh;
  width: 100wh;
  background-size: cover;
  display: flex;
  align-items: center;
}

/* line 9, pages/maintenance/maintenance.scss */
#maintenance .konten h1 {
  color: #ffffff;
  margin-top: 32px;
}

/* line 14, pages/maintenance/maintenance.scss */
#maintenance .konten p {
  color: #ffffff;
  line-height: 20px;
}

/* line 2, pages/document-year/document-year.scss */
.doc-wrapper .title {
  font-size: 72px;
  color: #164396;
}

/* line 3, pages/annual-general-meeting/annual-general-meeting.scss */
.cardlist-container-doc .cardlist-content {
  display: flex;
  flex-direction: row;
}

/* line 7, pages/annual-general-meeting/annual-general-meeting.scss */
.cardlist-container-doc .cardlist-content .card-image {
  margin-right: 16px;
}

/* line 9, pages/annual-general-meeting/annual-general-meeting.scss */
.cardlist-container-doc .cardlist-content .card-image img {
  width: 107px;
  height: 107px;
  object-fit: cover;
}

/* line 15, pages/annual-general-meeting/annual-general-meeting.scss */
.cardlist-container-doc .cardlist-content .card-info {
  display: flex;
  flex-direction: column;
  align-content: flex-end;
}

/* line 19, pages/annual-general-meeting/annual-general-meeting.scss */
.cardlist-container-doc .cardlist-content .card-info .card-date {
  font-size: 12px;
  opacity: 40%;
  margin-bottom: 8px;
}

/* line 24, pages/annual-general-meeting/annual-general-meeting.scss */
.cardlist-container-doc .cardlist-content .card-info .card-title {
  font-size: 14px;
}

/* line 27, pages/annual-general-meeting/annual-general-meeting.scss */
.cardlist-container-doc .cardlist-content .card-info .card-additional-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-grow: 1;
}

/* line 32, pages/annual-general-meeting/annual-general-meeting.scss */
.cardlist-container-doc .cardlist-content .card-info .card-additional-info img {
  width: 32px;
  height: 32px;
  margin: 0px;
  margin-right: 12px;
}

/* line 38, pages/annual-general-meeting/annual-general-meeting.scss */
.cardlist-container-doc .cardlist-content .card-info .card-additional-info p {
  color: #F43883;
  font-size: 12px;
}

@media (min-width: 768px) {
  /* line 48, pages/annual-general-meeting/annual-general-meeting.scss */
  .award-content-container .button-link-container {
    width: 174px;
    height: 49px;
  }
}

/* line 54, pages/annual-general-meeting/annual-general-meeting.scss */
.award-content-container .button-link-container .registration-button {
  color: #164396;
}

/* line 60, pages/annual-general-meeting/annual-general-meeting.scss */
.desc-content {
  color: #333333;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 18px;
}

@media (max-width: 767px) {
  /* line 72, pages/annual-general-meeting/annual-general-meeting.scss */
  .cardlist-container-doc .cardlist-content .card-info .card-title {
    font-size: 12px;
  }
}

/* line 1, pages/404/404.scss */
#notfound {
  height: 100vh;
  width: 100wh;
  background-size: cover;
  display: flex;
  align-items: center;
}

/* line 9, pages/404/404.scss */
#notfound .konten h1 {
  color: #ffffff;
  margin-top: 32px;
}

/* line 14, pages/404/404.scss */
#notfound .konten p {
  color: #ffffff;
  line-height: 20px;
}

/* line 19, pages/404/404.scss */
#notfound .konten .tohome {
  margin-top: 32px;
  border: solid 2px #EE3E80;
  width: 278px;
  height: 60px;
  text-transform: uppercase;
  color: #FFFFFF;
  font-family: 'AxiataBold';
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 44px;
  text-align: center;
  padding-top: 8px;
  padding-bottom: 8px;
}

@media (max-width: 767px) {
  /* line 37, pages/404/404.scss */
  #notfound .konten .tohome {
    width: 100%;
  }
}

/* line 1, pages/capital-market/capital-market.scss */
.capital-table {
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll;
  overflow-x: visible;
  margin: 72px 10px;
}

/* line 7, pages/capital-market/capital-market.scss */
.capital-table td {
  width: 50%;
  max-height: 100px;
  white-space: nowrap;
}

/* line 13, pages/capital-market/capital-market.scss */
.capital-table td:first-child {
  display: table-cell;
  vertical-align: top;
}

@media (max-width: 767px) {
  /* line 1, pages/capital-market/capital-market.scss */
  .capital-table {
    overflow-y: visible;
    overflow-x: scroll;
    padding-bottom: 32px;
  }
}

/* line 25, pages/capital-market/capital-market.scss */
.capital-table::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}

/* line 30, pages/capital-market/capital-market.scss */
.capital-table::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #EE3E80;
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

/* line 1, pages/document-year-quarter/document-year-quarter.scss */
.document-year-quarter--main-content {
  padding: 32px 0px;
}

/* line 4, pages/document-year-quarter/document-year-quarter.scss */
.document-year-quarter--main-content .margin-btm-30 {
  margin-bottom: 30px;
}

/* line 8, pages/document-year-quarter/document-year-quarter.scss */
.document-year-quarter--main-content .content-container {
  margin-left: 138px;
}

@media (max-width: 767px) {
  /* line 8, pages/document-year-quarter/document-year-quarter.scss */
  .document-year-quarter--main-content .content-container {
    margin-left: 0px;
    margin-top: 34px;
  }
}

/* line 16, pages/document-year-quarter/document-year-quarter.scss */
.document-year-quarter--main-content .content-container .heading {
  font-family: 'AxiataBold';
  color: #164396;
  font-size: 72px;
  line-height: 72px;
  letter-spacing: 1px;
  margin-bottom: 56px;
}

@media (max-width: 767px) {
  /* line 16, pages/document-year-quarter/document-year-quarter.scss */
  .document-year-quarter--main-content .content-container .heading {
    margin-bottom: 32px;
    font-size: 48px;
    line-height: 52px;
  }
}

/* line 31, pages/document-year-quarter/document-year-quarter.scss */
.document-year-quarter--main-content .content-container .sub-heading {
  margin-bottom: 24px;
}

@media (max-width: 767px) {
  /* line 31, pages/document-year-quarter/document-year-quarter.scss */
  .document-year-quarter--main-content .content-container .sub-heading {
    display: none;
  }
}

/* line 2, pages/5gnetwork/5gnetwork.scss */
.network5g-wrapper h3 {
  color: #164396;
  text-align: center;
  margin-bottom: 32px;
  margin-top: 64px;
}

/* line 7, pages/5gnetwork/5gnetwork.scss */
.network5g-wrapper h3 .no-mt {
  margin-top: 0px;
}

/* line 11, pages/5gnetwork/5gnetwork.scss */
.network5g-wrapper p {
  line-height: 22px;
}

/* line 14, pages/5gnetwork/5gnetwork.scss */
.network5g-wrapper .network5g-content {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

/* line 20, pages/5gnetwork/5gnetwork.scss */
.network5g-wrapper .network5g-content.card-type {
  justify-content: space-evenly;
}

/* line 23, pages/5gnetwork/5gnetwork.scss */
.network5g-wrapper .network5g-content img {
  width: 20%;
  min-width: 250px;
}

/* line 28, pages/5gnetwork/5gnetwork.scss */
.network5g-wrapper .network5g-content .card-wrapper {
  display: flex;
  flex-direction: column;
  width: 30%;
  max-width: 378px;
}

/* line 33, pages/5gnetwork/5gnetwork.scss */
.network5g-wrapper .network5g-content .card-wrapper img {
  width: 100%;
  height: 259px;
}

/* line 37, pages/5gnetwork/5gnetwork.scss */
.network5g-wrapper .network5g-content .card-wrapper .title-card {
  font-size: 16px;
  margin: 16px 0px;
  color: #164396;
}

@media (max-width: 767px) {
  /* line 28, pages/5gnetwork/5gnetwork.scss */
  .network5g-wrapper .network5g-content .card-wrapper {
    width: 100%;
    max-width: 100%;
    margin-bottom: 8px;
  }
  /* line 46, pages/5gnetwork/5gnetwork.scss */
  .network5g-wrapper .network5g-content .card-wrapper img {
    object-fit: cover;
  }
}

@media (max-width: 780px) {
  /* line 14, pages/5gnetwork/5gnetwork.scss */
  .network5g-wrapper .network5g-content {
    justify-content: space-between;
    margin: 0px auto;
    max-width: 553px;
  }
  /* line 56, pages/5gnetwork/5gnetwork.scss */
  .network5g-wrapper .network5g-content img:not(last-child) {
    margin-bottom: 16px;
  }
  /* line 59, pages/5gnetwork/5gnetwork.scss */
  .network5g-wrapper .network5g-content .card-type {
    flex-direction: column;
  }
}

@media (max-width: 540px) {
  /* line 14, pages/5gnetwork/5gnetwork.scss */
  .network5g-wrapper .network5g-content {
    justify-content: space-evenly;
    flex-direction: column;
    align-items: center;
  }
  /* line 67, pages/5gnetwork/5gnetwork.scss */
  .network5g-wrapper .network5g-content img {
    width: 100%;
  }
}

/* line 75, pages/5gnetwork/5gnetwork.scss */
.video-section {
  display: flex;
  flex-direction: column;
  padding: 64px 0px;
}

/* line 79, pages/5gnetwork/5gnetwork.scss */
.video-section .top-content {
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* line 83, pages/5gnetwork/5gnetwork.scss */
.video-section .top-content #main-video {
  width: 50%;
  height: 345px;
}

@media (max-width: 767px) {
  /* line 83, pages/5gnetwork/5gnetwork.scss */
  .video-section .top-content #main-video {
    width: 50%;
    height: 189px;
  }
}

@media (max-width: 576px) {
  /* line 83, pages/5gnetwork/5gnetwork.scss */
  .video-section .top-content #main-video {
    width: 100%;
    height: 189px;
  }
}

/* line 95, pages/5gnetwork/5gnetwork.scss */
.video-section .top-content .title-video {
  font-size: 36px;
  font-family: 'AxiataBold';
  color: #ffffff;
  width: 50%;
  text-align: center;
}

@media (max-width: 767px) {
  /* line 95, pages/5gnetwork/5gnetwork.scss */
  .video-section .top-content .title-video {
    width: 100%;
    font-size: 16px;
    margin-top: 16px;
  }
}

@media (max-width: 767px) {
  /* line 79, pages/5gnetwork/5gnetwork.scss */
  .video-section .top-content {
    flex-direction: column;
  }
}

/* line 111, pages/5gnetwork/5gnetwork.scss */
.video-section .bot-content {
  /* left or forward direction */
  /* farthest right hidden item must be abso position for animations */
  /* right or prev direction */
}

/* line 112, pages/5gnetwork/5gnetwork.scss */
.video-section .bot-content .video-slider {
  margin-top: 64px;
}

/* line 114, pages/5gnetwork/5gnetwork.scss */
.video-section .bot-content .video-slider .carousel-nav {
  width: auto;
}

@media (max-width: 576px) {
  /* line 114, pages/5gnetwork/5gnetwork.scss */
  .video-section .bot-content .video-slider .carousel-nav {
    visibility: hidden;
  }
}

/* line 120, pages/5gnetwork/5gnetwork.scss */
.video-section .bot-content .video-slider .flex-inner {
  display: flex;
  justify-content: center;
}

/* line 125, pages/5gnetwork/5gnetwork.scss */
.video-section .bot-content .video-slider .carousel-inner .carousel-item {
  width: 25%;
}

/* line 127, pages/5gnetwork/5gnetwork.scss */
.video-section .bot-content .video-slider .carousel-inner .carousel-item img {
  margin: auto;
  position: relative;
  width: 100%;
  height: 150px;
  margin-bottom: -5px;
  object-fit: cover;
}

@media (max-width: 767px) {
  /* line 127, pages/5gnetwork/5gnetwork.scss */
  .video-section .bot-content .video-slider .carousel-inner .carousel-item img {
    height: 133px;
  }
}

@media (max-width: 576px) {
  /* line 127, pages/5gnetwork/5gnetwork.scss */
  .video-section .bot-content .video-slider .carousel-inner .carousel-item img {
    height: 125px;
  }
}

/* line 142, pages/5gnetwork/5gnetwork.scss */
.video-section .bot-content .video-slider .carousel-inner .carousel-item.video-selected {
  border: 3px solid #ee3e80;
}

@media (max-width: 576px) {
  /* line 125, pages/5gnetwork/5gnetwork.scss */
  .video-section .bot-content .video-slider .carousel-inner .carousel-item {
    min-width: 70%;
  }
}

@media (max-width: 767px) {
  /* line 112, pages/5gnetwork/5gnetwork.scss */
  .video-section .bot-content .video-slider {
    margin-top: 30px;
  }
}

/* line 156, pages/5gnetwork/5gnetwork.scss */
.video-section .bot-content .carousel-inner .active,
.video-section .bot-content .carousel-inner .active + .carousel-item,
.video-section .bot-content .carousel-inner .active + .carousel-item + .carousel-item {
  display: block;
  margin: 0px 8px;
}

/* line 163, pages/5gnetwork/5gnetwork.scss */
.video-section .bot-content .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
.video-section .bot-content .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
.video-section .bot-content .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
  transition: none;
}

/* line 169, pages/5gnetwork/5gnetwork.scss */
.video-section .bot-content .carousel-inner .carousel-item-next,
.video-section .bot-content .carousel-inner .carousel-item-prev {
  position: relative;
  transform: translate3d(0, 0, 0);
}

/* line 175, pages/5gnetwork/5gnetwork.scss */
.video-section .bot-content .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
  position: absolute;
  top: 0;
  right: -33.3333%;
  z-index: -1;
  display: block;
  visibility: visible;
}

/* line 185, pages/5gnetwork/5gnetwork.scss */
.video-section .bot-content .active.carousel-item-left + .carousel-item-next.carousel-item-left,
.video-section .bot-content .carousel-item-next.carousel-item-left + .carousel-item,
.video-section .bot-content .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
.video-section .bot-content .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
  position: relative;
  transform: translate3d(-100%, 0, 0);
  visibility: visible;
}

/* line 195, pages/5gnetwork/5gnetwork.scss */
.video-section .bot-content .carousel-inner .carousel-item-prev.carousel-item-right {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  visibility: visible;
}

/* line 205, pages/5gnetwork/5gnetwork.scss */
.video-section .bot-content .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
.video-section .bot-content .carousel-item-prev.carousel-item-right + .carousel-item,
.video-section .bot-content .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
.video-section .bot-content .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
  position: relative;
  transform: translate3d(100%, 0, 0);
  visibility: visible;
  display: block;
  visibility: visible;
}

@media (max-width: 767px) {
  /* line 75, pages/5gnetwork/5gnetwork.scss */
  .video-section {
    padding: 32px 0px;
  }
}

/* line 221, pages/5gnetwork/5gnetwork.scss */
.accordion-5g {
  margin: 64px 0px;
}

@media (max-width: 767px) {
  /* line 221, pages/5gnetwork/5gnetwork.scss */
  .accordion-5g {
    margin: 32px 0px;
  }
}

/* line 1, pages/tnc/tnc.scss */
.news-date-blue {
  color: #164396;
  font-family: 'AxiataBold';
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 18px;
}

/* line 8, pages/tnc/tnc.scss */
.news-konten li {
  color: #212B36;
  font-family: 'AxiataBook';
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 24px;
  margin-bottom: 32px;
  padding-left: 22px;
}

/* line 12, pages/tnc/tnc.scss */
.news-konten li ol {
  margin-left: 32px;
}

/* line 15, pages/tnc/tnc.scss */
.news-konten li ol li:first-child {
  padding-top: 16px;
}

/* line 21, pages/tnc/tnc.scss */
.news-konten li:last-child {
  margin-bottom: 64px;
}

@media (max-width: 767px) {
  /* line 28, pages/tnc/tnc.scss */
  .news-date-blue {
    margin-bottom: 8px;
  }
  /* line 31, pages/tnc/tnc.scss */
  .news-konten {
    margin-top: 32px;
    margin-left: 20px;
    margin-right: 20px;
  }
  /* line 35, pages/tnc/tnc.scss */
  .news-konten .col-md-3 {
    padding: 0px;
  }
}

/* line 2, pages/fiberization/fiberization.scss */
.fiber-sec-1 {
  display: flex;
  margin-bottom: 32px;
}

/* line 5, pages/fiberization/fiberization.scss */
.fiber-sec-1 .fiber-title {
  width: 40%;
  font-size: 20px;
  color: #164396;
  align-self: center;
  margin-right: 32px;
}

@media (max-width: 767px) {
  /* line 5, pages/fiberization/fiberization.scss */
  .fiber-sec-1 .fiber-title {
    margin-right: 0px;
    margin-bottom: 32px;
    width: 100%;
  }
}

/* line 17, pages/fiberization/fiberization.scss */
.fiber-sec-1 .fiber-video {
  width: 60%;
  height: 445px;
}

/* line 20, pages/fiberization/fiberization.scss */
.fiber-sec-1 .fiber-video iframe {
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  /* line 17, pages/fiberization/fiberization.scss */
  .fiber-sec-1 .fiber-video {
    width: 100%;
    height: 320px;
  }
}

@media (max-width: 576px) {
  /* line 17, pages/fiberization/fiberization.scss */
  .fiber-sec-1 .fiber-video {
    height: 180px;
  }
}

@media (max-width: 767px) {
  /* line 2, pages/fiberization/fiberization.scss */
  .fiber-sec-1 {
    flex-direction: column;
  }
}

/* line 36, pages/fiberization/fiberization.scss */
.fiber-sec-2 {
  display: flex;
  margin-bottom: 32px;
}

/* line 39, pages/fiberization/fiberization.scss */
.fiber-sec-2 .fiber-content {
  width: 50%;
  font-size: 16px;
  align-self: center;
}

/* line 43, pages/fiberization/fiberization.scss */
.fiber-sec-2 .fiber-content:last-child {
  margin-left: 32px;
}

@media (max-width: 767px) {
  /* line 43, pages/fiberization/fiberization.scss */
  .fiber-sec-2 .fiber-content:last-child {
    margin-top: 16px;
    margin-left: 0px;
  }
}

/* line 50, pages/fiberization/fiberization.scss */
.fiber-sec-2 .fiber-content .fiber-header {
  color: #ee3e80;
  margin-bottom: 8px;
  font-size: 24px;
}

/* line 55, pages/fiberization/fiberization.scss */
.fiber-sec-2 .fiber-content img {
  min-width: 100%;
  width: 100%;
  height: 288px;
  object-fit: cover;
}

@media (max-width: 767px) {
  /* line 39, pages/fiberization/fiberization.scss */
  .fiber-sec-2 .fiber-content {
    width: 100%;
  }
}

@media (max-width: 767px) {
  /* line 36, pages/fiberization/fiberization.scss */
  .fiber-sec-2 {
    flex-direction: column;
  }
}

/* line 69, pages/fiberization/fiberization.scss */
.fiber-sec-3 {
  display: flex;
  flex-direction: column;
}

/* line 72, pages/fiberization/fiberization.scss */
.fiber-sec-3 h3 {
  color: #164396;
  text-align: center;
  font-size: 24px;
}

/* line 77, pages/fiberization/fiberization.scss */
.fiber-sec-3 .city-list {
  display: flex;
  flex-flow: row wrap;
}

/* line 80, pages/fiberization/fiberization.scss */
.fiber-sec-3 .city-list li {
  width: 25%;
  margin-bottom: 16px;
  list-style-position: inside;
}

@media (max-width: 767px) {
  /* line 80, pages/fiberization/fiberization.scss */
  .fiber-sec-3 .city-list li {
    width: 50%;
  }
}

@media (max-width: 576px) {
  /* line 80, pages/fiberization/fiberization.scss */
  .fiber-sec-3 .city-list li {
    width: 100%;
  }
}

/* line 2, pages/life-axiata/life-axiata.scss */
.lifeaxiata-sec-1 {
  display: flex;
  margin-bottom: 32px;
}

/* line 5, pages/life-axiata/life-axiata.scss */
.lifeaxiata-sec-1 .lifeaxiata-title {
  width: 40%;
  font-size: 24px;
  color: #164396;
  align-self: center;
  margin-right: 32px;
}

@media (max-width: 767px) {
  /* line 5, pages/life-axiata/life-axiata.scss */
  .lifeaxiata-sec-1 .lifeaxiata-title {
    margin-right: 0px;
    margin-bottom: 32px;
    width: 100%;
  }
}

/* line 17, pages/life-axiata/life-axiata.scss */
.lifeaxiata-sec-1 .lifeaxiata-video {
  width: 60%;
  height: 445px;
}

/* line 20, pages/life-axiata/life-axiata.scss */
.lifeaxiata-sec-1 .lifeaxiata-video iframe {
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  /* line 17, pages/life-axiata/life-axiata.scss */
  .lifeaxiata-sec-1 .lifeaxiata-video {
    width: 100%;
    height: 320px;
  }
}

@media (max-width: 576px) {
  /* line 17, pages/life-axiata/life-axiata.scss */
  .lifeaxiata-sec-1 .lifeaxiata-video {
    height: 180px;
  }
}

@media (max-width: 767px) {
  /* line 2, pages/life-axiata/life-axiata.scss */
  .lifeaxiata-sec-1 {
    flex-direction: column;
  }
}

/* line 38, pages/life-axiata/life-axiata.scss */
.section-content {
  margin-top: 32px;
  font-weight: bold;
  font-size: 16px;
}

/* line 42, pages/life-axiata/life-axiata.scss */
.section-content .sub-title {
  color: #EE3E80;
}

/* line 46, pages/life-axiata/life-axiata.scss */
.section-content .btn-see-detail {
  color: #164396;
  line-height: normal;
  vertical-align: middle;
  border: 1px solid #EE3E80;
  background-color: #ffffff;
  letter-spacing: 1.33px;
  border-radius: 0;
  padding: 21px 30px;
  width: 277px;
}

@media (min-width: 360px) and (max-width: 900px) {
  /* line 60, pages/life-axiata/life-axiata.scss */
  .img-lifeaxiata {
    width: 320px;
    height: 334px;
  }
  /* line 65, pages/life-axiata/life-axiata.scss */
  .section-content {
    display: block !important;
  }
  /* line 68, pages/life-axiata/life-axiata.scss */
  .section-content .sub-title {
    margin-bottom: 16px;
  }
  /* line 72, pages/life-axiata/life-axiata.scss */
  .section-content .btn-see-detail {
    margin-bottom: 16px;
    width: 321px;
    height: 61px;
  }
}

/* line 1, pages/stock-price/style.scss */
.stock-price-body {
  background: url("https://staticxl.ext.xlaxiata.co.id/s3fs-public/media/images/stock-price-desktop-bg.jpg") top center no-repeat;
  background-size: cover;
}

/* line 5, pages/stock-price/style.scss */
.stock-price-body .head-banner-with-breadcumbs {
  height: auto;
}

/* line 10, pages/stock-price/style.scss */
.stock-price--container {
  font-family: 'Axaita';
  color: #fff;
  padding: 0 !important;
  margin-top: 135px;
}

/* line 16, pages/stock-price/style.scss */
.stock-price--container h2 {
  font-size: 72px;
  font-weight: bold;
  letter-spacing: 3px;
  line-height: 80px;
  margin-bottom: 16px;
}

/* line 24, pages/stock-price/style.scss */
.stock-price--container h6 {
  font-family: 'AxiataMedium';
  font-size: 36px;
  font-weight: normal;
  letter-spacing: 3px;
  line-height: 50px;
}

/* line 32, pages/stock-price/style.scss */
.stock-price--container .stock-price {
  padding-top: 64px;
}

/* line 35, pages/stock-price/style.scss */
.stock-price--container .stock-price h2 {
  position: relative;
  display: inline-block;
  margin-right: -34px;
}

/* line 40, pages/stock-price/style.scss */
.stock-price--container .stock-price h2:before {
  content: '';
  width: 24px;
  height: 24px;
  position: absolute;
  left: -58px;
  top: 50%;
  margin-top: -8px;
  margin-bottom: 16px;
}

/* line 52, pages/stock-price/style.scss */
.stock-price--container .stock-price p {
  font-family: 'Axaita';
  font-size: 36px;
  font-weight: 300;
  letter-spacing: 3px;
  line-height: 50px;
  margin-bottom: 16px;
}

/* line 61, pages/stock-price/style.scss */
.stock-price--container .stock-price small {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 22px;
}

/* line 71, pages/stock-price/style.scss */
.stock-price--container .stock-price.low h2:before {
  background: url("https://staticxl.ext.xlaxiata.co.id/s3fs-public/media/images/stock-down.svg") 0 0 no-repeat;
  background-size: cover;
}

/* line 77, pages/stock-price/style.scss */
.stock-price--container .stock-price.low p {
  color: #C40D42;
}

/* line 84, pages/stock-price/style.scss */
.stock-price--container .stock-price.high h2:before {
  background: url("https://staticxl.ext.xlaxiata.co.id/s3fs-public/media/images/stock-up.svg") 0 0 no-repeat;
  background-size: cover;
}

/* line 90, pages/stock-price/style.scss */
.stock-price--container .stock-price.high p {
  color: #00D2A0;
}

/* line 97, pages/stock-price/style.scss */
.stock-price--container .stock-footer-info {
  margin-top: 136px;
  margin-bottom: 64px;
}

@media (max-width: 800px) {
  /* line 105, pages/stock-price/style.scss */
  .stock-price-body {
    background-image: url("https://staticxl.ext.xlaxiata.co.id/s3fs-public/media/images/stock-price-desktop-bg.jpg");
  }
  /* line 109, pages/stock-price/style.scss */
  .stock-price--container {
    padding: 0 20px !important;
    margin-top: 101px;
  }
  /* line 114, pages/stock-price/style.scss */
  .stock-price--container h2 {
    font-size: 36px;
    line-height: 30px;
    margin-bottom: 8px;
  }
  /* line 120, pages/stock-price/style.scss */
  .stock-price--container h6 {
    font-weight: 100;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
  }
  /* line 127, pages/stock-price/style.scss */
  .stock-price--container .stock-price {
    padding-top: 32px;
  }
  /* line 130, pages/stock-price/style.scss */
  .stock-price--container .stock-price h2 {
    letter-spacing: 1px;
    margin-right: -19px;
    margin-bottom: 18px;
  }
  /* line 135, pages/stock-price/style.scss */
  .stock-price--container .stock-price h2:before {
    width: 14px;
    height: 14px;
    left: -35px;
    margin-top: -7px;
  }
  /* line 143, pages/stock-price/style.scss */
  .stock-price--container .stock-price p {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 22px;
    margin-bottom: 9px;
  }
  /* line 151, pages/stock-price/style.scss */
  .stock-price--container .stock-price small {
    font-size: 10px;
  }
  /* line 157, pages/stock-price/style.scss */
  .stock-price--container .stock-footer-info {
    font-size: 10px;
    margin-top: 100px;
    margin-bottom: 52px;
  }
}

/* line 1, pages/media/kit.scss */
.mediakit-title {
  color: #164396;
  font-family: 'AxiataBold';
  font-size: 24px;
  letter-spacing: 1px;
  line-height: 29px;
  text-align: center;
  margin-top: 64px;
}

@media (max-width: 768px) {
  /* line 12, pages/media/kit.scss */
  .header-breadcumb-kit {
    margin-top: 136px !important;
  }
  /* line 15, pages/media/kit.scss */
  .mediakit-title {
    text-align: left;
    margin-top: 32px;
    font-size: 16px;
  }
}

/* line 11, pages/ramadan/ramadan.scss */
.ramadan-page-wrapper {
  margin-top: 64px;
}

@media (max-width: 767px) {
  /* line 11, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper {
    margin-top: 32px;
  }
}

@media (min-width: 768px) {
  /* line 17, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .ramadan-container {
    margin: 0 auto 64px;
  }
}

@media (max-width: 767px) {
  /* line 17, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .ramadan-container {
    margin: 0 auto 32px;
  }
}

/* line 26, pages/ramadan/ramadan.scss */
.ramadan-page-wrapper .ramadan-container img {
  width: 100%;
  margin-bottom: 64px;
}

@media (max-width: 767px) {
  /* line 26, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .ramadan-container img {
    margin-bottom: 32px;
  }
}

/* line 34, pages/ramadan/ramadan.scss */
.ramadan-page-wrapper .ramadan-container .title {
  color: #164396;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
}

@media (min-width: 768px) {
  /* line 34, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .ramadan-container .title {
    letter-spacing: 3px;
    margin-bottom: 32px;
  }
}

@media (max-width: 767px) {
  /* line 34, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .ramadan-container .title {
    letter-spacing: 1px;
    margin-bottom: 16px;
  }
}

/* line 51, pages/ramadan/ramadan.scss */
.ramadan-page-wrapper .ramadan-container .body {
  color: #333333;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 22px;
}

@media (max-width: 360px) {
  /* line 51, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .ramadan-container .body {
    width: 320px;
  }
}

@media (min-width: 768px) {
  /* line 62, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .ramadan-video-container {
    height: 473px;
  }
}

@media (max-width: 767px) {
  /* line 62, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .ramadan-video-container {
    height: 314px;
  }
}

@media (min-width: 768px) {
  /* line 72, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .digi-rally-video-container {
    height: 473px;
  }
}

@media (max-width: 767px) {
  /* line 72, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .digi-rally-video-container {
    height: 370px;
  }
}

@media (min-width: 768px) {
  /* line 82, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .digi-iftar-video-container {
    height: 700px;
  }
}

@media (max-width: 767px) {
  /* line 82, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .digi-iftar-video-container {
    height: 501px;
  }
}

/* line 93, pages/ramadan/ramadan.scss */
.ramadan-page-wrapper .ramadan-video-container .video-container, .ramadan-page-wrapper .digi-iftar-video-container .video-container, .ramadan-page-wrapper .digi-rally-video-container .video-container {
  display: flex;
  align-items: center;
}

@media (min-width: 768px) {
  /* line 93, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .ramadan-video-container .video-container, .ramadan-page-wrapper .digi-iftar-video-container .video-container, .ramadan-page-wrapper .digi-rally-video-container .video-container {
    flex-direction: row;
    padding-top: 64px;
    padding-bottom: 64px;
  }
}

@media (max-width: 767px) {
  /* line 93, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .ramadan-video-container .video-container, .ramadan-page-wrapper .digi-iftar-video-container .video-container, .ramadan-page-wrapper .digi-rally-video-container .video-container {
    flex-direction: column;
    padding-top: 32px;
    padding-bottom: 32px;
  }
}

@media (min-width: 768px) {
  /* line 109, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .ramadan-video-container .video-container .video-wrapper, .ramadan-page-wrapper .digi-iftar-video-container .video-container .video-wrapper, .ramadan-page-wrapper .digi-rally-video-container .video-container .video-wrapper {
    height: 345px;
    width: 582px;
  }
}

@media (max-width: 767px) {
  /* line 109, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .ramadan-video-container .video-container .video-wrapper, .ramadan-page-wrapper .digi-iftar-video-container .video-container .video-wrapper, .ramadan-page-wrapper .digi-rally-video-container .video-container .video-wrapper {
    height: 190px;
    width: 320px;
  }
}

@media (min-width: 768px) {
  /* line 121, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .ramadan-video-container .video-container .video-content, .ramadan-page-wrapper .digi-iftar-video-container .video-container .video-content, .ramadan-page-wrapper .digi-rally-video-container .video-container .video-content {
    width: 47%;
  }
}

@media (min-width: 768px) {
  /* line 121, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .ramadan-video-container .video-container .video-content, .ramadan-page-wrapper .digi-iftar-video-container .video-container .video-content, .ramadan-page-wrapper .digi-rally-video-container .video-container .video-content {
    margin-left: 36px;
  }
}

@media (max-width: 767px) {
  /* line 121, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .ramadan-video-container .video-container .video-content, .ramadan-page-wrapper .digi-iftar-video-container .video-container .video-content, .ramadan-page-wrapper .digi-rally-video-container .video-container .video-content {
    margin-top: 16px;
  }
}

/* line 134, pages/ramadan/ramadan.scss */
.ramadan-page-wrapper .ramadan-video-container .video-container .video-content .video-highlight, .ramadan-page-wrapper .digi-iftar-video-container .video-container .video-content .video-highlight, .ramadan-page-wrapper .digi-rally-video-container .video-container .video-content .video-highlight {
  color: #EE3E80;
  font-family: 'AxiataBold';
  font-weight: bold;
  text-align: center;
}

@media (min-width: 768px) {
  /* line 134, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .ramadan-video-container .video-container .video-content .video-highlight, .ramadan-page-wrapper .digi-iftar-video-container .video-container .video-content .video-highlight, .ramadan-page-wrapper .digi-rally-video-container .video-container .video-content .video-highlight {
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 32px;
    margin-bottom: 32px;
  }
}

@media (max-width: 767px) {
  /* line 134, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .ramadan-video-container .video-container .video-content .video-highlight, .ramadan-page-wrapper .digi-iftar-video-container .video-container .video-content .video-highlight, .ramadan-page-wrapper .digi-rally-video-container .video-container .video-content .video-highlight {
    font-size: 10px;
    letter-spacing: 1.43px;
    line-height: 16px;
    margin-bottom: 16px;
  }
}

/* line 155, pages/ramadan/ramadan.scss */
.ramadan-page-wrapper .ramadan-video-container .video-container .video-content .video-title, .ramadan-page-wrapper .digi-iftar-video-container .video-container .video-content .video-title, .ramadan-page-wrapper .digi-rally-video-container .video-container .video-content .video-title {
  color: #FFFFFF;
  font-family: 'AxiataBold';
  font-weight: bold;
  letter-spacing: 1px;
  text-align: center;
}

@media (min-width: 768px) {
  /* line 155, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .ramadan-video-container .video-container .video-content .video-title, .ramadan-page-wrapper .digi-iftar-video-container .video-container .video-content .video-title, .ramadan-page-wrapper .digi-rally-video-container .video-container .video-content .video-title {
    font-size: 36px;
    line-height: 46px;
  }
}

@media (max-width: 767px) {
  /* line 155, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .ramadan-video-container .video-container .video-content .video-title, .ramadan-page-wrapper .digi-iftar-video-container .video-container .video-content .video-title, .ramadan-page-wrapper .digi-rally-video-container .video-container .video-content .video-title {
    font-size: 16px;
    line-height: 22px;
  }
}

/* line 175, pages/ramadan/ramadan.scss */
.ramadan-page-wrapper .ramadan-video-container .mini-video-container, .ramadan-page-wrapper .digi-iftar-video-container .mini-video-container, .ramadan-page-wrapper .digi-rally-video-container .mini-video-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 62px;
}

@media (max-width: 767px) {
  /* line 175, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .ramadan-video-container .mini-video-container, .ramadan-page-wrapper .digi-iftar-video-container .mini-video-container, .ramadan-page-wrapper .digi-rally-video-container .mini-video-container {
    justify-content: center;
    margin-bottom: 30px;
  }
}

/* line 186, pages/ramadan/ramadan.scss */
.ramadan-page-wrapper .ramadan-video-container .mini-video-container .mini-video-split, .ramadan-page-wrapper .digi-iftar-video-container .mini-video-container .mini-video-split, .ramadan-page-wrapper .digi-rally-video-container .mini-video-container .mini-video-split {
  display: flex;
  flex-direction: row;
}

@media (min-width: 768px) {
  /* line 186, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .ramadan-video-container .mini-video-container .mini-video-split, .ramadan-page-wrapper .digi-iftar-video-container .mini-video-container .mini-video-split, .ramadan-page-wrapper .digi-rally-video-container .mini-video-container .mini-video-split {
    height: 164px;
    width: 582px;
  }
  /* line 194, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .ramadan-video-container .mini-video-container .mini-video-split .mini-video-wrapper-left, .ramadan-page-wrapper .ramadan-video-container .mini-video-container .mini-video-split .mini-video-wrapper-right, .ramadan-page-wrapper .digi-iftar-video-container .mini-video-container .mini-video-split .mini-video-wrapper-left, .ramadan-page-wrapper .digi-iftar-video-container .mini-video-container .mini-video-split .mini-video-wrapper-right, .ramadan-page-wrapper .digi-rally-video-container .mini-video-container .mini-video-split .mini-video-wrapper-left, .ramadan-page-wrapper .digi-rally-video-container .mini-video-container .mini-video-split .mini-video-wrapper-right {
    height: 164px;
    width: 276px;
  }
  /* line 199, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .ramadan-video-container .mini-video-container .mini-video-split .mini-video-wrapper-left, .ramadan-page-wrapper .digi-iftar-video-container .mini-video-container .mini-video-split .mini-video-wrapper-left, .ramadan-page-wrapper .digi-rally-video-container .mini-video-container .mini-video-split .mini-video-wrapper-left {
    margin-right: 30px;
  }
}

@media (max-width: 767px) {
  /* line 186, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .ramadan-video-container .mini-video-container .mini-video-split, .ramadan-page-wrapper .digi-iftar-video-container .mini-video-container .mini-video-split, .ramadan-page-wrapper .digi-rally-video-container .mini-video-container .mini-video-split {
    height: 125px;
    width: 320px;
  }
  /* line 208, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .ramadan-video-container .mini-video-container .mini-video-split .mini-video-wrapper-left, .ramadan-page-wrapper .ramadan-video-container .mini-video-container .mini-video-split .mini-video-wrapper-right, .ramadan-page-wrapper .digi-iftar-video-container .mini-video-container .mini-video-split .mini-video-wrapper-left, .ramadan-page-wrapper .digi-iftar-video-container .mini-video-container .mini-video-split .mini-video-wrapper-right, .ramadan-page-wrapper .digi-rally-video-container .mini-video-container .mini-video-split .mini-video-wrapper-left, .ramadan-page-wrapper .digi-rally-video-container .mini-video-container .mini-video-split .mini-video-wrapper-right {
    height: 125px;
    width: 155px;
  }
  /* line 213, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .ramadan-video-container .mini-video-container .mini-video-split .mini-video-wrapper-left, .ramadan-page-wrapper .digi-iftar-video-container .mini-video-container .mini-video-split .mini-video-wrapper-left, .ramadan-page-wrapper .digi-rally-video-container .mini-video-container .mini-video-split .mini-video-wrapper-left {
    margin-right: 10px;
  }
}

@media (max-width: 767px) {
  /* line 221, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .digi-iftar-details-container {
    flex-direction: column !important;
  }
}

@media (max-width: 767px) {
  /* line 225, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .digi-rally-details-container {
    flex-direction: column-reverse !important;
  }
}

/* line 229, pages/ramadan/ramadan.scss */
.ramadan-page-wrapper .digi-iftar-details-container, .ramadan-page-wrapper .digi-rally-details-container {
  display: flex;
  align-items: center;
}

@media (min-width: 768px) {
  /* line 229, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .digi-iftar-details-container, .ramadan-page-wrapper .digi-rally-details-container {
    flex-direction: row;
    margin-top: 64px;
    margin-bottom: 64px;
  }
}

@media (max-width: 767px) {
  /* line 229, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .digi-iftar-details-container, .ramadan-page-wrapper .digi-rally-details-container {
    flex-direction: column;
    margin-top: 32px;
    margin-bottom: 32px;
  }
}

@media (min-width: 768px) {
  /* line 245, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .digi-iftar-details-container img, .ramadan-page-wrapper .digi-rally-details-container img {
    height: 288px;
    width: 584px;
  }
}

@media (max-width: 767px) {
  /* line 245, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .digi-iftar-details-container img, .ramadan-page-wrapper .digi-rally-details-container img {
    height: 159px;
    width: 320px;
  }
}

@media (min-width: 768px) {
  /* line 257, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .digi-iftar-details-container .content, .ramadan-page-wrapper .digi-rally-details-container .content {
    width: 50%;
  }
}

/* line 262, pages/ramadan/ramadan.scss */
.ramadan-page-wrapper .digi-iftar-details-container .content .title, .ramadan-page-wrapper .digi-rally-details-container .content .title {
  color: #164396;
  font-family: 'AxiataBold';
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 16px;
}

@media (min-width: 768px) {
  /* line 262, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .digi-iftar-details-container .content .title, .ramadan-page-wrapper .digi-rally-details-container .content .title {
    line-height: 24px;
  }
}

@media (max-width: 767px) {
  /* line 262, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .digi-iftar-details-container .content .title, .ramadan-page-wrapper .digi-rally-details-container .content .title {
    line-height: 30px;
  }
}

/* line 279, pages/ramadan/ramadan.scss */
.ramadan-page-wrapper .digi-iftar-details-container .content .body, .ramadan-page-wrapper .digi-rally-details-container .content .body {
  color: #333333;
  font-family: 'AxiataBook';
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 22px;
}

@media (min-width: 768px) {
  /* line 291, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .digi-iftar-details-container .content {
    padding-left: 32px;
  }
  /* line 296, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .digi-rally-details-container .content {
    text-align: right;
  }
  /* line 300, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .digi-rally-details-container img {
    padding-left: 32px;
  }
}

@media (max-width: 767px) {
  /* line 308, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .digi-iftar-details-container img, .ramadan-page-wrapper .digi-rally-details-container img {
    margin-bottom: 16px;
  }
}

@media (max-width: 360px) {
  /* line 316, pages/ramadan/ramadan.scss */
  .ramadan-page-wrapper .digi-iftar-details-container .content, .ramadan-page-wrapper .digi-rally-details-container .content {
    width: 320px;
  }
}

@media (min-width: 768px) {
  /* line 1, pages/contact-us/contact-us.scss */
  .contact-us-page-header.head-banner-with-breadcumbs {
    background-image: url("https://xlo365-my.sharepoint.com/:i:/r/personal/etjayadi_xl_co_id/Documents/Design%20Team/VD/Assets/Contact%20Us/Contact%20Us%20Desktop%20Banner.jpg?csf=1&e=Ptodv4");
  }
}

@media (max-width: 767px) {
  /* line 1, pages/contact-us/contact-us.scss */
  .contact-us-page-header.head-banner-with-breadcumbs {
    background-image: url("https://xlo365-my.sharepoint.com/:i:/r/personal/etjayadi_xl_co_id/Documents/Design%20Team/VD/Assets/Contact%20Us/Contact%20Us%20Mobile%20Banner.jpg?csf=1&e=4S08g2");
  }
}

@media (max-width: 767px) {
  /* line 12, pages/contact-us/contact-us.scss */
  .contact-us-page .table-container {
    margin-top: 32px;
    margin-bottom: 0px;
  }
}

/* line 20, pages/contact-us/contact-us.scss */
.contact-us-page .contact-table th {
  color: #164396;
  font-family: 'AxiataBold';
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 24px;
}

/* line 29, pages/contact-us/contact-us.scss */
.contact-us-page .contact-table td {
  color: #333333;
  font-family: 'AxiataBook';
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 24px;
}

/* line 38, pages/contact-us/contact-us.scss */
.contact-us-page .contact-table th, .contact-us-page .contact-table td {
  white-space: initial;
  vertical-align: top;
}

/* line 44, pages/contact-us/contact-us.scss */
.contact-us-page .contact-table .contact-data span {
  display: block;
}

/* line 49, pages/contact-us/contact-us.scss */
.contact-us-page .contact-table .icon-call, .contact-us-page .contact-table .icon-mail {
  margin-right: 16px;
}

@media (min-width: 768px) {
  /* line 55, pages/contact-us/contact-us.scss */
  .contact-us-page .table-contact-mobile {
    display: none;
  }
  /* line 61, pages/contact-us/contact-us.scss */
  .contact-us-page .table-contact th:nth-child(1), .contact-us-page .table-contact td:nth-child(1) {
    width: 200px;
  }
  /* line 65, pages/contact-us/contact-us.scss */
  .contact-us-page .table-contact th:nth-child(2), .contact-us-page .table-contact td:nth-child(2) {
    width: 275px;
  }
  /* line 69, pages/contact-us/contact-us.scss */
  .contact-us-page .table-contact th:nth-child(3), .contact-us-page .table-contact td:nth-child(3) {
    width: 200px;
  }
  /* line 73, pages/contact-us/contact-us.scss */
  .contact-us-page .table-contact th:nth-child(4), .contact-us-page .table-contact td:nth-child(4) {
    width: 250px;
  }
  /* line 78, pages/contact-us/contact-us.scss */
  .contact-us-page .table-contact tr:last-child {
    border-bottom: none;
  }
}

@media (max-width: 767px) {
  /* line 85, pages/contact-us/contact-us.scss */
  .contact-us-page .table-contact {
    display: none;
  }
  /* line 90, pages/contact-us/contact-us.scss */
  .contact-us-page .table-contact-mobile th, .contact-us-page .table-contact-mobile td {
    display: block;
  }
  /* line 94, pages/contact-us/contact-us.scss */
  .contact-us-page .table-contact-mobile tr {
    border-bottom: none;
    margin-bottom: 20px;
  }
  /* line 98, pages/contact-us/contact-us.scss */
  .contact-us-page .table-contact-mobile tr td:last-child {
    margin-bottom: 20px;
  }
  /* line 103, pages/contact-us/contact-us.scss */
  .contact-us-page .table-contact-mobile th {
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #979797;
    padding-bottom: 8px;
  }
  /* line 110, pages/contact-us/contact-us.scss */
  .contact-us-page .table-contact-mobile td span:not(:last-child) {
    margin-bottom: 8px;
  }
}

@media (min-width: 768px) {
  /* line 7, pages/future-leaders/future-leaders.scss */
  .future-leaders-page {
    margin-top: 64px;
    margin-bottom: 64px;
  }
}

@media (max-width: 767px) {
  /* line 7, pages/future-leaders/future-leaders.scss */
  .future-leaders-page {
    margin-top: 32px;
    margin-bottom: 0px;
  }
}

/* line 20, pages/future-leaders/future-leaders.scss */
.future-leaders-page.head-banner .container {
  margin-top: 54px;
}

/* line 23, pages/future-leaders/future-leaders.scss */
.future-leaders-page.head-banner .container .head-title {
  color: #FFFFFF;
  font-family: 'AxiataBold';
}

@media (min-width: 768px) {
  /* line 19, pages/future-leaders/future-leaders.scss */
  .future-leaders-page.head-banner {
    height: 600px;
  }
  /* line 32, pages/future-leaders/future-leaders.scss */
  .future-leaders-page.head-banner .head-title {
    font-size: 36px;
    letter-spacing: 3px;
    line-height: 50px;
  }
}

@media (max-width: 767px) {
  /* line 19, pages/future-leaders/future-leaders.scss */
  .future-leaders-page.head-banner {
    height: 400px;
  }
  /* line 42, pages/future-leaders/future-leaders.scss */
  .future-leaders-page.head-banner .head-title {
    font-size: 24px;
    letter-spacing: 0.67px;
    line-height: 34px;
  }
}

/* line 50, pages/future-leaders/future-leaders.scss */
.future-leaders-page.body-content {
  height: 100% !important;
}

/* line 53, pages/future-leaders/future-leaders.scss */
.future-leaders-page.body-content .content-title {
  font-family: 'AxiataBold';
  color: #164396;
}

@media (min-width: 768px) {
  /* line 53, pages/future-leaders/future-leaders.scss */
  .future-leaders-page.body-content .content-title {
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 4.5px;
    margin-bottom: 32px;
    text-align: center;
  }
}

@media (max-width: 767px) {
  /* line 53, pages/future-leaders/future-leaders.scss */
  .future-leaders-page.body-content .content-title {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 2px;
    margin: 0 20px 16px;
  }
}

/* line 73, pages/future-leaders/future-leaders.scss */
.future-leaders-page.body-content .content-image-container {
  margin-bottom: 64px;
}

@media (max-width: 767px) {
  /* line 73, pages/future-leaders/future-leaders.scss */
  .future-leaders-page.body-content .content-image-container {
    padding: 0px 20px;
  }
}

/* line 79, pages/future-leaders/future-leaders.scss */
.future-leaders-page.body-content .content-image-container .image-cover-center {
  width: auto;
  background-size: cover;
  background-position: center center;
}

@media (min-width: 768px) {
  /* line 85, pages/future-leaders/future-leaders.scss */
  .future-leaders-page.body-content .content-image-container .banner-penghargaan {
    height: 670px;
    margin-bottom: 32px;
  }
}

@media (max-width: 767px) {
  /* line 85, pages/future-leaders/future-leaders.scss */
  .future-leaders-page.body-content .content-image-container .banner-penghargaan {
    height: 201px;
    margin-bottom: 16px;
  }
}

@media (min-width: 768px) {
  /* line 97, pages/future-leaders/future-leaders.scss */
  .future-leaders-page.body-content .content-image-container .banner-bawah {
    height: 739px;
  }
}

@media (max-width: 767px) {
  /* line 97, pages/future-leaders/future-leaders.scss */
  .future-leaders-page.body-content .content-image-container .banner-bawah {
    height: calc(100vw - 138px);
    margin: 0 -15px;
  }
}

@media (min-width: 768px) {
  /* line 108, pages/future-leaders/future-leaders.scss */
  .future-leaders-page.body-content .content-image-container .banner-our-impact {
    height: calc(100vw / 3);
  }
}

@media (max-width: 767px) {
  /* line 108, pages/future-leaders/future-leaders.scss */
  .future-leaders-page.body-content .content-image-container .banner-our-impact {
    height: calc(100vw + 160px);
  }
}

/* line 119, pages/future-leaders/future-leaders.scss */
.future-leaders-page.body-content .content-split-message-container {
  margin-bottom: 64px;
}

@media (max-width: 767px) {
  /* line 119, pages/future-leaders/future-leaders.scss */
  .future-leaders-page.body-content .content-split-message-container {
    padding: 0px 20px;
    margin-bottom: 32px;
  }
}

/* line 127, pages/future-leaders/future-leaders.scss */
.future-leaders-page.body-content .content-split-message-container .title {
  color: #164396;
  font-family: 'AxiataBold';
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 24px;
  margin: auto 0;
}

@media (max-width: 767px) {
  /* line 127, pages/future-leaders/future-leaders.scss */
  .future-leaders-page.body-content .content-split-message-container .title {
    margin-bottom: 16px;
  }
}

/* line 141, pages/future-leaders/future-leaders.scss */
.future-leaders-page.body-content .content-split-message-container .description {
  color: #212B36;
  font-family: 'AxiataBook';
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 24px;
}

/* line 151, pages/future-leaders/future-leaders.scss */
.future-leaders-page.body-content .content-image-message-container {
  display: flex;
  margin-bottom: 64px;
  flex: 1;
  justify-content: center;
  align-items: center;
}

@media (max-width: 767px) {
  /* line 151, pages/future-leaders/future-leaders.scss */
  .future-leaders-page.body-content .content-image-message-container {
    padding: 0px 20px;
    margin-bottom: 32px;
  }
}

/* line 163, pages/future-leaders/future-leaders.scss */
.future-leaders-page.body-content .content-image-message-container .reverse {
  flex-direction: row-reverse;
}

@media (min-width: 768px) {
  /* line 166, pages/future-leaders/future-leaders.scss */
  .future-leaders-page.body-content .content-image-message-container .reverse .message-container {
    align-items: flex-end;
    padding-left: 0px;
  }
  /* line 172, pages/future-leaders/future-leaders.scss */
  .future-leaders-page.body-content .content-image-message-container .reverse .message-container .title, .future-leaders-page.body-content .content-image-message-container .reverse .message-container .description {
    text-align: right;
  }
}

@media (max-width: 767px) {
  /* line 178, pages/future-leaders/future-leaders.scss */
  .future-leaders-page.body-content .content-image-message-container .reverse .message-container .description {
    text-align: left;
  }
}

/* line 186, pages/future-leaders/future-leaders.scss */
.future-leaders-page.body-content .content-image-message-container .image-row-thumbnail {
  width: auto;
  height: 288px;
  background-size: cover;
  background-position: center center;
}

@media (max-width: 767px) {
  /* line 186, pages/future-leaders/future-leaders.scss */
  .future-leaders-page.body-content .content-image-message-container .image-row-thumbnail {
    margin-bottom: 16px;
  }
}

/* line 196, pages/future-leaders/future-leaders.scss */
.future-leaders-page.body-content .content-image-message-container .message-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 32px;
}

@media (max-width: 767px) {
  /* line 196, pages/future-leaders/future-leaders.scss */
  .future-leaders-page.body-content .content-image-message-container .message-container {
    padding: 0px 0px !important;
  }
}

/* line 206, pages/future-leaders/future-leaders.scss */
.future-leaders-page.body-content .content-image-message-container .message-container .title {
  color: #164396;
  font-family: 'AxiataBold';
  line-height: 24px;
  margin-bottom: 8px;
}

@media (min-width: 768px) {
  /* line 206, pages/future-leaders/future-leaders.scss */
  .future-leaders-page.body-content .content-image-message-container .message-container .title {
    font-size: 24px;
    letter-spacing: 4.5px;
  }
}

@media (max-width: 767px) {
  /* line 206, pages/future-leaders/future-leaders.scss */
  .future-leaders-page.body-content .content-image-message-container .message-container .title {
    font-size: 16px;
    letter-spacing: 2px;
  }
}

/* line 224, pages/future-leaders/future-leaders.scss */
.future-leaders-page.body-content .content-image-message-container .message-container .description {
  color: #333333;
  font-family: 'AxiataBook';
  font-size: 16px;
  letter-spacing: 1px;
}

@media (min-width: 768px) {
  /* line 224, pages/future-leaders/future-leaders.scss */
  .future-leaders-page.body-content .content-image-message-container .message-container .description {
    line-height: 27px;
  }
}

@media (max-width: 767px) {
  /* line 224, pages/future-leaders/future-leaders.scss */
  .future-leaders-page.body-content .content-image-message-container .message-container .description {
    line-height: 24px;
  }
}

/* line 241, pages/future-leaders/future-leaders.scss */
.future-leaders-page.body-content .penghargaan-text-container {
  color: #333333;
  font-family: 'AxiataBook';
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 27px;
  margin-bottom: 64px;
}

@media (max-width: 767px) {
  /* line 241, pages/future-leaders/future-leaders.scss */
  .future-leaders-page.body-content .penghargaan-text-container {
    padding: 0px 20px;
    margin-bottom: 32px;
  }
}

/* line 255, pages/future-leaders/future-leaders.scss */
.future-leaders-page.body-content .penghargaan-text-container .description {
  margin-bottom: 32px;
}

/* line 259, pages/future-leaders/future-leaders.scss */
.future-leaders-page.body-content .penghargaan-text-container .awards-list {
  list-style-type: none;
}

/* line 264, pages/future-leaders/future-leaders.scss */
.future-leaders-page.body-content .container-our-program-xlfl {
  margin-bottom: 64px;
}

/* line 266, pages/future-leaders/future-leaders.scss */
.future-leaders-page.body-content .container-our-program-xlfl .title {
  font-family: 'AxiataBold';
  color: #164396;
}

@media (max-width: 768px) {
  /* line 266, pages/future-leaders/future-leaders.scss */
  .future-leaders-page.body-content .container-our-program-xlfl .title {
    font-size: 24px;
    margin-bottom: 32px;
  }
}

/* line 277, pages/future-leaders/future-leaders.scss */
.future-leaders-page.body-content .container-our-recognition-xlfl {
  margin-bottom: 64px;
}

/* line 279, pages/future-leaders/future-leaders.scss */
.future-leaders-page.body-content .container-our-recognition-xlfl .title {
  font-family: 'AxiataBold';
  color: #164396;
}

@media (max-width: 768px) {
  /* line 279, pages/future-leaders/future-leaders.scss */
  .future-leaders-page.body-content .container-our-recognition-xlfl .title {
    font-size: 24px;
    margin-bottom: 32px;
  }
}

/* line 287, pages/future-leaders/future-leaders.scss */
.future-leaders-page.body-content .container-our-recognition-xlfl .our-recognition-list {
  font-family: "AxiataMedium";
  background: rgba(216, 157, 40, 0.9);
  backdrop-filter: blur(10px);
  padding: 16px;
  margin-bottom: 16px;
}

/* line 295, pages/future-leaders/future-leaders.scss */
.future-leaders-page.body-content .sisternet-carousel-container {
  margin-bottom: 64px;
}

/* line 297, pages/future-leaders/future-leaders.scss */
.future-leaders-page.body-content .sisternet-carousel-container .title {
  font-family: 'AxiataBold';
  color: #164396;
}

@media (max-width: 768px) {
  /* line 297, pages/future-leaders/future-leaders.scss */
  .future-leaders-page.body-content .sisternet-carousel-container .title {
    font-size: 24px;
    margin-bottom: 32px;
  }
}

/* line 305, pages/future-leaders/future-leaders.scss */
.future-leaders-page.body-content .sisternet-carousel-container .carousel-indicators {
  right: 75px;
}

@media (max-width: 767px) {
  /* line 309, pages/future-leaders/future-leaders.scss */
  .future-leaders-page.body-content .sisternet-carousel-container .carousel-item {
    padding: 0 !important;
  }
}

/* line 314, pages/future-leaders/future-leaders.scss */
.future-leaders-page.body-content .sisternet-carousel-container .carousel-item .image-item {
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 768px) {
  /* line 314, pages/future-leaders/future-leaders.scss */
  .future-leaders-page.body-content .sisternet-carousel-container .carousel-item .image-item {
    height: calc(100vw / 3);
  }
}

@media (max-width: 767px) {
  /* line 314, pages/future-leaders/future-leaders.scss */
  .future-leaders-page.body-content .sisternet-carousel-container .carousel-item .image-item {
    height: calc(100vw * 1.44);
  }
}

/* line 329, pages/future-leaders/future-leaders.scss */
.future-leaders-page.body-content .container-our-partners-and-collaboration {
  margin-bottom: 64px;
}

/* line 331, pages/future-leaders/future-leaders.scss */
.future-leaders-page.body-content .container-our-partners-and-collaboration .title {
  font-family: 'AxiataBold';
  color: #164396;
  margin-bottom: 64px;
}

@media (max-width: 768px) {
  /* line 331, pages/future-leaders/future-leaders.scss */
  .future-leaders-page.body-content .container-our-partners-and-collaboration .title {
    font-size: 24px;
    margin-bottom: 32px;
  }
}

/* line 340, pages/future-leaders/future-leaders.scss */
.future-leaders-page.body-content .container-our-partners-and-collaboration .our-partners-and-collaboration-card-list {
  display: flex;
  align-items: center;
  /* .our-partners-and-collaboration-card{
                width: 380px;
                    height: 280px;
                    margin-bottom: 16px;
                    background-size: cover;
                    background-position: center center;
                    @media (max-width: 768px) {
                        width: 100%;
                    }
            }   */
}

@media (max-width: 767px) {
  /* line 357, pages/future-leaders/future-leaders.scss */
  .future-leaders-page.body-content .large-screen-display {
    display: none !important;
  }
}

@media (min-width: 768px) {
  /* line 363, pages/future-leaders/future-leaders.scss */
  .future-leaders-page.body-content .small-screen-display {
    display: none !important;
  }
}

/* line 10, pages/sisternet/sisternet.scss */
.sisternet-page.head-banner-with-breadcumbs .container {
  margin-top: 54px;
}

/* line 13, pages/sisternet/sisternet.scss */
.sisternet-page.head-banner-with-breadcumbs .container .head-title {
  color: #FFFFFF;
  font-family: 'AxiataBold';
}

@media (min-width: 768px) {
  /* line 9, pages/sisternet/sisternet.scss */
  .sisternet-page.head-banner-with-breadcumbs {
    height: 600px;
  }
  /* line 22, pages/sisternet/sisternet.scss */
  .sisternet-page.head-banner-with-breadcumbs .head-title {
    font-size: 36px;
    letter-spacing: 3px;
    line-height: 50px;
  }
}

@media (max-width: 767px) {
  /* line 9, pages/sisternet/sisternet.scss */
  .sisternet-page.head-banner-with-breadcumbs {
    height: 400px;
  }
  /* line 32, pages/sisternet/sisternet.scss */
  .sisternet-page.head-banner-with-breadcumbs .head-title {
    font-size: 24px;
    letter-spacing: 0.67px;
    line-height: 34px;
  }
}

/* line 40, pages/sisternet/sisternet.scss */
.sisternet-page.body-content {
  height: 100% !important;
  margin-bottom: 0px;
}

@media (min-width: 768px) {
  /* line 40, pages/sisternet/sisternet.scss */
  .sisternet-page.body-content {
    margin-top: 64px;
  }
}

@media (max-width: 767px) {
  /* line 40, pages/sisternet/sisternet.scss */
  .sisternet-page.body-content {
    margin-top: 32px;
  }
}

/* line 52, pages/sisternet/sisternet.scss */
.sisternet-page.body-content .content-title {
  font-family: 'AxiataBold';
  color: #164396;
}

@media (min-width: 768px) {
  /* line 52, pages/sisternet/sisternet.scss */
  .sisternet-page.body-content .content-title {
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 4.5px;
    margin-bottom: 32px;
    text-align: center;
  }
}

@media (max-width: 767px) {
  /* line 52, pages/sisternet/sisternet.scss */
  .sisternet-page.body-content .content-title {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 2px;
    margin: 0 20px 16px;
  }
}

/* line 73, pages/sisternet/sisternet.scss */
.sisternet-page.body-content .content-image-container .image-cover-center {
  width: auto;
  background-size: cover;
  background-position: center center;
}

@media (min-width: 768px) {
  /* line 79, pages/sisternet/sisternet.scss */
  .sisternet-page.body-content .content-image-container .banner-sustainability {
    height: calc(100vw / 3);
  }
}

@media (max-width: 767px) {
  /* line 79, pages/sisternet/sisternet.scss */
  .sisternet-page.body-content .content-image-container .banner-sustainability {
    height: calc(100vw + 160px);
  }
}

/* line 90, pages/sisternet/sisternet.scss */
.sisternet-page.body-content .content-split-message-container {
  margin-bottom: 64px;
}

@media (max-width: 767px) {
  /* line 90, pages/sisternet/sisternet.scss */
  .sisternet-page.body-content .content-split-message-container {
    padding: 0px 20px;
    margin-bottom: 32px;
  }
  /* line 97, pages/sisternet/sisternet.scss */
  .sisternet-page.body-content .content-split-message-container.content-mereka {
    display: none;
  }
}

/* line 102, pages/sisternet/sisternet.scss */
.sisternet-page.body-content .content-split-message-container .title {
  color: #164396;
  font-family: 'AxiataBold';
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 24px;
  margin: auto 0;
}

@media (min-width: 768px) {
  /* line 102, pages/sisternet/sisternet.scss */
  .sisternet-page.body-content .content-split-message-container .title {
    padding-right: 32px;
  }
}

@media (max-width: 767px) {
  /* line 102, pages/sisternet/sisternet.scss */
  .sisternet-page.body-content .content-split-message-container .title {
    margin-bottom: 16px;
  }
}

/* line 120, pages/sisternet/sisternet.scss */
.sisternet-page.body-content .content-split-message-container .description {
  color: #212B36;
  font-family: 'AxiataBook';
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 24px;
}

/* line 130, pages/sisternet/sisternet.scss */
.sisternet-page.body-content .content-image-message-container {
  display: flex;
  margin-bottom: 64px;
  flex: 1;
  justify-content: center;
  align-items: center;
}

@media (max-width: 767px) {
  /* line 130, pages/sisternet/sisternet.scss */
  .sisternet-page.body-content .content-image-message-container {
    padding: 0px 20px;
    margin-bottom: 32px;
  }
}

/* line 142, pages/sisternet/sisternet.scss */
.sisternet-page.body-content .content-image-message-container .reverse {
  flex-direction: row-reverse;
}

@media (min-width: 768px) {
  /* line 145, pages/sisternet/sisternet.scss */
  .sisternet-page.body-content .content-image-message-container .reverse .message-container {
    align-items: flex-end;
    padding-left: 0px;
  }
  /* line 151, pages/sisternet/sisternet.scss */
  .sisternet-page.body-content .content-image-message-container .reverse .message-container .title, .sisternet-page.body-content .content-image-message-container .reverse .message-container .description {
    text-align: right;
  }
}

@media (max-width: 767px) {
  /* line 157, pages/sisternet/sisternet.scss */
  .sisternet-page.body-content .content-image-message-container .reverse .message-container .description {
    text-align: left;
  }
}

/* line 165, pages/sisternet/sisternet.scss */
.sisternet-page.body-content .content-image-message-container .image-row-thumbnail {
  width: auto;
  background-size: cover;
  background-position: center center;
}

@media (max-width: 767px) {
  /* line 165, pages/sisternet/sisternet.scss */
  .sisternet-page.body-content .content-image-message-container .image-row-thumbnail {
    height: 288px;
    margin-bottom: 16px;
  }
}

@media (min-width: 768px) {
  /* line 165, pages/sisternet/sisternet.scss */
  .sisternet-page.body-content .content-image-message-container .image-row-thumbnail {
    height: 320px;
  }
}

/* line 179, pages/sisternet/sisternet.scss */
.sisternet-page.body-content .content-image-message-container .message-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 32px;
}

@media (max-width: 767px) {
  /* line 179, pages/sisternet/sisternet.scss */
  .sisternet-page.body-content .content-image-message-container .message-container {
    padding: 0px 0px !important;
  }
}

/* line 189, pages/sisternet/sisternet.scss */
.sisternet-page.body-content .content-image-message-container .message-container .title {
  color: #164396;
  font-family: 'AxiataBold';
  line-height: 24px;
  margin-bottom: 8px;
}

@media (min-width: 768px) {
  /* line 189, pages/sisternet/sisternet.scss */
  .sisternet-page.body-content .content-image-message-container .message-container .title {
    font-size: 24px;
    letter-spacing: 4.5px;
  }
}

@media (max-width: 767px) {
  /* line 189, pages/sisternet/sisternet.scss */
  .sisternet-page.body-content .content-image-message-container .message-container .title {
    font-size: 16px;
    letter-spacing: 2px;
  }
}

/* line 207, pages/sisternet/sisternet.scss */
.sisternet-page.body-content .content-image-message-container .message-container .description {
  color: #333333;
  font-family: 'AxiataBook';
  font-size: 16px;
  letter-spacing: 1px;
}

@media (min-width: 768px) {
  /* line 207, pages/sisternet/sisternet.scss */
  .sisternet-page.body-content .content-image-message-container .message-container .description {
    line-height: 27px;
  }
}

@media (max-width: 767px) {
  /* line 207, pages/sisternet/sisternet.scss */
  .sisternet-page.body-content .content-image-message-container .message-container .description {
    line-height: 24px;
  }
}

@media (min-width: 768px) {
  /* line 224, pages/sisternet/sisternet.scss */
  .sisternet-page.body-content .cardlist-container {
    margin-bottom: 64px;
  }
}

@media (max-width: 767px) {
  /* line 224, pages/sisternet/sisternet.scss */
  .sisternet-page.body-content .cardlist-container {
    padding: 0px 20px;
    margin-bottom: 32px;
  }
}

/* line 234, pages/sisternet/sisternet.scss */
.sisternet-page.body-content .cardlist-container .cardlist {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  /* line 234, pages/sisternet/sisternet.scss */
  .sisternet-page.body-content .cardlist-container .cardlist {
    flex-direction: row;
    margin-top: -32px;
  }
}

@media (max-width: 767px) {
  /* line 234, pages/sisternet/sisternet.scss */
  .sisternet-page.body-content .cardlist-container .cardlist {
    flex-direction: column;
  }
}

/* line 248, pages/sisternet/sisternet.scss */
.sisternet-page.body-content .cardlist-container .image-card-with-text {
  position: relative;
  background-size: cover;
  background-position: center center;
}

@media (min-width: 768px) {
  /* line 248, pages/sisternet/sisternet.scss */
  .sisternet-page.body-content .cardlist-container .image-card-with-text {
    height: 288px;
    width: 270px;
    margin-top: 32px;
  }
}

@media (min-width: 768px) and (min-width: 1196px) {
  /* line 260, pages/sisternet/sisternet.scss */
  .sisternet-page.body-content .cardlist-container .image-card-with-text:not(:nth-child(3n+1)) {
    margin-left: 32px;
  }
}

@media (min-width: 768px) and (min-width: 1153px) and (max-width: 1195px) {
  /* line 267, pages/sisternet/sisternet.scss */
  .sisternet-page.body-content .cardlist-container .image-card-with-text:not(:nth-child(3n+1)) {
    margin-left: 12px;
  }
}

@media (min-width: 768px) and (min-width: 793px) and (max-width: 1152px) {
  /* line 274, pages/sisternet/sisternet.scss */
  .sisternet-page.body-content .cardlist-container .image-card-with-text:not(:nth-child(2n+1)) {
    margin-left: 32px;
  }
}

@media (min-width: 768px) and (min-width: 768px) and (max-width: 792px) {
  /* line 281, pages/sisternet/sisternet.scss */
  .sisternet-page.body-content .cardlist-container .image-card-with-text:not(:nth-child(2n+1)) {
    margin-left: 12px;
  }
}

@media (max-width: 767px) {
  /* line 248, pages/sisternet/sisternet.scss */
  .sisternet-page.body-content .cardlist-container .image-card-with-text {
    height: 242px;
    width: auto;
  }
  /* line 291, pages/sisternet/sisternet.scss */
  .sisternet-page.body-content .cardlist-container .image-card-with-text:not(:first-child) {
    margin-top: 16px;
  }
}

/* line 296, pages/sisternet/sisternet.scss */
.sisternet-page.body-content .cardlist-container .image-card-with-text .background-text {
  position: absolute;
  bottom: 0;
  background-color: rgba(0, 0, 7, 0.4);
  backdrop-filter: blur(10px);
  z-index: 5;
}

@media (min-width: 768px) {
  /* line 296, pages/sisternet/sisternet.scss */
  .sisternet-page.body-content .cardlist-container .image-card-with-text .background-text {
    height: 144px;
    width: 270px;
    padding: 24px 16px;
  }
}

@media (max-width: 767px) {
  /* line 296, pages/sisternet/sisternet.scss */
  .sisternet-page.body-content .cardlist-container .image-card-with-text .background-text {
    height: 121px;
    width: 100%;
    padding: 16px 16px 9px;
  }
}

/* line 315, pages/sisternet/sisternet.scss */
.sisternet-page.body-content .cardlist-container .image-card-with-text .background-text .title {
  color: #FFFFFF;
  font-family: 'AxiataBold';
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 24px;
  margin-bottom: 8px;
}

/* line 325, pages/sisternet/sisternet.scss */
.sisternet-page.body-content .cardlist-container .image-card-with-text .background-text .description {
  color: #FFFFFF;
  font-family: 'AxiataBook';
  font-size: 10px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 16px;
}

/* line 338, pages/sisternet/sisternet.scss */
.sisternet-page.body-content .sisternet-carousel-container .carousel-indicators {
  right: 75px;
}

@media (max-width: 767px) {
  /* line 342, pages/sisternet/sisternet.scss */
  .sisternet-page.body-content .sisternet-carousel-container .carousel-item {
    padding: 0 !important;
  }
}

/* line 347, pages/sisternet/sisternet.scss */
.sisternet-page.body-content .sisternet-carousel-container .carousel-item .image-item {
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 768px) {
  /* line 347, pages/sisternet/sisternet.scss */
  .sisternet-page.body-content .sisternet-carousel-container .carousel-item .image-item {
    height: calc(100vw / 3);
  }
}

@media (max-width: 767px) {
  /* line 347, pages/sisternet/sisternet.scss */
  .sisternet-page.body-content .sisternet-carousel-container .carousel-item .image-item {
    height: calc(100vw * 1.44);
  }
}

@media (max-width: 767px) {
  /* line 362, pages/sisternet/sisternet.scss */
  .sisternet-page.body-content .large-screen-display {
    display: none !important;
  }
}

@media (min-width: 768px) {
  /* line 368, pages/sisternet/sisternet.scss */
  .sisternet-page.body-content .small-screen-display {
    display: none !important;
  }
}

/* line 1, pages/general-meeting-shareholder/style.scss */
.general-meeting-wrapper {
  padding: 32px 0px;
}

/* line 4, pages/general-meeting-shareholder/style.scss */
.general-meeting-wrapper .margin-btm-30 {
  margin-bottom: 30px;
}

/* line 8, pages/general-meeting-shareholder/style.scss */
.general-meeting-wrapper .content-container {
  margin-left: 138px;
}

@media (max-width: 767px) {
  /* line 8, pages/general-meeting-shareholder/style.scss */
  .general-meeting-wrapper .content-container {
    margin-left: 0px;
    margin-top: 34px;
  }
}

/* line 16, pages/general-meeting-shareholder/style.scss */
.general-meeting-wrapper .content-container .heading {
  font-family: 'AxiataBold';
  color: #164396;
  font-size: 72px;
  line-height: 72px;
  letter-spacing: 1px;
  margin-bottom: 56px;
}

@media (max-width: 767px) {
  /* line 16, pages/general-meeting-shareholder/style.scss */
  .general-meeting-wrapper .content-container .heading {
    margin-bottom: 32px;
    font-size: 48px;
    line-height: 52px;
  }
}

/* line 31, pages/general-meeting-shareholder/style.scss */
.general-meeting-wrapper .content-container .sub-heading {
  margin-bottom: 24px;
}

/* line 17, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.head-banner-with-breadcumbs .container {
  margin-top: 54px;
}

/* line 20, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.head-banner-with-breadcumbs .container .head-title {
  color: #FFFFFF;
  font-family: 'AxiataBold';
}

@media (min-width: 768px) {
  /* line 16, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.head-banner-with-breadcumbs {
    height: 600px;
  }
  /* line 29, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.head-banner-with-breadcumbs .head-title {
    font-size: 36px;
    letter-spacing: 3px;
    line-height: 50px;
  }
}

@media (max-width: 767px) {
  /* line 16, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.head-banner-with-breadcumbs {
    height: 400px;
  }
  /* line 39, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.head-banner-with-breadcumbs .head-title {
    font-size: 24px;
    letter-spacing: 0.67px;
    line-height: 34px;
  }
}

/* line 47, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content {
  height: 100% !important;
  margin-bottom: 0px;
}

@media (min-width: 768px) {
  /* line 47, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content {
    margin-top: 64px;
  }
}

@media (max-width: 767px) {
  /* line 47, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content {
    margin-top: 32px;
  }
}

/* line 59, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content .content-title {
  font-family: 'AxiataBold';
  color: #164396;
}

/* line 63, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content .content-title.center-content {
  text-align: center;
}

@media (min-width: 768px) {
  /* line 59, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .content-title {
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 4.5px;
    margin-bottom: 32px;
    text-align: center;
  }
}

@media (max-width: 767px) {
  /* line 59, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .content-title {
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 2px;
    margin: 0 20px 16px;
  }
}

/* line 83, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content .content-image-container {
  margin-bottom: 32px;
}

@media (max-width: 767px) {
  /* line 83, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .content-image-container {
    padding: 0px 20px;
  }
}

/* line 90, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content .content-image-container .image-cover-center {
  width: auto;
  background-size: cover;
  background-position: center center;
}

/* line 96, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content .content-image-container .image-scroll-wrapper {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}

@media (min-width: 768px) {
  /* line 102, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .content-image-container .activation-guide {
    height: 330px;
  }
}

@media (max-width: 767px) {
  /* line 102, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .content-image-container .activation-guide {
    height: 300px;
  }
}

/* line 114, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content .content-split-message-container {
  margin-bottom: 64px;
}

@media (max-width: 767px) {
  /* line 114, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .content-split-message-container {
    padding: 0px 20px;
    margin-bottom: 32px;
  }
  /* line 121, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .content-split-message-container.content-mereka {
    display: none;
  }
}

/* line 126, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content .content-split-message-container .title {
  color: #164396;
  font-family: 'AxiataBold';
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 24px;
  margin: auto 0;
}

@media (min-width: 768px) {
  /* line 126, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .content-split-message-container .title {
    padding-right: 32px;
  }
}

@media (max-width: 767px) {
  /* line 126, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .content-split-message-container .title {
    margin-bottom: 16px;
  }
}

/* line 144, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content .content-split-message-container .description-container {
  color: #212B36;
  font-family: 'AxiataBook';
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 24px;
}

/* line 153, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content .content-split-message-container .description-container .description-item:not(:first-child) {
  margin-bottom: 32px;
}

/* line 158, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content .content-split-message-container .description-container .highlight {
  font-family: 'AxiataBold';
  font-weight: bold;
}

/* line 165, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content .content-image-message-container {
  display: flex;
  margin-bottom: 64px;
  flex: 1;
  justify-content: center;
  align-items: center;
}

@media (max-width: 767px) {
  /* line 165, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .content-image-message-container {
    padding: 0px 20px;
    margin-bottom: 32px;
  }
}

/* line 177, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content .content-image-message-container .reverse {
  flex-direction: row-reverse;
}

@media (min-width: 768px) {
  /* line 180, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .content-image-message-container .reverse .message-container {
    align-items: flex-end;
    padding-left: 0px;
    padding-right: 32px;
  }
  /* line 187, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .content-image-message-container .reverse .message-container .title, .dirumahlebihbaik-page.body-content .content-image-message-container .reverse .message-container .description {
    text-align: right;
  }
}

@media (max-width: 767px) {
  /* line 193, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .content-image-message-container .reverse .message-container .description {
    text-align: left;
  }
}

/* line 201, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content .content-image-message-container .image-row-thumbnail {
  width: auto;
  background-size: cover;
  background-position: center center;
}

@media (max-width: 767px) {
  /* line 201, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .content-image-message-container .image-row-thumbnail {
    height: 288px;
    margin-bottom: 16px;
  }
}

@media (min-width: 768px) {
  /* line 201, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .content-image-message-container .image-row-thumbnail {
    height: 320px;
  }
}

/* line 215, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content .content-image-message-container .message-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 32px;
}

@media (max-width: 767px) {
  /* line 215, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .content-image-message-container .message-container {
    padding: 0px 0px !important;
  }
}

/* line 225, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content .content-image-message-container .message-container .title {
  color: #164396;
  font-family: 'AxiataBold';
  line-height: 24px;
  margin-bottom: 8px;
}

@media (min-width: 768px) {
  /* line 225, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .content-image-message-container .message-container .title {
    font-size: 24px;
    letter-spacing: 4.5px;
  }
}

@media (max-width: 767px) {
  /* line 225, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .content-image-message-container .message-container .title {
    font-size: 16px;
    letter-spacing: 2px;
  }
}

/* line 243, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content .content-image-message-container .message-container .description {
  color: #333333;
  font-family: 'AxiataBook';
  font-size: 16px;
  letter-spacing: 1px;
}

@media (min-width: 768px) {
  /* line 243, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .content-image-message-container .message-container .description {
    line-height: 27px;
  }
}

@media (max-width: 767px) {
  /* line 243, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .content-image-message-container .message-container .description {
    line-height: 24px;
  }
}

/* line 258, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content .content-image-message-container .message-container .button-link-container {
  display: inline-block;
  height: 60px;
  cursor: pointer;
}

@media (min-width: 768px) {
  /* line 258, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .content-image-message-container .message-container .button-link-container {
    margin-top: 32px;
  }
}

@media (max-width: 767px) {
  /* line 258, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .content-image-message-container .message-container .button-link-container {
    margin-top: 16px;
  }
}

/* line 271, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content .content-image-message-container .message-container .button-link-container .see-more-button-link {
  color: #164396;
  font-family: 'AxiataBold';
  font-size: 16px;
  letter-spacing: 1.33px;
  line-height: 44px;
  border: 1px solid #EE3E80;
  border-radius: 0;
  padding: 8px 29.5px;
}

@media (min-width: 768px) {
  /* line 271, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .content-image-message-container .message-container .button-link-container .see-more-button-link {
    width: 292px;
  }
}

@media (max-width: 767px) {
  /* line 271, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .content-image-message-container .message-container .button-link-container .see-more-button-link {
    width: 100%;
  }
}

@media (min-width: 768px) {
  /* line 293, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .cardlist-container {
    margin-bottom: 64px;
  }
}

@media (max-width: 767px) {
  /* line 293, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .cardlist-container {
    padding: 0px 20px;
    margin-bottom: 32px;
  }
}

/* line 303, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content .cardlist-container .cardlist {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media (min-width: 768px) {
  /* line 303, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .cardlist-container .cardlist {
    flex-direction: row;
    margin-top: -32px;
  }
}

@media (max-width: 767px) {
  /* line 303, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .cardlist-container .cardlist {
    flex-direction: column;
  }
}

/* line 318, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content .cardlist-container .image-card {
  position: relative;
  background-size: cover;
  background-position: center center;
}

@media (min-width: 768px) {
  /* line 318, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .cardlist-container .image-card {
    height: 547px;
    width: 380px;
    margin-top: 32px;
  }
}

@media (min-width: 768px) and (min-width: 1196px) {
  /* line 318, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .cardlist-container .image-card {
    width: 360px;
  }
  /* line 331, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .cardlist-container .image-card:not(:nth-child(3n+1)) {
    margin-left: 32px;
  }
}

@media (min-width: 768px) and (min-width: 833px) and (max-width: 1195px) {
  /* line 338, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .cardlist-container .image-card:not(:nth-child(2n+1)) {
    margin-left: 32px;
  }
}

@media (min-width: 768px) and (min-width: 768px) and (max-width: 832px) {
  /* line 318, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .cardlist-container .image-card {
    width: 360px;
  }
  /* line 346, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .cardlist-container .image-card:not(:nth-child(2n+1)) {
    margin-left: 12px;
  }
}

@media (max-width: 767px) {
  /* line 318, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .cardlist-container .image-card {
    height: 462px;
    width: auto;
  }
  /* line 356, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .cardlist-container .image-card:not(:first-child) {
    margin-top: 16px;
  }
}

/* line 363, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content .table-container {
  margin-top: 0px;
  margin-bottom: 32px;
}

@media (max-width: 767px) {
  /* line 363, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .table-container {
    padding: 0px 20px;
  }
}

/* line 372, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content .table-container table td {
  color: #212B36;
}

/* line 376, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content .table-container table:not(:last-child) {
  margin-bottom: 64px;
}

/* line 380, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content .table-container table tr:last-child {
  border-bottom: none;
}

/* line 385, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content .table-container table.two-column-table th, .dirumahlebihbaik-page.body-content .table-container table.two-column-table td {
  width: 50%;
  white-space: normal;
}

/* line 389, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content .table-container table.two-column-table th:first-child, .dirumahlebihbaik-page.body-content .table-container table.two-column-table td:first-child {
  width: calc((100vw / 2) - 30px);
}

@media (min-width: 768px) {
  /* line 389, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .table-container table.two-column-table th:first-child, .dirumahlebihbaik-page.body-content .table-container table.two-column-table td:first-child {
    min-width: 476px;
  }
}

@media (max-width: 767px) {
  /* line 389, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .table-container table.two-column-table th:first-child, .dirumahlebihbaik-page.body-content .table-container table.two-column-table td:first-child {
    min-width: 260px;
  }
}

/* line 402, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content .table-container table.two-column-table a {
  color: #164396;
  text-decoration: underline;
}

/* line 407, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content .table-container table.two-column-table ul > li {
  list-style-type: none;
}

/* line 411, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content .table-container table.two-column-table ol > li {
  margin-left: 18px;
}

/* line 415, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content .table-container table.two-column-table li:not(:last-child) {
  margin-bottom: 8px;
}

/* line 422, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content .content-list-container {
  color: #212B36;
  font-family: 'AxiataBook';
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 27px;
  margin-bottom: 32px;
}

@media (max-width: 767px) {
  /* line 422, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .content-list-container {
    padding: 0px 20px;
    margin-bottom: 32px;
  }
}

/* line 437, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content .content-list-container .content-list-item:not(:last-child) {
  margin-bottom: 32px;
}

/* line 441, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content .content-list-container .content-list-item .list-title {
  color: #164396;
  font-family: 'AxiataBold';
  font-weight: bold;
}

/* line 447, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content .content-list-container .content-list-item .description {
  margin-bottom: 32px;
}

/* line 451, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content .content-list-container .content-list-item li {
  list-style-type: none;
}

/* line 457, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content .content-mini-text {
  color: #212B36;
  font-family: 'AxiataBook';
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 24px;
}

@media (min-width: 768px) {
  /* line 457, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .content-mini-text {
    margin-bottom: 16px;
  }
}

@media (max-width: 767px) {
  /* line 457, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .content-mini-text {
    margin-bottom: 32px;
    padding: 0px 20px;
  }
}

/* line 475, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content .accordion-questions {
  margin: 64px 0px;
}

@media (max-width: 767px) {
  /* line 475, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
  .dirumahlebihbaik-page.body-content .accordion-questions {
    margin: 32px 0px;
  }
}

/* line 483, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content .accordion-questions .question-container:not(:last-child) {
  margin-bottom: 16px;
}

/* line 487, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content .accordion-questions .question-container .item-question, .dirumahlebihbaik-page.body-content .accordion-questions .question-container .item-answer {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 24px;
}

/* line 493, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content .accordion-questions .question-container .item-question {
  color: #164396;
  font-family: 'AxiataBold';
  font-weight: bold;
}

/* line 499, pages/dirumahlebihbaik/dirumahlebihbaik.scss */
.dirumahlebihbaik-page.body-content .accordion-questions .question-container .item-answer {
  color: #212B36;
  font-family: 'AxiataBook';
  font-weight: 300;
}

/* line 13, pages/ramadan-phase-2/style.scss */
.ramadanp2-page-wrapper .ramadanp2-container {
  padding: 32px 0;
  margin: 0 auto;
}

/* line 17, pages/ramadan-phase-2/style.scss */
.ramadanp2-page-wrapper .ramadanp2-container img {
  width: 100%;
  margin-bottom: 64px;
}

@media (max-width: 767px) {
  /* line 17, pages/ramadan-phase-2/style.scss */
  .ramadanp2-page-wrapper .ramadanp2-container img {
    margin-bottom: 32px;
  }
}

/* line 25, pages/ramadan-phase-2/style.scss */
.ramadanp2-page-wrapper .ramadanp2-container .title {
  color: #164396;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
}

@media (min-width: 768px) {
  /* line 25, pages/ramadan-phase-2/style.scss */
  .ramadanp2-page-wrapper .ramadanp2-container .title {
    letter-spacing: 3px;
    margin-bottom: 32px;
  }
}

@media (max-width: 767px) {
  /* line 25, pages/ramadan-phase-2/style.scss */
  .ramadanp2-page-wrapper .ramadanp2-container .title {
    letter-spacing: 1px;
    margin-bottom: 16px;
  }
}

/* line 42, pages/ramadan-phase-2/style.scss */
.ramadanp2-page-wrapper .ramadanp2-container .body {
  color: #333333;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 22px;
}

@media (max-width: 360px) {
  /* line 42, pages/ramadan-phase-2/style.scss */
  .ramadanp2-page-wrapper .ramadanp2-container .body {
    width: 320px;
  }
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  /* line 13, pages/ramadan-phase-2/style.scss */
  .ramadanp2-page-wrapper .ramadanp2-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (min-width: 768px) {
  /* line 58, pages/ramadan-phase-2/style.scss */
  .ramadanp2-page-wrapper .ramadanp2-video-container {
    height: 473px;
  }
}

@media (max-width: 767px) {
  /* line 58, pages/ramadan-phase-2/style.scss */
  .ramadanp2-page-wrapper .ramadanp2-video-container {
    height: 314px;
  }
}

/* line 69, pages/ramadan-phase-2/style.scss */
.ramadanp2-page-wrapper .ramadanp2-video-container .video-container {
  display: flex;
  align-items: center;
}

@media (min-width: 768px) {
  /* line 69, pages/ramadan-phase-2/style.scss */
  .ramadanp2-page-wrapper .ramadanp2-video-container .video-container {
    flex-direction: row;
    padding-top: 64px;
    padding-bottom: 64px;
  }
}

@media (max-width: 767px) {
  /* line 69, pages/ramadan-phase-2/style.scss */
  .ramadanp2-page-wrapper .ramadanp2-video-container .video-container {
    flex-direction: column;
    padding-top: 32px;
    padding-bottom: 32px;
  }
}

@media (min-width: 768px) {
  /* line 85, pages/ramadan-phase-2/style.scss */
  .ramadanp2-page-wrapper .ramadanp2-video-container .video-container .video-wrapper {
    height: 345px;
    width: 582px;
  }
}

@media (max-width: 767px) {
  /* line 85, pages/ramadan-phase-2/style.scss */
  .ramadanp2-page-wrapper .ramadanp2-video-container .video-container .video-wrapper {
    height: 190px;
    width: 320px;
  }
}

@media (min-width: 768px) {
  /* line 97, pages/ramadan-phase-2/style.scss */
  .ramadanp2-page-wrapper .ramadanp2-video-container .video-container .video-content {
    width: 47%;
  }
}

@media (min-width: 768px) {
  /* line 97, pages/ramadan-phase-2/style.scss */
  .ramadanp2-page-wrapper .ramadanp2-video-container .video-container .video-content {
    margin-left: 36px;
  }
}

@media (max-width: 767px) {
  /* line 97, pages/ramadan-phase-2/style.scss */
  .ramadanp2-page-wrapper .ramadanp2-video-container .video-container .video-content {
    margin-top: 16px;
  }
}

/* line 110, pages/ramadan-phase-2/style.scss */
.ramadanp2-page-wrapper .ramadanp2-video-container .video-container .video-content .video-highlight {
  color: #EE3E80;
  font-family: 'AxiataBold';
  font-weight: bold;
  text-align: center;
}

@media (min-width: 768px) {
  /* line 110, pages/ramadan-phase-2/style.scss */
  .ramadanp2-page-wrapper .ramadanp2-video-container .video-container .video-content .video-highlight {
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 32px;
    margin-bottom: 32px;
  }
}

@media (max-width: 767px) {
  /* line 110, pages/ramadan-phase-2/style.scss */
  .ramadanp2-page-wrapper .ramadanp2-video-container .video-container .video-content .video-highlight {
    font-size: 10px;
    letter-spacing: 1.43px;
    line-height: 16px;
    margin-bottom: 16px;
  }
}

/* line 131, pages/ramadan-phase-2/style.scss */
.ramadanp2-page-wrapper .ramadanp2-video-container .video-container .video-content .video-title {
  color: #FFFFFF;
  font-family: 'AxiataBold';
  font-weight: bold;
  letter-spacing: 1px;
  text-align: center;
}

@media (min-width: 768px) {
  /* line 131, pages/ramadan-phase-2/style.scss */
  .ramadanp2-page-wrapper .ramadanp2-video-container .video-container .video-content .video-title {
    font-size: 36px;
    line-height: 46px;
  }
}

@media (max-width: 767px) {
  /* line 131, pages/ramadan-phase-2/style.scss */
  .ramadanp2-page-wrapper .ramadanp2-video-container .video-container .video-content .video-title {
    font-size: 16px;
    line-height: 22px;
  }
}

/* line 151, pages/ramadan-phase-2/style.scss */
.ramadanp2-page-wrapper .ramadanp2-video-container .mini-video-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 62px;
}

@media (max-width: 767px) {
  /* line 151, pages/ramadan-phase-2/style.scss */
  .ramadanp2-page-wrapper .ramadanp2-video-container .mini-video-container {
    justify-content: center;
    margin-bottom: 30px;
  }
}

/* line 162, pages/ramadan-phase-2/style.scss */
.ramadanp2-page-wrapper .ramadanp2-video-container .mini-video-container .mini-video-split {
  display: flex;
  flex-direction: row;
}

@media (min-width: 768px) {
  /* line 162, pages/ramadan-phase-2/style.scss */
  .ramadanp2-page-wrapper .ramadanp2-video-container .mini-video-container .mini-video-split {
    height: 164px;
    width: 582px;
  }
  /* line 170, pages/ramadan-phase-2/style.scss */
  .ramadanp2-page-wrapper .ramadanp2-video-container .mini-video-container .mini-video-split .mini-video-wrapper-left, .ramadanp2-page-wrapper .ramadanp2-video-container .mini-video-container .mini-video-split .mini-video-wrapper-right {
    height: 164px;
    width: 276px;
  }
  /* line 175, pages/ramadan-phase-2/style.scss */
  .ramadanp2-page-wrapper .ramadanp2-video-container .mini-video-container .mini-video-split .mini-video-wrapper-left {
    margin-right: 30px;
  }
}

@media (max-width: 767px) {
  /* line 162, pages/ramadan-phase-2/style.scss */
  .ramadanp2-page-wrapper .ramadanp2-video-container .mini-video-container .mini-video-split {
    height: 125px;
    width: 320px;
  }
  /* line 184, pages/ramadan-phase-2/style.scss */
  .ramadanp2-page-wrapper .ramadanp2-video-container .mini-video-container .mini-video-split .mini-video-wrapper-left, .ramadanp2-page-wrapper .ramadanp2-video-container .mini-video-container .mini-video-split .mini-video-wrapper-right {
    height: 125px;
    width: 155px;
  }
  /* line 189, pages/ramadan-phase-2/style.scss */
  .ramadanp2-page-wrapper .ramadanp2-video-container .mini-video-container .mini-video-split .mini-video-wrapper-left {
    margin-right: 10px;
  }
}

/* line 15, pages/campaign/campaign.scss */
.campaign-page.main-content {
  overflow: hidden;
}

/* line 17, pages/campaign/campaign.scss */
.campaign-page.main-content .full-image-container {
  position: relative;
}

/* line 20, pages/campaign/campaign.scss */
.campaign-page.main-content .full-image-container .message-container {
  max-width: 1200px;
  margin: 0px auto;
  position: absolute;
  bottom: 0;
}

@media (min-width: 768px) {
  /* line 20, pages/campaign/campaign.scss */
  .campaign-page.main-content .full-image-container .message-container {
    padding-bottom: 80px;
    left: 20%;
    right: 20%;
  }
}

@media (max-width: 767px) {
  /* line 20, pages/campaign/campaign.scss */
  .campaign-page.main-content .full-image-container .message-container {
    padding: 0px 20px 32px;
  }
}

/* line 36, pages/campaign/campaign.scss */
.campaign-page.main-content .full-image-container .message-container.message-top {
  top: 0;
}

@media (min-width: 768px) {
  /* line 36, pages/campaign/campaign.scss */
  .campaign-page.main-content .full-image-container .message-container.message-top {
    padding-top: 80px;
  }
}

@media (max-width: 767px) {
  /* line 36, pages/campaign/campaign.scss */
  .campaign-page.main-content .full-image-container .message-container.message-top {
    padding: 32px 20px 0px;
  }
}

/* line 48, pages/campaign/campaign.scss */
.campaign-page.main-content .full-image-container .message-container .title {
  color: #164396;
  font-family: 'AxiataBold';
  font-weight: bold;
  line-height: 44px;
  text-align: center;
  margin-bottom: 16px;
}

/* line 3, pages/campaign/campaign.scss */
.campaign-page.main-content .full-image-container .message-container .title.dark-mode {
  color: #FFFFFF;
}

@media (min-width: 768px) {
  /* line 48, pages/campaign/campaign.scss */
  .campaign-page.main-content .full-image-container .message-container .title {
    font-size: 36px;
    letter-spacing: 3px;
  }
}

@media (max-width: 767px) {
  /* line 48, pages/campaign/campaign.scss */
  .campaign-page.main-content .full-image-container .message-container .title {
    font-size: 24px;
    letter-spacing: 2px;
  }
}

/* line 67, pages/campaign/campaign.scss */
.campaign-page.main-content .full-image-container .message-container .message-body {
  color: #333339;
  font-family: 'AxiataBook';
  font-weight: 300;
  letter-spacing: 1px;
  text-align: center;
}

/* line 10, pages/campaign/campaign.scss */
.campaign-page.main-content .full-image-container .message-container .message-body.dark-mode {
  color: #FFFFFF;
}

@media (min-width: 768px) {
  /* line 67, pages/campaign/campaign.scss */
  .campaign-page.main-content .full-image-container .message-container .message-body {
    font-size: 24px;
    line-height: 30px;
  }
}

@media (max-width: 767px) {
  /* line 67, pages/campaign/campaign.scss */
  .campaign-page.main-content .full-image-container .message-container .message-body {
    font-size: 12px;
    line-height: 14px;
  }
}

/* line 87, pages/campaign/campaign.scss */
.campaign-page.main-content .full-message-container {
  position: relative;
}

/* line 90, pages/campaign/campaign.scss */
.campaign-page.main-content .full-message-container .message-container {
  max-width: 1200px;
  margin: 0px auto;
}

@media (min-width: 768px) {
  /* line 90, pages/campaign/campaign.scss */
  .campaign-page.main-content .full-message-container .message-container {
    padding: 80px 0px;
  }
}

@media (max-width: 767px) {
  /* line 90, pages/campaign/campaign.scss */
  .campaign-page.main-content .full-message-container .message-container {
    padding: 64px 20px;
  }
}

/* line 101, pages/campaign/campaign.scss */
.campaign-page.main-content .full-message-container .message-container .title {
  color: #164396;
  font-family: 'AxiataBold';
  font-weight: bold;
  line-height: 44px;
  text-align: center;
  margin-bottom: 16px;
}

/* line 3, pages/campaign/campaign.scss */
.campaign-page.main-content .full-message-container .message-container .title.dark-mode {
  color: #FFFFFF;
}

@media (min-width: 768px) {
  /* line 101, pages/campaign/campaign.scss */
  .campaign-page.main-content .full-message-container .message-container .title {
    font-size: 36px;
    letter-spacing: 3px;
  }
}

@media (max-width: 767px) {
  /* line 101, pages/campaign/campaign.scss */
  .campaign-page.main-content .full-message-container .message-container .title {
    font-size: 24px;
    letter-spacing: 2px;
  }
}

/* line 120, pages/campaign/campaign.scss */
.campaign-page.main-content .full-message-container .message-container .message-body {
  color: #333339;
  font-family: 'AxiataBook';
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: center;
}

/* line 10, pages/campaign/campaign.scss */
.campaign-page.main-content .full-message-container .message-container .message-body.dark-mode {
  color: #FFFFFF;
}

/* line 134, pages/campaign/campaign.scss */
.campaign-page.main-content .full-message-container-fullheight {
  position: relative;
  height: 600px;
}

@media (max-width: 767px) {
  /* line 134, pages/campaign/campaign.scss */
  .campaign-page.main-content .full-message-container-fullheight {
    height: 204px;
  }
}

/* line 141, pages/campaign/campaign.scss */
.campaign-page.main-content .full-message-container-fullheight .message-container {
  max-width: 1200px;
  margin: auto;
}

@media (min-width: 768px) {
  /* line 141, pages/campaign/campaign.scss */
  .campaign-page.main-content .full-message-container-fullheight .message-container {
    padding: 240px 0px 240px 0px;
  }
}

@media (max-width: 767px) {
  /* line 141, pages/campaign/campaign.scss */
  .campaign-page.main-content .full-message-container-fullheight .message-container {
    padding: 64px 20px;
  }
}

/* line 153, pages/campaign/campaign.scss */
.campaign-page.main-content .full-message-container-fullheight .message-container .title {
  color: #164396;
  font-family: 'AxiataBold';
  font-weight: bold;
  line-height: 44px;
  text-align: center;
  margin-bottom: 16px;
}

/* line 3, pages/campaign/campaign.scss */
.campaign-page.main-content .full-message-container-fullheight .message-container .title.dark-mode {
  color: #FFFFFF;
}

@media (min-width: 768px) {
  /* line 153, pages/campaign/campaign.scss */
  .campaign-page.main-content .full-message-container-fullheight .message-container .title {
    font-size: 36px;
    letter-spacing: 3px;
  }
}

@media (max-width: 767px) {
  /* line 153, pages/campaign/campaign.scss */
  .campaign-page.main-content .full-message-container-fullheight .message-container .title {
    font-size: 24px;
    letter-spacing: 2px;
  }
}

/* line 172, pages/campaign/campaign.scss */
.campaign-page.main-content .full-message-container-fullheight .message-container .message-body {
  color: #333339;
  font-family: 'AxiataBook';
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: center;
}

/* line 10, pages/campaign/campaign.scss */
.campaign-page.main-content .full-message-container-fullheight .message-container .message-body.dark-mode {
  color: #FFFFFF;
}

/* line 183, pages/campaign/campaign.scss */
.campaign-page.main-content .full-message-container-fullheight .message-container .message-body-big {
  color: #333339;
  height: 120px;
  font-family: 'AxiataBook';
  font-size: 24px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 40px;
  text-align: center;
}

/* line 10, pages/campaign/campaign.scss */
.campaign-page.main-content .full-message-container-fullheight .message-container .message-body-big.dark-mode {
  color: #FFFFFF;
}

@media (max-width: 767px) {
  /* line 183, pages/campaign/campaign.scss */
  .campaign-page.main-content .full-message-container-fullheight .message-container .message-body-big {
    height: 84px;
    width: 320px;
    font-family: 'AxiataBook';
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 14px;
    text-align: center;
  }
}

/* line 207, pages/campaign/campaign.scss */
.campaign-page.main-content .video-title-container-with-background {
  position: relative;
  display: flex;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

/* line 214, pages/campaign/campaign.scss */
.campaign-page.main-content .video-title-container-with-background .video-title-list-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* line 219, pages/campaign/campaign.scss */
.campaign-page.main-content .video-title-container-with-background .video-title-list-container .video-title-container {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1200px;
  margin: 0px auto;
}

@media (min-width: 768px) {
  /* line 226, pages/campaign/campaign.scss */
  .campaign-page.main-content .video-title-container-with-background .video-title-list-container .video-title-container:first-child {
    margin-top: 64px;
  }
}

@media (max-width: 767px) {
  /* line 226, pages/campaign/campaign.scss */
  .campaign-page.main-content .video-title-container-with-background .video-title-list-container .video-title-container:first-child {
    margin-top: 32px;
  }
}

/* line 236, pages/campaign/campaign.scss */
.campaign-page.main-content .video-title-container-with-background .video-title-list-container .video-title-container:not(:last-child) {
  margin-bottom: 32px;
}

/* line 240, pages/campaign/campaign.scss */
.campaign-page.main-content .video-title-container-with-background .video-title-list-container .video-title-container:last-child {
  margin-bottom: 64px;
}

@media (min-width: 768px) {
  /* line 247, pages/campaign/campaign.scss */
  .campaign-page.main-content .video-title-container-with-background .video-title-list-container .video-title-container:not(.reverse) {
    flex-direction: row;
  }
  /* line 249, pages/campaign/campaign.scss */
  .campaign-page.main-content .video-title-container-with-background .video-title-list-container .video-title-container:not(.reverse) .video-title {
    margin-left: 32px;
  }
  /* line 254, pages/campaign/campaign.scss */
  .campaign-page.main-content .video-title-container-with-background .video-title-list-container .video-title-container.reverse {
    flex-direction: row-reverse;
  }
  /* line 256, pages/campaign/campaign.scss */
  .campaign-page.main-content .video-title-container-with-background .video-title-list-container .video-title-container.reverse .video-title {
    margin-right: 32px;
  }
}

@media (max-width: 767px) {
  /* line 219, pages/campaign/campaign.scss */
  .campaign-page.main-content .video-title-container-with-background .video-title-list-container .video-title-container {
    flex-direction: column;
    padding: 0px 20px;
  }
}

@media (min-width: 768px) {
  /* line 270, pages/campaign/campaign.scss */
  .campaign-page.main-content .video-title-container-with-background .video-title-list-container .video-title-container .video-container .video-wrapper {
    height: 344px;
    max-width: 582px;
    width: calc(100vw / 2);
  }
}

@media (max-width: 767px) {
  /* line 270, pages/campaign/campaign.scss */
  .campaign-page.main-content .video-title-container-with-background .video-title-list-container .video-title-container .video-container .video-wrapper {
    height: 190px;
    width: 320px;
  }
}

/* line 284, pages/campaign/campaign.scss */
.campaign-page.main-content .video-title-container-with-background .video-title-list-container .video-title-container .video-title {
  display: flex;
  color: #164396;
  font-family: 'AxiataBold';
  font-weight: bold;
  letter-spacing: 1px;
  text-align: center;
  justify-content: center;
  align-items: center;
}

/* line 3, pages/campaign/campaign.scss */
.campaign-page.main-content .video-title-container-with-background .video-title-list-container .video-title-container .video-title.dark-mode {
  color: #FFFFFF;
}

@media (min-width: 768px) {
  /* line 284, pages/campaign/campaign.scss */
  .campaign-page.main-content .video-title-container-with-background .video-title-list-container .video-title-container .video-title {
    font-size: 36px;
    line-height: 46px;
    width: calc((100vw / 2) - 32px);
  }
}

@media (max-width: 767px) {
  /* line 284, pages/campaign/campaign.scss */
  .campaign-page.main-content .video-title-container-with-background .video-title-list-container .video-title-container .video-title {
    font-size: 16px;
    line-height: 22px;
    margin-top: 16px;
    max-width: 300px;
  }
}

@media (max-width: 767px) {
  /* line 312, pages/campaign/campaign.scss */
  .campaign-page.main-content .campaign-carousel-container .carousel-item {
    padding: 0 !important;
  }
}

/* line 317, pages/campaign/campaign.scss */
.campaign-page.main-content .campaign-carousel-container .carousel-item .image-item {
  height: 100% !important;
  background-repeat: no-repeat;
  background-size: cover;
}

/* line 323, pages/campaign/campaign.scss */
.campaign-page.main-content .campaign-carousel-container .carousel-item .msg-container {
  margin-top: 300px;
}

@media (min-width: 768px) {
  /* line 323, pages/campaign/campaign.scss */
  .campaign-page.main-content .campaign-carousel-container .carousel-item .msg-container {
    margin-bottom: 300px;
  }
}

@media (max-width: 767px) {
  /* line 323, pages/campaign/campaign.scss */
  .campaign-page.main-content .campaign-carousel-container .carousel-item .msg-container {
    padding: 0px 20px;
    margin-bottom: 140px;
  }
}

/* line 335, pages/campaign/campaign.scss */
.campaign-page.main-content .campaign-carousel-container .carousel-item .msg-container .msg-title {
  color: #164396;
  font-family: 'AxiataBold';
  font-weight: bold;
}

/* line 3, pages/campaign/campaign.scss */
.campaign-page.main-content .campaign-carousel-container .carousel-item .msg-container .msg-title.dark-mode {
  color: #FFFFFF;
}

@media (min-width: 768px) {
  /* line 335, pages/campaign/campaign.scss */
  .campaign-page.main-content .campaign-carousel-container .carousel-item .msg-container .msg-title {
    font-size: 36px;
    letter-spacing: 3px;
    line-height: 44px;
  }
}

@media (max-width: 767px) {
  /* line 335, pages/campaign/campaign.scss */
  .campaign-page.main-content .campaign-carousel-container .carousel-item .msg-container .msg-title {
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 32px;
  }
}

/* line 353, pages/campaign/campaign.scss */
.campaign-page.main-content .campaign-carousel-container .carousel-item .msg-container .msg-desc {
  color: #333339;
  font-family: 'AxiataBook';
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

/* line 10, pages/campaign/campaign.scss */
.campaign-page.main-content .campaign-carousel-container .carousel-item .msg-container .msg-desc.dark-mode {
  color: #FFFFFF;
}

@media (min-width: 768px) {
  /* line 353, pages/campaign/campaign.scss */
  .campaign-page.main-content .campaign-carousel-container .carousel-item .msg-container .msg-desc {
    letter-spacing: 1.5px;
  }
}

@media (max-width: 767px) {
  /* line 353, pages/campaign/campaign.scss */
  .campaign-page.main-content .campaign-carousel-container .carousel-item .msg-container .msg-desc {
    letter-spacing: 1px;
  }
}

/* line 369, pages/campaign/campaign.scss */
.campaign-page.main-content .campaign-carousel-container .carousel-item .msg-container .button-more {
  color: #164396;
}

/* line 3, pages/campaign/campaign.scss */
.campaign-page.main-content .campaign-carousel-container .carousel-item .msg-container .button-more.dark-mode {
  color: #FFFFFF;
}

/* line 376, pages/campaign/campaign.scss */
.campaign-page.main-content .cardlist-with-border-container {
  position: relative;
}

/* line 379, pages/campaign/campaign.scss */
.campaign-page.main-content .cardlist-with-border-container .cardlist-with-border {
  max-width: 1200px;
  margin: 0px auto;
}

@media (min-width: 768px) {
  /* line 379, pages/campaign/campaign.scss */
  .campaign-page.main-content .cardlist-with-border-container .cardlist-with-border {
    padding: 64px 0px;
  }
}

@media (max-width: 767px) {
  /* line 379, pages/campaign/campaign.scss */
  .campaign-page.main-content .cardlist-with-border-container .cardlist-with-border {
    padding: 32px 20px;
  }
}

/* line 390, pages/campaign/campaign.scss */
.campaign-page.main-content .cardlist-with-border-container .cardlist-with-border .container-title {
  color: #164396;
  font-family: 'AxiataBold';
  font-weight: bold;
  line-height: 30px;
  text-align: center;
}

/* line 3, pages/campaign/campaign.scss */
.campaign-page.main-content .cardlist-with-border-container .cardlist-with-border .container-title.dark-mode {
  color: #FFFFFF;
}

@media (min-width: 768px) {
  /* line 390, pages/campaign/campaign.scss */
  .campaign-page.main-content .cardlist-with-border-container .cardlist-with-border .container-title {
    font-size: 36px;
    letter-spacing: 4.5px;
  }
}

@media (max-width: 767px) {
  /* line 390, pages/campaign/campaign.scss */
  .campaign-page.main-content .cardlist-with-border-container .cardlist-with-border .container-title {
    font-size: 24px;
    letter-spacing: 3px;
  }
}

/* line 409, pages/campaign/campaign.scss */
.campaign-page.main-content .cardlist-with-border-container .cardlist-with-border .cardlist-container .cardlist {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  /* line 409, pages/campaign/campaign.scss */
  .campaign-page.main-content .cardlist-with-border-container .cardlist-with-border .cardlist-container .cardlist {
    flex-direction: row;
  }
}

@media (max-width: 1168px) {
  /* line 409, pages/campaign/campaign.scss */
  .campaign-page.main-content .cardlist-with-border-container .cardlist-with-border .cardlist-container .cardlist {
    justify-content: center;
  }
}

@media (max-width: 767px) {
  /* line 409, pages/campaign/campaign.scss */
  .campaign-page.main-content .cardlist-with-border-container .cardlist-with-border .cardlist-container .cardlist {
    flex-direction: column;
  }
}

/* line 427, pages/campaign/campaign.scss */
.campaign-page.main-content .cardlist-with-border-container .cardlist-with-border .cardlist-container .image-card-with-text {
  position: relative;
  background-size: cover;
  background-position: center center;
}

@media (min-width: 768px) {
  /* line 427, pages/campaign/campaign.scss */
  .campaign-page.main-content .cardlist-with-border-container .cardlist-with-border .cardlist-container .image-card-with-text {
    height: 446px;
    width: 584px;
    margin-top: 32px;
  }
}

@media (min-width: 768px) and (min-width: 1200px) {
  /* line 439, pages/campaign/campaign.scss */
  .campaign-page.main-content .cardlist-with-border-container .cardlist-with-border .cardlist-container .image-card-with-text:not(:nth-child(2n+1)) {
    margin-left: 32px;
  }
}

@media (min-width: 768px) and (min-width: 1168px) and (max-width: 1200px) {
  /* line 446, pages/campaign/campaign.scss */
  .campaign-page.main-content .cardlist-with-border-container .cardlist-with-border .cardlist-container .image-card-with-text:not(:nth-child(2n+1)) {
    margin-left: calc(100vw - 1168px);
  }
}

@media (max-width: 767px) {
  /* line 427, pages/campaign/campaign.scss */
  .campaign-page.main-content .cardlist-with-border-container .cardlist-with-border .cardlist-container .image-card-with-text {
    height: 242px;
    width: auto;
    margin-top: 16px;
  }
}

/* line 458, pages/campaign/campaign.scss */
.campaign-page.main-content .cardlist-with-border-container .cardlist-with-border .cardlist-container .image-card-with-text .background-text {
  position: absolute;
  bottom: 0;
  background-color: rgba(0, 0, 7, 0.4);
  backdrop-filter: blur(10px);
  height: auto;
  z-index: 5;
}

@media (min-width: 768px) {
  /* line 458, pages/campaign/campaign.scss */
  .campaign-page.main-content .cardlist-with-border-container .cardlist-with-border .cardlist-container .image-card-with-text .background-text {
    width: 584px;
    padding: 24px 16px;
  }
}

@media (max-width: 767px) {
  /* line 458, pages/campaign/campaign.scss */
  .campaign-page.main-content .cardlist-with-border-container .cardlist-with-border .cardlist-container .image-card-with-text .background-text {
    width: 100%;
    padding: 16px 16px 9px;
  }
}

/* line 476, pages/campaign/campaign.scss */
.campaign-page.main-content .cardlist-with-border-container .cardlist-with-border .cardlist-container .image-card-with-text .background-text .title {
  color: #FFFFFF;
  font-family: 'AxiataBold';
  font-weight: bold;
  line-height: 24px;
}

@media (min-width: 768px) {
  /* line 476, pages/campaign/campaign.scss */
  .campaign-page.main-content .cardlist-with-border-container .cardlist-with-border .cardlist-container .image-card-with-text .background-text .title {
    font-size: 24px;
    letter-spacing: 1.5px;
    margin-top: 32px;
  }
}

@media (max-width: 767px) {
  /* line 476, pages/campaign/campaign.scss */
  .campaign-page.main-content .cardlist-with-border-container .cardlist-with-border .cardlist-container .image-card-with-text .background-text .title {
    font-size: 16px;
    letter-spacing: 1px;
    margin-top: 6px;
  }
}

/* line 495, pages/campaign/campaign.scss */
.campaign-page.main-content .cardlist-with-border-container .cardlist-with-border .cardlist-container .image-card-with-text .background-text .description {
  color: #FFFFFF;
  font-family: 'AxiataBook';
  font-size: 10px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 16px;
}

/* line 509, pages/campaign/campaign.scss */
.campaign-page.main-content .cardlist-full-dual-container {
  overflow: hidden;
  position: relative;
}

/* line 514, pages/campaign/campaign.scss */
.campaign-page.main-content .cardlist-full-dual-container .cardlist-dual-row .image-card {
  position: relative;
}

/* line 517, pages/campaign/campaign.scss */
.campaign-page.main-content .cardlist-full-dual-container .cardlist-dual-row .image-card .image-item {
  height: 100%;
  width: 100%;
}

/* line 522, pages/campaign/campaign.scss */
.campaign-page.main-content .cardlist-full-dual-container .cardlist-dual-row .image-card .text-container {
  margin: 0px auto;
  position: absolute;
  top: 60%;
}

@media (min-width: 768px) {
  /* line 522, pages/campaign/campaign.scss */
  .campaign-page.main-content .cardlist-full-dual-container .cardlist-dual-row .image-card .text-container {
    padding-bottom: 80px;
  }
}

@media (max-width: 767px) {
  /* line 522, pages/campaign/campaign.scss */
  .campaign-page.main-content .cardlist-full-dual-container .cardlist-dual-row .image-card .text-container {
    padding: 0px 20px 32px;
  }
}

/* line 535, pages/campaign/campaign.scss */
.campaign-page.main-content .cardlist-full-dual-container .cardlist-dual-row .image-card .text-container .title {
  color: #164396;
  font-family: 'AxiataBold';
  font-weight: bold;
  text-align: center;
  margin-bottom: 16px;
}

/* line 3, pages/campaign/campaign.scss */
.campaign-page.main-content .cardlist-full-dual-container .cardlist-dual-row .image-card .text-container .title.dark-mode {
  color: #FFFFFF;
}

@media (min-width: 768px) {
  /* line 535, pages/campaign/campaign.scss */
  .campaign-page.main-content .cardlist-full-dual-container .cardlist-dual-row .image-card .text-container .title {
    font-size: 36px;
    letter-spacing: 1px;
    line-height: 44px;
  }
}

@media (max-width: 767px) {
  /* line 535, pages/campaign/campaign.scss */
  .campaign-page.main-content .cardlist-full-dual-container .cardlist-dual-row .image-card .text-container .title {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 16px;
  }
}

@media (max-width: 767px) {
  /* line 562, pages/campaign/campaign.scss */
  .campaign-page.dual-container .campaign.content-container {
    padding: 0 20px;
  }
}

/* line 567, pages/campaign/campaign.scss */
.campaign-page.dual-container .campaign.content-container .description {
  color: #FFFFFF;
  font-family: 'AxiataBold';
  font-weight: bold;
  letter-spacing: 1px;
  text-align: center;
}

@media (min-width: 768px) {
  /* line 567, pages/campaign/campaign.scss */
  .campaign-page.dual-container .campaign.content-container .description {
    font-size: 36px;
    line-height: 43px;
  }
}

@media (max-width: 767px) {
  /* line 567, pages/campaign/campaign.scss */
  .campaign-page.dual-container .campaign.content-container .description {
    font-size: 14px;
    line-height: 16px;
  }
}

/* line 584, pages/campaign/campaign.scss */
.campaign-page.dual-container .campaign.content-container .button {
  margin-top: 16px;
}

/* line 590, pages/campaign/campaign.scss */
.image-gallery {
  padding-top: 32px;
  padding-bottom: 32px;
}

/* line 594, pages/campaign/campaign.scss */
.image-gallery .container {
  padding: 0;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  /* line 594, pages/campaign/campaign.scss */
  .image-gallery .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 604, pages/campaign/campaign.scss */
.image-gallery .container .scroller {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  /* Track */
  /* Handle */
  /* Handle on hover */
}

/* line 611, pages/campaign/campaign.scss */
.image-gallery .container .scroller :-moz-any(#content, #appcontent) browser {
  margin-right: -14px !important;
  overflow-y: scroll;
  margin-bottom: -14px !important;
  overflow-x: scroll;
}

/* line 618, pages/campaign/campaign.scss */
.image-gallery .container .scroller::-webkit-scrollbar {
  width: 10px;
}

/* line 623, pages/campaign/campaign.scss */
.image-gallery .container .scroller::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* line 628, pages/campaign/campaign.scss */
.image-gallery .container .scroller::-webkit-scrollbar-thumb {
  background: #EE3E80;
}

/* line 633, pages/campaign/campaign.scss */
.image-gallery .container .scroller::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* line 637, pages/campaign/campaign.scss */
.image-gallery .container .scroller .slide {
  scroll-snap-align: start;
  display: flex;
  flex-wrap: nowrap;
  margin-right: 15px;
  margin-left: 15px;
  position: relative;
  min-width: 100%;
  flex: 1;
}

/* line 647, pages/campaign/campaign.scss */
.image-gallery .container .scroller .slide:first-child {
  margin-left: 0;
}

/* line 651, pages/campaign/campaign.scss */
.image-gallery .container .scroller .slide:last-child {
  margin-right: 0;
}

@media screen and (max-width: 767px) {
  /* line 637, pages/campaign/campaign.scss */
  .image-gallery .container .scroller .slide {
    margin-right: 5px;
    margin-left: 5px;
    min-width: unset;
  }
}

/* line 661, pages/campaign/campaign.scss */
.image-gallery .container .scroller .slide .imagebox {
  position: relative;
  margin-right: 15px;
  margin-left: 15px;
  cursor: pointer;
  min-height: 260px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: flex-end;
}

@media screen and (max-width: 767px) {
  /* line 661, pages/campaign/campaign.scss */
  .image-gallery .container .scroller .slide .imagebox {
    margin-right: 8px;
    margin-left: 8px;
    min-height: 128px;
    min-width: 186px;
  }
}

/* line 680, pages/campaign/campaign.scss */
.image-gallery .container .scroller .slide .imagebox:first-child {
  margin-left: 0;
}

/* line 684, pages/campaign/campaign.scss */
.image-gallery .container .scroller .slide .imagebox:last-child {
  margin-right: 0;
}

/* line 688, pages/campaign/campaign.scss */
.image-gallery .container .scroller .slide .imagebox .floating {
  background-color: rgba(0, 0, 7, 0.4);
  padding: 10px 20px;
  height: 48px;
  bottom: 0;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  /* line 688, pages/campaign/campaign.scss */
  .image-gallery .container .scroller .slide .imagebox .floating {
    padding: 8px;
    height: 27px;
  }
}

/* line 701, pages/campaign/campaign.scss */
.image-gallery .container .scroller .slide .imagebox .floating p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #FFFFFF;
  line-height: 24px;
  font-size: 14px;
  width: 25vw;
  max-width: 340px;
}

@media screen and (max-width: 767px) {
  /* line 701, pages/campaign/campaign.scss */
  .image-gallery .container .scroller .slide .imagebox .floating p {
    font-size: 8px;
    letter-spacing: 0.5px;
    line-height: 10px;
    width: 186px;
  }
}

/* line 721, pages/campaign/campaign.scss */
.image-gallery .container .scroller .slide .imagebox .floating_nodesc {
  padding: 10px 20px;
  height: 48px;
  bottom: 0;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  /* line 721, pages/campaign/campaign.scss */
  .image-gallery .container .scroller .slide .imagebox .floating_nodesc {
    padding: 8px;
    height: 27px;
  }
}

/* line 734, pages/campaign/campaign.scss */
.image-gallery .container .scroller .slide .imagebox .floating_nodesc p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #FFFFFF;
  line-height: 24px;
  font-size: 14px;
  width: 25vw;
  max-width: 340px;
}

@media screen and (max-width: 767px) {
  /* line 734, pages/campaign/campaign.scss */
  .image-gallery .container .scroller .slide .imagebox .floating_nodesc p {
    font-size: 8px;
    letter-spacing: 0.5px;
    line-height: 10px;
    width: 186px;
  }
}

/* line 758, pages/campaign/campaign.scss */
.image-gallery .container .slide-marker {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}

@media screen and (max-width: 767px) {
  /* line 758, pages/campaign/campaign.scss */
  .image-gallery .container .slide-marker {
    margin-top: 16px;
  }
}

/* line 767, pages/campaign/campaign.scss */
.image-gallery .container .slide-marker a {
  display: block;
  width: 4px;
  height: 4px;
  margin-left: 4px;
  margin-right: 4px;
  background-color: #164396;
  border-radius: 2px;
}

/* line 776, pages/campaign/campaign.scss */
.image-gallery .container .slide-marker a.active {
  width: 72px;
  background-color: #EE3E80;
}

/* line 788, pages/campaign/campaign.scss */
.crossclosebutton {
  font-size: 32px;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 5px;
  color: #EE3E80;
}

/* line 2, pages/volte-campaign/volte-campaign.scss */
.volte-campaign-page.dual-container .icon-container {
  margin-top: 100px !important;
}

/* line 5, pages/volte-campaign/volte-campaign.scss */
.volte-campaign-page.dual-container .icon-container .icon-badge {
  margin-bottom: 60px !important;
}

/* line 10, pages/volte-campaign/volte-campaign.scss */
.volte-campaign-page.dual-container .volte-campaign.content-container {
  margin-bottom: 80px;
}

@media (max-width: 767px) {
  /* line 10, pages/volte-campaign/volte-campaign.scss */
  .volte-campaign-page.dual-container .volte-campaign.content-container {
    min-width: 320px;
    padding: 0 20px;
  }
}

/* line 18, pages/volte-campaign/volte-campaign.scss */
.volte-campaign-page.dual-container .volte-campaign.content-container .description {
  color: #FFFFFF;
  font-family: 'AxiataBold';
  font-weight: bold;
  letter-spacing: 1px;
  text-align: center;
}

@media (min-width: 768px) {
  /* line 18, pages/volte-campaign/volte-campaign.scss */
  .volte-campaign-page.dual-container .volte-campaign.content-container .description {
    font-size: 36px;
    line-height: 43px;
  }
}

@media (max-width: 767px) {
  /* line 18, pages/volte-campaign/volte-campaign.scss */
  .volte-campaign-page.dual-container .volte-campaign.content-container .description {
    font-size: 14px;
    line-height: 16px;
  }
}

/* line 36, pages/volte-campaign/volte-campaign.scss */
.volte-campaign-page.dual-container .volte-campaign.content-container .button {
  margin-top: 16px;
}

/* line 40, pages/volte-campaign/volte-campaign.scss */
.volte-campaign-page.dual-container .volte-campaign.content-container .prod-container {
  margin-top: 0px !important;
}

/* line 50, pages/volte-campaign/volte-campaign.scss */
.small-section {
  padding-bottom: 32px;
  padding-top: 32px;
  margin-top: -1px;
}

/* line 55, pages/volte-campaign/volte-campaign.scss */
.small-section .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  flex-direction: row;
}

@media screen and (max-width: 768px) {
  /* line 55, pages/volte-campaign/volte-campaign.scss */
  .small-section .container {
    padding: 0 20px;
  }
}

@media screen and (max-width: 768px) {
  /* line 66, pages/volte-campaign/volte-campaign.scss */
  .small-section .container.flexible {
    flex-direction: column;
  }
}

/* line 72, pages/volte-campaign/volte-campaign.scss */
.small-section .container.fixed-h {
  min-height: 536px;
}

@media screen and (max-width: 768px) {
  /* line 72, pages/volte-campaign/volte-campaign.scss */
  .small-section .container.fixed-h {
    min-height: 204px;
  }
}

/* line 80, pages/volte-campaign/volte-campaign.scss */
.small-section .container .message-body {
  color: #FFFFFF;
  font-family: 'Axiata';
  font-size: 24px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 40px;
  text-align: center;
  width: 1200px;
}

@media screen and (max-width: 768px) {
  /* line 80, pages/volte-campaign/volte-campaign.scss */
  .small-section .container .message-body {
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 14px;
  }
}

@media screen and (max-width: 768px) {
  /* line 97, pages/volte-campaign/volte-campaign.scss */
  .small-section .container .video-container {
    width: 100%;
  }
}

/* line 103, pages/volte-campaign/volte-campaign.scss */
.small-section .container .video-container .video-wrapper {
  height: 344px;
  max-width: 582px;
  width: calc(100vw / 2);
}

@media screen and (max-width: 768px) {
  /* line 103, pages/volte-campaign/volte-campaign.scss */
  .small-section .container .video-container .video-wrapper {
    height: 190px;
    width: 100%;
  }
}

/* line 115, pages/volte-campaign/volte-campaign.scss */
.small-section .container .video-title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-align: center;
  font-family: 'Axiata';
  margin-bottom: 32px;
  margin-top: 16px;
}

/* line 125, pages/volte-campaign/volte-campaign.scss */
.small-section .container .video-title h3 {
  font-size: 36px;
  line-height: 46px;
  color: #FFFFFF;
  font-family: Axiata;
}

@media screen and (max-width: 768px) {
  /* line 125, pages/volte-campaign/volte-campaign.scss */
  .small-section .container .video-title h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
  }
}

/* line 143, pages/volte-campaign/volte-campaign.scss */
.campaign-title {
  color: #164396;
  margin-top: 64px;
  margin-bottom: 32px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  /* line 143, pages/volte-campaign/volte-campaign.scss */
  .campaign-title {
    margin-top: 32px;
    margin-bottom: 16px;
  }
}

/* line 154, pages/volte-campaign/volte-campaign.scss */
.campaign-title h2 {
  font-size: 32px;
}

@media screen and (max-width: 768px) {
  /* line 154, pages/volte-campaign/volte-campaign.scss */
  .campaign-title h2 {
    font-size: 16px;
  }
}

/* line 163, pages/volte-campaign/volte-campaign.scss */
section {
  margin-top: -1px;
}

/* line 166, pages/volte-campaign/volte-campaign.scss */
section.background-section {
  position: relative;
}

/* line 172, pages/volte-campaign/volte-campaign.scss */
section .container.fixed-hbig {
  height: 800px;
  display: flex;
  align-items: center;
}

@media screen and (max-device-width: 768px) {
  /* line 172, pages/volte-campaign/volte-campaign.scss */
  section .container.fixed-hbig {
    height: 768px;
  }
}

/* line 181, pages/volte-campaign/volte-campaign.scss */
section .container .textspace {
  color: #FFFFFF;
}

/* line 185, pages/volte-campaign/volte-campaign.scss */
section .container .textspace .content h3 {
  font-size: 36px;
  font-family: 'AxiataBold';
}

/* line 190, pages/volte-campaign/volte-campaign.scss */
section .container .textspace .content p {
  font-size: 14px;
  line-height: 20px;
  text-align: left;
}

/* line 197, pages/volte-campaign/volte-campaign.scss */
section .container .textspace a {
  display: flex;
  margin-top: 48px;
  padding: 20px 60px;
  border: 1px solid #E61664;
  width: max-content;
}

@media screen and (max-width: 768px) {
  /* line 197, pages/volte-campaign/volte-campaign.scss */
  section .container .textspace a {
    width: 100%;
    justify-content: center;
  }
}

/* line 214, pages/volte-campaign/volte-campaign.scss */
section .for-background {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: -1;
  display: none;
  visibility: hidden;
}

@media screen and (max-device-width: 768px) {
  /* line 222, pages/volte-campaign/volte-campaign.scss */
  section .for-background.bg-mobile {
    display: flex;
    visibility: visible;
  }
}

/* line 229, pages/volte-campaign/volte-campaign.scss */
section .for-background.bg-desktop {
  display: flex;
  visibility: visible;
}

/* line 240, pages/volte-campaign/volte-campaign.scss */
section picture img {
  vertical-align: bottom;
  width: 100%;
}

@media screen and (max-device-width: 768px) {
  /* line 240, pages/volte-campaign/volte-campaign.scss */
  section picture img {
    width: 100%;
  }
}

/* line 251, pages/volte-campaign/volte-campaign.scss */
section .faq-accordion h4 {
  color: #164396;
  font-family: 'AxiataBold';
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 24px;
}

/* line 258, pages/volte-campaign/volte-campaign.scss */
section .faq-accordion p {
  color: #212B36;
  font-family: 'AxiataBook';
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 24px;
}

/* line 266, pages/volte-campaign/volte-campaign.scss */
section .faq-accordion hr {
  border: 1px solid #ffffff;
  font-size: unset;
}

/* line 270, pages/volte-campaign/volte-campaign.scss */
section .faq-accordion ol {
  padding-left: 32px;
}

/* line 282, pages/volte-campaign/volte-campaign.scss */
section .faq-accordion ul {
  padding-left: 32px;
}

/* line 290, pages/volte-campaign/volte-campaign.scss */
.image-card .text-container {
  padding-right: 16px;
  padding-left: 16px;
}

@media screen and (max-device-width: 768px) {
  /* line 290, pages/volte-campaign/volte-campaign.scss */
  .image-card .text-container {
    padding-right: 8px;
    padding-left: 8px;
  }
}

/* line 301, pages/volte-campaign/volte-campaign.scss */
input.box_search_device {
  height: 40px;
  width: 100%;
  border-radius: 2px;
  border: none;
  background-color: #FFFFFF;
  padding: 8px 16px 8px 16px;
  background: url(https://staticxl.ext.xlaxiata.co.id/s3fs-public/media/images/chevron-down-small.svg) no-repeat;
  background-size: 24px 24px;
  background-position: right 8px center;
}

/* line 315, pages/volte-campaign/volte-campaign.scss */
input.box_search_device::placeholder {
  color: #164396;
  font-family: 'Axiata';
}

/* line 320, pages/volte-campaign/volte-campaign.scss */
input.box_search_device:focus {
  outline: none !important;
}

/* line 325, pages/volte-campaign/volte-campaign.scss */
.box__result {
  background-color: #FFFFFF;
  color: #164396;
  font-family: 'Axiata';
  padding: 16px;
  text-align: left;
  text-transform: capitalize;
  position: relative;
}

/* line 335, pages/volte-campaign/volte-campaign.scss */
.box__result:not(:last-child):after {
  content: "";
  width: calc(100% - 32px);
  border-bottom: 1px solid rgba(0, 0, 7, 0.2);
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0px 16px;
}

/* line 357, pages/volte-campaign/volte-campaign.scss */
.box__result .covered {
  color: #164396;
}

/* line 371, pages/volte-campaign/volte-campaign.scss */
.box__result .not-found {
  color: #EE3E80;
  text-align: left;
}

/* line 388, pages/volte-campaign/volte-campaign.scss */
.box-shadow-thin2 {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16);
  overflow-y: auto;
  overflow-x: hidden;
}

@media (min-width: 768px) {
  /* line 2, pages/search-feature/search-feature.scss */
  .searchsection {
    margin-top: 64px;
    margin-bottom: 64px;
    min-height: 678px;
  }
  /* line 10, pages/search-feature/search-feature.scss */
  .searchsection .container .searchspace {
    margin-top: 32px;
  }
  /* line 13, pages/search-feature/search-feature.scss */
  .searchsection .container .searchspace form {
    display: flex;
  }
  /* line 25, pages/search-feature/search-feature.scss */
  .searchsection .container .resultspace .searchdetail .resultitem p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 16px;
    max-height: 32px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}

/* line 43, pages/search-feature/search-feature.scss */
.searchsection .container {
  display: flex;
  flex-direction: column;
}

/* line 47, pages/search-feature/search-feature.scss */
.searchsection .container .searchspace {
  display: flex;
  justify-content: center;
  margin-bottom: 68px;
  position: relative;
}

/* line 53, pages/search-feature/search-feature.scss */
.searchsection .container .searchspace .frameholdert {
  position: relative;
}

/* line 56, pages/search-feature/search-feature.scss */
.searchsection .container .searchspace .frameholdert .floatingbtn {
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  height: 100%;
  align-items: center;
  right: 0;
  margin-right: 24px;
  cursor: pointer;
}

/* line 67, pages/search-feature/search-feature.scss */
.searchsection .container .searchspace .frameholdert .floatingbtn img {
  height: 24px;
  width: 24px;
}

/* line 74, pages/search-feature/search-feature.scss */
.searchsection .container .searchspace .searchbar {
  height: 60px;
  width: 720px;
  background-color: #FFFFFF;
  border-left: 1px solid #212B36;
  border-top: 1px solid #212B36;
  border-bottom: 1px solid #212B36;
  border-right: none;
  border-radius: 0;
  font-size: 16px;
  padding: 16px;
}

/* line 87, pages/search-feature/search-feature.scss */
.searchsection .container .searchspace .searchbar:hover, .searchsection .container .searchspace .searchbar:focus, .searchsection .container .searchspace .searchbar:active, .searchsection .container .searchspace .searchbar:visited {
  border-right: none;
  border-radius: 0;
  outline: none;
}

/* line 93, pages/search-feature/search-feature.scss */
.searchsection .container .searchspace .background-pinku {
  height: 60px;
  width: 60px;
  padding: 0;
  border: 1px solid #EE3E80;
  background: #EE3E80;
}

/* line 100, pages/search-feature/search-feature.scss */
.searchsection .container .searchspace .background-pinku.hover {
  background: #EE6C9D;
  border: 1px solid #EE6C9D;
}

/* line 106, pages/search-feature/search-feature.scss */
.searchsection .container .searchspace .background-greyu {
  height: 60px;
  width: 60px;
  padding: 0;
  border: 1px solid rgba(147, 152, 158, 0.6);
  background: rgba(147, 152, 158, 0.6);
}

/* line 113, pages/search-feature/search-feature.scss */
.searchsection .container .searchspace .background-greyu:hover {
  border: 1px solid rgba(147, 152, 158, 0.4);
  background: rgba(147, 152, 158, 0.4);
}

/* line 119, pages/search-feature/search-feature.scss */
.searchsection .container .searchspace #keyhelper {
  position: absolute;
  width: 780px;
  top: 60px;
  background: #FFFFFF;
  border: 1px solid #212B36;
  border-top: none;
}

/* line 129, pages/search-feature/search-feature.scss */
.searchsection .container .searchspace #keyhelper .keyitem {
  height: 60px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(151, 151, 151, 0.4);
  padding: 0 25px;
  cursor: pointer;
}

/* line 137, pages/search-feature/search-feature.scss */
.searchsection .container .searchspace #keyhelper .keyitem:hover {
  background: rgba(147, 152, 158, 0.6);
}

/* line 141, pages/search-feature/search-feature.scss */
.searchsection .container .searchspace #keyhelper .keyitem p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 153, pages/search-feature/search-feature.scss */
.searchsection .container .resultspace .searchdetailnotfound.hide {
  display: none;
}

/* line 158, pages/search-feature/search-feature.scss */
.searchsection .container .resultspace .searchcount {
  border-bottom: 1px solid #212b36;
  padding-bottom: 21px;
}

/* line 163, pages/search-feature/search-feature.scss */
.searchsection .container .resultspace .searchdetail .resultitem {
  padding-top: 32px;
  padding-bottom: 32px;
  border-top: 1px solid rgba(33, 43, 54, 0.1);
}

/* line 168, pages/search-feature/search-feature.scss */
.searchsection .container .resultspace .searchdetail .resultitem h2 {
  color: #164396;
  margin-bottom: 8px;
}

/* line 172, pages/search-feature/search-feature.scss */
.searchsection .container .resultspace .searchdetail .resultitem p {
  letter-spacing: 1px;
  line-height: 32px;
}

/* line 179, pages/search-feature/search-feature.scss */
.searchsection .container .resultspace #respaginate {
  text-align: center;
  display: flex;
  justify-content: center;
}

/* line 184, pages/search-feature/search-feature.scss */
.searchsection .container .resultspace #respaginate .pagination-link {
  width: 48px;
  height: 24px;
  border: none;
  background: none;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-family: AxiataBook;
}

/* line 195, pages/search-feature/search-feature.scss */
.searchsection .container .resultspace #respaginate .pagination-link.active {
  font-family: AxiataBold;
  color: #EE3E80;
}

/* line 201, pages/search-feature/search-feature.scss */
.searchsection .container .resultspace #respaginate ul {
  list-style: none;
  display: flex;
  align-items: center;
}

/* line 208, pages/search-feature/search-feature.scss */
.searchsection .container .resultspace #respaginate ul li a, .searchsection .container .resultspace #respaginate ul li span {
  width: 48px;
  height: 24px;
  border: none;
  background: none;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-family: AxiataBook;
  padding: 0;
  line-height: 0;
  color: #333339;
}

/* line 222, pages/search-feature/search-feature.scss */
.searchsection .container .resultspace #respaginate ul li a.current, .searchsection .container .resultspace #respaginate ul li span.current {
  font-family: AxiataBold;
  color: #EE3E80;
}

/* line 227, pages/search-feature/search-feature.scss */
.searchsection .container .resultspace #respaginate ul li a:hover, .searchsection .container .resultspace #respaginate ul li span:hover {
  color: #000000;
}

@media (max-width: 767px) {
  /* line 245, pages/search-feature/search-feature.scss */
  .searchsection .container .searchspace {
    margin-top: 32px;
  }
  /* line 248, pages/search-feature/search-feature.scss */
  .searchsection .container .searchspace form {
    display: flex;
    width: 100%;
  }
  /* line 252, pages/search-feature/search-feature.scss */
  .searchsection .container .searchspace form .frameholdert {
    width: 100%;
  }
  /* line 255, pages/search-feature/search-feature.scss */
  .searchsection .container .searchspace form .frameholdert .searchbar {
    width: 100%;
  }
  /* line 261, pages/search-feature/search-feature.scss */
  .searchsection .container .searchspace #keyhelper {
    width: 100%;
  }
  /* line 273, pages/search-feature/search-feature.scss */
  .searchsection .container .resultspace .searchdetail .resultitem h2 {
    font-size: 20px;
  }
  /* line 277, pages/search-feature/search-feature.scss */
  .searchsection .container .resultspace .searchdetail .resultitem p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 16px;
    max-height: 58px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  /* line 292, pages/search-feature/search-feature.scss */
  #respaginate {
    margin-bottom: 32px;
  }
}

/* line 2, pages/download-apps/download-apps.scss */
.download-apps-page.main-content .segment-app-download {
  position: relative;
  display: flex;
}

/* line 6, pages/download-apps/download-apps.scss */
.download-apps-page.main-content .segment-app-download .app-row-background {
  object-fit: cover;
}

@media (min-width: 768px) {
  /* line 6, pages/download-apps/download-apps.scss */
  .download-apps-page.main-content .segment-app-download .app-row-background {
    object-position: center;
  }
}

@media (max-width: 767px) {
  /* line 6, pages/download-apps/download-apps.scss */
  .download-apps-page.main-content .segment-app-download .app-row-background {
    object-position: top;
  }
}

/* line 18, pages/download-apps/download-apps.scss */
.download-apps-page.main-content .segment-app-download .row {
  max-width: 1200px;
  margin: 0px auto;
}

@media (min-width: 768px) {
  /* line 18, pages/download-apps/download-apps.scss */
  .download-apps-page.main-content .segment-app-download .row {
    padding: 171px 0px;
    height: 600px;
  }
}

@media (max-width: 767px) {
  /* line 18, pages/download-apps/download-apps.scss */
  .download-apps-page.main-content .segment-app-download .row {
    padding: 40px 20px 40px;
  }
}

/* line 31, pages/download-apps/download-apps.scss */
.download-apps-page.main-content .segment-app-download .row .detail-image-space {
  height: 0;
}

@media (max-width: 767px) {
  /* line 31, pages/download-apps/download-apps.scss */
  .download-apps-page.main-content .segment-app-download .row .detail-image-space {
    margin-bottom: 20px;
    height: calc(100vw);
  }
}

@media (max-width: 767px) {
  /* line 39, pages/download-apps/download-apps.scss */
  .download-apps-page.main-content .segment-app-download .row .detail-container {
    padding: 0px 0px !important;
  }
}

/* line 46, pages/download-apps/download-apps.scss */
.download-apps-page.main-content .segment-app-download .row .detail-container .title {
  color: #FFFFFF;
  font-family: 'AxiataBold';
  font-weight: bold;
  margin-bottom: 16px;
}

@media (min-width: 768px) {
  /* line 46, pages/download-apps/download-apps.scss */
  .download-apps-page.main-content .segment-app-download .row .detail-container .title {
    font-size: 36px;
    letter-spacing: 3px;
    line-height: 43px;
  }
}

@media (max-width: 767px) {
  /* line 46, pages/download-apps/download-apps.scss */
  .download-apps-page.main-content .segment-app-download .row .detail-container .title {
    font-size: 24px;
    letter-spacing: 2px;
    line-height: 29px;
  }
}

/* line 65, pages/download-apps/download-apps.scss */
.download-apps-page.main-content .segment-app-download .row .detail-container .description {
  color: #FFFFFF;
  font-family: 'AxiataBook';
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 24px;
}

@media (min-width: 768px) {
  /* line 65, pages/download-apps/download-apps.scss */
  .download-apps-page.main-content .segment-app-download .row .detail-container .description {
    font-size: 14px;
    margin-bottom: 32px;
  }
}

@media (max-width: 767px) {
  /* line 65, pages/download-apps/download-apps.scss */
  .download-apps-page.main-content .segment-app-download .row .detail-container .description {
    font-size: 12px;
    margin-bottom: 24px;
  }
}

/* line 83, pages/download-apps/download-apps.scss */
.download-apps-page.main-content .segment-app-download .row .detail-container .app-download-buttons {
  display: flex;
  flex-direction: row;
}

/* line 88, pages/download-apps/download-apps.scss */
.download-apps-page.main-content .segment-app-download .row .detail-container .app-download-buttons .google-play-button, .download-apps-page.main-content .segment-app-download .row .detail-container .app-download-buttons .apple-store-button {
  border: none;
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  /* line 88, pages/download-apps/download-apps.scss */
  .download-apps-page.main-content .segment-app-download .row .detail-container .app-download-buttons .google-play-button, .download-apps-page.main-content .segment-app-download .row .detail-container .app-download-buttons .apple-store-button {
    min-width: 180px;
  }
}

@media (max-width: 767px) {
  /* line 88, pages/download-apps/download-apps.scss */
  .download-apps-page.main-content .segment-app-download .row .detail-container .app-download-buttons .google-play-button, .download-apps-page.main-content .segment-app-download .row .detail-container .app-download-buttons .apple-store-button {
    min-width: 152px;
  }
}

/* line 103, pages/download-apps/download-apps.scss */
.download-apps-page.main-content .segment-app-download .row .detail-container .app-download-buttons .google-play-button img, .download-apps-page.main-content .segment-app-download .row .detail-container .app-download-buttons .apple-store-button img {
  width: inherit;
  height: inherit;
  min-width: inherit;
  min-height: inherit;
}

/* line 128, pages/download-apps/download-apps.scss */
.download-apps-page.main-content .segment-app-download .reverse {
  flex-direction: row-reverse;
}

/* line 1, pages/asian-cg/scorecard.scss */
.accordion-space {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  flex-direction: row;
}

/* line 10, pages/asian-cg/scorecard.scss */
.accordion-space .accordion-title.scorecard {
  text-transform: none !important;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 24px;
}

@media screen and (max-device-width: 768px) {
  /* line 17, pages/asian-cg/scorecard.scss */
  .accordion-space .accordion-content {
    overflow-x: scroll;
  }
}

/* line 26, pages/asian-cg/scorecard.scss */
.section-accordion {
  margin-top: 64px;
  margin-bottom: 32px;
}

/* line 32, pages/asian-cg/scorecard.scss */
.section-accordion .container .title {
  font-family: 'AxiataBold';
  font-size: 72px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 72px;
  color: #164396;
  margin-bottom: 64px;
}

/* line 42, pages/asian-cg/scorecard.scss */
.section-accordion .container .level {
  margin-bottom: 32px;
  color: #164396;
  font-family: 'Axiata';
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 20px;
}

/* line 56, pages/asian-cg/scorecard.scss */
.accordion-scorecard {
  padding: 0 !important;
}

/* line 62, pages/asian-cg/scorecard.scss */
.scorecard-table th, .scorecard-table td {
  border: 1px solid #B5B9BC;
}

/* line 66, pages/asian-cg/scorecard.scss */
.scorecard-table tr {
  border-bottom: unset;
}

/* line 69, pages/asian-cg/scorecard.scss */
.scorecard-table tr.lightgreybg {
  background-color: rgba(216, 216, 216, 0.5);
}

/* line 73, pages/asian-cg/scorecard.scss */
.scorecard-table tr.subtitle {
  background-color: #d8d8d8;
}

/* line 76, pages/asian-cg/scorecard.scss */
.scorecard-table tr.subtitle td {
  text-align: center;
  vertical-align: middle;
}

/* line 80, pages/asian-cg/scorecard.scss */
.scorecard-table tr.subtitle td p {
  text-align: center;
}

/* line 83, pages/asian-cg/scorecard.scss */
.scorecard-table tr.subtitle td p.english {
  font-style: italic;
}

/* line 90, pages/asian-cg/scorecard.scss */
.scorecard-table tr th {
  font-size: 12px;
  white-space: pre-wrap;
  font-family: 'Axiata';
  font-weight: bold;
  padding: 16px;
  text-align: center;
  vertical-align: middle;
}

/* line 99, pages/asian-cg/scorecard.scss */
.scorecard-table tr th.number {
  min-width: 72px;
  vertical-align: middle;
}

/* line 104, pages/asian-cg/scorecard.scss */
.scorecard-table tr th.subject {
  min-width: 276px;
  width: 276px;
}

@media screen and (max-device-width: 768px) {
  /* line 109, pages/asian-cg/scorecard.scss */
  .scorecard-table tr th.other {
    min-width: 300px;
    width: 300px;
  }
}

/* line 117, pages/asian-cg/scorecard.scss */
.scorecard-table tr td {
  font-size: 12px;
  vertical-align: baseline;
  padding: 16px;
}

/* line 122, pages/asian-cg/scorecard.scss */
.scorecard-table tr td.number {
  min-width: 72px;
  text-align: center;
}

/* line 127, pages/asian-cg/scorecard.scss */
.scorecard-table tr td p {
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 1px;
  line-height: 22px;
  text-align: left;
}

/* line 134, pages/asian-cg/scorecard.scss */
.scorecard-table tr td p.english {
  font-style: italic;
}

/* line 138, pages/asian-cg/scorecard.scss */
.scorecard-table tr td p a {
  color: #164396;
  font-weight: bold;
}

/* line 144, pages/asian-cg/scorecard.scss */
.scorecard-table tr td ul {
  padding-left: 16px;
}

/* line 151, pages/asian-cg/scorecard.scss */
.scorecard-table tr td ol {
  padding-left: 16px;
}

/* line 1, pages/document-content-type/document-content-type.scss */
.document-content-type {
  margin-bottom: 240px;
}

@media (max-width: 767px) {
  /* line 1, pages/document-content-type/document-content-type.scss */
  .document-content-type {
    margin-bottom: 100px;
  }
}

/* line 6, pages/document-content-type/document-content-type.scss */
.document-content-type .heading {
  color: #164396;
  font-family: 'AxiataBold';
  font-size: 24px;
  letter-spacing: 1px;
  line-height: 29px;
  margin-top: 64px;
  margin-bottom: 32px;
}

@media (max-width: 767px) {
  /* line 6, pages/document-content-type/document-content-type.scss */
  .document-content-type .heading {
    margin-top: 32px;
    margin-bottom: 16px;
  }
}

/* line 22, pages/document-content-type/document-content-type.scss */
.document-content-type .sub-heading {
  color: #333333;
  font-family: "AxiataBook";
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 18px;
  margin-bottom: 32px;
}

/* line 1, pages/document-content-list/document-content-list.scss */
.document-content-list {
  margin-top: 64px;
}

@media (max-width: 767px) {
  /* line 1, pages/document-content-list/document-content-list.scss */
  .document-content-list {
    margin-top: 32px;
  }
}

/* line 7, pages/document-content-list/document-content-list.scss */
.document-content-list .title {
  margin-bottom: 32px;
  color: #164396;
  font-family: 'AxiataBold';
  font-size: 24px;
  letter-spacing: 1px;
  line-height: 29px;
}

@media (max-width: 767px) {
  /* line 7, pages/document-content-list/document-content-list.scss */
  .document-content-list .title {
    margin-bottom: 16px;
  }
}

/* line 20, pages/document-content-list/document-content-list.scss */
.document-content-list .sub-title {
  color: #333333;
  font-family: "AxiataBook";
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 18px;
  margin-bottom: 32px;
}

/* line 29, pages/document-content-list/document-content-list.scss */
.document-content-list .heading {
  margin-bottom: 32px;
}

/* line 31, pages/document-content-list/document-content-list.scss */
.document-content-list .heading a {
  color: #164396;
  font-family: 'AxiataBold';
  font-size: 20px;
  letter-spacing: 1px;
  line-height: 18px;
}

@media (max-width: 767px) {
  /* line 31, pages/document-content-list/document-content-list.scss */
  .document-content-list .heading a {
    line-height: 32px;
  }
}

@media (max-width: 767px) {
  /* line 29, pages/document-content-list/document-content-list.scss */
  .document-content-list .heading {
    margin-bottom: 16px;
  }
}

/* line 49, pages/document-content-list/document-content-list.scss */
.document-content-list .sub-heading {
  color: #333333;
  font-family: "AxiataBook";
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 18px;
  margin-bottom: 32px;
}

/* line 60, pages/document-content-list/document-content-list.scss */
.document-content-list .line {
  border: 1px solid #979797;
  opacity: 0.4;
  margin-bottom: 32px;
}

/* line 10, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.head-banner-with-breadcumbs .container {
  margin-top: 54px;
}

/* line 13, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.head-banner-with-breadcumbs .container .head-title {
  color: #FFFFFF;
  font-family: 'AxiataBold';
}

@media (min-width: 768px) {
  /* line 9, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.head-banner-with-breadcumbs {
    height: 600px;
  }
  /* line 22, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.head-banner-with-breadcumbs .head-title {
    font-size: 36px;
    letter-spacing: 3px;
    line-height: 50px;
  }
}

@media (max-width: 767px) {
  /* line 9, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.head-banner-with-breadcumbs {
    height: 400px;
  }
  /* line 32, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.head-banner-with-breadcumbs .head-title {
    font-size: 24px;
    letter-spacing: 0.67px;
    line-height: 34px;
  }
}

/* line 40, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content {
  height: 100% !important;
  margin-bottom: 0px;
}

@media (min-width: 768px) {
  /* line 40, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content {
    margin-top: 64px;
  }
}

@media (max-width: 767px) {
  /* line 40, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content {
    margin-top: 32px;
  }
}

/* line 52, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .content-title {
  font-family: 'AxiataBold';
  color: #164396;
}

@media (min-width: 768px) {
  /* line 52, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .content-title {
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 4.5px;
    margin-bottom: 32px;
    text-align: center;
  }
}

@media (max-width: 767px) {
  /* line 52, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .content-title {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 2px;
    margin: 0 20px 16px;
  }
}

/* line 72, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .content-image-container {
  margin-bottom: 64px;
}

/* line 74, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .content-image-container .image-cover-center {
  width: auto;
  background-size: cover;
  background-position: center center;
}

@media (min-width: 768px) {
  /* line 80, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .content-image-container .banner-sustainability {
    height: calc(100vw / 3);
  }
}

@media (max-width: 767px) {
  /* line 80, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .content-image-container .banner-sustainability {
    height: calc(100vw + 160px);
  }
}

/* line 91, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .content-split-message-container {
  margin-bottom: 64px;
}

@media (max-width: 767px) {
  /* line 91, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .content-split-message-container {
    padding: 0px 20px;
    margin-bottom: 32px;
  }
  /* line 98, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .content-split-message-container.content-mereka {
    display: none;
  }
}

/* line 103, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .content-split-message-container .title {
  color: #164396;
  font-family: 'AxiataBold';
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 24px;
  margin: auto 0;
}

@media (min-width: 768px) {
  /* line 103, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .content-split-message-container .title {
    padding-right: 32px;
  }
}

@media (max-width: 767px) {
  /* line 103, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .content-split-message-container .title {
    margin-bottom: 16px;
  }
}

/* line 121, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .content-split-message-container .description {
  color: #212B36;
  font-family: 'AxiataBook';
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 24px;
}

/* line 131, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .content-image-message-container {
  display: flex;
  margin-bottom: 64px;
  flex: 1;
  justify-content: center;
  align-items: center;
}

@media (max-width: 767px) {
  /* line 131, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .content-image-message-container {
    padding: 0px 20px;
    margin-bottom: 32px;
  }
}

/* line 143, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .content-image-message-container .reverse {
  flex-direction: row-reverse;
}

@media (min-width: 768px) {
  /* line 146, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .content-image-message-container .reverse .message-container {
    align-items: flex-end;
    padding-left: 0px;
  }
  /* line 152, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .content-image-message-container .reverse .message-container .title, .laut-nusantara.body-content .content-image-message-container .reverse .message-container .description {
    text-align: right;
  }
}

@media (max-width: 767px) {
  /* line 158, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .content-image-message-container .reverse .message-container .description {
    text-align: left;
  }
}

/* line 166, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .content-image-message-container .image-row-thumbnail {
  width: auto;
  background-size: cover;
  background-position: center center;
}

@media (max-width: 767px) {
  /* line 166, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .content-image-message-container .image-row-thumbnail {
    height: 288px;
    margin-bottom: 16px;
  }
}

@media (min-width: 768px) {
  /* line 166, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .content-image-message-container .image-row-thumbnail {
    height: 320px;
  }
}

/* line 180, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .content-image-message-container .message-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 32px;
}

@media (max-width: 767px) {
  /* line 180, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .content-image-message-container .message-container {
    padding: 0px 0px !important;
  }
}

/* line 190, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .content-image-message-container .message-container .title {
  color: #164396;
  font-family: 'AxiataBold';
  line-height: 24px;
  margin-bottom: 8px;
}

@media (min-width: 768px) {
  /* line 190, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .content-image-message-container .message-container .title {
    font-size: 24px;
    letter-spacing: 4.5px;
  }
}

@media (max-width: 767px) {
  /* line 190, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .content-image-message-container .message-container .title {
    font-size: 16px;
    letter-spacing: 2px;
  }
}

/* line 208, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .content-image-message-container .message-container .description {
  color: #333333;
  font-family: 'AxiataBook';
  font-size: 16px;
  letter-spacing: 1px;
}

@media (min-width: 768px) {
  /* line 208, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .content-image-message-container .message-container .description {
    line-height: 27px;
  }
}

@media (max-width: 767px) {
  /* line 208, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .content-image-message-container .message-container .description {
    line-height: 24px;
  }
}

@media (min-width: 768px) {
  /* line 225, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .cardlist-container {
    margin-bottom: 64px;
  }
}

@media (max-width: 767px) {
  /* line 225, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .cardlist-container {
    padding: 0px 20px;
    margin-bottom: 32px;
  }
}

/* line 235, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .cardlist-container .cardlist {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  /* line 235, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .cardlist-container .cardlist {
    flex-direction: row;
    margin-top: -32px;
  }
}

@media (max-width: 767px) {
  /* line 235, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .cardlist-container .cardlist {
    flex-direction: column;
  }
}

/* line 249, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .cardlist-container .image-card-with-text {
  position: relative;
  background-size: cover;
  background-position: center center;
}

@media (min-width: 768px) {
  /* line 249, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .cardlist-container .image-card-with-text {
    height: 288px;
    width: 270px;
    margin-top: 32px;
  }
}

@media (min-width: 768px) and (min-width: 1196px) {
  /* line 261, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .cardlist-container .image-card-with-text:not(:nth-child(3n+1)) {
    margin-left: 32px;
  }
}

@media (min-width: 768px) and (min-width: 1153px) and (max-width: 1195px) {
  /* line 268, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .cardlist-container .image-card-with-text:not(:nth-child(3n+1)) {
    margin-left: 12px;
  }
}

@media (min-width: 768px) and (min-width: 793px) and (max-width: 1152px) {
  /* line 275, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .cardlist-container .image-card-with-text:not(:nth-child(2n+1)) {
    margin-left: 32px;
  }
}

@media (min-width: 768px) and (min-width: 768px) and (max-width: 792px) {
  /* line 282, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .cardlist-container .image-card-with-text:not(:nth-child(2n+1)) {
    margin-left: 12px;
  }
}

@media (max-width: 767px) {
  /* line 249, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .cardlist-container .image-card-with-text {
    height: 242px;
    width: auto;
  }
  /* line 292, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .cardlist-container .image-card-with-text:not(:first-child) {
    margin-top: 16px;
  }
}

/* line 297, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .cardlist-container .image-card-with-text .background-text {
  position: absolute;
  bottom: 0;
  background-color: rgba(0, 0, 7, 0.4);
  backdrop-filter: blur(10px);
  z-index: 5;
}

@media (min-width: 768px) {
  /* line 297, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .cardlist-container .image-card-with-text .background-text {
    height: 144px;
    width: 270px;
    padding: 24px 16px;
  }
}

@media (max-width: 767px) {
  /* line 297, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .cardlist-container .image-card-with-text .background-text {
    height: 121px;
    width: 100%;
    padding: 16px 16px 9px;
  }
}

/* line 316, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .cardlist-container .image-card-with-text .background-text .title {
  color: #FFFFFF;
  font-family: 'AxiataBold';
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 24px;
  margin-bottom: 8px;
}

/* line 326, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .cardlist-container .image-card-with-text .background-text .description {
  color: #FFFFFF;
  font-family: 'AxiataBook';
  font-size: 10px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 16px;
}

/* line 338, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .sisternet-carousel-container {
  margin-bottom: 64px;
}

/* line 341, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .sisternet-carousel-container .title {
  font-family: 'AxiataBold';
  color: #164396;
}

@media (max-width: 768px) {
  /* line 341, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .sisternet-carousel-container .title {
    font-size: 24px;
    margin-bottom: 32px;
  }
}

/* line 349, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .sisternet-carousel-container .carousel-indicators {
  right: 75px;
}

@media (max-width: 767px) {
  /* line 353, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .sisternet-carousel-container .carousel-item {
    padding: 0 !important;
  }
}

/* line 358, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .sisternet-carousel-container .carousel-item .image-item {
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 768px) {
  /* line 358, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .sisternet-carousel-container .carousel-item .image-item {
    height: calc(100vw / 3);
  }
}

@media (max-width: 767px) {
  /* line 358, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .sisternet-carousel-container .carousel-item .image-item {
    height: calc(100vw * 1.44);
  }
}

@media (max-width: 767px) {
  /* line 373, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .large-screen-display {
    display: none !important;
  }
}

@media (min-width: 768px) {
  /* line 379, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .small-screen-display {
    display: none !important;
  }
}

/* line 385, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .container-our-program-laut-nusantara {
  margin-bottom: 64px;
}

/* line 387, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .container-our-program-laut-nusantara .title {
  font-family: 'AxiataBold';
  color: #164396;
}

/* line 392, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .container-our-program-laut-nusantara .our-programs-contributions-card-list {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  /* line 392, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .container-our-program-laut-nusantara .our-programs-contributions-card-list {
    flex-direction: column;
  }
}

/* line 402, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .container-our-program-laut-nusantara .our-programs-contributions-card-list .our-programs-contributions-card {
  width: 380px;
  height: 280px;
  margin-bottom: 16px;
  background-size: cover;
  background-position: center center;
}

/* line 408, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .container-our-program-laut-nusantara .our-programs-contributions-card-list .our-programs-contributions-card .title-our-program-card {
  color: #FFFFFF;
  font-size: 16px;
  font-family: 'AxiataMedium';
  text-align: center;
  padding: 20px 20px 16px 20px;
}

/* line 415, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .container-our-program-laut-nusantara .our-programs-contributions-card-list .our-programs-contributions-card .desc-our-program-card {
  color: #FFFFFF;
  font-size: 12px;
  font-family: 'AxiataBook';
  padding: 0px 20px 16px 20px;
}

@media (max-width: 768px) {
  /* line 402, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .container-our-program-laut-nusantara .our-programs-contributions-card-list .our-programs-contributions-card {
    width: 100%;
  }
}

@media (max-width: 768px) {
  /* line 427, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .container-our-program-laut-nusantara .title {
    font-size: 24px;
    margin-bottom: 32px;
  }
}

/* line 434, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .container-our-recognition {
  margin-bottom: 64px;
}

/* line 436, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .container-our-recognition .title {
  font-family: 'AxiataBold';
  color: #164396;
  margin-bottom: 32px;
}

@media (max-width: 768px) {
  /* line 436, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .container-our-recognition .title {
    font-size: 24px;
    margin-bottom: 32px;
  }
}

/* line 445, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .container-our-recognition .our-recognition-list {
  font-family: "AxiataMedium";
  background: rgba(216, 157, 40, 0.9);
  backdrop-filter: blur(10px);
  padding: 16px;
  margin-bottom: 16px;
}

/* line 454, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .container-video-list {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 64px;
}

/* line 459, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .container-video-list .container-video {
  display: flex;
  width: 50%;
}

@media (min-width: 768px) {
  /* line 462, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .container-video-list .container-video .video-wrapper {
    height: 344px;
    max-width: 582px;
    width: calc(100vw / 2);
  }
}

@media (max-width: 767px) {
  /* line 462, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .container-video-list .container-video .video-wrapper {
    height: 190px;
    width: 100%;
  }
}

/* line 475, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .container-video-list .title {
  width: 50%;
  font-family: 'AxiataBold';
  color: #164396;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

@media (min-width: 768px) {
  /* line 454, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .container-video-list {
    flex-direction: row;
  }
}

@media (max-width: 767px) {
  /* line 454, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .container-video-list {
    flex-direction: column;
  }
  /* line 490, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .container-video-list .container-video {
    width: 100%;
  }
  /* line 493, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .container-video-list .title {
    width: 100%;
    margin-bottom: 32px;
    font-size: 24px;
    justify-content: center;
  }
}

/* line 501, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .video-title-container-with-background {
  position: relative;
  display: flex;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

/* line 508, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .video-title-container-with-background .video-title-list-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* line 513, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .video-title-container-with-background .video-title-list-container .video-title-container {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1200px;
  margin: 0px auto;
}

@media (min-width: 768px) {
  /* line 520, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .video-title-container-with-background .video-title-list-container .video-title-container:first-child {
    margin-top: 64px;
  }
}

@media (max-width: 767px) {
  /* line 520, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .video-title-container-with-background .video-title-list-container .video-title-container:first-child {
    margin-top: 32px;
  }
}

/* line 530, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .video-title-container-with-background .video-title-list-container .video-title-container:not(:last-child) {
  margin-bottom: 32px;
}

/* line 534, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .video-title-container-with-background .video-title-list-container .video-title-container:last-child {
  margin-bottom: 64px;
}

@media (min-width: 768px) {
  /* line 541, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .video-title-container-with-background .video-title-list-container .video-title-container:not(.reverse) {
    flex-direction: row;
  }
  /* line 543, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .video-title-container-with-background .video-title-list-container .video-title-container:not(.reverse) .video-title {
    margin-left: 32px;
  }
  /* line 548, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .video-title-container-with-background .video-title-list-container .video-title-container.reverse {
    flex-direction: row-reverse;
  }
  /* line 550, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .video-title-container-with-background .video-title-list-container .video-title-container.reverse .video-title {
    margin-right: 32px;
  }
}

@media (max-width: 767px) {
  /* line 513, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .video-title-container-with-background .video-title-list-container .video-title-container {
    flex-direction: column;
    padding: 0px 20px;
  }
}

@media (min-width: 768px) {
  /* line 564, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .video-title-container-with-background .video-title-list-container .video-title-container .video-container .video-wrapper {
    height: 344px;
    max-width: 582px;
    width: calc(100vw / 2);
  }
}

@media (max-width: 767px) {
  /* line 564, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .video-title-container-with-background .video-title-list-container .video-title-container .video-container .video-wrapper {
    height: 190px;
    width: 320px;
  }
}

/* line 578, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .video-title-container-with-background .video-title-list-container .video-title-container .video-title {
  display: flex;
  color: #164396;
  font-family: 'AxiataBold';
  font-weight: bold;
  letter-spacing: 1px;
  text-align: center;
  justify-content: center;
  align-items: center;
}

/* line 3, pages/campaign/campaign.scss */
.laut-nusantara.body-content .video-title-container-with-background .video-title-list-container .video-title-container .video-title.dark-mode {
  color: #FFFFFF;
}

@media (min-width: 768px) {
  /* line 578, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .video-title-container-with-background .video-title-list-container .video-title-container .video-title {
    font-size: 36px;
    line-height: 46px;
    width: calc((100vw / 2) - 32px);
  }
}

@media (max-width: 767px) {
  /* line 578, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .video-title-container-with-background .video-title-list-container .video-title-container .video-title {
    font-size: 16px;
    line-height: 22px;
    margin-top: 16px;
    max-width: 300px;
  }
}

/* line 605, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .container-our-partners-and-collaboration {
  margin-bottom: 64px;
}

/* line 607, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .container-our-partners-and-collaboration .title {
  font-family: 'AxiataBold';
  color: #164396;
  margin-bottom: 32px;
}

@media (max-width: 768px) {
  /* line 607, pages/laut-nusantara/laut-nusantara.scss */
  .laut-nusantara.body-content .container-our-partners-and-collaboration .title {
    font-size: 24px;
    margin-bottom: 32px;
  }
}

/* line 616, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .container-our-partners-and-collaboration .desc {
  font-family: 'AxiataBook';
  color: #333333;
  padding-left: 16px;
  padding-right: 16px;
}

/* line 622, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .container-our-partners-and-collaboration .our-partners-and-collaboration-card-list {
  display: flex;
  align-items: center;
  /* .our-partners-and-collaboration-card{
                width: 380px;
                    height: 280px;
                    margin-bottom: 16px;
                    background-size: cover;
                    background-position: center center;
                    @media (max-width: 768px) {
                        width: 100%;
                    }
            }   */
}

/* line 639, pages/laut-nusantara/laut-nusantara.scss */
.laut-nusantara.body-content .img-fluid {
  max-width: 100%;
  height: auto;
  margin: 16px auto 16px auto;
}

/* line 1, pages/gerakan-donasi-kuota/gerakan-donasi-kuota.scss */
.our-programs-contributions-card-list-v2 {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  /* line 1, pages/gerakan-donasi-kuota/gerakan-donasi-kuota.scss */
  .our-programs-contributions-card-list-v2 {
    flex-direction: column;
  }
}

/* line 10, pages/gerakan-donasi-kuota/gerakan-donasi-kuota.scss */
.our-programs-contributions-card-list-v2 .our-programs-contributions-card {
  width: 380px;
  height: 280px;
  margin-bottom: 16px;
  background-size: cover;
  background-position: center center;
  position: relative;
}

/* line 20, pages/gerakan-donasi-kuota/gerakan-donasi-kuota.scss */
.our-programs-contributions-card-list-v2 .our-programs-contributions-card .desc-our-program-card {
  font-family: 'AxiataMedium';
  font-size: 12px;
  line-height: 17px;
  letter-spacing: 0.5px;
  text-align: left;
  padding: 16px;
  background-color: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(10px);
  bottom: 0;
  position: absolute;
  width: 100%;
}

/* line 1, pages/berbagi/berbagi.scss */
.container-our-contributions {
  margin-bottom: 64px;
}

/* line 3, pages/berbagi/berbagi.scss */
.container-our-contributions .title {
  font-family: 'AxiataBold';
  color: #164396;
}

/* line 8, pages/berbagi/berbagi.scss */
.container-our-contributions .desc {
  font-family: 'AxiataBook';
  color: #333333;
  margin-bottom: 64px;
  text-align: justify;
}

/* line 14, pages/berbagi/berbagi.scss */
.container-our-contributions .our-programs-contributions-card-list {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  /* line 14, pages/berbagi/berbagi.scss */
  .container-our-contributions .our-programs-contributions-card-list {
    flex-direction: column;
  }
}

/* line 24, pages/berbagi/berbagi.scss */
.container-our-contributions .our-programs-contributions-card-list .our-programs-contributions-card {
  width: 380px;
  height: 280px;
  margin-bottom: 16px;
  background-size: cover;
  background-position: center center;
}

/* line 30, pages/berbagi/berbagi.scss */
.container-our-contributions .our-programs-contributions-card-list .our-programs-contributions-card .title-our-program-card {
  color: #FFFFFF;
  font-size: 16px;
  font-family: 'AxiataMedium';
  text-align: center;
  padding: 20px 20px 16px 20px;
}

/* line 37, pages/berbagi/berbagi.scss */
.container-our-contributions .our-programs-contributions-card-list .our-programs-contributions-card .desc-our-program-card {
  color: #FFFFFF;
  font-size: 12px;
  font-family: 'AxiataBook';
  padding: 0px 20px 16px 20px;
}

@media (max-width: 768px) {
  /* line 24, pages/berbagi/berbagi.scss */
  .container-our-contributions .our-programs-contributions-card-list .our-programs-contributions-card {
    width: 100%;
  }
}

@media (max-width: 768px) {
  /* line 49, pages/berbagi/berbagi.scss */
  .container-our-contributions .title {
    font-size: 24px;
    margin-bottom: 32px;
  }
}

/* line 1, pages/sisternet-v2/sisternet-v2.scss */
.container-our-contributions {
  margin-bottom: 64px;
}

/* line 3, pages/sisternet-v2/sisternet-v2.scss */
.container-our-contributions .title {
  font-family: "AxiataBold";
  color: #164396;
}

/* line 7, pages/sisternet-v2/sisternet-v2.scss */
.container-our-contributions .desc {
  font-family: "AxiataBook";
  color: #333333;
  margin-bottom: 64px;
  text-align: justify;
}

/* line 13, pages/sisternet-v2/sisternet-v2.scss */
.container-our-contributions .our-programs-contributions-card-list {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  /* line 13, pages/sisternet-v2/sisternet-v2.scss */
  .container-our-contributions .our-programs-contributions-card-list {
    flex-direction: column;
  }
}

/* line 23, pages/sisternet-v2/sisternet-v2.scss */
.container-our-contributions .our-programs-contributions-card-list .our-programs-contributions-card {
  width: 380px;
  height: 280px;
  margin-bottom: 16px;
  background-size: cover;
  background-position: center center;
}

/* line 29, pages/sisternet-v2/sisternet-v2.scss */
.container-our-contributions .our-programs-contributions-card-list .our-programs-contributions-card .title-our-program-card {
  color: #FFFFFF;
  font-size: 16px;
  font-family: "AxiataMedium";
  text-align: center;
  padding: 20px 20px 16px 20px;
}

/* line 36, pages/sisternet-v2/sisternet-v2.scss */
.container-our-contributions .our-programs-contributions-card-list .our-programs-contributions-card .desc-our-program-card {
  color: #FFFFFF;
  font-size: 12px;
  font-family: "AxiataBook";
  padding: 0px 20px 16px 20px;
}

@media (max-width: 768px) {
  /* line 23, pages/sisternet-v2/sisternet-v2.scss */
  .container-our-contributions .our-programs-contributions-card-list .our-programs-contributions-card {
    width: 100%;
  }
}

@media (max-width: 768px) {
  /* line 48, pages/sisternet-v2/sisternet-v2.scss */
  .container-our-contributions .title {
    font-size: 24px;
    margin-bottom: 32px;
  }
}

/* line 2, pages/building-prosperities/building-prosperities.scss */
.build-prosp.container-our-contributions {
  margin-bottom: 64px;
}

/* line 4, pages/building-prosperities/building-prosperities.scss */
.build-prosp.container-our-contributions .title {
  font-family: "AxiataBold";
  color: #164396;
}

/* line 8, pages/building-prosperities/building-prosperities.scss */
.build-prosp.container-our-contributions .desc {
  font-family: "AxiataBook";
  color: #333333;
  margin-bottom: 64px;
  text-align: left !important;
}

/* line 15, pages/building-prosperities/building-prosperities.scss */
.build-prosp.container-our-contributions .content-image-message-container {
  display: flex;
  margin-bottom: 64px;
  flex: 1;
  justify-content: center;
  align-items: center;
}

@media (max-width: 767px) {
  /* line 15, pages/building-prosperities/building-prosperities.scss */
  .build-prosp.container-our-contributions .content-image-message-container {
    padding: 0px 20px;
    margin-bottom: 32px;
  }
}

/* line 27, pages/building-prosperities/building-prosperities.scss */
.build-prosp.container-our-contributions .content-image-message-container .reverse {
  flex-direction: row-reverse;
}

/* line 30, pages/building-prosperities/building-prosperities.scss */
.build-prosp.container-our-contributions .content-image-message-container .reverse .message-container {
  text-align: left !important;
}

@media (min-width: 768px) {
  /* line 30, pages/building-prosperities/building-prosperities.scss */
  .build-prosp.container-our-contributions .content-image-message-container .reverse .message-container {
    padding-left: 0px;
  }
  /* line 37, pages/building-prosperities/building-prosperities.scss */
  .build-prosp.container-our-contributions .content-image-message-container .reverse .message-container .title,
  .build-prosp.container-our-contributions .content-image-message-container .reverse .message-container .description {
    text-align: left !important;
  }
}

@media (max-width: 767px) {
  /* line 44, pages/building-prosperities/building-prosperities.scss */
  .build-prosp.container-our-contributions .content-image-message-container .reverse .message-container .description {
    text-align: left !important;
  }
}

/* line 51, pages/building-prosperities/building-prosperities.scss */
.build-prosp.container-our-contributions .content-image-message-container .image-row-thumbnail {
  width: auto;
  height: 288px;
  background-size: cover;
  background-position: center center;
}

@media (max-width: 767px) {
  /* line 51, pages/building-prosperities/building-prosperities.scss */
  .build-prosp.container-our-contributions .content-image-message-container .image-row-thumbnail {
    margin-bottom: 16px;
  }
}

/* line 61, pages/building-prosperities/building-prosperities.scss */
.build-prosp.container-our-contributions .content-image-message-container .message-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 32px;
}

@media (max-width: 767px) {
  /* line 61, pages/building-prosperities/building-prosperities.scss */
  .build-prosp.container-our-contributions .content-image-message-container .message-container {
    padding: 0px 0px !important;
  }
}

/* line 71, pages/building-prosperities/building-prosperities.scss */
.build-prosp.container-our-contributions .content-image-message-container .message-container .title {
  color: #164396;
  font-family: "AxiataBold";
  line-height: 24px;
  margin-bottom: 8px;
}

@media (min-width: 768px) {
  /* line 71, pages/building-prosperities/building-prosperities.scss */
  .build-prosp.container-our-contributions .content-image-message-container .message-container .title {
    font-size: 36px;
    letter-spacing: 4.5px;
    line-height: 43.2px;
  }
}

@media (max-width: 767px) {
  /* line 71, pages/building-prosperities/building-prosperities.scss */
  .build-prosp.container-our-contributions .content-image-message-container .message-container .title {
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 28px;
  }
}

/* line 90, pages/building-prosperities/building-prosperities.scss */
.build-prosp.container-our-contributions .content-image-message-container .message-container .description {
  color: #333333;
  font-family: "AxiataBook";
  font-size: 14px;
  letter-spacing: 1px;
}

@media (min-width: 768px) {
  /* line 90, pages/building-prosperities/building-prosperities.scss */
  .build-prosp.container-our-contributions .content-image-message-container .message-container .description {
    line-height: 24px;
  }
}

@media (max-width: 767px) {
  /* line 90, pages/building-prosperities/building-prosperities.scss */
  .build-prosp.container-our-contributions .content-image-message-container .message-container .description {
    line-height: 24px;
  }
}

@media (max-width: 768px) {
  /* line 108, pages/building-prosperities/building-prosperities.scss */
  .build-prosp.container-our-contributions .title {
    font-size: 24px;
    margin-bottom: 32px;
    line-height: 24px;
  }
}

/* line 1, pages/perusahaan/perusahaan.scss */
.title-center {
  font-family: "AxiataBold";
  color: #ffffff;
  font-size: 36px;
  line-height: 50px;
  letter-spacing: 3px;
  text-align: center;
  margin-bottom: 32px;
}

@media (max-width: 767px) {
  /* line 1, pages/perusahaan/perusahaan.scss */
  .title-center {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 1px;
  }
}

/* line 18, pages/perusahaan/perusahaan.scss */
.long-section {
  height: fit-content !important;
}

/* NEW PERUSAHAAN MOBILE FIRST */
/* line 26, pages/perusahaan/perusahaan.scss */
section.full-right {
  color: black;
  overflow: hidden;
}

/* line 30, pages/perusahaan/perusahaan.scss */
section.full-right img {
  object-fit: cover;
}

/* line 34, pages/perusahaan/perusahaan.scss */
section.full-right img.full-img-mobile {
  width: 100%;
  height: 170.5px;
}

/* line 39, pages/perusahaan/perusahaan.scss */
section.full-right img.full-img-desktop {
  display: none;
}

/* line 43, pages/perusahaan/perusahaan.scss */
section.full-right .right {
  padding: 2rem 1rem;
}

/* line 47, pages/perusahaan/perusahaan.scss */
section.full-right .right .right-block .l-title {
  font-size: 12px;
  font-weight: 700;
  line-height: 14.34px;
  letter-spacing: 2px;
  color: #ee3e80;
  margin-bottom: 2rem;
}

/* line 56, pages/perusahaan/perusahaan.scss */
section.full-right .right .right-block .headline {
  font-size: 24px;
  font-weight: 700;
  line-height: 28.68px;
  letter-spacing: 4px;
  color: #164396;
  margin-bottom: 2rem;
  font-family: "AxiataBold";
}

/* line 66, pages/perusahaan/perusahaan.scss */
section.full-right .right .right-block .desc {
  margin-bottom: 2rem;
}

/* line 70, pages/perusahaan/perusahaan.scss */
section.full-right .right .right-block a {
  color: #ee3e80;
  text-transform: uppercase;
  width: 100%;
}

/* line 75, pages/perusahaan/perusahaan.scss */
section.full-right .right .right-block a:hover {
  color: white;
}

@media (min-width: 1024px) {
  /* line 84, pages/perusahaan/perusahaan.scss */
  section.full-right {
    height: 100vh;
    display: flex;
    position: relative;
    margin-top: 0.4px;
  }
  /* line 90, pages/perusahaan/perusahaan.scss */
  section.full-right img {
    width: 50% !important;
    position: absolute;
    height: 100vh;
  }
  /* line 96, pages/perusahaan/perusahaan.scss */
  section.full-right img.full-img-desktop {
    display: block;
  }
  /* line 100, pages/perusahaan/perusahaan.scss */
  section.full-right img.full-img-mobile {
    display: none;
  }
  /* line 104, pages/perusahaan/perusahaan.scss */
  section.full-right .right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
  }
  /* line 110, pages/perusahaan/perusahaan.scss */
  section.full-right .right .right-block {
    width: 50% !important;
    padding-left: 2rem;
  }
  /* line 114, pages/perusahaan/perusahaan.scss */
  section.full-right .right .right-block .l-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 23.9px;
  }
  /* line 120, pages/perusahaan/perusahaan.scss */
  section.full-right .right .right-block .headline {
    font-size: 32px;
    font-weight: 700;
    line-height: 38.24px;
  }
  /* line 126, pages/perusahaan/perusahaan.scss */
  section.full-right .right .right-block a {
    width: max-content;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 136, pages/perusahaan/perusahaan.scss */
section.full-left {
  color: black;
  overflow: hidden;
}

/* line 140, pages/perusahaan/perusahaan.scss */
section.full-left img {
  object-fit: cover;
}

/* line 144, pages/perusahaan/perusahaan.scss */
section.full-left img.full-img-mobile {
  width: 100%;
  height: 170.5px;
}

/* line 149, pages/perusahaan/perusahaan.scss */
section.full-left img.full-img-desktop {
  display: none;
}

/* line 153, pages/perusahaan/perusahaan.scss */
section.full-left .left {
  padding: 2rem 1rem;
}

/* line 157, pages/perusahaan/perusahaan.scss */
section.full-left .left .left-block .l-title {
  font-size: 12px;
  font-weight: 700;
  line-height: 14.34px;
  letter-spacing: 2px;
  color: #ee3e80;
  margin-bottom: 2rem;
}

/* line 166, pages/perusahaan/perusahaan.scss */
section.full-left .left .left-block .headline {
  font-size: 24px;
  font-weight: 700;
  line-height: 28.68px;
  letter-spacing: 4px;
  color: #164396;
  margin-bottom: 2rem;
  font-family: "AxiataBold";
}

/* line 176, pages/perusahaan/perusahaan.scss */
section.full-left .left .left-block .desc {
  margin-bottom: 2rem;
}

/* line 180, pages/perusahaan/perusahaan.scss */
section.full-left .left .left-block a {
  color: #ee3e80;
  text-transform: uppercase;
  width: 100%;
}

/* line 185, pages/perusahaan/perusahaan.scss */
section.full-left .left .left-block a:hover {
  color: white;
}

@media (min-width: 1024px) {
  /* line 194, pages/perusahaan/perusahaan.scss */
  section.full-left {
    height: 100vh;
    display: flex;
    position: relative;
    margin-top: 0.4px;
  }
  /* line 200, pages/perusahaan/perusahaan.scss */
  section.full-left img {
    width: 50% !important;
    position: absolute;
    right: 0;
    height: 100vh;
  }
  /* line 207, pages/perusahaan/perusahaan.scss */
  section.full-left img.full-img-desktop {
    display: block;
  }
  /* line 211, pages/perusahaan/perusahaan.scss */
  section.full-left img.full-img-mobile {
    display: none;
  }
  /* line 215, pages/perusahaan/perusahaan.scss */
  section.full-left .left {
    display: flex;
    align-items: center;
    height: 100%;
  }
  /* line 220, pages/perusahaan/perusahaan.scss */
  section.full-left .left .left-block {
    width: 50% !important;
    padding-right: 2rem;
  }
  /* line 224, pages/perusahaan/perusahaan.scss */
  section.full-left .left .left-block .l-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 23.9px;
  }
  /* line 230, pages/perusahaan/perusahaan.scss */
  section.full-left .left .left-block .headline {
    font-size: 32px;
    font-weight: 700;
    line-height: 38.24px;
  }
  /* line 236, pages/perusahaan/perusahaan.scss */
  section.full-left .left .left-block a {
    width: max-content;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 247, pages/perusahaan/perusahaan.scss */
section.half-right-left img {
  object-fit: cover;
  width: 100%;
  height: 170.5px;
}

/* line 253, pages/perusahaan/perusahaan.scss */
section.half-right-left .right {
  padding: 2rem 1rem;
}

/* line 257, pages/perusahaan/perusahaan.scss */
section.half-right-left .right .right-block .l-title {
  font-size: 12px;
  font-weight: 700;
  line-height: 14.34px;
  letter-spacing: 2px;
  color: #ee3e80;
  margin-bottom: 2rem;
}

/* line 266, pages/perusahaan/perusahaan.scss */
section.half-right-left .right .right-block .headline {
  font-size: 24px;
  font-weight: 700;
  line-height: 28.68px;
  letter-spacing: 4px;
  color: #164396;
  margin-bottom: 2rem;
  font-family: "AxiataBold";
}

/* line 276, pages/perusahaan/perusahaan.scss */
section.half-right-left .right .right-block .desc {
  margin-bottom: 2rem;
}

/* line 280, pages/perusahaan/perusahaan.scss */
section.half-right-left .right .right-block a {
  color: #ee3e80;
  text-transform: uppercase;
  width: 100%;
}

/* line 285, pages/perusahaan/perusahaan.scss */
section.half-right-left .right .right-block a:hover {
  color: white;
}

/* line 292, pages/perusahaan/perusahaan.scss */
section.half-right-left .left {
  padding: 2rem 1rem;
}

/* line 296, pages/perusahaan/perusahaan.scss */
section.half-right-left .left .left-block .l-title {
  font-size: 12px;
  font-weight: 700;
  line-height: 14.34px;
  letter-spacing: 2px;
  color: #ee3e80;
  margin-bottom: 2rem;
}

/* line 305, pages/perusahaan/perusahaan.scss */
section.half-right-left .left .left-block .headline {
  font-size: 24px;
  font-weight: 700;
  line-height: 28.68px;
  letter-spacing: 4px;
  color: #164396;
  margin-bottom: 2rem;
  font-family: "AxiataBold";
}

/* line 315, pages/perusahaan/perusahaan.scss */
section.half-right-left .left .left-block .desc {
  margin-bottom: 2rem;
}

/* line 319, pages/perusahaan/perusahaan.scss */
section.half-right-left .left .left-block a {
  color: #ee3e80;
  text-transform: uppercase;
  width: 100%;
}

/* line 324, pages/perusahaan/perusahaan.scss */
section.half-right-left .left .left-block a:hover {
  color: white;
}

@media (min-width: 1024px) {
  /* line 334, pages/perusahaan/perusahaan.scss */
  section.half-right-left .half-right {
    display: flex;
    position: relative;
    margin-top: 0.4px;
    height: 450px !important;
  }
  /* line 340, pages/perusahaan/perusahaan.scss */
  section.half-right-left .half-right img.half-right-img {
    width: 50% !important;
    position: absolute;
    height: 450px !important;
  }
  /* line 346, pages/perusahaan/perusahaan.scss */
  section.half-right-left .half-right .right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
  }
  /* line 352, pages/perusahaan/perusahaan.scss */
  section.half-right-left .half-right .right .right-block {
    width: 50% !important;
    padding-left: 2rem;
  }
  /* line 356, pages/perusahaan/perusahaan.scss */
  section.half-right-left .half-right .right .right-block .l-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 23.9px;
  }
  /* line 362, pages/perusahaan/perusahaan.scss */
  section.half-right-left .half-right .right .right-block .headline {
    font-size: 32px;
    font-weight: 700;
    line-height: 38.24px;
  }
  /* line 368, pages/perusahaan/perusahaan.scss */
  section.half-right-left .half-right .right .right-block a {
    width: max-content;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  /* line 377, pages/perusahaan/perusahaan.scss */
  section.half-right-left .half-left {
    display: flex;
    position: relative;
    margin-top: 0.4px;
    height: 450px !important;
  }
  /* line 383, pages/perusahaan/perusahaan.scss */
  section.half-right-left .half-left img.half-left-img {
    width: 50% !important;
    position: absolute;
    right: 0;
    height: 450px !important;
  }
  /* line 390, pages/perusahaan/perusahaan.scss */
  section.half-right-left .half-left .left {
    display: flex;
    align-items: center;
    height: 100%;
  }
  /* line 395, pages/perusahaan/perusahaan.scss */
  section.half-right-left .half-left .left .left-block {
    width: 50% !important;
    padding-right: 2rem;
  }
  /* line 399, pages/perusahaan/perusahaan.scss */
  section.half-right-left .half-left .left .left-block .l-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 23.9px;
  }
  /* line 405, pages/perusahaan/perusahaan.scss */
  section.half-right-left .half-left .left .left-block .headline {
    font-size: 32px;
    font-weight: 700;
    line-height: 38.24px;
  }
  /* line 411, pages/perusahaan/perusahaan.scss */
  section.half-right-left .half-left .left .left-block a {
    width: max-content;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 423, pages/perusahaan/perusahaan.scss */
.campaign-page-new.main-content {
  overflow: hidden;
}

@media (max-width: 767px) {
  /* line 426, pages/perusahaan/perusahaan.scss */
  .campaign-page-new.main-content .campaign-carousel-container .carousel-item {
    padding: 0 !important;
  }
}

/* line 431, pages/perusahaan/perusahaan.scss */
.campaign-page-new.main-content .campaign-carousel-container .carousel-item .image-item {
  height: 100% !important;
  background-repeat: no-repeat;
  background-size: cover;
}

/* line 437, pages/perusahaan/perusahaan.scss */
.campaign-page-new.main-content .campaign-carousel-container .carousel-item .msg-container {
  margin-top: 300px;
}

@media (min-width: 768px) {
  /* line 437, pages/perusahaan/perusahaan.scss */
  .campaign-page-new.main-content .campaign-carousel-container .carousel-item .msg-container {
    margin-bottom: 300px;
  }
}

@media (max-width: 767px) {
  /* line 437, pages/perusahaan/perusahaan.scss */
  .campaign-page-new.main-content .campaign-carousel-container .carousel-item .msg-container {
    padding: 0px 20px;
    margin-bottom: 36px;
  }
}

/* line 449, pages/perusahaan/perusahaan.scss */
.campaign-page-new.main-content .campaign-carousel-container .carousel-item .msg-container .msg-title {
  color: #164396;
  font-family: 'AxiataBold';
  font-weight: bold;
}

/* line 3, pages/campaign/campaign.scss */
.campaign-page-new.main-content .campaign-carousel-container .carousel-item .msg-container .msg-title.dark-mode {
  color: #FFFFFF;
}

@media (min-width: 768px) {
  /* line 449, pages/perusahaan/perusahaan.scss */
  .campaign-page-new.main-content .campaign-carousel-container .carousel-item .msg-container .msg-title {
    font-size: 36px;
    letter-spacing: 3px;
    line-height: 44px;
  }
}

@media (max-width: 767px) {
  /* line 449, pages/perusahaan/perusahaan.scss */
  .campaign-page-new.main-content .campaign-carousel-container .carousel-item .msg-container .msg-title {
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 32px;
  }
}

/* line 467, pages/perusahaan/perusahaan.scss */
.campaign-page-new.main-content .campaign-carousel-container .carousel-item .msg-container .msg-desc {
  color: #333339;
  font-family: 'AxiataBook';
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

/* line 10, pages/campaign/campaign.scss */
.campaign-page-new.main-content .campaign-carousel-container .carousel-item .msg-container .msg-desc.dark-mode {
  color: #FFFFFF;
}

@media (min-width: 768px) {
  /* line 467, pages/perusahaan/perusahaan.scss */
  .campaign-page-new.main-content .campaign-carousel-container .carousel-item .msg-container .msg-desc {
    letter-spacing: 1.5px;
  }
}

@media (max-width: 767px) {
  /* line 467, pages/perusahaan/perusahaan.scss */
  .campaign-page-new.main-content .campaign-carousel-container .carousel-item .msg-container .msg-desc {
    letter-spacing: 1px;
  }
}

/* line 483, pages/perusahaan/perusahaan.scss */
.campaign-page-new.main-content .campaign-carousel-container .carousel-item .msg-container .button-more {
  color: #164396;
}

/* line 3, pages/campaign/campaign.scss */
.campaign-page-new.main-content .campaign-carousel-container .carousel-item .msg-container .button-more.dark-mode {
  color: #FFFFFF;
}

/*------------------------------------*\
  #CSS PAGE - HANDY CODE SNIPPET 
\*------------------------------------*/
/* line 2, pages/code-snippets/style.scss */
.code-snippets h1 {
  margin: 25px auto;
  text-align: center;
}

/* line 8, pages/code-snippets/style.scss */
.code-snippets .container > h2 {
  margin: 30px auto 20px;
  border-bottom: 1px solid #6003b8;
  display: block;
  padding-top: 50px;
  padding-bottom: 10px;
}

/* line 3, assets/css/resources/read-more-wrap.scss */
.code-snippets .section__dummy.read-more-wrap {
  transition: all cubic-bezier(0.36, 0.55, 0.31, 1.14) 0.15s;
}

/* line 6, assets/css/resources/read-more-wrap.scss */
.code-snippets .section__dummy.read-more-wrap p {
  height: 118px;
  margin-bottom: 8px;
  overflow: hidden;
  position: relative;
  transition: inherit;
}

/* line 13, assets/css/resources/read-more-wrap.scss */
.code-snippets .section__dummy.read-more-wrap p:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 63px;
  background: rgba(255, 255, 255, 0.6);
}

/* line 24, assets/css/resources/read-more-wrap.scss */
.code-snippets .section__dummy.read-more-wrap .read-more {
  color: #333339;
  position: relative;
  width: auto;
  text-align: center;
  margin: 0 auto;
  text-transform: capitalize;
  display: flex;
  justify-content: center;
}

/* line 3, assets/css/resources/mixin-chevron.scss */
.code-snippets .section__dummy.read-more-wrap .read-more:after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 11px;
  background: url(https://staticxl.ext.xlaxiata.co.id/s3fs-public/media/images/chevron-right.svg) 0 0 no-repeat;
  background-size: contain;
  position: absolute;
  transform: rotate(-90deg);
  top: -17px;
  left: auto;
  right: auto;
  bottom: auto;
  top: auto;
  left: auto;
  right: auto;
  bottom: -18px;
  transform: rotate(90deg);
}

/* line 39, assets/css/resources/read-more-wrap.scss */
.code-snippets .section__dummy.read-more-wrap.more p {
  height: 100%;
  overflow-y: auto;
}

/* line 43, assets/css/resources/read-more-wrap.scss */
.code-snippets .section__dummy.read-more-wrap.more p:after {
  display: none;
}

/* line 48, assets/css/resources/read-more-wrap.scss */
.code-snippets .section__dummy.read-more-wrap.more .read-more {
  margin-top: 16px;
}

/* line 3, assets/css/resources/mixin-chevron.scss */
.code-snippets .section__dummy.read-more-wrap.more .read-more:after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 11px;
  background: url(https://staticxl.ext.xlaxiata.co.id/s3fs-public/media/images/chevron-right.svg) 0 0 no-repeat;
  background-size: contain;
  position: absolute;
  transform: rotate(-90deg);
  top: -17px;
  left: auto;
  right: auto;
  bottom: auto;
}

/*------------------------------------*\
  #CSS COMPONENTS
\*------------------------------------*/
/* line 2, components/herobannervid/hero_banner_vid.scss */
.hero-banner-video-container .headline-hero-banner--container {
  color: #ffffff;
  position: relative;
  font-size: 14px;
  z-index: 10;
  padding-top: 150px;
}

/* line 9, components/herobannervid/hero_banner_vid.scss */
.hero-banner-video-container .hero--banner--video {
  display: block;
  width: 100%;
  height: 100% !important;
  max-height: 100vh;
  object-fit: cover;
  position: absolute;
  top: 0;
}

/* line 20, components/herobannervid/hero_banner_vid.scss */
.hero-banner-video-container-half {
  position: inherit;
}

/* line 2, components/text_carrousel/text-carousel.scss */
.carousel-indicators--customs {
  justify-content: unset !important;
  margin-right: unset !important;
  margin-left: unset !important;
  top: 0 !important;
}

/* line 8, components/text_carrousel/text-carousel.scss */
.carousel-inner--customs {
  top: 19px !important;
  padding: 5px !important;
}

/* line 12, components/text_carrousel/text-carousel.scss */
.carousel-item--customs {
  font-family: "AxiataBook" !important;
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 3px !important;
  color: #ffffff !important;
}

/* line 13, components/big-banner-with-msg/big-banner-with-msg.scss */
.big-banner-with-msg {
  height: 100%;
}

/* line 16, components/big-banner-with-msg/big-banner-with-msg.scss */
.big-banner-with-msg .full-height {
  height: 100%;
}

/* line 19, components/big-banner-with-msg/big-banner-with-msg.scss */
.big-banner-with-msg .full-height .right {
  justify-content: flex-end;
  align-items: center;
  height: 100%;
}

@media (max-width: 767px) {
  /* line 19, components/big-banner-with-msg/big-banner-with-msg.scss */
  .big-banner-with-msg .full-height .right {
    align-items: flex-end;
    height: 100%;
    justify-content: unset;
  }
}

/* line 27, components/big-banner-with-msg/big-banner-with-msg.scss */
.big-banner-with-msg .full-height .rightforbanner {
  justify-content: flex-end;
  align-items: center;
  height: 100%;
}

@media (max-width: 767px) {
  /* line 27, components/big-banner-with-msg/big-banner-with-msg.scss */
  .big-banner-with-msg .full-height .rightforbanner {
    height: 100%;
    justify-content: unset;
  }
}

/* line 35, components/big-banner-with-msg/big-banner-with-msg.scss */
.big-banner-with-msg .full-height .rightcenter {
  justify-content: flex-end;
  align-items: center;
  height: 100%;
}

@media (max-width: 767px) {
  /* line 35, components/big-banner-with-msg/big-banner-with-msg.scss */
  .big-banner-with-msg .full-height .rightcenter {
    align-items: center;
    height: 100%;
    justify-content: unset;
  }
}

/* line 44, components/big-banner-with-msg/big-banner-with-msg.scss */
.big-banner-with-msg .full-height .leftcenter {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
}

@media (max-width: 767px) {
  /* line 44, components/big-banner-with-msg/big-banner-with-msg.scss */
  .big-banner-with-msg .full-height .leftcenter {
    align-items: center;
    height: 100%;
    justify-content: unset;
  }
}

/* line 54, components/big-banner-with-msg/big-banner-with-msg.scss */
.big-banner-with-msg .full-height .left {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
}

@media (max-width: 767px) {
  /* line 54, components/big-banner-with-msg/big-banner-with-msg.scss */
  .big-banner-with-msg .full-height .left {
    align-items: flex-end;
    height: 100%;
    justify-content: unset;
  }
}

/* line 62, components/big-banner-with-msg/big-banner-with-msg.scss */
.big-banner-with-msg .full-height .center {
  justify-content: center;
  align-items: center;
  height: 100%;
}

@media (max-width: 767px) {
  /* line 62, components/big-banner-with-msg/big-banner-with-msg.scss */
  .big-banner-with-msg .full-height .center {
    align-items: flex-end;
    height: 100%;
    justify-content: unset;
  }
}

/* line 70, components/big-banner-with-msg/big-banner-with-msg.scss */
.big-banner-with-msg .full-height .center {
  justify-content: center;
  align-items: center;
  height: 100%;
}

@media (max-width: 767px) {
  /* line 70, components/big-banner-with-msg/big-banner-with-msg.scss */
  .big-banner-with-msg .full-height .center {
    align-items: flex-end;
    height: 100%;
    justify-content: unset;
  }
}

/* line 78, components/big-banner-with-msg/big-banner-with-msg.scss */
.big-banner-with-msg .full-height .centerspecial {
  justify-content: center;
  align-items: center;
  height: 100%;
}

@media (max-width: 767px) {
  /* line 78, components/big-banner-with-msg/big-banner-with-msg.scss */
  .big-banner-with-msg .full-height .centerspecial {
    align-items: center;
    height: 100%;
    justify-content: unset;
  }
}

@media (max-width: 767px) {
  /* line 87, components/big-banner-with-msg/big-banner-with-msg.scss */
  .big-banner-with-msg .full-height .vertical-align--m {
    align-items: center;
  }
}

/* line 92, components/big-banner-with-msg/big-banner-with-msg.scss */
.big-banner-with-msg .full-height .msg-container {
  position: relative;
  z-index: 10;
}

/* line 96, components/big-banner-with-msg/big-banner-with-msg.scss */
.big-banner-with-msg .full-height .msg-container .msg-owner {
  color: #ee3e80;
  font-family: 'AxiataBold';
  font-size: 14px;
  line-height: 32px;
  letter-spacing: 2px;
  margin-bottom: 32px;
}

/* line 105, components/big-banner-with-msg/big-banner-with-msg.scss */
.big-banner-with-msg .full-height .msg-container .msg-title {
  color: #ffffff;
  font-family: 'AxiataBold';
  font-size: 36px;
  line-height: 44px;
  letter-spacing: 3px;
  margin-bottom: 32px;
}

/* line 114, components/big-banner-with-msg/big-banner-with-msg.scss */
.big-banner-with-msg .full-height .msg-container .msg-desc {
  color: #ffffff;
  font-family: 'AxiataBook';
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1px;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  /* line 138, components/big-banner-with-msg/big-banner-with-msg.scss */
  .big-banner-with-msg .full-height .msg-container .msg-owner {
    font-size: 10px;
    line-height: 32px;
    letter-spacing: 1.43px;
  }
  /* line 144, components/big-banner-with-msg/big-banner-with-msg.scss */
  .big-banner-with-msg .full-height .msg-container .msg-title {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 1px;
  }
  /* line 150, components/big-banner-with-msg/big-banner-with-msg.scss */
  .big-banner-with-msg .full-height .msg-container .msg-desc {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 1px;
  }
  /* line 156, components/big-banner-with-msg/big-banner-with-msg.scss */
  .big-banner-with-msg .full-height .msg-container .button-more {
    margin: 0 auto;
    margin-bottom: 30px;
    width: 100%;
  }
}

/* line 164, components/big-banner-with-msg/big-banner-with-msg.scss */
.big-banner-with-msg.bg--image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/* line 33, components/megamenu/megamenu.scss */
.sticky-header {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
}

/* line 40, components/megamenu/megamenu.scss */
.header.sticky-applied {
  transition: all ease .3s;
}

/* line 43, components/megamenu/megamenu.scss */
.header.sticky-applied + section,
.header.sticky-applied + div {
  transition: all ease .3s;
}

/* line 49, components/megamenu/megamenu.scss */
.header.sticky-applied .search-panel {
  position: fixed !important;
}

/* line 53, components/megamenu/megamenu.scss */
.header.sticky-applied .nav-two.sticky-header {
  background: rgba(0, 0, 0, 0.6);
  background: rgba(0, 0, 0, 0.6);
  background-size: cover;
  padding: 0 19px;
}

/* line 9, components/megamenu/megamenu.scss */
.header.sticky-applied .nav-two.sticky-header:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  filter: blur(20px);
  z-index: -1;
}

/* line 61, components/megamenu/megamenu.scss */
.header.sticky-applied .nav-two.sticky-header .container {
  border: none;
}

/* line 67, components/megamenu/megamenu.scss */
.header.sticky-applied .nav-two.sticky-header .mega-menu a.hovered + .sub-menu,
.header.sticky-applied .nav-two.sticky-header .mega-menu a.active + .sub-menu {
  top: 71px;
  opacity: 1;
}

/* line 83, components/megamenu/megamenu.scss */
.header {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999;
  transition: all ease .1s;
}

/* line 91, components/megamenu/megamenu.scss */
.header:hover, .header.header-hovered, .header.hovered {
  background: rgba(0, 0, 0, 0.6);
  background-size: cover;
}

/* line 9, components/megamenu/megamenu.scss */
.header:hover:before, .header.header-hovered:before, .header.hovered:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  filter: blur(20px);
  z-index: -1;
}

/* line 100, components/megamenu/megamenu.scss */
.header:hover .nav-two > .container, .header.header-hovered .nav-two > .container, .header.hovered .nav-two > .container {
  border-bottom: none;
}

/* line 106, components/megamenu/megamenu.scss */
.header nav,
.header .navbar,
.header a {
  color: #fff;
  font-family: 'AxiataBook';
  background-color: transparent;
}

/* line 114, components/megamenu/megamenu.scss */
.header .navbar {
  position: relative;
  z-index: 1999;
}

/* line 120, components/megamenu/megamenu.scss */
.header .nav-one {
  z-index: 100;
  padding: 16px 0;
  margin: 0;
  font-size: 10px;
  font-weight: 300;
  letter-spacing: 3px;
  line-height: 12px;
}

/* line 131, components/megamenu/megamenu.scss */
.header .nav-one .container {
  padding: 0;
}

/* line 135, components/megamenu/megamenu.scss */
.header .nav-one a {
  text-transform: uppercase;
}

/* line 139, components/megamenu/megamenu.scss */
.header .nav-one a.active {
  color: #EE3E80;
}

/* line 145, components/megamenu/megamenu.scss */
.header .nav-one .navbar-nav .dropdown > .nav-link {
  display: inline-block;
}

/* line 149, components/megamenu/megamenu.scss */
.header .nav-one .navbar-nav .dropdown .icon-chevron-down {
  width: 9px;
  height: 5px;
}

/* line 155, components/megamenu/megamenu.scss */
.header .nav-one .navbar-nav .dropdown.show .icon-chevron-down {
  transform: rotate(-180deg);
}

/* line 162, components/megamenu/megamenu.scss */
.header .nav-one .navbar-nav .dropdown-menu {
  border: 0;
  border-radius: 0;
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  padding: 0;
  margin: 0;
  background: rgba(0, 0, 0, 0.6);
  background-size: cover;
}

/* line 9, components/megamenu/megamenu.scss */
.header .nav-one .navbar-nav .dropdown-menu:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  filter: blur(20px);
  z-index: -1;
}

/* line 173, components/megamenu/megamenu.scss */
.header .nav-one .navbar-nav .dropdown-menu .dropdown-item {
  padding: .5rem;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
}

/* line 178, components/megamenu/megamenu.scss */
.header .nav-one .navbar-nav .dropdown-menu .dropdown-item:hover, .header .nav-one .navbar-nav .dropdown-menu .dropdown-item:focus {
  color: #EE3E80;
}

/* line 188, components/megamenu/megamenu.scss */
.header .nav-one .navbar-nav.lang-menu .nav-link,
.header .nav-one .navbar-nav.lang-menu a.active {
  color: #fff;
}

/* line 192, components/megamenu/megamenu.scss */
.header .nav-one .navbar-nav.lang-menu .nav-link:hover,
.header .nav-one .navbar-nav.lang-menu a.active:hover {
  color: inherit;
}

/* line 202, components/megamenu/megamenu.scss */
.header .nav-one .navbar-nav.lang-menu .dropdown-menu .dropdown-item:hover, .header .nav-one .navbar-nav.lang-menu .dropdown-menu .dropdown-item:focus {
  color: #fff !important;
}

/* line 212, components/megamenu/megamenu.scss */
.header .brand-logo {
  height: 28px;
  width: 111px;
}

/* line 217, components/megamenu/megamenu.scss */
.header .nav-two {
  z-index: 99;
  padding: 0;
}

/* line 221, components/megamenu/megamenu.scss */
.header .nav-two > .container {
  padding: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

/* line 229, components/megamenu/megamenu.scss */
.header .nav-two .active {
  color: #EE3E80;
}

/* line 233, components/megamenu/megamenu.scss */
.header .nav-two .navbar-brand {
  margin-right: 24px;
}

/* line 237, components/megamenu/megamenu.scss */
.header .nav-two.navbar-expand-lg .navbar-nav .nav-link {
  padding: 10px 0;
  margin-right: 24px;
}

/* line 242, components/megamenu/megamenu.scss */
.header .nav-two.navbar-expand-lg .navbar-nav .nav-item:last-child .nav-link {
  margin-right: 0;
}

/* line 247, components/megamenu/megamenu.scss */
.header .nav-two .mega-menu {
  font-family: 'AxiataBold';
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 3.6px;
  line-height: 14px;
  z-index: 1;
}

/* line 257, components/megamenu/megamenu.scss */
.header .nav-two .mega-menu .navbar-nav .nav-item {
  position: static;
}

/* line 260, components/megamenu/megamenu.scss */
.header .nav-two .mega-menu .navbar-nav .nav-item > .nav-link {
  text-transform: uppercase;
}

/* line 264, components/megamenu/megamenu.scss */
.header .nav-two .mega-menu .navbar-nav .nav-item > .icon-nav-submenu {
  display: none;
}

/* line 271, components/megamenu/megamenu.scss */
.header .nav-two .mega-menu a.hovered.nav-link {
  color: #EE3E80;
  cursor: pointer;
}

/* line 296, components/megamenu/megamenu.scss */
.header .nav-two .mega-menu .sub-menu.sub-menu-animation-complete .container > .row {
  visibility: visible;
}

/* line 311, components/megamenu/megamenu.scss */
.header .nav-two .mega-menu .sub-menu {
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  background-size: cover;
  width: 100%;
  position: absolute;
  top: 72px;
  left: 0;
  padding: 0;
  overflow: hidden;
  display: none;
  z-index: 2099;
  cursor: pointer;
}

/* line 9, components/megamenu/megamenu.scss */
.header .nav-two .mega-menu .sub-menu:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  filter: blur(20px);
  z-index: -1;
}

/* line 339, components/megamenu/megamenu.scss */
.header .nav-two .mega-menu .sub-menu .container {
  padding: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

/* line 343, components/megamenu/megamenu.scss */
.header .nav-two .mega-menu .sub-menu .container .row {
  width: 100%;
  visibility: hidden;
  padding: 64px 0;
}

/* line 354, components/megamenu/megamenu.scss */
.header .nav-two .mega-menu .sub-menu .sub-menu-list {
  display: flex;
  flex-direction: column;
}

/* line 358, components/megamenu/megamenu.scss */
.header .nav-two .mega-menu .sub-menu .sub-menu-list > li {
  cursor: pointer;
  font-family: 'Axiata';
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.86px;
  line-height: 14px;
}

/* line 369, components/megamenu/megamenu.scss */
.header .nav-two .mega-menu .sub-menu .sub-menu-list > li > a {
  display: block;
  margin-bottom: 16px;
  line-height: normal;
}

/* line 374, components/megamenu/megamenu.scss */
.header .nav-two .mega-menu .sub-menu .sub-menu-list > li > a:hover {
  color: #EE3E80;
  text-decoration: none;
}

/* line 382, components/megamenu/megamenu.scss */
.header .nav-two .mega-menu .sub-menu h3 {
  font-family: 'Axiata';
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1.2px;
  line-height: 14px;
  padding: 0;
  margin: 0;
  margin-bottom: 32px;
  cursor: default;
}

/* line 399, components/megamenu/megamenu.scss */
.header .nav-two .search-icon-wrapper .icon-search {
  display: inline-block;
  width: 16px;
  height: 16px;
}

/* line 404, components/megamenu/megamenu.scss */
.header .nav-two .search-icon-wrapper .icon-search.magnify {
  background: url("https://staticxl.ext.xlaxiata.co.id/s3fs-public/media/images/search.svg") 0 0 no-repeat;
  background-size: cover;
}

/* line 410, components/megamenu/megamenu.scss */
.header .nav-two .search-icon-wrapper .icon-search.close {
  background: url("https://staticxl.ext.xlaxiata.co.id/s3fs-public/media/images/close.svg") 0 0 no-repeat;
  background-size: cover;
}

/* line 422, components/megamenu/megamenu.scss */
.header .search-panel {
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  background-size: cover;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  padding: 0;
  z-index: 2999;
  display: none;
}

/* line 9, components/megamenu/megamenu.scss */
.header .search-panel:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  filter: blur(20px);
  z-index: -1;
}

/* line 438, components/megamenu/megamenu.scss */
.header .search-panel .container {
  padding: 64px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

/* line 442, components/megamenu/megamenu.scss */
.header .search-panel .container form {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* line 447, components/megamenu/megamenu.scss */
.header .search-panel .container form .heading-space {
  padding-top: 72px;
  display: flex;
  justify-content: center;
}

/* line 452, components/megamenu/megamenu.scss */
.header .search-panel .container form .heading-space .heading {
  width: 784px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 64px;
}

/* line 462, components/megamenu/megamenu.scss */
.header .search-panel .container form .heading-space .icon-search img {
  height: 32px;
  width: 32px;
}

/* line 469, components/megamenu/megamenu.scss */
.header .search-panel .container form .search-field {
  display: flex;
  justify-content: center;
  position: relative;
}

/* line 474, components/megamenu/megamenu.scss */
.header .search-panel .container form .search-field input[type=search],
.header .search-panel .container form .search-field input[type=text] {
  height: 60px;
  width: 720px;
  background-color: #FFFFFF;
  border-left: 1px solid rgba(147, 152, 158, 0.6);
  border-top: 1px solid rgba(147, 152, 158, 0.6);
  border-bottom: 1px solid rgba(147, 152, 158, 0.6);
  border-right: none;
  border-radius: 0;
  font-size: 16px;
  padding: 16px;
}

/* line 487, components/megamenu/megamenu.scss */
.header .search-panel .container form .search-field input[type=search]:focus, .header .search-panel .container form .search-field input[type=search]:active,
.header .search-panel .container form .search-field input[type=text]:focus,
.header .search-panel .container form .search-field input[type=text]:active {
  outline: none;
}

/* line 492, components/megamenu/megamenu.scss */
.header .search-panel .container form .search-field .frameholder {
  position: relative;
}

/* line 495, components/megamenu/megamenu.scss */
.header .search-panel .container form .search-field .frameholder .floatingbtn {
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  height: 100%;
  align-items: center;
  right: 0;
  margin-right: 24px;
  cursor: pointer;
}

/* line 506, components/megamenu/megamenu.scss */
.header .search-panel .container form .search-field .frameholder .floatingbtn img {
  height: 24px;
  width: 24px;
}

@media screen and (max-width: 767px) {
  /* line 495, components/megamenu/megamenu.scss */
  .header .search-panel .container form .search-field .frameholder .floatingbtn {
    top: -8px;
  }
}

/* line 517, components/megamenu/megamenu.scss */
.header .search-panel .container form .search-field .background-greyu {
  height: 60px;
  width: 60px;
  padding: 0;
  border: 1px solid rgba(147, 152, 158, 0.6);
  background: rgba(147, 152, 158, 0.6);
}

/* line 524, components/megamenu/megamenu.scss */
.header .search-panel .container form .search-field .background-greyu:hover {
  border: 1px solid rgba(147, 152, 158, 0.4);
  background: rgba(147, 152, 158, 0.4);
}

/* line 530, components/megamenu/megamenu.scss */
.header .search-panel .container form .search-field .background-pinku {
  height: 60px;
  width: 60px;
  padding: 0;
  border: 1px solid #EE3E80;
  background: #EE3E80;
}

/* line 537, components/megamenu/megamenu.scss */
.header .search-panel .container form .search-field .background-pinku:hover {
  background: #EE6C9D;
  border: 1px solid #EE6C9D;
}

/* line 543, components/megamenu/megamenu.scss */
.header .search-panel .container form .search-field #keyhelpertop {
  position: absolute;
  width: 782px;
  top: 60px;
  background: #FFFFFF;
  border: 1px solid #212B36;
  border-top: none;
}

/* line 552, components/megamenu/megamenu.scss */
.header .search-panel .container form .search-field #keyhelpertop .keyitemup {
  height: 60px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(151, 151, 151, 0.4);
  padding: 0 25px;
  cursor: pointer;
  color: #212B36;
}

/* line 561, components/megamenu/megamenu.scss */
.header .search-panel .container form .search-field #keyhelpertop .keyitemup:hover {
  background: rgba(147, 152, 158, 0.6);
}

/* line 565, components/megamenu/megamenu.scss */
.header .search-panel .container form .search-field #keyhelpertop .keyitemup p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 580, components/megamenu/megamenu.scss */
.delay-sec {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}

@media (max-width: 768px) {
  /* line 586, components/megamenu/megamenu.scss */
  .header.mobile-header {
    position: absolute;
    padding: 0;
    transition: all ease;
  }
  /* line 595, components/megamenu/megamenu.scss */
  .header.mobile-header .container {
    width: 100% !important;
  }
  /* line 606, components/megamenu/megamenu.scss */
  .header.mobile-header.sticky-applied .nav-two.sticky-header {
    padding: 0;
  }
  /* line 614, components/megamenu/megamenu.scss */
  .header.mobile-header.sticky-applied .nav-two.sticky-header .mega-menu {
    top: 71px;
  }
  /* line 618, components/megamenu/megamenu.scss */
  .header.mobile-header.sticky-applied .nav-two.sticky-header .mega-menu a.hovered + .sub-menu {
    top: 0;
  }
  /* line 622, components/megamenu/megamenu.scss */
  .header.mobile-header.sticky-applied .nav-two.sticky-header .mega-menu .sub-menu {
    position: fixed;
  }
  /* line 636, components/megamenu/megamenu.scss */
  .header.mobile-header.navone-dropdown-open.sticky-applied .nav-two.sticky-header {
    position: static !important;
  }
  /* line 640, components/megamenu/megamenu.scss */
  .header.mobile-header.navone-dropdown-open .nav-one {
    position: fixed;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    background-size: cover;
  }
  /* line 9, components/megamenu/megamenu.scss */
  .header.mobile-header.navone-dropdown-open .nav-one:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    filter: blur(20px);
    z-index: -1;
  }
  /* line 648, components/megamenu/megamenu.scss */
  .header.mobile-header .nav-one {
    padding: 0;
  }
  /* line 651, components/megamenu/megamenu.scss */
  .header.mobile-header .nav-one .container {
    margin: 0 19px;
    padding: 16px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  /* line 659, components/megamenu/megamenu.scss */
  .header.mobile-header .nav-one .navbar-nav .dropdown {
    position: static;
  }
  /* line 663, components/megamenu/megamenu.scss */
  .header.mobile-header .nav-one .navbar-nav .dropdown-menu {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 60px;
    left: 0;
    padding: 0 19px;
  }
  /* line 672, components/megamenu/megamenu.scss */
  .header.mobile-header .nav-one .navbar-nav .dropdown-menu .dropdown-item {
    background: none;
    padding: 23px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  /* line 680, components/megamenu/megamenu.scss */
  .header.mobile-header .nav-one .navbar-nav .dropdown-menu .dropdown-item:last-child {
    border-bottom: none;
  }
  /* line 688, components/megamenu/megamenu.scss */
  .header.mobile-header .nav-two {
    padding: 0;
  }
  /* line 692, components/megamenu/megamenu.scss */
  .header.mobile-header .nav-two .container {
    border-top: none;
    border-bottom: none;
    position: relative;
    padding: 15px 19px;
  }
  /* line 699, components/megamenu/megamenu.scss */
  .header.mobile-header .nav-two .search-icon-wrapper {
    display: flex !important;
    margin-top: 3px;
    margin-right: 0;
    flex: 1;
    justify-content: flex-end;
  }
  /* line 706, components/megamenu/megamenu.scss */
  .header.mobile-header .nav-two .search-icon-wrapper .icon-search {
    margin-left: 27px;
  }
  /* line 710, components/megamenu/megamenu.scss */
  .header.mobile-header .nav-two .search-icon-wrapper.only-desktop {
    display: none !important;
  }
  /* line 715, components/megamenu/megamenu.scss */
  .header.mobile-header .nav-two .navbar-toggler {
    padding: 0;
  }
  /* line 718, components/megamenu/megamenu.scss */
  .header.mobile-header .nav-two .navbar-toggler:focus {
    outline: none;
  }
  /* line 722, components/megamenu/megamenu.scss */
  .header.mobile-header .nav-two .navbar-toggler.icon-menu {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 27px;
  }
  /* line 728, components/megamenu/megamenu.scss */
  .header.mobile-header .nav-two .navbar-toggler.icon-menu.hamburger {
    background: url("https://staticxl.ext.xlaxiata.co.id/s3fs-public/media/images/menu.svg") 0 0 no-repeat;
    background-size: cover;
  }
  /* line 733, components/megamenu/megamenu.scss */
  .header.mobile-header .nav-two .navbar-toggler.icon-menu.close {
    background: url("https://staticxl.ext.xlaxiata.co.id/s3fs-public/media/images/close.svg") 0 0 no-repeat;
    background-size: cover;
  }
  /* line 740, components/megamenu/megamenu.scss */
  .header.mobile-header .nav-two .mega-menu {
    position: absolute;
    top: 71px;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /* line 755, components/megamenu/megamenu.scss */
  .header.mobile-header .nav-two .mega-menu a.hovered + .sub-menu {
    top: 0;
  }
  /* line 759, components/megamenu/megamenu.scss */
  .header.mobile-header .nav-two .mega-menu > .navbar-nav.mega-menu-nav {
    background: rgba(0, 0, 0, 0.6);
    background-size: cover;
  }
  /* line 9, components/megamenu/megamenu.scss */
  .header.mobile-header .nav-two .mega-menu > .navbar-nav.mega-menu-nav:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    filter: blur(20px);
    z-index: -1;
  }
  /* line 771, components/megamenu/megamenu.scss */
  .header.mobile-header .nav-two .mega-menu > .navbar-nav {
    padding: 0 19px;
  }
  /* line 776, components/megamenu/megamenu.scss */
  .header.mobile-header .nav-two .mega-menu > .navbar-nav .nav-item:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }
  /* line 793, components/megamenu/megamenu.scss */
  .header.mobile-header .nav-two .mega-menu > .navbar-nav.subMenuOpened > li {
    border-bottom: none;
  }
  /* line 796, components/megamenu/megamenu.scss */
  .header.mobile-header .nav-two .mega-menu > .navbar-nav.subMenuOpened > li > a {
    opacity: 0;
    display: none;
  }
  /* line 804, components/megamenu/megamenu.scss */
  .header.mobile-header .nav-two .mega-menu > .navbar-nav .nav-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  /* line 807, components/megamenu/megamenu.scss */
  .header.mobile-header .nav-two .mega-menu > .navbar-nav .nav-item:last-child {
    border-bottom: none;
  }
  /* line 812, components/megamenu/megamenu.scss */
  .header.mobile-header .nav-two .mega-menu > .navbar-nav .nav-link {
    display: inline-block;
    padding: 23px 10px;
    margin: 0;
    font-family: 'Axiata';
    position: relative;
    width: 90%;
  }
  /* line 833, components/megamenu/megamenu.scss */
  .header.mobile-header .nav-two .mega-menu > .navbar-nav .icon-nav-submenu {
    display: inline-block !important;
    width: 18px;
    height: 14px;
    position: absolute;
    right: 20px;
    margin-top: 24px;
  }
  /* line 843, components/megamenu/megamenu.scss */
  .header.mobile-header .nav-two .mega-menu .navbar-nav.mob-menu-nav-back {
    flex: 1;
  }
  /* line 846, components/megamenu/megamenu.scss */
  .header.mobile-header .nav-two .mega-menu .navbar-nav.mob-menu-nav-back .nav-item:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }
  /* line 850, components/megamenu/megamenu.scss */
  .header.mobile-header .nav-two .mega-menu .navbar-nav.mob-menu-nav-back .nav-item:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  /* line 854, components/megamenu/megamenu.scss */
  .header.mobile-header .nav-two .mega-menu .navbar-nav.mob-menu-nav-back .back-link {
    text-transform: uppercase;
    position: relative;
    font-weight: bold !important;
    letter-spacing: 3.6px !important;
  }
  /* line 861, components/megamenu/megamenu.scss */
  .header.mobile-header .nav-two .mega-menu .navbar-nav.mob-menu-nav-back .back-link:before {
    content: '';
    position: absolute;
    top: auto;
    left: 0;
    background: url("https://staticxl.ext.xlaxiata.co.id/s3fs-public/media/images/chevron-left.svg") 0 0 no-repeat;
    padding-left: 22px;
    width: 18px;
    height: 16px;
  }
  /* line 874, components/megamenu/megamenu.scss */
  .header.mobile-header .nav-two .mega-menu .sub-menu {
    padding: 0;
    display: block;
    top: -9999px;
  }
  /* line 879, components/megamenu/megamenu.scss */
  .header.mobile-header .nav-two .mega-menu .sub-menu .container {
    border-top: none;
    align-items: start;
  }
  /* line 883, components/megamenu/megamenu.scss */
  .header.mobile-header .nav-two .mega-menu .sub-menu .container .row {
    margin: 0;
    padding: 0;
    visibility: visible;
  }
  /* line 888, components/megamenu/megamenu.scss */
  .header.mobile-header .nav-two .mega-menu .sub-menu .container .row .col {
    flex-basis: auto;
    padding: 0;
  }
  /* line 892, components/megamenu/megamenu.scss */
  .header.mobile-header .nav-two .mega-menu .sub-menu .container .row .col h3 {
    margin: 23px 19px;
    padding: 0;
    padding-left: 12px;
    padding-top: 27px;
    cursor: default;
  }
  /* line 904, components/megamenu/megamenu.scss */
  .header.mobile-header .nav-two .mega-menu .sub-menu .sub-menu-list {
    padding: 0 19px;
  }
  /* line 907, components/megamenu/megamenu.scss */
  .header.mobile-header .nav-two .mega-menu .sub-menu .sub-menu-list > li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  /* line 914, components/megamenu/megamenu.scss */
  .header.mobile-header .nav-two .mega-menu .sub-menu .sub-menu-list > li > a {
    padding: 23px 25px;
    margin: 0;
    font-family: 'Axiata';
    position: relative;
  }
  /* line 930, components/megamenu/megamenu.scss */
  .header.mobile-header .search-panel {
    background: rgba(0, 0, 0, 0.6);
    background-size: cover;
    position: absolute;
    left: 0;
    padding: 0 20px;
    width: 100%;
    margin: 0;
  }
  /* line 9, components/megamenu/megamenu.scss */
  .header.mobile-header .search-panel:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    filter: blur(20px);
    z-index: -1;
  }
  /* line 939, components/megamenu/megamenu.scss */
  .header.mobile-header .search-panel .container {
    padding: 0;
    border: none;
  }
  /* line 947, components/megamenu/megamenu.scss */
  .header.mobile-header .search-panel .container form .search-field {
    padding-bottom: 0;
    border-bottom: 0;
    z-index: 1;
  }
  /* line 952, components/megamenu/megamenu.scss */
  .header.mobile-header .search-panel .container form .search-field:after {
    display: none;
    content: '';
    position: absolute;
    bottom: 0;
    left: auto;
    right: auto;
    width: 100%;
    height: 1px;
    background: #EE3E80;
  }
  /* line 964, components/megamenu/megamenu.scss */
  .header.mobile-header .search-panel .container form .search-field:before {
    display: none;
  }
  /* line 968, components/megamenu/megamenu.scss */
  .header.mobile-header .search-panel .container form .search-field .frameholder {
    width: 100%;
  }
  /* line 971, components/megamenu/megamenu.scss */
  .header.mobile-header .search-panel .container form .search-field .frameholder input[type=text] {
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.86px;
    line-height: normal;
    padding: 8px 10px;
    margin-bottom: 18px;
    width: 100%;
  }
  /* line 982, components/megamenu/megamenu.scss */
  .header.mobile-header .search-panel .container form .search-field #keyhelpertop {
    width: 100%;
  }
  /* line 991, components/megamenu/megamenu.scss */
  .header.mobile-header .search-panel .container form .heading-space .heading h1 {
    margin-bottom: 0;
  }
  /* line 1000, components/megamenu/megamenu.scss */
  .header.mobile-header .search-panel .popular-search {
    background: rgba(0, 0, 0, 0.6);
    background-size: cover;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.86px;
    font-family: inherit;
    position: absolute;
    z-index: 999;
    width: 100%;
    top: 46px;
    left: 0;
    padding: 0 19px;
  }
  /* line 9, components/megamenu/megamenu.scss */
  .header.mobile-header .search-panel .popular-search:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    filter: blur(20px);
    z-index: -1;
  }
  /* line 1013, components/megamenu/megamenu.scss */
  .header.mobile-header .search-panel .popular-search label {
    border-top: 1px solid #EE3E80;
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 23px 24px 23px 0;
  }
  /* line 1020, components/megamenu/megamenu.scss */
  .header.mobile-header .search-panel .popular-search ul {
    margin: 0;
    padding: 0;
  }
  /* line 1024, components/megamenu/megamenu.scss */
  .header.mobile-header .search-panel .popular-search ul > li {
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  /* line 1030, components/megamenu/megamenu.scss */
  .header.mobile-header .search-panel .popular-search ul > li > a {
    display: inline-block;
    color: #fff;
    padding: 23px 24px;
  }
  /* line 1042, components/megamenu/megamenu.scss */
  .header.mobile-header + section,
  .header.mobile-header + div {
    overflow: hidden;
  }
}

/* line 1, components/triangle-animation/triangle-animation.scss */
.triangle-right {
  position: absolute;
  top: 50%;
  left: 20%;
  display: inline-block;
  width: 200px;
  height: 100px;
  border-style: solid;
  border-width: 50px 0 50px 86.6px;
  border-color: transparent transparent transparent #6980fe;
}

/* line 13, components/triangle-animation/triangle-animation.scss */
.triangle-left {
  position: absolute;
  display: inline-block;
  width: 200px;
  height: 100px;
  top: 60%;
  right: 20%;
  border-style: solid;
  border-width: 50px 86.6px 50px 0;
  border-color: transparent #6980fe transparent transparent;
}

/* line 29, components/triangle-animation/triangle-animation.scss */
.slide-right {
  -webkit-animation: slide-right 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-right 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

/* line 30, components/triangle-animation/triangle-animation.scss */
.slide-left {
  -webkit-animation: slide-left 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-left 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2020-1-23 11:28:40
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
@-webkit-keyframes slide-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(400px);
    transform: translateX(400px);
  }
}

@keyframes slide-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(400px);
    transform: translateX(400px);
  }
}

@-webkit-keyframes slide-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-400px);
    transform: translateX(-400px);
  }
}

@keyframes slide-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-400px);
    transform: translateX(-400px);
  }
}

/* line 3, components/footer/footer.scss */
.footer-background {
  object-fit: cover;
}

/* line 12, components/footer/footer.scss */
.footer--container {
  display: flex;
  flex-direction: column;
  position: relative;
}

/* line 17, components/footer/footer.scss */
.footer-atas {
  padding-top: 64px;
  padding-bottom: 64px;
  min-height: 320px;
  display: flex;
  align-items: center;
  background-position: center center;
  background-size: cover;
  height: 368px;
}

/* line 27, components/footer/footer.scss */
.footer-atas .ftitle {
  color: #FFFFFF;
  font-family: "AxiataBold";
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 8px;
}

/* line 35, components/footer/footer.scss */
.footer-atas .fkonten {
  color: #FFFFFF;
  font-family: "AxiataBook";
  font-size: 16px;
  line-height: 24px;
}

/* line 42, components/footer/footer.scss */
.footer-atas .fkontenphone {
  color: #FFFFFF;
  font-family: "AxiataBook";
  font-size: 16px;
  line-height: 24px;
  margin-top: 16px;
}

/* line 50, components/footer/footer.scss */
.footer-atas .borderSamping {
  border-left: solid 1px rgba(255, 255, 255, 0.2);
  border-right: solid 1px rgba(255, 255, 255, 0.2);
  padding: 0 25px;
}

/* line 56, components/footer/footer.scss */
.footer-atas .martop40 {
  margin-top: 40px;
}

/* line 60, components/footer/footer.scss */
.footer-atas .paddingleft80 {
  padding-left: 80px;
}

/* line 64, components/footer/footer.scss */
.footer-atas .paddingright80 {
  padding-right: 80px;
}

/* line 68, components/footer/footer.scss */
.footer-atas ul.sosmed li {
  float: left;
  margin-left: 12px;
  list-style-type: none;
}

/* line 74, components/footer/footer.scss */
.footer-atas ul.sosmed li:first-child {
  padding-left: 0;
  margin-left: 0;
}

/* line 79, components/footer/footer.scss */
.footer-atas ul.sosmed li a img {
  width: 40px;
  height: 40px;
}

/* line 84, components/footer/footer.scss */
.footer-atas ul.quick li {
  float: none !important;
  display: block;
  line-height: 150%;
  margin: 8px 0;
}

/* line 91, components/footer/footer.scss */
#bawah {
  background-color: #FFFFFF;
}

/* line 94, components/footer/footer.scss */
.footer-bawah {
  margin: 0;
  position: relative;
  padding-inline-start: 0;
  padding-left: 15px;
}

/* line 100, components/footer/footer.scss */
.footer-bawah li:first-child {
  padding-left: 0;
}

/* line 104, components/footer/footer.scss */
.footer-bawah li {
  display: inline;
  margin: 0;
  position: relative;
}

/* line 110, components/footer/footer.scss */
.footer-bawah li a {
  display: inline-flex;
  color: #000;
  text-decoration: unset;
}

/* line 117, components/footer/footer.scss */
.copyright {
  color: #194396;
  font-family: "AxiataBold";
  font-size: 12px;
  line-height: 24px;
}

/* line 126, components/footer/footer.scss */
.borderSamping {
  border-left: solid 0.5px #3056A0;
  border-right: solid 0.5px #3056A0;
  padding: 0 60px;
}

/* line 131, components/footer/footer.scss */
.paddingleft40 {
  padding-left: 80px;
}

/* line 134, components/footer/footer.scss */
.paddingright40 {
  padding-right: 80px;
}

/* line 138, components/footer/footer.scss */
section#bawah {
  padding: 12px 0;
}

/* line 141, components/footer/footer.scss */
section#bawah li {
  padding: 0 16px;
  border-right: thin solid #3056A0;
}

/* line 145, components/footer/footer.scss */
section#bawah li:first-child {
  padding-left: 0;
}

/* line 148, components/footer/footer.scss */
section#bawah li a {
  color: #194396;
  text-decoration: underline;
  font-size: 12px;
}

/* line 153, components/footer/footer.scss */
section#bawah li:last-child {
  border-right: none;
}

/* line 156, components/footer/footer.scss */
section#bawah .copy {
  color: #194396;
  font-weight: 700;
  font-size: 12px;
}

@media (min-width: 481px) and (max-width: 767px) {
  /* line 163, components/footer/footer.scss */
  .borderSamping {
    border: none;
    margin: 0;
    padding-left: 15px;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  /* line 171, components/footer/footer.scss */
  .borderSamping {
    border: none;
    margin: 0;
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-top: 32px;
  }
  /* line 178, components/footer/footer.scss */
  .paddingleft40 {
    padding: 0;
  }
  /* line 181, components/footer/footer.scss */
  .paddingleft80 {
    padding-left: 15px !important;
    margin-top: 32px;
  }
  /* line 185, components/footer/footer.scss */
  .footer-atas {
    height: 462px;
  }
  /* line 189, components/footer/footer.scss */
  ul.sosmed li {
    margin-left: 0px !important;
  }
  /* line 192, components/footer/footer.scss */
  section#bawah li {
    padding: 0 8px;
  }
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  /* line 198, components/footer/footer.scss */
  .logoxl {
    width: 144px;
    height: 36px;
  }
  /* line 202, components/footer/footer.scss */
  .fkontenphone {
    margin-top: 32px;
  }
}

/* line 18, components/section-with-footer-base/section-with-footer-base.scss */
.footer-atas-with-content {
  min-height: 290px !important;
}

/* line 22, components/section-with-footer-base/section-with-footer-base.scss */
.footer-content-image-bottom {
  display: flex;
  flex: 1 0 100%;
  background-position: center center;
  background-size: cover;
  flex-direction: column;
}

/* line 29, components/section-with-footer-base/section-with-footer-base.scss */
.footer-content-image-bottom .content--container {
  display: flex;
  flex-direction: column;
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
  backdrop-filter: blur(5px);
  height: 100%;
  flex: 1 0 100%;
}

/* line 37, components/section-with-footer-base/section-with-footer-base.scss */
.footer-content-image-bottom .content--container .top-content-container {
  padding: 96px 0px;
}

@media (max-width: 767px) {
  /* line 37, components/section-with-footer-base/section-with-footer-base.scss */
  .footer-content-image-bottom .content--container .top-content-container {
    padding: 32px 0px;
  }
}

/* line 44, components/section-with-footer-base/section-with-footer-base.scss */
.footer-content-image-bottom .content--container .top-content-container .content-title-container {
  display: flex;
  height: 40px;
  align-items: baseline;
}

/* line 49, components/section-with-footer-base/section-with-footer-base.scss */
.footer-content-image-bottom .content--container .top-content-container .content-title-container .title {
  color: #ee3e80;
  font-family: 'AxiataBold';
  font-size: 14px;
  line-height: 32px;
  letter-spacing: 2px;
  margin-right: 47px;
}

/* line 57, components/section-with-footer-base/section-with-footer-base.scss */
.footer-content-image-bottom .content--container .top-content-container .content-title-container .content {
  color: #ffffff;
  font-family: 'AxiataBook';
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1px;
  width: 481px;
}

/* line 67, components/section-with-footer-base/section-with-footer-base.scss */
.footer-content-image-bottom .content--container .top-content-container .topic-title {
  font-family: 'AxiataBold';
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 3px;
  color: #ffffff;
  margin-bottom: 32px;
}

@media (max-width: 767px) {
  /* line 67, components/section-with-footer-base/section-with-footer-base.scss */
  .footer-content-image-bottom .content--container .top-content-container .topic-title {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 2px;
  }
}

@media (max-width: 767px) {
  /* line 83, components/section-with-footer-base/section-with-footer-base.scss */
  .footer-content-image-bottom .content--container .top-content-container .topic-content-container .highlight-image-container {
    padding: 0px 30px;
  }
}

/* line 89, components/section-with-footer-base/section-with-footer-base.scss */
.footer-content-image-bottom .content--container .top-content-container .topic-content-container .highlight-image-container .highlight-image {
  background-position: center center;
  background-size: cover;
  height: 455px;
}

/* line 94, components/section-with-footer-base/section-with-footer-base.scss */
.footer-content-image-bottom .content--container .top-content-container .topic-content-container .highlight-image-container .highlight-image .banner {
  font-family: 'AxiataBold';
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0.83px;
  color: #ffffff;
  background-color: rgba(238, 62, 128, 0.4);
  width: 139px;
  height: 51px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 108, components/section-with-footer-base/section-with-footer-base.scss */
.footer-content-image-bottom .content--container .top-content-container .topic-content-container .highlight-image-container .highlight-image .bottom-content {
  position: absolute;
  bottom: 0;
  padding: 0px 24px;
  padding-bottom: 24px;
}

/* line 114, components/section-with-footer-base/section-with-footer-base.scss */
.footer-content-image-bottom .content--container .top-content-container .topic-content-container .highlight-image-container .highlight-image .bottom-content .title {
  font-family: 'AxiataBook';
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1px;
  color: #ffffff;
  margin-bottom: 16px;
}

/* line 117, components/section-with-footer-base/section-with-footer-base.scss */
.footer-content-image-bottom .content--container .top-content-container .topic-content-container .highlight-image-container .highlight-image .bottom-content .date {
  font-family: 'AxiataBook';
  font-size: 10px;
  line-height: 20px;
  letter-spacing: 1.43px;
  color: #ffffff;
}

@media (max-width: 767px) {
  /* line 89, components/section-with-footer-base/section-with-footer-base.scss */
  .footer-content-image-bottom .content--container .top-content-container .topic-content-container .highlight-image-container .highlight-image {
    height: 261px;
  }
}

/* line 128, components/section-with-footer-base/section-with-footer-base.scss */
.footer-content-image-bottom .content--container .top-content-container .topic-content-container .whole-thred-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0px 32px;
}

@media (max-width: 767px) {
  /* line 128, components/section-with-footer-base/section-with-footer-base.scss */
  .footer-content-image-bottom .content--container .top-content-container .topic-content-container .whole-thred-container {
    padding: 0px 20px;
  }
}

/* line 139, components/section-with-footer-base/section-with-footer-base.scss */
.footer-content-image-bottom .content--container .top-content-container .topic-content-container .whole-thred-container .thread-container .title {
  font-family: 'AxiataBook';
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1px;
  color: #ffffff;
  margin-bottom: 16px;
}

/* line 143, components/section-with-footer-base/section-with-footer-base.scss */
.footer-content-image-bottom .content--container .top-content-container .topic-content-container .whole-thred-container .thread-container .date {
  font-family: 'AxiataBook';
  font-size: 10px;
  line-height: 20px;
  letter-spacing: 1.43px;
  color: #ffffff;
}

/* line 147, components/section-with-footer-base/section-with-footer-base.scss */
.footer-content-image-bottom .content--container .top-content-container .topic-content-container .whole-thred-container .thread-container .divider {
  border: 1px solid rgba(255, 255, 255, 0.2);
  margin: 16px 0px;
}

/* line 152, components/section-with-footer-base/section-with-footer-base.scss */
.footer-content-image-bottom .content--container .top-content-container .topic-content-container .whole-thred-container .thread-container .mobile-divider {
  display: none;
}

@media (max-width: 767px) {
  /* line 157, components/section-with-footer-base/section-with-footer-base.scss */
  .footer-content-image-bottom .content--container .top-content-container .topic-content-container .whole-thred-container .thread-container .mobile-divider {
    display: block;
  }
}

/* line 163, components/section-with-footer-base/section-with-footer-base.scss */
.footer-content-image-bottom .content--container .top-content-container .topic-content-container .whole-thred-container .link-more {
  color: #ee3e80;
  font-family: 'AxiataBook';
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1px;
  position: relative;
}

/* line 171, components/section-with-footer-base/section-with-footer-base.scss */
.footer-content-image-bottom .content--container .top-content-container .topic-content-container .whole-thred-container .link-more::after {
  content: '';
  position: absolute;
  margin-left: 16px;
  top: 6px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 10px solid #ee3e80;
  clear: both;
}

/* line 185, components/section-with-footer-base/section-with-footer-base.scss */
.footer-content-image-bottom .content--container .top-content-container .topic-content-container .whole-thred-container .triangle {
  height: 5px;
  width: 5px;
  transform: rotate(270deg);
  background-color: #ee3e80;
}

/* line 197, components/section-with-footer-base/section-with-footer-base.scss */
.bottom {
  bottom: 0;
}

/* line 202, components/section-with-footer-base/section-with-footer-base.scss */
.link-underline {
  position: relative;
}

/* line 206, components/section-with-footer-base/section-with-footer-base.scss */
.link-underline:after {
  content: '';
  position: absolute;
  width: 0;
  height: 3px;
  display: block;
  margin-top: 5px;
  right: 0;
  background: #fff;
  transition: width .2s ease;
  -webkit-transition: width .2s ease;
}

/* line 218, components/section-with-footer-base/section-with-footer-base.scss */
.link-underline:hover:after {
  width: 100%;
  left: 0;
  background: #fff;
}

/* line 1, components/header/header.scss */
.head-banner {
  background-size: cover;
  background-position: center center;
  height: 600px;
  overflow: hidden;
}

/* line 7, components/header/header.scss */
.head-banner .head-title {
  margin-top: 158px;
  color: #ffffff;
  max-width: 789px;
  font-family: 'AxiataBold';
  font-size: 36px;
  letter-spacing: 1px;
  line-height: 50px;
}

@media (max-width: 767px) {
  /* line 7, components/header/header.scss */
  .head-banner .head-title {
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 0.67px;
  }
}

/* line 24, components/header/header.scss */
.head-banner-with-breadcumbs {
  background-size: cover;
  background-position: center center;
  height: 600px;
  overflow: hidden;
}

/* line 30, components/header/header.scss */
.head-banner-with-breadcumbs .head-title-container {
  margin-top: 169px;
}

/* line 33, components/header/header.scss */
.head-banner-with-breadcumbs .head-title-container .breadcumbs {
  color: #FFFFFF;
  font-family: "AxiataBook";
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 14px;
}

/* line 41, components/header/header.scss */
.head-banner-with-breadcumbs .head-title-container .head-title {
  color: #ffffff;
  max-width: 789px;
  font-family: 'AxiataBold';
  font-size: 36px;
  letter-spacing: 3px;
  line-height: 50px;
}

@media (max-width: 768px) {
  /* line 41, components/header/header.scss */
  .head-banner-with-breadcumbs .head-title-container .head-title {
    font-size: 24px;
    letter-spacing: 0.67px;
    line-height: 34px;
  }
}

/* line 56, components/header/header.scss */
.head-banner-with-breadcumbs .head-title-container .msg-subtitle {
  margin-top: 48px;
  color: #FFFFFF;
  font-family: 'AxiataBold';
  font-size: 24px;
  letter-spacing: 0.33px;
  line-height: 28px;
}

@media (max-width: 768px) {
  /* line 56, components/header/header.scss */
  .head-banner-with-breadcumbs .head-title-container .msg-subtitle {
    margin-top: 32px;
    letter-spacing: 0.22px;
    line-height: 20px;
    font-size: 16px;
  }
}

/* line 71, components/header/header.scss */
.head-banner-with-breadcumbs .head-title-container .msg-moretext {
  color: #FFFFFF;
  font-family: 'AxiataBook';
  font-size: 14px;
  letter-spacing: 0.19px;
  line-height: 28px;
}

@media (max-width: 768px) {
  /* line 71, components/header/header.scss */
  .head-banner-with-breadcumbs .head-title-container .msg-moretext {
    line-height: 18px;
  }
}

@media (max-width: 767px) {
  /* line 85, components/header/header.scss */
  .head-banner-with-breadcumbs {
    height: 400px;
  }
}

/* line 9, components/dropdown/dropdown.scss */
.dropdown-container-full {
  width: 100%;
  /* The container must be positioned relative: */
  /* Style the arrow inside the select element: */
  /* Point the arrow upwards when the select box is open (active): */
  /* style the items (options), including the selected item: */
  /* Style items (options): */
  /* Hide the items when the select box is closed: */
}

/* line 12, components/dropdown/dropdown.scss */
.dropdown-container-full .dropdown-label {
  font-family: 'AxiataBook';
  color: #999999;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1px;
  margin-bottom: 16px;
}

/* line 24, components/dropdown/dropdown.scss */
.dropdown-container-full .custom-dropdown {
  position: relative;
  font-family: Arial;
}

/* line 28, components/dropdown/dropdown.scss */
.dropdown-container-full .custom-dropdown select {
  display: none;
  /*hide original SELECT element: */
}

/* line 34, components/dropdown/dropdown.scss */
.dropdown-container-full .select-selected {
  background-color: #FFFFFF;
}

/* line 39, components/dropdown/dropdown.scss */
.dropdown-container-full .select-selected:after {
  position: absolute;
  content: "";
  right: 0px;
  width: 9px;
  height: 5px;
  background-image: url("https://staticxl.ext.xlaxiata.co.id/s3fs-public/media/images/chevron-down-small.svg");
}

/* line 49, components/dropdown/dropdown.scss */
.dropdown-container-full .select-selected.select-arrow-active:after {
  background-image: url("https://staticxl.ext.xlaxiata.co.id/s3fs-public/media/images/chevron-up.svg");
}

/* line 54, components/dropdown/dropdown.scss */
.dropdown-container-full .select-items div {
  color: #ffffff;
  padding: 16px 10px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.2) transparent;
  cursor: pointer;
  font-family: 'AxiataBook';
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 1px;
  color: #000000;
}

/* line 63, components/dropdown/dropdown.scss */
.dropdown-container-full .select-selected {
  color: #ffffff;
  padding: 16px 10px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.2) transparent;
  cursor: pointer;
  font-family: 'AxiataBold';
  color: #164396;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 1px;
  padding: 16px 0px !important;
}

/* line 74, components/dropdown/dropdown.scss */
.dropdown-container-full .select-items {
  position: absolute;
  background-color: #ffffff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
}

/* line 85, components/dropdown/dropdown.scss */
.dropdown-container-full .select-hide {
  display: none;
}

/* line 89, components/dropdown/dropdown.scss */
.dropdown-container-full .select-items div:hover, .dropdown-container-full .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

/* line 95, components/dropdown/dropdown.scss */
.dropdown-container-full .dropdown-container {
  padding-bottom: 17px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* line 102, components/dropdown/dropdown.scss */
.dropdown-container-full .dropdown-container .dropdown-value {
  font-family: 'AxiataBold';
  color: #164396;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 1px;
  display: flex;
  flex: 2;
}

/* line 111, components/dropdown/dropdown.scss */
.dropdown-container-full .dropdown-container .dropdown-icon {
  width: 9px;
  height: 5px;
}

/* line 115, components/dropdown/dropdown.scss */
.dropdown-container-full .dropdown-container.no-border {
  border: none;
  padding-bottom: 0px;
}

/* line 121, components/dropdown/dropdown.scss */
.dropdown-container-full .dropdown--value-container {
  display: none;
  position: absolute;
  z-index: 10;
  width: 100%;
  border-radius: 0 0 2px 2px;
  background-color: #FFFFFF;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
}

/* line 130, components/dropdown/dropdown.scss */
.dropdown-container-full .dropdown--value-container.width-sm {
  width: 50%;
}

/* line 134, components/dropdown/dropdown.scss */
.dropdown-container-full .dropdown--value-container .label-container {
  font-family: 'AxiataBook';
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 1px;
  color: #000000;
  padding: 16px 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  cursor: pointer;
  height: 54px;
}

/* line 145, components/dropdown/dropdown.scss */
.dropdown-container-full .dropdown--value-container .label-container:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

/* line 150, components/dropdown/dropdown.scss */
.dropdown-container-full.m-bot-sm {
  margin-bottom: 16px;
}

/* line 153, components/dropdown/dropdown.scss */
.dropdown-container-full.m-bot-md {
  margin-bottom: 32px;
}

/* line 156, components/dropdown/dropdown.scss */
.dropdown-container-full.m-bot-lg {
  margin-bottom: 64px;
}

/* line 1, components/button/button.scss */
.button {
  padding: 0px 30px;
  font-family: 'AxiataBold';
  color: #164396;
  font-size: 14px;
  line-height: 44px;
  letter-spacing: 1px;
  text-align: center;
  border: 1px solid #EE3E80;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
}

/* line 17, components/button/button.scss */
.button:hover {
  color: #164396;
}

@media (max-width: 576px) {
  /* line 20, components/button/button.scss */
  .button.md-full {
    width: 100%;
  }
}

/* line 26, components/button/button.scss */
.button-more {
  width: 278px;
  height: 60px;
  border: 1px solid #ee3e80;
  font-family: 'AxiataBold';
  color: #ffffff;
  font-size: 16px;
  line-height: 44px;
  letter-spacing: 1.33px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 38, components/button/button.scss */
.button-more.dark {
  color: #164396;
}

@media (max-width: 576px) {
  /* line 41, components/button/button.scss */
  .button-more.md-full {
    width: 100%;
  }
}

/* line 48, components/button/button.scss */
.button-more:hover {
  background-color: #ee3e80;
  text-transform: uppercase;
  color: white;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

/* line 57, components/button/button.scss */
.triangle-position {
  position: absolute;
  right: 24.5px;
}

@media (max-width: 767px) {
  /* line 63, components/button/button.scss */
  .triangle-position {
    display: none;
  }
  /* line 68, components/button/button.scss */
  .button-more.m_full--width {
    width: 100%;
  }
}

@media (max-width: 767px) {
  /* line 1, components/horizontal-list/horizontal-list.scss */
  .horizontal__list {
    margin-top: 32px;
  }
}

/* line 7, components/horizontal-list/horizontal-list.scss */
.horizontal__list .list__item {
  font-family: 'AxiataBold';
  margin-top: 32px;
  padding-right: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 15, components/horizontal-list/horizontal-list.scss */
.horizontal__list .list__item p {
  margin-top: 8px;
  font-family: 'AxiataBook';
}

/* line 20, components/horizontal-list/horizontal-list.scss */
.horizontal__list .list__item .doc__title {
  margin-bottom: 8px;
  padding-right: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 27, components/horizontal-list/horizontal-list.scss */
.horizontal__list .list__item .doc__years {
  font-size: 10px;
}

/* line 30, components/horizontal-list/horizontal-list.scss */
.horizontal__list .list__item .desc {
  font-family: 'AxiataBook';
  text-overflow: unset;
  white-space: normal;
  overflow: unset;
  font-size: 12px;
}

/* line 38, components/horizontal-list/horizontal-list.scss */
.horizontal__list .list__item::before {
  content: "";
  background-image: url("https://staticxl.ext.xlaxiata.co.id/s3fs-public/media/images/chevron-right.svg");
  position: absolute;
  right: 8px;
  background-size: contain;
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
}

/* line 49, components/horizontal-list/horizontal-list.scss */
.horizontal__list .list__item.special-highlight {
  font-size: 24px;
  font-family: 'AxiataMedium';
}

/* line 55, components/horizontal-list/horizontal-list.scss */
.horizontal__list .divider {
  border: 1px solid #FFF;
  margin: 16px 0px;
}

/* line 2, components/hero-banner-image/hero-banner-image.scss */
.hero-banner-content-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* line 8, components/hero-banner-image/hero-banner-image.scss */
.hero-banner-content-container .hero-banner {
  color: #ffffff;
  text-align: center;
  display: block;
  margin-top: 32px;
}

/* line 13, components/hero-banner-image/hero-banner-image.scss */
.hero-banner-content-container .hero-banner .title {
  font-family: 'AxiataBold';
  font-size: 36px;
  line-height: 40px;
  letter-spacing: 3px;
}

@media (max-width: 767px) {
  /* line 13, components/hero-banner-image/hero-banner-image.scss */
  .hero-banner-content-container .hero-banner .title {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 16px;
  }
}

/* line 25, components/hero-banner-image/hero-banner-image.scss */
.hero-banner-content-container .hero-banner .message {
  font-family: 'AxiataBook';
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 3px;
}

/* line 32, components/hero-banner-image/hero-banner-image.scss */
.hero-banner-content-container .hero-banner .button-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 64px;
}

@media (max-width: 767px) {
  /* line 32, components/hero-banner-image/hero-banner-image.scss */
  .hero-banner-content-container .hero-banner .button-container {
    flex-direction: column;
    margin-top: 24px;
  }
}

/* line 45, components/hero-banner-image/hero-banner-image.scss */
.hero-banner-content-container .mobile-version {
  display: none;
}

@media (max-width: 767px) {
  /* line 2, components/hero-banner-image/hero-banner-image.scss */
  .hero-banner-content-container {
    align-items: flex-start;
    justify-content: flex-start;
  }
  /* line 52, components/hero-banner-image/hero-banner-image.scss */
  .hero-banner-content-container .desktop-version {
    display: none;
  }
  /* line 55, components/hero-banner-image/hero-banner-image.scss */
  .hero-banner-content-container .mobile-version {
    display: block;
  }
}

/* line 1, components/button2/button2.scss */
.button2 {
  padding-bottom: 7.5px;
  border-bottom: 1px solid #ffffff;
  margin: 0px 73px;
  height: 37px;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}

/* line 11, components/button2/button2.scss */
.button2 .label {
  font-family: 'AxiataMedium';
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 3px;
  margin-right: 28px;
}

@media (max-width: 767px) {
  /* line 11, components/button2/button2.scss */
  .button2 .label {
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 1px;
    margin-right: 0px;
  }
}

@media (max-width: 767px) {
  /* line 1, components/button2/button2.scss */
  .button2 {
    margin: 0px;
    padding-bottom: 17px;
    margin-bottom: 15px;
  }
}

/* line 32, components/button2/button2.scss */
.button2 .chevron-position {
  position: absolute;
  right: 0;
}

/* line 1, components/dual-container/dual-container.scss */
.dual-container {
  height: fit-content !important;
}

/* line 3, components/dual-container/dual-container.scss */
.dual-container .center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}

/* line 10, components/dual-container/dual-container.scss */
.dual-container .center .icon-container {
  height: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 198px;
}

@media (max-width: 767px) {
  /* line 10, components/dual-container/dual-container.scss */
  .dual-container .center .icon-container {
    margin-top: 88px;
  }
}

/* line 22, components/dual-container/dual-container.scss */
.dual-container .center .icon-container .icon-badge {
  background-size: cover;
  background-position: center center;
  width: 200px;
  height: 200px;
  margin-bottom: 160px;
}

@media (max-width: 767px) {
  /* line 22, components/dual-container/dual-container.scss */
  .dual-container .center .icon-container .icon-badge {
    width: 128px;
    height: 128px;
    margin-bottom: 86px;
  }
}

/* line 35, components/dual-container/dual-container.scss */
.dual-container .center .icon-container .icon-badge .logo {
  height: 200px;
  width: 200px;
  background-size: cover;
  background-position: center center;
  display: flex;
  flex: 2;
}

@media (max-width: 767px) {
  /* line 35, components/dual-container/dual-container.scss */
  .dual-container .center .icon-container .icon-badge .logo {
    width: 128px;
    height: 128px;
  }
}

/* line 51, components/dual-container/dual-container.scss */
.dual-container .center .content-container {
  height: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 188px;
  padding: 0 85px;
}

@media (max-width: 767px) {
  /* line 51, components/dual-container/dual-container.scss */
  .dual-container .center .content-container {
    margin-bottom: 32px;
    padding: 0 41px;
  }
}

/* line 65, components/dual-container/dual-container.scss */
.dual-container .center .content-container .description {
  font-family: 'AxiataBook';
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 1px;
  text-align: center;
}

@media (max-width: 767px) {
  /* line 65, components/dual-container/dual-container.scss */
  .dual-container .center .content-container .description {
    text-align: left;
  }
}

/* line 78, components/dual-container/dual-container.scss */
.dual-container .center .content-container .prod-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: center;
  margin-top: 64px;
}

@media (max-width: 767px) {
  /* line 78, components/dual-container/dual-container.scss */
  .dual-container .center .content-container .prod-container {
    margin-top: 24px;
  }
}

/* line 89, components/dual-container/dual-container.scss */
.dual-container .center .content-container .prod-container .product-badge {
  width: 174px;
  height: 174px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 15.5px;
  background-color: #ffffff;
  border-radius: 24px;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.24);
}

@media (max-width: 767px) {
  /* line 89, components/dual-container/dual-container.scss */
  .dual-container .center .content-container .prod-container .product-badge {
    width: 96px;
    height: 96px;
    margin: 0 7.5px;
  }
}

/* line 106, components/dual-container/dual-container.scss */
.dual-container .center .content-container .prod-container .product-badge .logo {
  height: 120px;
  width: 174px;
  background-size: cover;
  background-position: center center;
  display: flex;
  flex: 2;
}

@media (max-width: 767px) {
  /* line 106, components/dual-container/dual-container.scss */
  .dual-container .center .content-container .prod-container .product-badge .logo {
    width: 96px;
    height: 64px;
  }
}

/* line 118, components/dual-container/dual-container.scss */
.dual-container .center .content-container .prod-container .product-badge .label {
  color: #164396;
  font-family: 'AxiataBold';
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  width: 100%;
}

@media (max-width: 767px) {
  /* line 118, components/dual-container/dual-container.scss */
  .dual-container .center .content-container .prod-container .product-badge .label {
    font-family: 'AxiataBook';
    font-size: 10px;
    line-height: 24px;
    letter-spacing: 1px;
  }
}

/* line 139, components/dual-container/dual-container.scss */
.dual-container .center .content-container .prod-container .product-badge:first-child {
  margin-left: 0px;
}

/* line 143, components/dual-container/dual-container.scss */
.dual-container .center .content-container .prod-container .product-badge:last-child {
  margin-right: 0px;
}

/* line 149, components/dual-container/dual-container.scss */
.dual-container .center .content-container .button {
  border: 1px solid #EE3E80;
  padding: 21.5px 0px;
  color: #ffffff;
  font-family: 'AxiataBold';
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 1.33px;
  margin-top: 96px;
  width: 292px;
  height: 60px;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  /* line 149, components/dual-container/dual-container.scss */
  .dual-container .center .content-container .button {
    margin-top: 24px;
    width: 100%;
  }
}

/* line 1, components/picture-message/picture-message.scss */
.picture-message-container {
  display: flex;
  margin-bottom: 32px;
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
}

@media (max-width: 767px) {
  /* line 1, components/picture-message/picture-message.scss */
  .picture-message-container {
    padding: 0px 20px;
  }
}

/* line 13, components/picture-message/picture-message.scss */
.picture-message-container .reverse {
  flex-direction: row-reverse;
}

/* line 17, components/picture-message/picture-message.scss */
.picture-message-container .reverse .message-container {
  align-items: flex-end;
  padding-left: 0px;
}

/* line 21, components/picture-message/picture-message.scss */
.picture-message-container .reverse .message-container .description {
  text-align: right;
}

@media (max-width: 767px) {
  /* line 17, components/picture-message/picture-message.scss */
  .picture-message-container .reverse .message-container {
    align-items: flex-start;
  }
  /* line 28, components/picture-message/picture-message.scss */
  .picture-message-container .reverse .message-container .description {
    text-align: left;
  }
}

/* line 36, components/picture-message/picture-message.scss */
.picture-message-container .image-row-thumbnail {
  width: auto;
  height: 288px;
  background-size: cover;
  background-position: center center;
}

@media (max-width: 767px) {
  /* line 36, components/picture-message/picture-message.scss */
  .picture-message-container .image-row-thumbnail {
    margin-bottom: 16px;
  }
}

/* line 46, components/picture-message/picture-message.scss */
.picture-message-container .message-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 32px;
}

@media (max-width: 767px) {
  /* line 46, components/picture-message/picture-message.scss */
  .picture-message-container .message-container {
    padding: 0px 0px !important;
  }
}

/* line 56, components/picture-message/picture-message.scss */
.picture-message-container .message-container .title {
  color: #EE3E80;
  font-family: 'AxiataBold';
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 3px;
  text-transform: uppercase;
}

/* line 65, components/picture-message/picture-message.scss */
.picture-message-container .message-container .description {
  color: #ffffff;
  font-family: 'AxiataBook';
  font-size: 24px;
  line-height: 34px;
  letter-spacing: 1.5px;
}

@media (max-width: 767px) {
  /* line 65, components/picture-message/picture-message.scss */
  .picture-message-container .message-container .description {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1px;
  }
}

/* line 1, components/image-msglist/img-msglist.scss */
.image-msglist-container {
  margin-bottom: 64px;
}

@media (max-width: 767px) {
  /* line 1, components/image-msglist/img-msglist.scss */
  .image-msglist-container {
    margin-bottom: 32px;
  }
}

/* line 8, components/image-msglist/img-msglist.scss */
.image-msglist-container .title-main {
  color: #EE3E80;
  font-family: 'AxiataBold';
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 3px;
  margin-bottom: 29px;
}

@media (max-width: 767px) {
  /* line 8, components/image-msglist/img-msglist.scss */
  .image-msglist-container .title-main {
    margin-left: 20px;
    margin-bottom: 16px;
  }
}

/* line 22, components/image-msglist/img-msglist.scss */
.image-msglist-container .image-thumbnail {
  width: auto;
  height: 455px;
  width: 50%;
  background-position: center center;
  background-size: cover;
  position: relative;
  padding: 0px 24px;
}

@media (max-width: 767px) {
  /* line 22, components/image-msglist/img-msglist.scss */
  .image-msglist-container .image-thumbnail {
    width: 100%;
    padding: 0px 16px;
    margin: 0px 20px;
    height: 261px;
    margin-bottom: 16px;
  }
}

/* line 39, components/image-msglist/img-msglist.scss */
.image-msglist-container .image-thumbnail .image-message {
  font-family: 'AxiataBook';
  color: #ffffff;
  line-height: 20px;
  letter-spacing: 1px;
  position: absolute;
  margin-bottom: 67px;
  bottom: 0;
  text-align: left;
}

@media (max-width: 767px) {
  /* line 39, components/image-msglist/img-msglist.scss */
  .image-msglist-container .image-thumbnail .image-message {
    margin-bottom: 16px;
  }
}

/* line 55, components/image-msglist/img-msglist.scss */
.image-msglist-container .thread {
  margin-top: 15.5px;
  padding-bottom: 15.5px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

@media (max-width: 767px) {
  /* line 55, components/image-msglist/img-msglist.scss */
  .image-msglist-container .thread {
    margin: 0px 20px;
    margin-bottom: 8px;
  }
}

/* line 65, components/image-msglist/img-msglist.scss */
.image-msglist-container .thread .title {
  font-family: 'AxiataBold';
  font-size: 16px;
  color: #ffffff;
  line-height: 24px;
  letter-spacing: 1px;
  margin-bottom: 8px;
}

/* line 74, components/image-msglist/img-msglist.scss */
.image-msglist-container .thread .message {
  font-family: 'AxiataBook';
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 1px;
  color: #ffffff;
}

/* line 83, components/image-msglist/img-msglist.scss */
.image-msglist-container .thread:first-child {
  margin-top: 0px;
}

/* line 1, components/image-card-with-text/image-card-with-text.scss */
.image-card-with-text-container {
  display: flex;
  flex-direction: row;
  overflow-x: auto;
  overflow-y: hidden;
}

/* line 7, components/image-card-with-text/image-card-with-text.scss */
.image-card-with-text-container.card-wrap {
  overflow-x: unset;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  /* line 7, components/image-card-with-text/image-card-with-text.scss */
  .image-card-with-text-container.card-wrap {
    flex-direction: column;
    margin: 0px;
  }
}

@media (max-width: 767px) {
  /* line 1, components/image-card-with-text/image-card-with-text.scss */
  .image-card-with-text-container {
    margin: 0px 20px;
  }
}

/* line 21, components/image-card-with-text/image-card-with-text.scss */
.image-card-with-text-container .image-card-with-text {
  min-width: 379px;
  min-height: 288px;
  background-position: center  center;
  background-size: cover;
  margin: 0px 15.5px;
  position: relative;
  overflow: hidden;
}

/* line 30, components/image-card-with-text/image-card-with-text.scss */
.image-card-with-text-container .image-card-with-text .image-card {
  min-width: 379px;
  min-height: 288px;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  background-position: center  center;
  background-size: cover;
  position: relative;
}

@media (max-width: 767px) {
  /* line 30, components/image-card-with-text/image-card-with-text.scss */
  .image-card-with-text-container .image-card-with-text .image-card {
    min-width: 264px;
    min-height: 200px;
  }
}

/* line 44, components/image-card-with-text/image-card-with-text.scss */
.image-card-with-text-container .image-card-with-text.blue-card__small {
  min-width: 100px;
  width: 30%;
  min-height: 200px;
  height: 288px;
  margin: 0px;
  margin-top: 32px;
  position: relative;
}

/* line 52, components/image-card-with-text/image-card-with-text.scss */
.image-card-with-text-container .image-card-with-text.blue-card__small:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(63, 94, 251, 0.499037) 30%, rgba(252, 70, 107, 0.392595) 100%);
  z-index: 3;
}

@media (min-width: 945px) {
  /* line 65, components/image-card-with-text/image-card-with-text.scss */
  .image-card-with-text-container .image-card-with-text.blue-card__small:not(:nth-child(3n)) {
    margin-right: 32px;
  }
}

@media (min-width: 767px) and (max-width: 944px) {
  /* line 44, components/image-card-with-text/image-card-with-text.scss */
  .image-card-with-text-container .image-card-with-text.blue-card__small {
    margin-right: 32px;
  }
}

@media (max-width: 767px) {
  /* line 44, components/image-card-with-text/image-card-with-text.scss */
  .image-card-with-text-container .image-card-with-text.blue-card__small {
    width: 100%;
    height: 242px;
    margin-top: 16px;
  }
}

@media (max-width: 767px) {
  /* line 21, components/image-card-with-text/image-card-with-text.scss */
  .image-card-with-text-container .image-card-with-text {
    min-width: 264px;
    min-height: 200px;
  }
}

/* line 87, components/image-card-with-text/image-card-with-text.scss */
.image-card-with-text-container .image-card-with-text .background-text {
  width: 100%;
  height: 72px;
  position: absolute;
  bottom: 0;
  background-color: rgba(0, 0, 7, 0.4);
  padding: 24px;
  color: #ffffff;
  font-family: 'AxiataBold';
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 1px;
  backdrop-filter: blur(10px);
  z-index: 5;
}

/* line 102, components/image-card-with-text/image-card-with-text.scss */
.image-card-with-text-container .image-card-with-text .background-text.center-text {
  padding: 0px 24px;
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  /* line 87, components/image-card-with-text/image-card-with-text.scss */
  .image-card-with-text-container .image-card-with-text .background-text {
    height: 50px;
    font-size: 14px;
    line-height: 24px;
    padding: 13px 16px;
  }
}

/* line 115, components/image-card-with-text/image-card-with-text.scss */
.image-card-with-text-container .image-card-with-text:hover .image-card {
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
}

/* line 122, components/image-card-with-text/image-card-with-text.scss */
.image-card-with-text-container .image-card-with-text:first-child {
  margin-left: 0px;
}

/* line 125, components/image-card-with-text/image-card-with-text.scss */
.image-card-with-text-container .image-card-with-text:last-child {
  margin-right: 0px;
}

/* line 1, components/full-cta-button/full-cta-button.scss */
.full-cta-button-container {
  padding: 14.5px 24.5px;
  margin-top: 64px;
}

@media (max-width: 767px) {
  /* line 1, components/full-cta-button/full-cta-button.scss */
  .full-cta-button-container {
    border: none;
    text-align: center;
    padding: 14.5px 40px;
  }
}

/* line 11, components/full-cta-button/full-cta-button.scss */
.full-cta-button-container .label-cta {
  display: flex;
  align-items: center;
}

/* line 16, components/full-cta-button/full-cta-button.scss */
.full-cta-button-container .cta-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  border: 1px solid #EE3E80;
  padding: 21.5px 34.5px;
}

@media (max-width: 767px) {
  /* line 16, components/full-cta-button/full-cta-button.scss */
  .full-cta-button-container .cta-container {
    padding: 8.5px 82.5px;
    line-height: 44px;
    height: 61px;
    margin-top: 16px;
  }
}

/* line 1, components/cardlist/cardlist.scss */
.cardlist-container {
  display: flex;
  flex-wrap: wrap;
}

/* line 5, components/cardlist/cardlist.scss */
.cardlist-container.no-wrap {
  flex-wrap: nowrap;
}

/* line 9, components/cardlist/cardlist.scss */
.cardlist-container.row-style {
  flex-direction: row;
  justify-content: space-between;
}

/* line 14, components/cardlist/cardlist.scss */
.cardlist-container.column-style {
  flex-direction: column;
}

/* line 16, components/cardlist/cardlist.scss */
.cardlist-container.column-style .cardlist-content {
  margin-bottom: 24px;
}

/* line 21, components/cardlist/cardlist.scss */
.cardlist-container .cardlist-content {
  display: flex;
  flex-direction: row;
  margin-bottom: 32px;
}

/* line 25, components/cardlist/cardlist.scss */
.cardlist-container .cardlist-content .card-image {
  margin-right: 16px;
}

/* line 27, components/cardlist/cardlist.scss */
.cardlist-container .cardlist-content .card-image img {
  width: 107px;
  height: 107px;
  object-fit: cover;
}

/* line 33, components/cardlist/cardlist.scss */
.cardlist-container .cardlist-content .card-info {
  display: flex;
  flex-direction: column;
  align-content: flex-end;
}

/* line 37, components/cardlist/cardlist.scss */
.cardlist-container .cardlist-content .card-info .card-date {
  font-size: 12px;
  opacity: 40%;
  margin-bottom: 8px;
}

/* line 42, components/cardlist/cardlist.scss */
.cardlist-container .cardlist-content .card-info .card-title {
  font-size: 14px;
}

/* line 45, components/cardlist/cardlist.scss */
.cardlist-container .cardlist-content .card-info .card-additional-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-grow: 1;
}

/* line 50, components/cardlist/cardlist.scss */
.cardlist-container .cardlist-content .card-info .card-additional-info img {
  width: 32px;
  height: 32px;
  margin: 0px;
  margin-right: 12px;
}

/* line 56, components/cardlist/cardlist.scss */
.cardlist-container .cardlist-content .card-info .card-additional-info p {
  color: #F43883;
  font-size: 12px;
}

/* line 64, components/cardlist/cardlist.scss */
.cardlist-container .item--2 {
  flex: 0 0 50%;
}

/* line 67, components/cardlist/cardlist.scss */
.cardlist-container .item--3 {
  flex: 0 0 33.33%;
}

/* line 70, components/cardlist/cardlist.scss */
.cardlist-container .item--4 {
  flex: 0 0 25%;
}

@media (max-width: 767px) {
  /* line 76, components/cardlist/cardlist.scss */
  .cardlist-container .item__mobile--full {
    flex: 1;
  }
}

/* line 1, components/side-img-text/side-img-text.scss */
.imgtext-container {
  display: flex;
  flex-wrap: wrap;
}

/* line 5, components/side-img-text/side-img-text.scss */
.imgtext-container.no-wrap {
  flex-wrap: nowrap;
}

/* line 9, components/side-img-text/side-img-text.scss */
.imgtext-container.row-style {
  flex-direction: row;
  justify-content: space-between;
}

/* line 14, components/side-img-text/side-img-text.scss */
.imgtext-container.column-style {
  flex-direction: column;
}

/* line 19, components/side-img-text/side-img-text.scss */
.imgtext-container .imgtext-content {
  display: flex;
  flex: 1;
  align-items: center;
  flex-direction: row;
  margin: 32px 0;
}

/* line 26, components/side-img-text/side-img-text.scss */
.imgtext-container .imgtext-content .imgtext-image {
  flex: 0 0 50%;
  height: 288px;
}

/* line 29, components/side-img-text/side-img-text.scss */
.imgtext-container .imgtext-content .imgtext-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* line 35, components/side-img-text/side-img-text.scss */
.imgtext-container .imgtext-content .imgtext-text {
  flex: 0 0 50%;
  padding: 32px;
}

/* line 38, components/side-img-text/side-img-text.scss */
.imgtext-container .imgtext-content .imgtext-text h3 {
  margin-bottom: 32px;
  color: #EE3E80;
}

/* line 43, components/side-img-text/side-img-text.scss */
.imgtext-container .imgtext-content.reverse {
  flex-direction: row-reverse;
}

/* line 46, components/side-img-text/side-img-text.scss */
.imgtext-container .imgtext-content.reverse .imgtext-text {
  text-align: right;
  text-align: -webkit-right;
}

@media screen and (max-width: 768px) and (min-width: 320px) {
  /* line 55, components/side-img-text/side-img-text.scss */
  .imgtext-container .imgtext-content {
    flex-direction: column;
  }
  /* line 57, components/side-img-text/side-img-text.scss */
  .imgtext-container .imgtext-content .imgtext-image {
    flex: 1;
    height: 320px;
  }
  /* line 61, components/side-img-text/side-img-text.scss */
  .imgtext-container .imgtext-content .imgtext-text {
    padding: 16px 0;
    flex: 1;
    width: 100%;
  }
  /* line 65, components/side-img-text/side-img-text.scss */
  .imgtext-container .imgtext-content .imgtext-text h3 {
    margin-bottom: 16px;
  }
  /* line 69, components/side-img-text/side-img-text.scss */
  .imgtext-container .imgtext-content.reverse {
    flex-direction: column;
  }
  /* line 72, components/side-img-text/side-img-text.scss */
  .imgtext-container .imgtext-content.reverse .imgtext-text {
    text-align: left;
    text-align: -webkit-left;
  }
}

/* line 77, components/document-list/document-list.scss */
.document-list-container .document-item {
  display: flex;
  flex-direction: row;
}

@media (min-width: 768px) {
  /* line 81, components/document-list/document-list.scss */
  .document-list-container .document-item:not(:last-child) {
    margin-bottom: 16px;
  }
}

@media (max-width: 767px) {
  /* line 81, components/document-list/document-list.scss */
  .document-list-container .document-item:not(:last-child) {
    margin-bottom: 24px;
  }
}

/* line 85, components/document-list/document-list.scss */
.document-list-container .document-item .document-thumbnail {
  margin-right: 16px;
}

@media (min-width: 768px) {
  /* line 85, components/document-list/document-list.scss */
  .document-list-container .document-item .document-thumbnail {
    height: 104px;
    width: 104px;
  }
}

@media (max-width: 767px) {
  /* line 85, components/document-list/document-list.scss */
  .document-list-container .document-item .document-thumbnail {
    height: 97px;
    width: 97px;
  }
}

@media (min-width: 768px) {
  /* line 89, components/document-list/document-list.scss */
  .document-list-container .document-item .document-thumbnail .thumbnail {
    height: 104px;
    width: 104px;
  }
}

@media (max-width: 767px) {
  /* line 89, components/document-list/document-list.scss */
  .document-list-container .document-item .document-thumbnail .thumbnail {
    height: 97px;
    width: 97px;
  }
}

/* line 94, components/document-list/document-list.scss */
.document-list-container .document-item .document-info {
  display: flex;
  flex-direction: column;
  align-content: flex-end;
  width: 100%;
}

/* line 100, components/document-list/document-list.scss */
.document-list-container .document-item .document-info .document-date {
  margin-bottom: 8px;
  color: #000000;
  opacity: 40%;
}

@media (min-width: 768px) {
  /* line 100, components/document-list/document-list.scss */
  .document-list-container .document-item .document-info .document-date {
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 14px;
  }
}

@media (max-width: 767px) {
  /* line 100, components/document-list/document-list.scss */
  .document-list-container .document-item .document-info .document-date {
    font-size: 10px;
    letter-spacing: 0.83px;
    line-height: 12px;
  }
}

/* line 108, components/document-list/document-list.scss */
.document-list-container .document-item .document-info .document-title {
  margin-bottom: 8px;
  color: #333339;
}

@media (min-width: 768px) {
  /* line 108, components/document-list/document-list.scss */
  .document-list-container .document-item .document-info .document-title {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 22px;
  }
}

@media (max-width: 767px) {
  /* line 108, components/document-list/document-list.scss */
  .document-list-container .document-item .document-info .document-title {
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 15px;
  }
}

/* line 115, components/document-list/document-list.scss */
.document-list-container .document-item .document-info .download {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-grow: 1;
}

/* line 121, components/document-list/document-list.scss */
.document-list-container .document-item .document-info .download img {
  margin: 0px;
  margin-right: 8px;
}

@media (min-width: 768px) {
  /* line 121, components/document-list/document-list.scss */
  .document-list-container .document-item .document-info .download img {
    height: 32px;
    width: 32px;
  }
}

@media (max-width: 767px) {
  /* line 121, components/document-list/document-list.scss */
  .document-list-container .document-item .document-info .download img {
    height: 24px;
    width: 24px;
  }
}

/* line 127, components/document-list/document-list.scss */
.document-list-container .document-item .document-info .download p {
  color: #F43883;
}

@media (min-width: 768px) {
  /* line 127, components/document-list/document-list.scss */
  .document-list-container .document-item .document-info .download p {
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 14px;
  }
}

@media (max-width: 767px) {
  /* line 127, components/document-list/document-list.scss */
  .document-list-container .document-item .document-info .download p {
    font-size: 10px;
    letter-spacing: 0.83px;
    line-height: 12px;
  }
}

/* line 134, components/document-list/document-list.scss */
.document-list-container .document-item .document-info .icon-play,
.document-list-container .document-item .document-info .icon-pause {
  background-size: cover;
  display: inline-block;
  width: 16px;
  height: 16px;
}

/* line 143, components/document-list/document-list.scss */
.document-list-container .document-item .document-info .icon-play {
  background-image: url(https://staticxl.ext.xlaxiata.co.id/s3fs-public/media/images/play.svg);
}

/* line 146, components/document-list/document-list.scss */
.document-list-container .document-item .document-info .icon-pause {
  background-image: url(https://staticxl.ext.xlaxiata.co.id/s3fs-public/media/images/pause.svg);
}

/* line 150, components/document-list/document-list.scss */
.document-list-container .document-item .document-info .audio-control {
  display: flex;
  align-items: center;
  width: auto;
  margin: 0;
  color: #D8D8D8;
  flex: 1;
}

/* line 159, components/document-list/document-list.scss */
.document-list-container .document-item .document-info .audio-control a {
  color: #EE3E80;
  display: inline-block;
  vertical-align: middle;
}

/* line 165, components/document-list/document-list.scss */
.document-list-container .document-item .document-info .audio-control .audio-progress {
  border-radius: 5px;
  background: #D8D8D8;
  height: 5px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
  position: relative;
  z-index: 1;
}

@media (min-width: 768px) {
  /* line 165, components/document-list/document-list.scss */
  .document-list-container .document-item .document-info .audio-control .audio-progress {
    width: 288px;
  }
}

@media (max-width: 767px) {
  /* line 165, components/document-list/document-list.scss */
  .document-list-container .document-item .document-info .audio-control .audio-progress {
    width: 140px;
  }
}

/* line 177, components/document-list/document-list.scss */
.document-list-container .document-item .document-info .audio-control .audio-progress .progress-highlight {
  background: #EE3E80;
  border-radius: 5px;
  position: absolute;
  left: -3px;
  top: 0;
  z-index: 100;
  width: 0%;
  height: 5px;
}

/* line 1, components/network-coverage/network-coverage.scss */
#map {
  height: 70vh;
  width: 100%;
  overflow: hidden;
  position: relative;
  display: block;
}

/* line 9, components/network-coverage/network-coverage.scss */
.controls {
  margin-top: 10px;
  border: 1px solid transparent;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 32px;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

/* line 21, components/network-coverage/network-coverage.scss */
.legend .boxed {
  position: relative;
  overflow: hidden;
  padding: 1.85714286em;
  margin-bottom: 30px;
}

/* line 27, components/network-coverage/network-coverage.scss */
.legend .boxed.boxed--border {
  background-color: #fff;
}

/* line 35, components/network-coverage/network-coverage.scss */
span.area3g {
  width: 15px;
  height: 15px;
  display: inline-block;
  background-color: rgba(25, 190, 207, 0.7);
}

/* line 41, components/network-coverage/network-coverage.scss */
span.area4g {
  width: 15px;
  height: 15px;
  display: inline-block;
  background-color: rgba(0, 45, 187, 0.4);
}

/* line 49, components/network-coverage/network-coverage.scss */
#pac-input {
  background-color: #fff;
  font-size: 15px;
  font-weight: 300;
  margin: 10% 10%;
  padding: 16px 11px 16px 13px;
  text-overflow: ellipsis;
  width: 80%;
}

/* line 59, components/network-coverage/network-coverage.scss */
#pac-input:focus {
  border-color: #4d90fe;
}

/* line 63, components/network-coverage/network-coverage.scss */
#type-selector {
  color: #fff;
  background-color: #4d90fe;
  padding: 5px 11px 0px 11px;
}

/* line 69, components/network-coverage/network-coverage.scss */
#type-selector label {
  font-size: 13px;
  font-weight: 300;
}

/* line 74, components/network-coverage/network-coverage.scss */
.xl__accordion {
  position: relative;
  display: block;
  box-sizing: border-box;
  overflow: hidden;
}

/* line 80, components/network-coverage/network-coverage.scss */
.xl__accordion .accordion__container {
  position: relative;
}

/* line 83, components/network-coverage/network-coverage.scss */
.xl__accordion .accordion__container .accordion__header {
  display: block;
  padding: 16px;
  background-color: #fff;
  cursor: pointer;
}

/* line 89, components/network-coverage/network-coverage.scss */
.xl__accordion .accordion__container .accordion__header .title {
  font-size: 16px;
  font-weight: normal;
  color: #333339;
  margin: 0;
  padding: 0;
  text-shadow: none;
}

/* line 98, components/network-coverage/network-coverage.scss */
.xl__accordion .accordion__container .accordion__header .accordion__icon {
  position: relative;
  text-align: center;
  float: right;
  vertical-align: middle;
}

/* line 104, components/network-coverage/network-coverage.scss */
.xl__accordion .accordion__container .accordion__header .accordion__icon img {
  width: 24px;
  height: 24px;
}

/* line 111, components/network-coverage/network-coverage.scss */
.xl__accordion .accordion__container .accordion__body {
  position: relative;
  display: block;
  background-color: #fff;
  padding: 16px;
}

/* line 117, components/network-coverage/network-coverage.scss */
.xl__accordion .accordion__container .accordion__body .content {
  font-size: 16px;
  color: #333339;
  padding: 0;
  margin: 0;
}

/* line 126, components/network-coverage/network-coverage.scss */
.xl__accordion.active {
  border-bottom: 1px solid #ebebeb;
}

/* line 131, components/network-coverage/network-coverage.scss */
.xl__accordion.active .accordion__container .accordion__header {
  background-image: linear-gradient(90deg, #ee3e7e, #f15912);
}

/* line 134, components/network-coverage/network-coverage.scss */
.xl__accordion.active .accordion__container .accordion__header .title {
  color: #fff;
  text-shadow: 1px 2px 1px rgba(61, 38, 38, 0.3);
}

/* line 143, components/network-coverage/network-coverage.scss */
.container__box {
  padding: 2em;
  background-image: url(https://staticxl.ext.xlaxiata.co.id/s3fs-public/media/images/footer.jpg);
  background-repeat: no-repeat;
  background-size: 100% 188px;
  color: #fff;
}

/* line 151, components/network-coverage/network-coverage.scss */
.container__box .title-coverage {
  z-index: 7;
  margin-bottom: 32px;
}

/* line 155, components/network-coverage/network-coverage.scss */
.container__box input.box__search {
  border: 1px solid #E61664;
  height: 57px;
  width: 100%;
  padding: 0 16px;
  font-size: 14px;
  color: #333339;
  background: url(https://staticxl.ext.xlaxiata.co.id/s3fs-public/media/images/search-pink.svg) no-repeat;
  background-size: 32px 32px;
  background-position: right 8px center;
}

/* line 166, components/network-coverage/network-coverage.scss */
.container__box input.box__search:focus {
  outline: none !important;
}

/* line 170, components/network-coverage/network-coverage.scss */
.container__box .box__search-input {
  margin-bottom: 10px;
}

/* line 173, components/network-coverage/network-coverage.scss */
.container__box .box__result {
  background-color: #fff;
  color: #000;
  padding: 16px;
  text-align: left;
  text-transform: capitalize;
  position: relative;
}

/* line 182, components/network-coverage/network-coverage.scss */
.container__box .box__result:not(:last-child):after {
  content: "";
  width: calc(100% - 32px);
  border-bottom: 1px solid rgba(0, 0, 7, 0.2);
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0px 16px;
}

/* line 204, components/network-coverage/network-coverage.scss */
.container__box .box__result .covered {
  color: #164396;
}

/* line 218, components/network-coverage/network-coverage.scss */
.container__box .box__result .not-found {
  color: #EE3E80;
  text-align: left;
}

/* line 234, components/network-coverage/network-coverage.scss */
.container__box #filter-records {
  margin-left: 1px;
  border-right: 1px solid #E61664;
  border-bottom: 1px solid #E61664;
  border-left: 1px solid #E61664;
}

/* line 241, components/network-coverage/network-coverage.scss */
.box-shadow-wide {
  box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
}

/* line 244, components/network-coverage/network-coverage.scss */
.box-shadow-thin {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16);
}

/*
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
  /* line 253, components/network-coverage/network-coverage.scss */
  .container__box {
    padding: 2em 0;
  }
  /* line 256, components/network-coverage/network-coverage.scss */
  .container__box .title-coverage {
    padding: 0 10px;
  }
  /* line 260, components/network-coverage/network-coverage.scss */
  .container__box .box__result {
    padding: 16px;
  }
  /* line 263, components/network-coverage/network-coverage.scss */
  .container__box #filter-records {
    margin: 0;
  }
  /* line 268, components/network-coverage/network-coverage.scss */
  .tabs .list.inline--list.align--center {
    overflow-x: scroll;
    justify-content: left;
  }
}

/* line 1, components/accordion/accordion.scss */
.accordionWrapper {
  width: 100%;
}

/* line 4, components/accordion/accordion.scss */
.accordionWrapper .accordion-item {
  float: left;
  display: block;
  width: 100%;
}

/* line 9, components/accordion/accordion.scss */
.accordionWrapper .accordion-item .accordion-title {
  cursor: pointer;
  padding: 16px 48px 16px 16px;
  margin: 0px 0px 8px 0px;
  color: #333339;
  border: 1px solid #E61664;
  font-size: 16px;
  text-transform: uppercase;
  position: relative;
  display: flex;
  align-items: center;
}

/* line 22, components/accordion/accordion.scss */
.accordionWrapper .accordion-item .accordion-title span.icon-right {
  position: absolute;
  right: 24px;
}

/* line 31, components/accordion/accordion.scss */
.accordionWrapper .accordion-item.js-accordion-close .accordion-title .icon-chevron-up {
  transition: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
  height: 20px;
  width: 20px;
}

/* line 38, components/accordion/accordion.scss */
.accordionWrapper .accordion-item.js-accordion-close .accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: .2s ease-out all;
}

/* line 46, components/accordion/accordion.scss */
.accordionWrapper .accordion-item.js-accordion-open .accordion-title {
  margin: 0px;
}

/* line 49, components/accordion/accordion.scss */
.accordionWrapper .accordion-item.js-accordion-open .accordion-title .icon-chevron-up {
  transition: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
  height: 20px;
  width: 20px;
  transform: rotate(180deg);
}

/* line 57, components/accordion/accordion.scss */
.accordionWrapper .accordion-item.js-accordion-open .accordion-content {
  padding: 32px;
  background-color: #fff;
  border-left: 1px solid #E61664;
  border-right: 1px solid #E61664;
  border-bottom: 1px solid #E61664;
  width: 100%;
  margin: 0px 0px 8px 0px;
  max-height: 100%;
  transition: .4s ease-in all;
}

/* line 71, components/accordion/accordion.scss */
.city__container {
  display: flex;
  flex-wrap: wrap;
  padding: 0 72px;
}

/* line 75, components/accordion/accordion.scss */
.city__container .city__list {
  display: flex;
  flex-direction: column;
  flex: 0 0 25%;
  max-width: 25%;
  margin: 16px 0;
  border-bottom: 1px solid rgba(0, 0, 7, 0.2);
}

/* line 82, components/accordion/accordion.scss */
.city__container .city__list.noborder__desktop {
  border: none;
}

/* line 85, components/accordion/accordion.scss */
.city__container .city__list > h4 {
  color: #164396;
  margin-bottom: 8px;
}

/* line 89, components/accordion/accordion.scss */
.city__container .city__list > p {
  margin-bottom: 8px;
}

/* line 91, components/accordion/accordion.scss */
.city__container .city__list > p:last-child {
  margin-bottom: 16px;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  /* line 106, components/accordion/accordion.scss */
  .accordionWrapper .accordion-item.js-accordion-open .accordion-content {
    padding: 16px;
  }
  /* line 112, components/accordion/accordion.scss */
  .city__container {
    padding: 0;
  }
  /* line 114, components/accordion/accordion.scss */
  .city__container .city__list {
    flex: 0 0 50%;
    max-width: 50%;
  }
  /* line 117, components/accordion/accordion.scss */
  .city__container .city__list.border__mobile {
    border-bottom: 1px solid rgba(0, 0, 7, 0.2);
  }
  /* line 122, components/accordion/accordion.scss */
  .city__container .city__list > p:last-child {
    margin-bottom: 16px;
  }
}

/* Style the tab */
/* line 3, components/tabs/tabs.scss */
.tablink__container .tab {
  overflow: hidden;
  display: flex;
  justify-content: center;
}

/* line 8, components/tabs/tabs.scss */
.tablink__container .tab button {
  border: 1px solid #E61664;
  cursor: pointer;
  padding: 24px;
  transition: 0.3s;
  font-size: 16px;
  font-family: 'AxiataBold';
  color: #164396;
  background: #fff;
}

/* line 18, components/tabs/tabs.scss */
.tablink__container .tab button.active {
  background-color: #EE3E80;
  color: #fff;
}

/* Style the tab content */
/* line 31, components/tabs/tabs.scss */
.tabcontent__container {
  margin-top: 32px;
}

/* line 33, components/tabs/tabs.scss */
.tabcontent__container .tabcontent {
  display: none;
  padding: 16px;
  border-top: none;
  animation: fadeEffect 1s;
  /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* homepage */
/* line 144, assets/css/xl.scss */
html {
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

/* line 149, assets/css/xl.scss */
body,
a {
  font-family: "AxiataBook";
}

/* line 154, assets/css/xl.scss */
.nopad {
  padding: 0;
}

/* line 158, assets/css/xl.scss */
.container {
  max-width: 1200px !important;
}

/* line 163, assets/css/xl.scss */
.row.direction__column {
  flex-direction: column;
}

/* #top-nav-bar a {
  color: white;
}

#top-nav-bar nav {
  color: white;
}

.nav-bawah {
  border-top: solid thin #fff;
  border-bottom: solid thin #fff;
} */
/* line 180, assets/css/xl.scss */
#herobanner {
  overflow: scroll;
  height: 100vh;
  -ms-scroll-snap-type: mandatory;
  scroll-snap-type: mandatory;
  -ms-scroll-snap-points-y: repeat(100vh);
  scroll-snap-points-y: repeat(100vh);
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory;
}

/* line 191, assets/css/xl.scss */
.section {
  max-width: 1920px;
}

/* line 195, assets/css/xl.scss */
section.full {
  height: 100vh;
  color: white;
  scroll-snap-align: start;
  position: relative;
}

/* line 202, assets/css/xl.scss */
section.special {
  height: 100vh;
  color: white;
  scroll-snap-align: start;
  position: relative;
}

@media (max-width: 767px) {
  /* line 202, assets/css/xl.scss */
  section.special {
    height: auto;
    padding-top: 64px;
    padding-bottom: 64px;
  }
}

/* line 214, assets/css/xl.scss */
section.fullnosnap {
  height: 100vh;
  color: white;
  position: relative;
}

/* line 221, assets/css/xl.scss */
.bg-transparent {
  background-color: transparent;
}

/* line 225, assets/css/xl.scss */
.background-image-full {
  position: absolute;
  width: 100%;
  height: 100vh;
  object-fit: cover;
}

/* line 232, assets/css/xl.scss */
.section-background {
  background-position: center center;
  background-size: cover;
}

/* line 237, assets/css/xl.scss */
.background-black {
  background-color: rgba(0, 0, 7, 0.7);
  height: 100vh;
}

/* line 243, assets/css/xl.scss */
.background-white {
  background: #ffffff;
  width: 100vw;
}

/* line 247, assets/css/xl.scss */
.background-white .title {
  margin-top: 32px;
  color: #164396;
  text-align: center;
}

/* line 253, assets/css/xl.scss */
.background-white .title-left {
  margin-top: 32px;
  color: #164396;
  text-align: left;
}

/* line 258, assets/css/xl.scss */
.background-white .stitle {
  font-size: 24px;
  color: #164396;
  text-align: center;
  margin-top: 32px;
  margin-bottom: 32px;
}

/* line 266, assets/css/xl.scss */
.background-white img {
  width: 100%;
}

/* line 271, assets/css/xl.scss */
.text-left {
  text-align: left;
}

/* line 275, assets/css/xl.scss */
.text-right {
  text-align: right;
}

/* line 279, assets/css/xl.scss */
.text-center {
  text-align: center;
}

/*# sourceMappingURL=style.css.map */
/* line 284, assets/css/xl.scss */
.title-container {
  text-align: center;
  padding: 0;
}

/* line 288, assets/css/xl.scss */
.title-container .msg-title {
  color: #ffffff;
  font-family: "AxiataBold";
  font-size: 36px;
  line-height: 44px;
  letter-spacing: 3px;
  margin-bottom: 16px;
}

/* line 297, assets/css/xl.scss */
.title-container .msg-subtitle {
  font-size: 24px;
  font-family: "AxiataMedium";
  color: #ffffff;
  font-size: 24px;
  font-weight: 300;
  line-height: 32px;
}

/* line 306, assets/css/xl.scss */
.title-container .msg-moretext {
  color: #ffffff;
  font-family: "AxiataBook";
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.19px;
  line-height: 28px;
}

/* line 316, assets/css/xl.scss */
.spacingbutton {
  margin-top: 32px;
}

/* line 320, assets/css/xl.scss */
.padtop150 {
  padding-top: 150px;
}

/* line 324, assets/css/xl.scss */
.padding64 {
  padding: 64px 0px;
}

@media (max-width: 767px) {
  /* line 324, assets/css/xl.scss */
  .padding64 {
    padding: 32px 0px;
  }
}

@media (max-width: 767px) {
  /* line 333, assets/css/xl.scss */
  .no-padding-mobile {
    padding: 0px;
  }
}

/* line 338, assets/css/xl.scss */
.triangle-magenta-small {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6.5px 0 6.5px 11.3px;
  border-color: transparent transparent transparent #ee3e80;
}

/* line 346, assets/css/xl.scss */
.triangle-white-very-small {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2px 0 2px 3.5px;
  border-color: transparent transparent transparent #ffffff;
}

/* line 354, assets/css/xl.scss */
.triangle-magenta-very-small {
  width: 9px;
  height: 9px;
  background-image: url("https://staticxl.ext.xlaxiata.co.id/s3fs-public/media/images/chevron-right.svg");
  background-size: cover;
  background-position: center center;
}

/*# sourceMappingURL=style.css.map */
/* line 363, assets/css/xl.scss */
.nav-breadcumb {
  list-style: none;
  display: flex;
  flex-direction: row;
  margin-bottom: 8px;
}

/* line 369, assets/css/xl.scss */
.nav-breadcumb li a {
  text-decoration: none;
}

/* line 372, assets/css/xl.scss */
.nav-breadcumb li:first-child:before {
  content: "";
}

/* line 375, assets/css/xl.scss */
.nav-breadcumb li:before {
  content: " / ";
  white-space: pre;
}

/* line 382, assets/css/xl.scss */
.mediakit {
  margin-bottom: 32px;
  display: flex;
}

/* line 386, assets/css/xl.scss */
.mediakit:nth-child(2n-2) {
  padding-right: 32px;
}

/* line 390, assets/css/xl.scss */
.mediakit .iconspace {
  margin-right: 16px;
}

/* line 393, assets/css/xl.scss */
.mediakit .iconspace .previewfileicon {
  height: 104px;
}

/* line 398, assets/css/xl.scss */
.mediakit .descspace {
  font-family: "AxiataBook";
}

/* line 401, assets/css/xl.scss */
.mediakit .descspace .filetype {
  opacity: 0.4;
  color: #000000;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 14px;
  margin-bottom: 8px;
}

/* line 411, assets/css/xl.scss */
.mediakit .descspace .filename {
  color: #333339;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 22px;
  margin-bottom: 24px;
}

/* line 420, assets/css/xl.scss */
.mediakit .descspace a.download {
  display: flex;
  align-items: center;
  font-family: "AxiataBold" !important;
}

/* line 425, assets/css/xl.scss */
.mediakit .descspace a.download img {
  width: 32px;
  height: 32px;
  margin-right: 12px;
}

/* line 430, assets/css/xl.scss */
.mediakit .descspace a.download span {
  color: #f43883;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 14px;
}

/* line 441, assets/css/xl.scss */
.compact {
  padding-bottom: 32px;
}

/* line 445, assets/css/xl.scss */
.main-content-margin {
  margin-top: 64px;
  margin-bottom: 64px;
}

@media (max-width: 767px) {
  /* line 445, assets/css/xl.scss */
  .main-content-margin {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}

@media (max-width: 1024px) {
  /* line 457, assets/css/xl.scss */
  .container {
    max-width: 100% !important;
  }
}

/* line 462, assets/css/xl.scss */
table {
  width: 100%;
}

/* line 465, assets/css/xl.scss */
table thead {
  border-bottom: 1px solid #979797;
}

/* line 469, assets/css/xl.scss */
table th,
table .special-heading {
  white-space: nowrap;
  vertical-align: middle;
  text-align: left;
  height: 64px;
  color: #164396;
  font-family: "AxiataBold";
  font-size: 16px;
  line-height: 20px;
  padding-right: 24px;
  min-width: 120px;
}

/* line 482, assets/css/xl.scss */
table th.fit,
table .special-heading.fit {
  max-width: 160px;
  white-space: pre-wrap;
}

/* line 488, assets/css/xl.scss */
table tr {
  border-bottom: 1px solid #979797;
}

/* line 492, assets/css/xl.scss */
table td {
  color: #333339;
  font-family: "AxiataBook";
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  vertical-align: middle;
  padding-right: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
}

/* line 505, assets/css/xl.scss */
.overflow-table {
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll;
  overflow-x: visible;
  max-height: 525px;
}

@media (max-width: 767px) {
  /* line 505, assets/css/xl.scss */
  .overflow-table {
    max-height: none;
    overflow-y: visible;
    max-width: 100vh;
    overflow-x: scroll;
  }
}

/* line 518, assets/css/xl.scss */
.overflow-table::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}

/* line 523, assets/css/xl.scss */
.overflow-table::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #ee3e80;
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

/* line 2, assets/css/resources/mixin-landing-scroll-down.scss */
.landing-scroll-down {
  cursor: pointer;
  position: relative;
}

/* line 6, assets/css/resources/mixin-landing-scroll-down.scss */
.landing-scroll-down span {
  display: inline-block;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 3px;
  line-height: 12px;
  position: relative;
  padding-bottom: 3px;
}

/* line 16, assets/css/resources/mixin-landing-scroll-down.scss */
.landing-scroll-down span:after {
  content: '';
  height: 19px;
  width: 25px;
  background: url(https://staticxl.ext.xlaxiata.co.id/s3fs-public/media/images/triangle-bottom.svg) 0 0 no-repeat;
  background-size: contain;
  position: absolute;
  left: 50%;
  right: auto;
  bottom: -25px;
  margin-left: -12.5px;
  -webkit-animation: infi-bouncing 0.5s infinite alternate;
  animation: infi-bouncing 0.5s infinite alternate;
}

/* line 532, assets/css/xl.scss */
.landing-scroll-down {
  position: absolute;
  left: 50%;
  width: 110px;
  margin-left: -55px;
  bottom: 50px;
  right: auto;
}

/* line 541, assets/css/xl.scss */
.card-news-event {
  display: flex;
  flex-direction: column;
  margin-right: 12px;
  margin-left: 12px;
  margin-bottom: 32px;
}

/* line 548, assets/css/xl.scss */
.card-news-event .imghead {
  margin-bottom: 16px;
}

/* line 551, assets/css/xl.scss */
.card-news-event .imghead img {
  width: 384px;
}

@media (max-width: 767px) {
  /* line 551, assets/css/xl.scss */
  .card-news-event .imghead img {
    width: 100%;
  }
}

/* line 559, assets/css/xl.scss */
.card-news-event .titlecard {
  text-align: left;
  margin-bottom: 16px;
  font-size: 14px;
  color: #164396;
}

/* line 566, assets/css/xl.scss */
.card-news-event .date {
  font-size: 14px;
}

/* line 570, assets/css/xl.scss */
.card-news-event:nth-child(3n + 1) {
  margin-left: 0;
}

/* line 573, assets/css/xl.scss */
.card-news-event:nth-child(3n) {
  margin-right: 0;
}

@media (max-width: 767px) {
  /* line 541, assets/css/xl.scss */
  .card-news-event {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
}

/* line 583, assets/css/xl.scss */
.awards-margin-btm-30 {
  margin-bottom: 30px;
}

/* line 587, assets/css/xl.scss */
.competition-card-event {
  width: 384px;
  height: 472px;
  margin-right: 12px;
  margin-left: 12px;
  margin-bottom: 32px;
  display: flex;
  flex-direction: column;
  background-size: cover;
  justify-content: flex-end;
}

/* line 598, assets/css/xl.scss */
.competition-card-event .overlay-caption {
  height: 188px;
  background-color: rgba(0, 0, 7, 0.4);
  color: #ffffff;
  padding: 24px;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  backdrop-filter: blur(10px);
}

/* line 609, assets/css/xl.scss */
.competition-card-event .overlay-caption .cardtitle {
  font-size: 16px;
  margin-bottom: 8px;
  font-weight: bold;
}

/* line 615, assets/css/xl.scss */
.competition-card-event .overlay-caption .cardbody {
  margin-bottom: 8px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 22px;
}

/* line 622, assets/css/xl.scss */
.competition-card-event .overlay-caption .cardlink {
  margin-bottom: 0;
  color: #ee3e80;
}

/* line 627, assets/css/xl.scss */
.competition-card-event:nth-child(3n + 1) {
  margin-left: 0;
}

/* line 631, assets/css/xl.scss */
.competition-card-event:nth-child(3n) {
  margin-right: 0;
}

@media (max-width: 767px) {
  /* line 587, assets/css/xl.scss */
  .competition-card-event {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
}

/* line 641, assets/css/xl.scss */
.centered-text {
  display: flex;
  flex-direction: column;
  vertical-align: middle;
  justify-content: center;
}

/* line 647, assets/css/xl.scss */
.centered-text .imgtext-title {
  color: #164396;
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 16px;
}

/* line 654, assets/css/xl.scss */
.centered-text .imgtext-caption {
  color: #333333;
  font-size: 16px;
  font-weight: 300;
  line-height: 27px;
}

@media (max-width: 767px) {
  /* line 641, assets/css/xl.scss */
  .centered-text {
    margin-right: 5px;
    margin-left: 5px;
  }
}

/* line 666, assets/css/xl.scss */
.gallery-card-list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 1200px;
  overflow: scroll;
  scroll-behavior: smooth;
}

/* line 674, assets/css/xl.scss */
.gallery-card-list img {
  width: 384px;
  margin-right: 24px;
}

/* line 678, assets/css/xl.scss */
.gallery-card-list img:first-child {
  margin-left: 0;
}

/* line 682, assets/css/xl.scss */
.gallery-card-list img:last-child {
  margin-right: 0;
}

@media (max-width: 767px) {
  /* line 674, assets/css/xl.scss */
  .gallery-card-list img {
    width: 264px;
  }
}

@media (max-width: 767px) {
  /* line 666, assets/css/xl.scss */
  .gallery-card-list {
    margin-left: 5px;
    margin-right: 5px;
    width: 100%;
  }
}

/* line 696, assets/css/xl.scss */
.gallery-navigate-event {
  margin-top: 32px;
}

/* line 699, assets/css/xl.scss */
.gallery-navigate-event ul.navigation-bullet {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: center;
}

/* line 705, assets/css/xl.scss */
.gallery-navigate-event ul.navigation-bullet li {
  margin-left: 8px;
  text-decoration: none;
  list-style: none;
}

/* line 710, assets/css/xl.scss */
.gallery-navigate-event ul.navigation-bullet li a.navbutton {
  display: block;
  border-radius: 2px;
  width: 4px;
  height: 4px;
  background: #194396;
  cursor: pointer;
}

/* line 718, assets/css/xl.scss */
.gallery-navigate-event ul.navigation-bullet li a.navbutton.active {
  background: #ee3e80;
  width: 72px;
}

@media (max-width: 767px) {
  /* line 696, assets/css/xl.scss */
  .gallery-navigate-event {
    margin-top: 16px;
  }
}

/* line 730, assets/css/xl.scss */
.bigimage {
  margin-top: 32px;
  margin-bottom: 32px;
}

@media (max-width: 767px) {
  /* line 730, assets/css/xl.scss */
  .bigimage {
    margin: 32px 5px;
  }
}

@media (max-width: 767px) {
  /* line 739, assets/css/xl.scss */
  .specialimage {
    margin: 32px 5px;
  }
}

/*Banner Video with floating message : banu*/
/* line 747, assets/css/xl.scss */
.video-layer {
  width: 100%;
  /* Set the height to match that of the viewport. */
  width: auto;
  padding: 0 !important;
  margin: 0 !important;
  background-color: gray;
  position: relative;
}

/* line 756, assets/css/xl.scss */
.video-layer .videobg {
  width: 100vw;
  height: auto;
  object-fit: cover;
  left: 0px;
  top: 0px;
  z-index: 1;
  /*hidden mobile - hidden desktop */
}

/* line 766, assets/css/xl.scss */
.video-layer .videobg .show-mobile {
  display: none;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  /* line 771, assets/css/xl.scss */
  .video-layer .videobg .hide-mobile {
    display: none;
  }
  /* line 775, assets/css/xl.scss */
  .video-layer .videobg .show-mobile {
    display: block;
  }
}

/* line 781, assets/css/xl.scss */
.video-layer .floating-video-textbox {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
}

/* line 794, assets/css/xl.scss */
.section__two--blocks .two--blocks__wrapper {
  display: flex;
}

/* line 798, assets/css/xl.scss */
.section__two--blocks .two--blocks__col {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 120px 0;
}

/* line 809, assets/css/xl.scss */
.section__two--blocks .round-img {
  border-radius: 50%;
  width: 200px;
  height: 200px;
}

/* line 815, assets/css/xl.scss */
.section__two--blocks h3 {
  margin: 32px 0;
  color: #fff;
}

/* line 820, assets/css/xl.scss */
.section__two--blocks a {
  color: #fff;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  /* line 825, assets/css/xl.scss */
  .section__two--blocks .two--blocks__wrapper {
    display: block;
  }
  /* line 828, assets/css/xl.scss */
  .section__two--blocks .two--blocks__wrapper .two--blocks__col {
    width: 100%;
    padding: 88px 20px;
  }
  /* line 833, assets/css/xl.scss */
  .section__two--blocks .two--blocks__wrapper .round-img {
    width: 128px;
    height: 128px;
  }
  /* line 838, assets/css/xl.scss */
  .section__two--blocks .two--blocks__wrapper .read-more-wrapper {
    display: block !important;
    width: 100%;
  }
  /* line 842, assets/css/xl.scss */
  .section__two--blocks .two--blocks__wrapper .read-more-wrapper .button-more {
    width: 100%;
  }
  /* line 847, assets/css/xl.scss */
  .section__two--blocks .two--blocks__wrapper h3 {
    font-size: 24px;
  }
}

/* line 855, assets/css/xl.scss */
.cookie-consent-section {
  z-index: 2000;
  position: fixed;
  bottom: 0;
  width: 100%;
}

/* line 861, assets/css/xl.scss */
.cookie-consent-section .cookie-consent-container {
  display: flex;
  flex-direction: column;
  background-color: #002dbb;
  justify-content: center;
  padding: 24px 0px;
}

@media (max-width: 767px) {
  /* line 861, assets/css/xl.scss */
  .cookie-consent-section .cookie-consent-container {
    padding: 24px 20px;
  }
}

/* line 872, assets/css/xl.scss */
.cookie-consent-section .cookie-consent-container .cookie-headline,
.cookie-consent-section .cookie-consent-container .privacy-link {
  color: #ffffff;
  font-family: "AxiataBook";
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

@media (max-width: 767px) {
  /* line 872, assets/css/xl.scss */
  .cookie-consent-section .cookie-consent-container .cookie-headline,
  .cookie-consent-section .cookie-consent-container .privacy-link {
    font-size: 12px;
  }
}

/* line 885, assets/css/xl.scss */
.cookie-consent-section .cookie-consent-container .cookie-headline {
  text-align: center;
  margin: 0px auto 16px;
}

@media (min-width: 768px) {
  /* line 885, assets/css/xl.scss */
  .cookie-consent-section .cookie-consent-container .cookie-headline {
    max-height: 48px;
    max-width: 900px;
  }
}

@media (max-width: 767px) {
  /* line 885, assets/css/xl.scss */
  .cookie-consent-section .cookie-consent-container .cookie-headline {
    margin: 0px auto 24px;
  }
}

/* line 899, assets/css/xl.scss */
.cookie-consent-section .cookie-consent-container .privacy-link {
  text-decoration: underline;
  font-family: "AxiataBold";
  font-weight: bold;
}

/* line 905, assets/css/xl.scss */
.cookie-consent-section .cookie-consent-container .cookie-button {
  height: 32px;
  width: 184px;
  color: #333339;
  font-family: "AxiataBold";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
  text-align: center;
  justify-content: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #00d2a0;
  border: none;
  margin: 0 auto;
}

@media (max-width: 767px) {
  /* line 905, assets/css/xl.scss */
  .cookie-consent-section .cookie-consent-container .cookie-button {
    width: 320px;
  }
}

@media (max-width: 767px) {
  /* line 931, assets/css/xl.scss */
  .big-screen-display {
    display: none !important;
  }
}

@media (min-width: 768px) {
  /* line 937, assets/css/xl.scss */
  .small-screen-display {
    display: none !important;
  }
}

/* line 958, assets/css/xl.scss */
.background-image-cover-no-repeat {
  background-size: cover;
  background-repeat: no-repeat;
}

/* line 962, assets/css/xl.scss */
.background-image-absolute-full {
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

/* line 970, assets/css/xl.scss */
.background-image-relative-full {
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: -1;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

/* line 978, assets/css/xl.scss */
.background-image-absolute-full-height {
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  z-index: -1;
  height: 100%;
  vertical-align: middle;
}

/* line 986, assets/css/xl.scss */
.head-banner-with-breadcumbs .background-head-image-banner {
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  z-index: 1;
  object-fit: cover;
  object-position: center;
}

@media (min-width: 768px) {
  /* line 986, assets/css/xl.scss */
  .head-banner-with-breadcumbs .background-head-image-banner {
    height: 600px;
  }
}

@media (max-width: 767px) {
  /* line 986, assets/css/xl.scss */
  .head-banner-with-breadcumbs .background-head-image-banner {
    height: 400px;
  }
}

/* line 1003, assets/css/xl.scss */
.head-banner-with-breadcumbs .head-title-container {
  position: relative;
  z-index: 2;
}

/* line 1013, assets/css/xl.scss */
.blurred-overlay {
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(10px);
  background-size: cover;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  padding: 0;
  z-index: 2999;
  flex-direction: row;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 1029, assets/css/xl.scss */
.blurred-overlay.on {
  display: flex;
}

/* line 1033, assets/css/xl.scss */
.blurred-overlay.off {
  display: none;
}

/* line 1037, assets/css/xl.scss */
.blurred-overlay .scroller-btn {
  cursor: pointer;
}

/* line 1040, assets/css/xl.scss */
.blurred-overlay .scroller-btn.left {
  margin-right: 64px;
}

@media screen and (max-width: 767px) {
  /* line 1040, assets/css/xl.scss */
  .blurred-overlay .scroller-btn.left {
    margin-right: 0;
  }
}

/* line 1048, assets/css/xl.scss */
.blurred-overlay .scroller-btn.right {
  margin-left: 64px;
}

@media screen and (max-width: 767px) {
  /* line 1048, assets/css/xl.scss */
  .blurred-overlay .scroller-btn.right {
    margin-left: 0;
  }
}

/* line 1056, assets/css/xl.scss */
.blurred-overlay .scroller-btn.invisibility {
  opacity: 0;
  cursor: default;
}

/* line 1062, assets/css/xl.scss */
.blurred-overlay .container {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  height: 100vh;
  padding: 0;
  overflow: hidden;
  position: relative;
}

/* line 1072, assets/css/xl.scss */
.blurred-overlay .container.remove-auto {
  margin: 0;
  width: 52vw;
}

/* line 1077, assets/css/xl.scss */
.blurred-overlay .container.removemargin {
  margin: 0;
}

/* line 1081, assets/css/xl.scss */
.blurred-overlay .container .popupbox {
  width: 40%;
  background: #ffffff;
  border-radius: 10px;
}

@media screen and (max-width: 767px) {
  /* line 1081, assets/css/xl.scss */
  .blurred-overlay .container .popupbox {
    width: 320px;
    border-radius: 8px;
  }
}

/* line 1093, assets/css/xl.scss */
.blurred-overlay .container .popupbox .imgspace {
  display: flex;
  flex-flow: row-reverse;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

@media screen and (max-width: 767px) {
  /* line 1093, assets/css/xl.scss */
  .blurred-overlay .container .popupbox .imgspace {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
  }
}

/* line 1108, assets/css/xl.scss */
.blurred-overlay .container .popupbox .imgspace img {
  width: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

@media screen and (max-width: 767px) {
  /* line 1108, assets/css/xl.scss */
  .blurred-overlay .container .popupbox .imgspace img {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
  }
}

/* line 1119, assets/css/xl.scss */
.blurred-overlay .container .popupbox .imgspace a#popupclose {
  position: absolute;
  top: 20px;
  right: 20px;
}

@media screen and (max-width: 767px) {
  /* line 1119, assets/css/xl.scss */
  .blurred-overlay .container .popupbox .imgspace a#popupclose {
    top: 16px;
    right: 16px;
  }
}

/* line 1130, assets/css/xl.scss */
.blurred-overlay .container .popupbox .imgspace svg {
  width: 32px;
  height: 32px;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  /* line 1130, assets/css/xl.scss */
  .blurred-overlay .container .popupbox .imgspace svg {
    width: 27px;
    height: 27px;
  }
}

/* line 1142, assets/css/xl.scss */
.blurred-overlay .container .popupbox .textspace {
  padding: 16px 32px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 50%;
}

@media screen and (max-width: 767px) {
  /* line 1142, assets/css/xl.scss */
  .blurred-overlay .container .popupbox .textspace {
    padding: 24px 16px 16px 16px;
  }
}

/* line 1155, assets/css/xl.scss */
.blurred-overlay .container .popupbox .textspace h2 {
  margin-bottom: 16px;
}

@media screen and (max-width: 767px) {
  /* line 1155, assets/css/xl.scss */
  .blurred-overlay .container .popupbox .textspace h2 {
    margin-bottom: 8px;
  }
}

/* line 1163, assets/css/xl.scss */
.blurred-overlay .container .popupbox .textspace p {
  font-weight: 300;
  letter-spacing: 1px;
  margin-bottom: 32px;
}

@media screen and (max-width: 767px) {
  /* line 1163, assets/css/xl.scss */
  .blurred-overlay .container .popupbox .textspace p {
    font-size: 12px;
    margin-bottom: 16px;
  }
}

/* line 1174, assets/css/xl.scss */
.blurred-overlay .container .popupbox .textspace a {
  font-family: AxiataBold;
  width: 274px;
  height: 58px;
  border: 1px solid #ee3e80;
  display: block;
  padding: 20px;
  font-weight: bold;
  color: #164396;
}

@media screen and (max-width: 767px) {
  /* line 1174, assets/css/xl.scss */
  .blurred-overlay .container .popupbox .textspace a {
    width: 100%;
  }
}

/* line 1191, assets/css/xl.scss */
.blurred-overlay .container .scroller {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  position: relative;
}

/* line 1200, assets/css/xl.scss */
.blurred-overlay .container .scroller::-webkit-scrollbar {
  display: none;
}

/* line 1214, assets/css/xl.scss */
.blurred-overlay .container .scroller .gallery {
  scroll-snap-align: start;
  min-width: 100%;
  height: 80vh;
  flex-direction: column;
  display: flex;
  position: relative;
  justify-content: center;
}

/* line 1223, assets/css/xl.scss */
.blurred-overlay .container .scroller .gallery.autoheight {
  height: 800px;
}

@media screen and (orientation: portrait) and (max-width: 767px) {
  /* line 1214, assets/css/xl.scss */
  .blurred-overlay .container .scroller .gallery {
    max-height: 30vh;
  }
}

@media screen and (orientation: landscape) and (max-width: 767px) {
  /* line 1214, assets/css/xl.scss */
  .blurred-overlay .container .scroller .gallery {
    max-height: 90vh;
  }
}

/* line 1235, assets/css/xl.scss */
.blurred-overlay .container .scroller .gallery:focus {
  border: none;
  outline: none;
}

/* line 1240, assets/css/xl.scss */
.blurred-overlay .container .scroller .gallery:target {
  border: none;
  outline: none;
}

/* line 1245, assets/css/xl.scss */
.blurred-overlay .container .scroller .gallery .fixedimg {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

/* line 1251, assets/css/xl.scss */
.blurred-overlay .container .scroller .gallery .closegallery {
  cursor: pointer;
  position: absolute;
  top: -8px;
  right: 16px;
  color: #ee3e80;
  font-size: 4em;
}

@media screen and (max-width: 767px) {
  /* line 1251, assets/css/xl.scss */
  .blurred-overlay .container .scroller .gallery .closegallery {
    padding: 4px;
    height: 8px;
    font-size: 2em;
    top: 0;
    right: 0;
  }
}

/* line 1269, assets/css/xl.scss */
.blurred-overlay .container .scroller .gallery .desc {
  background-color: rgba(0, 0, 7, 0.6);
  position: absolute;
  bottom: 0;
  width: -webkit-fill-available;
}

/* line 1275, assets/css/xl.scss */
.blurred-overlay .container .scroller .gallery .desc .blurred {
  filter: blur(20px);
  position: absolute;
  width: 100%;
  height: 100%;
}

/* line 1282, assets/css/xl.scss */
.blurred-overlay .container .scroller .gallery .desc p {
  padding: 16px 32px;
  color: #ffffff;
  backdrop-filter: blur(10px);
}

@media screen and (max-width: 767px) {
  /* line 1282, assets/css/xl.scss */
  .blurred-overlay .container .scroller .gallery .desc p {
    padding: 6px;
    font-size: 4px;
  }
}

/* line 1298, assets/css/xl.scss */
.chat-link {
  z-index: 2010;
}