@charset "UTF-8";
/* Secondary Colors */
/**
 * Fixed Spacing Variables:
 * Though we can use relative units for most cases, we still need some fixed variable to overcome some drawbacks of relative units.
 * Example we don't want the left and right side padding of container to be increased relatively to the font-size.
 * The vertical spacing between two modules to be same regardless of increasing the font-size.
 * The spacing scale is a base-8 scale. We chose a base-8 scale because eight is a highly composable number (it can be divided and multiplied many times and result in whole numbers), yet allows spacing dense enough for UI. The scale's exception is that it begins at 4px to allow smaller padding and margin for denser parts of the site, from there on it steps up consistently in equal values of 8px. Refer https://primer.style/css/support/
*/
/* Other spacing values. Use this only where its required and not able to use above fixed spacing according to the design:
 * Useful for buttons and form elements.
 * Refer https://primer.style/css/spacing/
*/
/* stylelint-disable scss/at-mixin-pattern */
@-webkit-keyframes shimmer {
  from {
    background-position: -1000px 0;
  }
  to {
    background-position: 1000px 0;
  }
}
@keyframes shimmer {
  from {
    background-position: -1000px 0;
  }
  to {
    background-position: 1000px 0;
  }
}
/* common css file where we define the font and some base css */
/** @define common; weak */
/* stylelint-disable */
body {
  margin: 0;
  line-height: normal;
  font-size: 16px;
  font-weight: 400;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body {
  width: auto;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
p {
  margin: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}

.hidden {
  display: none !important;
}

.visible {
  display: block;
}

.only-desktop {
  display: none;
}

.only-mobile {
  display: block;
}

/* Rich Text Editor */
.sc-rte img {
  max-width: 100%;
  height: auto;
}
.sc-rte figure {
  margin: 8px 0;
}
.sc-rte figcaption {
  font-style: italic;
}
.sc-rte table {
  width: 100%;
  border-collapse: collapse;
  word-break: break-word;
}
.sc-rte table,
.sc-rte th,
.sc-rte td {
  border: 1px solid #e1e1e1;
  padding: 8px;
  background-color: #fff;
  vertical-align: middle;
}
.sc-rte th {
  color: #2772c7;
  text-transform: uppercase;
  font-weight: normal;
}
.sc-rte ol,
.sc-rte ul {
  margin-bottom: 16px;
}
.sc-rte ol li,
.sc-rte ul li {
  margin-bottom: 8px;
}
.sc-rte ol li ul,
.sc-rte ol li ol,
.sc-rte ul li ul,
.sc-rte ul li ol {
  margin-bottom: 16px;
}
.sc-rte ol {
  list-style: decimal;
  padding-left: 20px;
}
.sc-rte ul {
  list-style: disc;
  padding-left: 20px;
}
.sc-rte p {
  color: #000;
  margin-bottom: 8px;
}
.sc-rte p:empty {
  display: none;
}

.sc-content-wrapper {
  padding: 0 16px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* Apply touch-action only on mobile devices */
/** @end */
/* Secondary Colors */
/**
 * Fixed Spacing Variables:
 * Though we can use relative units for most cases, we still need some fixed variable to overcome some drawbacks of relative units.
 * Example we don't want the left and right side padding of container to be increased relatively to the font-size.
 * The vertical spacing between two modules to be same regardless of increasing the font-size.
 * The spacing scale is a base-8 scale. We chose a base-8 scale because eight is a highly composable number (it can be divided and multiplied many times and result in whole numbers), yet allows spacing dense enough for UI. The scale's exception is that it begins at 4px to allow smaller padding and margin for denser parts of the site, from there on it steps up consistently in equal values of 8px. Refer https://primer.style/css/support/
*/
/* Other spacing values. Use this only where its required and not able to use above fixed spacing according to the design:
 * Useful for buttons and form elements.
 * Refer https://primer.style/css/spacing/
*/
/* stylelint-disable scss/at-mixin-pattern */
@keyframes shimmer {
  from {
    background-position: -1000px 0;
  }
  to {
    background-position: 1000px 0;
  }
}
/** @define title; weak */
.sc-title {
  color: #525355;
  font-size: 1.5rem;
  font-weight: 400;
  position: relative;
  margin-bottom: 24px;
}
.sc-title--underline::after {
  content: "";
  width: 100px;
  height: 8px;
  background-image: url('data:image/svg+xml,<svg width="102" height="9" viewBox="0 0 102 9" fill="none" xmlns="http://www.w3.org/2000/svg"><rect y="0.40332" width="101.695" height="8.47458" fill="%2338D200"/><rect x="33.8984" y="0.40332" width="67.7966" height="8.47458" fill="%230F7AED"/></svg>');
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
  display: block;
  margin-top: 12px;
}
.sc-title--center {
  text-align: center;
}
.sc-title--bold {
  font-weight: 500;
}
.sc-title--with-drop::before {
  content: "ª";
  color: #0473ea;
}
.sc-title--with-drop::after {
  content: "º";
  color: #38d200;
}
/** @end */
/* Secondary Colors */
/**
 * Fixed Spacing Variables:
 * Though we can use relative units for most cases, we still need some fixed variable to overcome some drawbacks of relative units.
 * Example we don't want the left and right side padding of container to be increased relatively to the font-size.
 * The vertical spacing between two modules to be same regardless of increasing the font-size.
 * The spacing scale is a base-8 scale. We chose a base-8 scale because eight is a highly composable number (it can be divided and multiplied many times and result in whole numbers), yet allows spacing dense enough for UI. The scale's exception is that it begins at 4px to allow smaller padding and margin for denser parts of the site, from there on it steps up consistently in equal values of 8px. Refer https://primer.style/css/support/
*/
/* Other spacing values. Use this only where its required and not able to use above fixed spacing according to the design:
 * Useful for buttons and form elements.
 * Refer https://primer.style/css/spacing/
*/
/* stylelint-disable scss/at-mixin-pattern */
@keyframes shimmer {
  from {
    background-position: -1000px 0;
  }
  to {
    background-position: 1000px 0;
  }
}
/** @define btn-toggle; weak */
.sc-btn-toggle {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sc-btn-toggle__switch {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  cursor: pointer;
  background-color: #6b6e73;
  border-radius: 20px;
  width: 60px;
  height: 34px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.sc-btn-toggle__switch::before {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: #fff;
  border-radius: 50%;
}
.sc-btn-toggle__switch ~ .sc-btn-toggle__text {
  margin-left: 16px;
  margin-right: 0;
}
.sc-btn-toggle__input {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
}
.sc-btn-toggle__input:checked + .sc-btn-toggle__switch {
  background-color: #0473ea;
}
.sc-btn-toggle__input:checked + .sc-btn-toggle__switch::before {
  -webkit-transform: translateX(26px);
      -ms-transform: translateX(26px);
          transform: translateX(26px);
}
.sc-btn-toggle--small .sc-btn-toggle__switch {
  width: 45px;
  height: 25px;
  /* stylelint-disable max-nesting-depth */
}
.sc-btn-toggle--small .sc-btn-toggle__switch::before {
  width: 19px;
  height: 19px;
  bottom: 3px;
}
.sc-btn-toggle--small .sc-btn-toggle__input:checked + .sc-btn-toggle {
  /* stylelint-enable max-nesting-depth */
}
.sc-btn-toggle--small .sc-btn-toggle__input:checked + .sc-btn-toggle__switch::before {
  -webkit-transform: translateX(18px);
      -ms-transform: translateX(18px);
          transform: translateX(18px);
}
.sc-btn-toggle__text {
  font-size: 0.875rem;
  color: #000;
  margin-right: 16px;
}

/** @end */
.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}

.flatpickr-calendar.open, .flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}

.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

.flatpickr-calendar:before, .flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 22px;
}

.flatpickr-calendar.rightMost:before, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}

.flatpickr-calendar.arrowCenter:before, .flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}

.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
  top: 100%;
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}

.flatpickr-calendar:focus {
  outline: 0;
}

.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}

.flatpickr-months {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}

.flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i {
  position: relative;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  /*
  /*rtl:begin:ignore*/
  left: 0;
}

/*
/*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*
  /*rtl:begin:ignore*/
  right: 0;
}

/*
/*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}

.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}

.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}

.flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}

.numInputWrapper {
  position: relative;
  height: auto;
}

.numInputWrapper input, .numInputWrapper span {
  display: inline-block;
}

.numInputWrapper input {
  width: 100%;
}

.numInputWrapper input::-ms-clear {
  display: none;
}

.numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  top: 26%;
}

.numInputWrapper span.arrowDown {
  top: 50%;
}

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%;
}

.numInputWrapper span svg {
  width: inherit;
  height: auto;
}

.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}

.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}

.numInputWrapper:hover span {
  opacity: 1;
}

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0 ;
  display: inline-block;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: baseline;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}

.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: baseline;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder;
}

.dayContainer, .flatpickr-weeks {
  padding: 1px 0 0 0;
}

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px;
}

.flatpickr-days:focus {
  outline: 0;
}

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-around;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
  box-shadow: -1px 0 0 #e6e6e6;
}

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}

.flatpickr-day.today {
  border-color: #959ea9;
}

.flatpickr-day.today:hover, .flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}

.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7;
}

.flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}

.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.1);
}

.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}

.flatpickr-day.hidden {
  visibility: hidden;
}

.rangeMode .flatpickr-day {
  margin-top: 1px;
}

.flatpickr-weekwrapper {
  float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6;
}

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}

.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}

.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}

.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}

.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
  font-weight: 400;
}

.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}

.flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}

.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/** @define dac-topup-jrny; weak */
.sc-dac-topup-jrny {
  max-width: 800px;
  min-width: 320px;
  margin: 0 auto;
  display: none;
  position: relative;
}
.sc-dac-topup-jrny__bg-image {
  min-height: 200px;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.sc-dac-topup-jrny__bg-img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  z-index: 0;
  border-radius: 30px 0 0;
}
.sc-dac-topup-jrny__sub-title {
  font-size: 1rem;
  font-weight: 500;
  color: #0c3a66;
  margin-bottom: 8px;
}
.sc-dac-topup-jrny .sc-btn {
  background-color: #0473ea;
  border-color: #0473ea;
  /* stylelint-disable plugin/selector-bem-pattern */
  /* stylelint-enable plugin/selector-bem-pattern */
}
.sc-dac-topup-jrny .sc-btn:hover {
  background-color: #0c3a66;
  border-color: #0c3a66;
  color: #fff;
}
.sc-dac-topup-jrny .sc-btn--disabled {
  border-color: #c3defa;
  color: #719ac1;
  background-color: #c3defa;
}
.sc-dac-topup-jrny .sc-btn--disabled:hover {
  cursor: not-allowed;
  border-color: #c3defa;
  color: #719ac1;
  background-color: #c3defa;
}
.sc-dac-topup-jrny .sc-btn--disabled svg {
  /* stylelint-disable max-nesting-depth, selector-max-compound-selectors */
  /* stylelint-enable max-nesting-depth, selector-max-compound-selectors */
}
.sc-dac-topup-jrny .sc-btn--disabled svg path {
  fill: #719ac1;
}
.sc-dac-topup-jrny .flatpickr-current-month {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  position: absolute;
  left: 0;
  font-size: 1rem;
}
.sc-dac-topup-jrny .flatpickr-calendar {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.sc-dac-topup-jrny .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
  right: 30px;
  left: auto;
}
.sc-dac-topup-jrny .flatpickr-months {
  padding-bottom: 16px;
  color: #000 !important;
}
.sc-dac-topup-jrny .flatpickr-wrapper {
  width: 100%;
}
.sc-dac-topup-jrny .flatpickr-day.selected,
.sc-dac-topup-jrny .flatpickr-day.selected:hover {
  background-color: #92e773;
  color: #212121;
  border-radius: 10px;
  border: 0;
}
.sc-dac-topup-jrny .sc-stikethrough-text {
  text-decoration: line-through;
}
.sc-dac-topup-jrny .sc-appl-jrny-msk {
  text-align: center;
}
.sc-dac-topup-jrny .sc-appl-jrny-msk__wrapper {
  max-width: 300px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sc-dac-topup-jrny .sc-appl-jrny-msk__offline-pin {
  margin-top: 24px;
}
.sc-dac-topup-jrny .sc-appl-jrny-msk__offline-pin .sc-appl-jrny__link {
  background: transparent;
  border: 0;
  border-bottom: 1px dotted #0058af;
  font-family: "SC Prosper Sans";
  cursor: pointer;
}
.sc-dac-topup-jrny .sc-appl-jrny-msk__offline-des {
  color: #757575;
  font-size: 0.875rem;
}
.sc-dac-topup-jrny .sc-appl-jrny-msk__separation::before, .sc-dac-topup-jrny .sc-appl-jrny-msk__separation::after {
  background-color: #dfdfdf;
  content: "";
  display: inline-block;
  height: 1px;
  width: 40%;
  position: relative;
  vertical-align: middle;
}
.sc-dac-topup-jrny .sc-appl-jrny-msk__separation::after {
  left: 8px;
  margin-right: -50%;
  /* stylelint-disable-line scale-unlimited/declaration-strict-value */
}
.sc-dac-topup-jrny .sc-appl-jrny-msk__separation::before {
  right: 8px;
  margin-left: -50%;
  /* stylelint-disable-line scale-unlimited/declaration-strict-value */
}
.sc-dac-topup-jrny .sc-appl-jrny-msk__step {
  color: #191919;
  font-weight: 500;
}
.sc-dac-topup-jrny .sc-appl-jrny-msk__step-desc {
  color: #666666;
  font-weight: 400;
  margin-bottom: 24px;
  display: block;
}
.sc-dac-topup-jrny .sc-appl-jrny-msk__token {
  text-align: center;
  letter-spacing: 20px;
  font-size: 1.5rem;
  display: block;
  margin: auto 16px;
}
.sc-dac-topup-jrny .sc-appl-jrny-msk__token-pin {
  font-size: 1.5rem;
  font-weight: 500;
}
.sc-dac-topup-jrny .sc-appl-jrny-msk .sc-appl-jrny-login-otp {
  margin: 32px auto 12px;
  max-width: 100%;
}
.sc-dac-topup-jrny .sc-appl-jrny-msk .sc-appl-jrny-input__otp {
  border-radius: 0;
  padding: 0;
  margin: 0 8px;
  border: 0;
  border-bottom: 2px solid #e1e1e1;
  background: none;
  text-align: center;
  width: 100%;
  font-size: 1rem;
}
.sc-dac-topup-jrny .sc-appl-jrny-msk hr {
  border: 1px solid #eee;
  margin-bottom: 24px;
}
.sc-dac-topup-jrny .sc-appl-jrny-msk .sc-appl-jrny-sub-section__body {
  padding-bottom: 32px;
}
.sc-dac-topup-jrny .sc-appl-jrny-msk .sc-appl-jrny-input__error-message {
  font-weight: 400;
}
.sc-dac-topup-jrny .sc-appl-jrny-login-otp {
  text-align: center;
  max-width: 350px;
  margin: 0 auto 32px;
  display: block;
  padding: 0 4px;
}
.sc-dac-topup-jrny .sc-appl-jrny-login-otp.hidden {
  display: none;
}
.sc-dac-topup-jrny .sc-appl-jrny-login-otp__otp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sc-dac-topup-jrny .sc-appl-jrny-login-otp__text {
  font-size: 1.125rem;
  font-weight: 400;
  margin-bottom: 40px;
}
.sc-dac-topup-jrny .sc-appl-jrny-login-otp__text--msk {
  margin-bottom: 16px;
}
.sc-dac-topup-jrny .sc-appl-jrny-login-otp__number, .sc-dac-topup-jrny .sc-appl-jrny-login-otp__pin-text {
  display: block;
}
.sc-dac-topup-jrny .sc-appl-jrny-login-otp__pin-text {
  font-size: 0.875rem;
}
.sc-dac-topup-jrny .sc-appl-jrny-login-otp__new {
  margin-top: 32px;
  font-size: 0.75rem;
  font-weight: 400;
}
.sc-dac-topup-jrny .sc-appl-jrny-login-otp label {
  font-weight: 500;
}
.sc-dac-topup-jrny .sc-appl-jrny-login-otp .sc-appl-jrny-input__otp {
  border-radius: 0;
  padding: 0;
  margin: 0 8px;
  border: 0;
  border-bottom: 2px solid #e1e1e1;
  background: none;
  text-align: center;
  width: 100%;
  /* stylelint-disable max-nesting-depth, property-no-vendor-prefix, selector-max-compound-selectors */
  /* stylelint-enable max-nesting-depth, property-no-vendor-prefix, selector-max-compound-selectors */
}
.sc-dac-topup-jrny .sc-appl-jrny-login-otp .sc-appl-jrny-input__otp::-webkit-inner-spin-button, .sc-dac-topup-jrny .sc-appl-jrny-login-otp .sc-appl-jrny-input__otp::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
.sc-dac-topup-jrny .sc-appl-jrny-login-otp .sc-appl-jrny-input__otp--active, .sc-dac-topup-jrny .sc-appl-jrny-login-otp .sc-appl-jrny-input__otp:focus {
  border-color: #191919;
  outline: 0;
}
.sc-dac-topup-jrny .sc-appl-jrny-login-otp .sc-appl-jrny-input__otp-code-single {
  letter-spacing: 27px;
  font-size: 1.25rem;
  height: 100%;
  text-align: left;
  padding-left: 12px;
  border: 0;
}
.sc-dac-topup-jrny .sc-appl-jrny-login-otp .sc-appl-jrny-input__otp-underline {
  height: 10px;
  width: 280px;
}
.sc-dac-topup-jrny .sc-appl-jrny-login-otp .sc-appl-jrny-input__otp-underline line {
  stroke-dasharray: 29, 10;
  stroke-dashoffset: -10;
  stroke: #b7b7b7;
}
.sc-dac-topup-jrny .sc-appl-jrny-login-otp__pin-input {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sc-dac-topup-jrny .sc-appl-jrny-login-otp .pin-input {
  opacity: 0;
  z-index: -9;
}
.sc-dac-topup-jrny .sc-appl-jrny-login-otp__circle-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 10px;
  gap: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sc-dac-topup-jrny .sc-appl-jrny-login-otp__circle {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid #191919;
  position: relative;
}
.sc-dac-topup-jrny .sc-appl-jrny-login-otp__circle.filled {
  /* stylelint-disable max-nesting-depth */
  /* stylelint-enable max-nesting-depth */
}
.sc-dac-topup-jrny .sc-appl-jrny-login-otp__circle.filled::before {
  display: block;
  content: "";
  background-color: #191919;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.sc-dac-topup-jrny .sc-appl-jrny-login-otp__msk-dec {
  color: #757575;
  font-size: 0.875rem;
  margin-bottom: 16px;
  display: block;
}
.sc-dac-topup-jrny .sc-appl-jrny-login-otp .sc-appl-jrny-input__error-message {
  font-weight: 400;
  display: none;
  color: #d0021b;
  font-size: 0.75rem;
  padding-top: 8px;
}
.sc-dac-topup-jrny .sc-appl-jrny-login-otp__invalid {
  color: #d0021b;
  padding-top: 8px;
  font-size: 0.75rem;
  font-weight: 400;
}

/** @end */
/** @define dac-topup-jrny-head; weak */
.sc-dac-topup-jrny-head {
  position: relative;
  z-index: 1;
}
.sc-dac-topup-jrny-head__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 0;
  min-height: 100px;
}
.sc-dac-topup-jrny-head__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
}
.sc-dac-topup-jrny-head__back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
}
.sc-dac-topup-jrny-head__back svg {
  width: 27px;
  height: 27px;
  display: block;
  margin-right: 8px;
}
.sc-dac-topup-jrny-head__close-btn {
  cursor: pointer;
  background: transparent;
  padding: 0;
}
.sc-dac-topup-jrny-head__close-btn svg {
  width: 30px;
  height: 30px;
}

/** @end */
/** @define dac-topup-jrny-page; weak */
.sc-dac-topup-jrny-page {
  background: #fff;
  border-radius: 30px 60px 0 0;
  padding: 32px 0;
  display: none;
  position: relative;
  z-index: 1;
  /* stylelint-disable plugin/selector-bem-pattern */
  /* stylelint-enable plugin/selector-bem-pattern */
}
.sc-dac-topup-jrny-page.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: calc(100vh - 190px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sc-dac-topup-jrny-page.active.sc-dac-topup-jrny-submission {
  min-height: 100%;
}
.sc-dac-topup-jrny-page .sc-heading-inner .sc-title--inner {
  color: #0c3a66;
  font-size: 1.625rem;
  font-weight: 500;
}
.sc-dac-topup-jrny-page .sc-heading-inner .sc-dac-topup-jrny-question {
  top: 3px;
  position: relative;
  /* stylelint-disable max-nesting-depth, selector-max-compound-selectors */
  /* stylelint-enable max-nesting-depth, selector-max-compound-selectors */
}
.sc-dac-topup-jrny-page .sc-heading-inner .sc-dac-topup-jrny-question svg,
.sc-dac-topup-jrny-page .sc-heading-inner .sc-dac-topup-jrny-question img {
  width: 25px;
  height: 25px;
}
.sc-dac-topup-jrny-page--review .sc-dac-topup-jrny-checkbox__check {
  border-bottom: 0;
}

/** @end */
/** @define dac-topup-jrny-application-details; weak */
.sc-dac-topup-jrny-application-details .sc-dac-topup-jrny__sub-title {
  margin-bottom: 0;
}
.sc-dac-topup-jrny-application-details .sc-dac-topup-jrny-input:first-of-type {
  padding-top: 16px;
}

/** @end */
/** @define dac-topup-jrny-badge; weak */
.sc-dac-topup-jrny-badge {
  font-weight: 400;
  position: relative;
  margin: 16px 0 24px 0;
  color: #000;
  border: 1px solid #a9c7e9;
  background-color: #fff;
  border-radius: 10px 5px 36px 10px;
  overflow: hidden;
}
.sc-dac-topup-jrny-badge--bg-blue {
  background-color: #f7fbff;
  border: 1px solid #0473ea;
}
.sc-dac-topup-jrny-badge--normal {
  border-radius: 10px;
}
.sc-dac-topup-jrny-badge--normal::after {
  display: none;
}
.sc-dac-topup-jrny-badge--two-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sc-dac-topup-jrny-badge--two-column::after {
  display: none;
}
.sc-dac-topup-jrny-badge--two-column .sc-dac-topup-jrny-badge__inner {
  padding: 0;
}
.sc-dac-topup-jrny-badge--two-column .sc-dac-topup-jrny-link {
  padding: 16px;
  min-width: 90px;
}
.sc-dac-topup-jrny-badge--curve {
  border-radius: 32px 6px 32px 10px;
}
.sc-dac-topup-jrny-badge--curve .sc-dac-topup-jrny-badge__desc {
  font-size: 0.875rem;
}
.sc-dac-topup-jrny-badge--with-img {
  padding: 16px 0 16px 16px;
}
.sc-dac-topup-jrny-badge--with-img .sc-dac-topup-jrny-badge__img {
  width: 60px;
}
.sc-dac-topup-jrny-badge--gadient-bord {
  padding: 1px;
  background: linear-gradient(238.65deg, #19bcfc 13%, #e3e3e3 23.42%, #e3e3e3 75.73%, #00e14d 88.12%);
}
.sc-dac-topup-jrny-badge--gadient-bord .sc-dac-topup-jrny-badge__main-inner {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 0 16px 16px;
  border-radius: 32px 6px 32px 10px;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sc-dac-topup-jrny-badge__amount {
  font-size: 1.375rem;
  color: #0c3a66;
}
.sc-dac-topup-jrny-badge__amount strong {
  font-weight: 500;
}
.sc-dac-topup-jrny-badge__icon {
  width: 28px;
  height: 28px;
  margin-right: 8px;
}
.sc-dac-topup-jrny-badge__icon svg {
  width: 100%;
  height: 100%;
}
.sc-dac-topup-jrny-badge__inner {
  padding: 16px;
  font-size: 0.75rem;
  border-radius: 6px;
  height: 100%;
  min-height: 40px;
}
.sc-dac-topup-jrny-badge__title {
  font-weight: 500;
  font-size: 1rem;
  color: #0c3a66;
}
.sc-dac-topup-jrny-badge__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  min-height: auto;
  margin-top: 4px;
}
.sc-dac-topup-jrny-badge__inner-title {
  color: #6b6e73;
}
.sc-dac-topup-jrny-badge__inner-title span {
  display: block;
  font-weight: 400;
}
.sc-dac-topup-jrny-badge__inner-title .oldTenor {
  display: inline;
}
.sc-dac-topup-jrny-badge__gradient-title {
  font-weight: 500;
  font-size: 1.25rem;
  background: linear-gradient(135.08deg, #0080db -30.67%, #00a647 63.6%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sc-dac-topup-jrny-badge__img img {
  max-height: 80px;
}
.sc-dac-topup-jrny-badge__desc {
  display: block;
  font-size: 0.75rem;
  color: #0c3a66;
  margin-top: 4px;
}
.sc-dac-topup-jrny-badge::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M41.1097 50.9134C46.4009 50.3558 51.2179 47.1964 54.1925 42.3368C55.1828 40.7066 55.9237 38.9344 56.39 37.0802C56.8956 35.0781 57 34.2165 57 32.0074C57 29.7983 56.8956 28.9366 56.39 26.9345C55.9237 25.0804 55.1828 23.3082 54.1925 21.6779C50.8691 16.2461 45.3105 13 39.3341 13C36.2823 13 33.4518 13.8237 30.6192 15.5343C29.4578 16.2376 7 31.8955 7 32.0032C7 32.0898 29.5769 47.8638 30.5419 48.4551C31.6399 49.1119 32.7933 49.6688 33.9886 50.1193C36.1068 50.8669 38.7618 51.1626 41.1097 50.9134Z' fill='%23C3DEFA'/%3E%3C/svg%3E%0A");
  height: 140px;
  width: 140px;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  right: -51px;
  bottom: -53px;
  z-index: 1;
  opacity: 0.2;
}

/** @end *

/** @end */
/** @define dac-topup-jrny-link; weak */
.sc-dac-topup-jrny-link {
  color: #0473ea;
  font-size: 0.75rem;
  background: none;
  border: 0;
  cursor: pointer;
  text-decoration: none;
  font-weight: 500;
}
.sc-dac-topup-jrny-link--underline {
  border-bottom: 1px dotted #0473ea;
  font-size: 0.875rem;
  margin-top: 8px;
}

/** @end */
/** @define dac-topup-jrny-card; weak */
.sc-dac-topup-jrny-card {
  padding: 1px;
  border-radius: 16px;
  overflow: hidden;
  margin-top: 24px;
  border: 1px solid #cccbcb;
  /* stylelint-disable plugin/selector-bem-pattern */
  /* stylelint-enable plugin/selector-bem-pattern */
}
.sc-dac-topup-jrny-card__outer {
  background: -webkit-gradient(linear, right top, left top, from(#eef6fe), to(#f2fef6));
  background: linear-gradient(270deg, #eef6fe 0%, #f2fef6 100%);
  border-radius: 16px;
}
.sc-dac-topup-jrny-card__main {
  color: #0c3a66;
  text-align: center;
  padding: 16px;
}
.sc-dac-topup-jrny-card__inner {
  background-color: #fff;
  padding: 16px;
  border-radius: 16px;
}
.sc-dac-topup-jrny-card__main-title {
  color: #0c3a66;
  opacity: 0.8;
  font-weight: 500;
  font-size: 0.875rem;
}
.sc-dac-topup-jrny-card__amount {
  font-size: 1rem;
  font-weight: 400;
}
.sc-dac-topup-jrny-card__amount-main {
  font-size: 1.125rem;
  font-weight: 400;
  color: #000;
}
.sc-dac-topup-jrny-card__amount-main span {
  font-weight: 600;
}
.sc-dac-topup-jrny-card__amount-tenor {
  font-weight: 400;
  color: #000;
}
.sc-dac-topup-jrny-card__main-amount--gradient .sc-dac-topup-jrny-card {
  /* stylelint-disable max-nesting-depth */
  /* stylelint-enable max-nesting-depth */
}
.sc-dac-topup-jrny-card__main-amount--gradient .sc-dac-topup-jrny-card__amount {
  background: radial-gradient(78.33% 78.33% at 2.36% -6.53%, #2db944 0%, #4478ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sc-dac-topup-jrny-card__main-amount--gradient .sc-dac-topup-jrny-card__amount span {
  background: radial-gradient(78.33% 78.33% at 2.36% -6.53%, #2db944 0%, #4478ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  z-index: 1;
}
.sc-dac-topup-jrny-card__main-amount--gradient .sc-dac-topup-jrny-card__amount span::after {
  content: "";
  position: absolute;
  height: 6px;
  width: 100%;
  background: #c4ffa9;
  right: 0;
  bottom: 3px;
  border-radius: 4px;
  z-index: -1;
}
.sc-dac-topup-jrny-card__main-icon {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sc-dac-topup-jrny-card__main-icon img,
.sc-dac-topup-jrny-card__main-icon svg {
  width: 24px;
  height: 24px;
}
.sc-dac-topup-jrny-card.active {
  border: 2px solid #38d200;
}
.sc-dac-topup-jrny-card__detail--row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 0.875rem;
  margin-bottom: 8px;
  color: #212121;
}
.sc-dac-topup-jrny-card__detail--row:last-child {
  margin-bottom: 0;
}
.sc-dac-topup-jrny-card__detail--border {
  border-top: 2px solid;
  -o-border-image: linear-gradient(to right, #e3e3e3, #19bcfc) 1 0 0 0;
     border-image: -webkit-gradient(linear, left top, right top, from(#e3e3e3), to(#19bcfc)) 1 0 0 0;
     border-image: linear-gradient(to right, #e3e3e3, #19bcfc) 1 0 0 0;
  padding-top: 8px;
}
.sc-dac-topup-jrny-card__sub-title {
  font-weight: 500;
  font-size: 1.125rem;
  color: #2c60c3;
}
.sc-dac-topup-jrny-card__title {
  font-weight: 400;
  color: #757575;
}
.sc-dac-topup-jrny-card__edit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sc-dac-topup-jrny-card__edit .sc-dac-topup-jrny__link {
  width: 24px;
  height: 24px;
}
.sc-dac-topup-jrny-card__edit .sc-dac-topup-jrny__link svg {
  width: 100%;
  height: 100%;
}
.sc-dac-topup-jrny-card__value {
  text-align: right;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sc-dac-topup-jrny-card__value .sc-dac-topup-jrny-tag {
  padding: 2px 8px;
  margin-right: 4px;
  border: 1px solid #aef1ea;
  font-size: 0.625rem;
  background: none;
  border-radius: 4px;
  line-height: 1.25;
  font-weight: 500;
}
.sc-dac-topup-jrny-card__value--cross {
  color: #858687;
  text-decoration: line-through;
}
.sc-dac-topup-jrny-card__value--large {
  font-size: 0.875rem;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  font-weight: 400;
}
.sc-dac-topup-jrny-card__value--large strong {
  font-size: 1.125rem;
}
.sc-dac-topup-jrny-card--with-two-col .sc-dac-topup-jrny-card__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 16px;
  gap: 16px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sc-dac-topup-jrny-card--with-two-col .sc-dac-topup-jrny-card__amount {
  font-size: 0.875rem;
  font-weight: 400;
  /* stylelint-disable max-nesting-depth */
  /* stylelint-enable max-nesting-depth */
}
.sc-dac-topup-jrny-card--with-two-col .sc-dac-topup-jrny-card__amount span {
  font-size: 1.125rem;
  font-weight: 600;
}
.sc-dac-topup-jrny-card--with-two-col .sc-dac-topup-jrny-card__amount-tag {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sc-dac-topup-jrny-card--with-two-col .sc-dac-topup-jrny-card__amount-tag-value {
  background-color: rgba(4, 115, 234, 0.149);
  color: #0b56a8;
  border-radius: 8px 3px;
  font-size: 0.75rem;
  padding: 2px 24px 2px 8px;
  margin-top: 2px;
  font-weight: 500;
  position: relative;
  /* stylelint-disable max-nesting-depth */
  /* stylelint-enable max-nesting-depth */
}
.sc-dac-topup-jrny-card--with-two-col .sc-dac-topup-jrny-card__amount-tag-value::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5864 11.6211C13.3675 10.8596 14.6338 10.8596 15.4148 11.6211L35.4147 31.1211C36.1958 31.8827 36.1958 33.1173 35.4147 33.8788L15.4148 53.3788C14.6338 54.1404 13.3675 54.1404 12.5864 53.3789C11.8053 52.6173 11.8053 51.3827 12.5864 50.6211L31.1721 32.5L12.5864 14.3788C11.8053 13.6173 11.8053 12.3826 12.5864 11.6211Z' fill='%230B56A8'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32.5863 11.6211C33.3674 10.8596 34.6337 10.8596 35.4148 11.6211L55.4148 31.1211C56.1958 31.8827 56.1958 33.1173 55.4148 33.8788L35.4148 53.3788C34.6337 54.1404 33.3674 54.1404 32.5863 53.3788C31.8053 52.6173 31.8053 51.3827 32.5863 50.6211L51.1721 32.5L32.5863 14.3788C31.8053 13.6173 31.8053 12.3827 32.5863 11.6211Z' fill='%230B56A8'%3E%3C/path%3E%3C/svg%3E");
  position: absolute;
  background-repeat: no-repeat;
  background-size: 13px;
  display: block;
  width: 15px;
  height: 14px;
  -webkit-transform: rotate(90deg) translate(-50%, -50%);
      -ms-transform: rotate(90deg) translate(-50%, -50%);
          transform: rotate(90deg) translate(-50%, -50%);
  right: 13px;
  top: 50%;
}
.sc-dac-topup-jrny-card--with-bg {
  -webkit-backdrop-filter: blur(19px);
          backdrop-filter: blur(19px);
  -webkit-box-shadow: 0 4px 10px 0 #deffff;
          box-shadow: 0 4px 10px 0 #deffff;
  background: linear-gradient(238.65deg, #19bcfc 13%, #e3e3e3 23.42%, #e3e3e3 75.73%, #00e14d 88.12%);
}
.sc-dac-topup-jrny-card--with-bg .sc-dac-topup-jrny-card__title {
  color: #0c3a66;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sc-dac-topup-jrny-card--with-bg .sc-dac-topup-jrny-card__value {
  color: #0c3a66;
}
.sc-dac-topup-jrny-card--review {
  background: none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-bottom: 16px;
  border: 0 !important;
}
.sc-dac-topup-jrny-card--review .sc-dac-topup-jrny-card__inner {
  padding: 16px 0;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #939393), color-stop(50%, #fff));
  background-image: linear-gradient(to right, #939393 50%, #fff 50%);
  background-position: bottom;
  background-size: 15px 1px;
  background-repeat: repeat-x;
}
.sc-dac-topup-jrny-card--review .sc-dac-topup-jrny-card__inner:last-child {
  background: none;
}
.sc-dac-topup-jrny-card--review .sc-dac-topup-jrny-card__title {
  font-size: 0.875rem;
  color: #6b6e73;
  padding-right: 24px;
}
.sc-dac-topup-jrny-card--error {
  border-color: #d0021b;
  border-radius: 6px;
}
.sc-dac-topup-jrny-card--error .sc-dac-topup-jrny-card__title {
  color: #d0021b;
  font-size: 0.75rem;
}
.sc-dac-topup-jrny-card strong {
  margin-left: 4px;
}

/** @end */
/** @define dac-topup-jrny-footer; weak */
.sc-dac-topup-jrny-footer {
  -webkit-box-shadow: 0 2px 14px rgba(220, 220, 220, 0.5);
          box-shadow: 0 2px 14px rgba(220, 220, 220, 0.5);
  background-color: #fff;
  position: relative;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 800px;
  margin: auto;
}
.sc-dac-topup-jrny-footer__wrapper {
  padding: 24px;
}
.sc-dac-topup-jrny-footer__btn {
  width: 100%;
}
.sc-dac-topup-jrny-footer__btn--transparent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  border: 0;
  padding-right: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #2772c7;
  width: auto;
}

/** @end */
/** @define dac-topup-jrny-borrow; weak */
.sc-dac-topup-jrny-borrow {
  margin-bottom: 24px;
}
.sc-dac-topup-jrny-borrow__desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 0.875rem;
  color: #000;
  font-weight: 500;
}
.sc-dac-topup-jrny-borrow__desc-content {
  color: #757575;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.875rem;
}
.sc-dac-topup-jrny-borrow__values {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 16px;
  margin-bottom: 16px;
}
.sc-dac-topup-jrny-borrow__values-currency {
  font-weight: 500;
  font-size: 1.25rem;
  color: #0c3a66;
  width: 50%;
}
.sc-dac-topup-jrny-borrow__values-amount {
  font-weight: 400;
  font-size: 1.875rem;
  color: #0473ea;
  border: 0;
  width: 50%;
  text-align: right;
  padding: 0;
  border-radius: 0;
  background: none;
  -webkit-text-decoration: solid;
          text-decoration: solid;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 10px;
  -webkit-text-decoration-color: #38d200;
          text-decoration-color: #38d200;
}
.sc-dac-topup-jrny-borrow__values-amount.focus-visible {
  outline: none;
}
.sc-dac-topup-jrny-borrow__values-amount:focus-visible {
  outline: none;
}
.sc-dac-topup-jrny-borrow--error .sc-dac-topup-jrny-borrow__values-amount {
  color: #d0021b;
  -webkit-text-decoration-color: #d0021b;
          text-decoration-color: #d0021b;
}
.sc-dac-topup-jrny-borrow--error .sc-dac-topup-jrny-error-message {
  display: block;
}

/** @end */
/** @define dac-topup-jrny-error-message; weak */
.sc-dac-topup-jrny-error-message {
  position: relative;
  color: #d0021b;
  font-size: 0.75rem;
  font-weight: 400;
  padding-left: 24px;
  display: none;
  margin-top: 8px;
  /* stylelint-disable plugin/selector-bem-pattern */
  /* stylelint-enable plugin/selector-bem-pattern */
}
.sc-dac-topup-jrny-error-message::before {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 14C11.8137 14 14.5 11.3137 14.5 8C14.5 4.68629 11.8137 2 8.5 2C5.18629 2 2.5 4.68629 2.5 8C2.5 11.3137 5.18629 14 8.5 14Z' stroke='%23D0021B' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 5V8.5' stroke='%23D0021B' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 11.5C8.91421 11.5 9.25 11.1642 9.25 10.75C9.25 10.3358 8.91421 10 8.5 10C8.08579 10 7.75 10.3358 7.75 10.75C7.75 11.1642 8.08579 11.5 8.5 11.5Z' fill='%23D0021B'/%3E%3C/svg%3E%0A");
}
.error .sc-dac-topup-jrny-error-message, .sc-dac-topup-jrny-input__wrapper--error .sc-dac-topup-jrny-error-message {
  display: block;
}
.success .sc-dac-topup-jrny-error-message, .sc-dac-topup-jrny-input__wrapper--success .sc-dac-topup-jrny-error-message {
  display: block;
  color: #1f8845;
}
.success .sc-dac-topup-jrny-error-message::before, .sc-dac-topup-jrny-input__wrapper--success .sc-dac-topup-jrny-error-message::before {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 14C11.8137 14 14.5 11.3137 14.5 8C14.5 4.68629 11.8137 2 8.5 2C5.18629 2 2.5 4.68629 2.5 8C2.5 11.3137 5.18629 14 8.5 14Z' stroke='%231f8845' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 5V8.5' stroke='%231f8845' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 11.5C8.91421 11.5 9.25 11.1642 9.25 10.75C9.25 10.3358 8.91421 10 8.5 10C8.08579 10 7.75 10.3358 7.75 10.75C7.75 11.1642 8.08579 11.5 8.5 11.5Z' fill='%231f8845'/%3E%3C/svg%3E%0A");
}

/** @end */
/** @define dac-topup-jrny-checkbox; weak */
.sc-dac-topup-jrny-checkbox__input {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
}
.sc-dac-topup-jrny-checkbox__content-inner {
  display: block;
}
.sc-dac-topup-jrny-checkbox__inner {
  padding-left: 32px;
  margin-top: 16px;
  position: relative;
}
.sc-dac-topup-jrny-checkbox__inner label::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  margin-right: 16px;
  border: 2px solid #b2b2b2;
  border-radius: 8px 0 8px 8px;
}
.sc-dac-topup-jrny-checkbox__inner input:checked ~ .sc-dac-topup-jrny-checkbox__check {
  /* stylelint-disable max-nesting-depth */
  /* stylelint-enable max-nesting-depth */
}
.sc-dac-topup-jrny-checkbox__inner input:checked ~ .sc-dac-topup-jrny-checkbox__check::before {
  background-color: #38d200;
  border-color: #38d200;
}
.sc-dac-topup-jrny-checkbox__inner input:checked ~ .sc-dac-topup-jrny-checkbox__check::after {
  content: "";
  position: absolute;
  top: 7px;
  left: 9px;
  width: 6px;
  height: 10px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.sc-dac-topup-jrny-checkbox__inner--radio {
  /* stylelint-disable max-nesting-depth */
}
.sc-dac-topup-jrny-checkbox__inner--radio label::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 12px;
  height: 21px;
  width: 21px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  cursor: pointer;
  background: #fff;
  border: 2px solid #555;
  border-radius: 50%;
  /* stylelint-enable max-nesting-depth */
}
.sc-dac-topup-jrny-checkbox__inner--radio input:checked {
  /* stylelint-disable max-nesting-depth */
  /* stylelint-enable max-nesting-depth */
}
.sc-dac-topup-jrny-checkbox__inner--radio input:checked ~ .sc-dac-topup-jrny-checkbox__check::before {
  background-color: #fff;
  border-color: #2772c7;
}
.sc-dac-topup-jrny-checkbox__inner--radio input:checked ~ .sc-dac-topup-jrny-checkbox__check::after {
  content: "";
  background-color: #2772c7;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 14px;
  left: 12px;
  border-width: 0;
  position: absolute;
}
.sc-dac-topup-jrny-checkbox__title {
  display: block;
  font-weight: 400;
  font-size: 1rem;
}
.sc-dac-topup-jrny-checkbox__desc {
  font-weight: 400;
  font-size: 0.875rem;
  color: #757575;
  display: block;
}
.sc-dac-topup-jrny-checkbox__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #dfdfdf;
  padding: 16px 0;
}
.sc-dac-topup-jrny-checkbox__footer-left {
  font-weight: 400;
  font-size: 0.875rem;
  color: #757575;
  display: block;
}
.sc-dac-topup-jrny-checkbox__check {
  color: #000;
  font-weight: 400;
  cursor: pointer;
  padding-bottom: 4px;
  display: block;
}
.sc-dac-topup-jrny-checkbox__check::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 12px;
  height: 21px;
  width: 21px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  cursor: pointer;
  border-radius: 6px;
  background: #fff;
  border: 2px solid #555;
}
.sc-dac-topup-jrny-checkbox__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sc-dac-topup-jrny-checkbox__info-title {
  font-size: 0.75rem;
  font-weight: 400;
  color: #757575;
}
.sc-dac-topup-jrny-checkbox__info-value {
  font-size: 0.75rem;
  font-weight: 400;
  text-align: right;
}
.sc-dac-topup-jrny-checkbox__info-value strong {
  font-size: 1rem;
  font-weight: 400;
}

/** @end *
//Tenor selector
/** @define dac-topup-jrny-repayment; weak */
.sc-dac-topup-jrny-repayment__tenors {
  width: 100%;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-top: 24px;
}
.sc-dac-topup-jrny-repayment__tenor {
  width: calc(100% - 8px);
  margin-right: 8px;
  text-align: center;
  min-width: 120px;
  position: relative;
  max-width: 150px;
}
.sc-dac-topup-jrny-repayment__tenor:last-child {
  margin-right: 0;
}
.sc-dac-topup-jrny-repayment__tenor-best-rate {
  font-size: 0.625rem;
  color: #000;
  border-radius: 5px;
  padding: 2px 6px;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  bottom: -3px;
  z-index: 1;
  background: #aef1ea;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.sc-dac-topup-jrny-repayment .sc-dac-topup-jrny-checkbox__check {
  font-size: 0.875rem;
  display: block;
  font-weight: 500;
  cursor: pointer;
  background: #fff;
  border-radius: 12px;
  padding: 12px 12px 16px;
  margin-bottom: 16px;
  position: relative;
  width: 100%;
  border: 1px solid #cccccc;
  color: #525355;
}
.sc-dac-topup-jrny-repayment .sc-dac-topup-jrny-checkbox__check::before {
  display: none;
}
.sc-dac-topup-jrny-repayment .sc-dac-topup-jrny-checkbox__content {
  font-weight: 500;
}
.sc-dac-topup-jrny-repayment .sc-dac-topup-jrny-checkbox__input:checked ~ .sc-dac-topup-jrny-checkbox__check {
  border: 2px solid #38d200;
  color: #191919;
}

/** @end */
/** @define mobile-modal; weak */
/* stylelint-disable plugin/selector-bem-pattern */
.sc-mobile-modal,
.sc-mobile-common-modal {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(25, 25, 25, 0.8);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.sc-mobile-modal.visible,
.sc-mobile-common-modal.visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.sc-mobile-modal.visible .sc-mobile-common-modal__dialog,
.sc-mobile-modal.visible .sc-mobile-modal__dialog,
.sc-mobile-common-modal.visible .sc-mobile-common-modal__dialog,
.sc-mobile-common-modal.visible .sc-mobile-modal__dialog {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.sc-mobile-modal__dialog,
.sc-mobile-common-modal__dialog {
  background-color: #fff;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  position: fixed;
  opacity: 0;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
  max-width: 600px;
  border-radius: 20px 20px 0 0;
  margin: 0;
  width: 100%;
  height: calc(100% - 32px);
  bottom: 0;
  border-bottom: 1px solid #e1e1e1;
  overflow-y: auto;
}
.sc-mobile-modal__body,
.sc-mobile-common-modal__body {
  text-align: left;
  padding: 32px 16px;
  background: #fff;
  height: calc(100% - 105px);
  overflow-y: auto;
  width: 100%;
}
.sc-mobile-modal__footer,
.sc-mobile-common-modal__footer {
  border-top: 1px solid #e5e5e5;
  -webkit-box-shadow: 0 2px 14px 0 rgba(220, 220, 220, 0.5);
          box-shadow: 0 2px 14px 0 rgba(220, 220, 220, 0.5);
  position: fixed;
  width: 100%;
  bottom: 0;
  background: #fff;
  padding: 16px 24px;
  right: 0;
  z-index: 10;
}
.sc-mobile-modal__footer .sc-btn,
.sc-mobile-common-modal__footer .sc-btn {
  margin-top: 16px;
}
.sc-mobile-modal__footer .sc-btn:first-child,
.sc-mobile-common-modal__footer .sc-btn:first-child {
  margin-top: 0;
}
.sc-mobile-modal__content,
.sc-mobile-common-modal__content {
  height: 100%;
}
.sc-mobile-modal__header,
.sc-mobile-common-modal__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 32px;
  font-weight: 500;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #e5e5e5;
  background: #fff;
}
.sc-mobile-modal__header-title,
.sc-mobile-common-modal__header-title {
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.sc-mobile-modal__close, .sc-mobile-modal__download,
.sc-mobile-common-modal__close,
.sc-mobile-common-modal__download {
  border: 0;
  background: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sc-mobile-modal__close svg, .sc-mobile-modal__download svg,
.sc-mobile-common-modal__close svg,
.sc-mobile-common-modal__download svg {
  width: 18px;
  height: 18px;
}
.sc-mobile-modal .sc-btn,
.sc-mobile-common-modal .sc-btn {
  width: 100%;
  background-color: #0b56a8;
  border-color: #0b56a8;
}
.sc-mobile-modal .sc-btn--secondary,
.sc-mobile-common-modal .sc-btn--secondary {
  background-color: #fff;
  color: #0b56a8;
  border-color: #fff;
  /* stylelint-disable max-nesting-depth, selector-max-compound-selectors */
  /* stylelint-enable max-nesting-depth, selector-max-compound-selectors */
}
.sc-mobile-modal .sc-btn--secondary.sc-btn--icon svg path,
.sc-mobile-common-modal .sc-btn--secondary.sc-btn--icon svg path {
  fill: #5b7389;
}
.sc-mobile-modal .sc-btn--secondary-white,
.sc-mobile-common-modal .sc-btn--secondary-white {
  border-color: #fff;
  color: #0c3a66;
  background-color: #fff;
  /* stylelint-disable max-nesting-depth, selector-max-compound-selectors */
  /* stylelint-enable max-nesting-depth, selector-max-compound-selectors */
}
.sc-mobile-modal .sc-btn--secondary-white.sc-btn--icon svg path,
.sc-mobile-common-modal .sc-btn--secondary-white.sc-btn--icon svg path {
  fill: #5b7389;
}
.sc-mobile-modal .sc-btn--secondary-white:hover,
.sc-mobile-common-modal .sc-btn--secondary-white:hover {
  border-color: #fff;
  color: #0b56a8;
  background-color: transparent;
}
.sc-mobile-modal iframe,
.sc-mobile-common-modal iframe {
  width: 100%;
  height: 100vh;
}
.sc-mobile-modal__footer-btn,
.sc-mobile-common-modal__footer-btn {
  width: 100%;
  position: relative;
}
.sc-mobile-modal__footer-btn::before,
.sc-mobile-common-modal__footer-btn::before {
  content: "ª";
  color: #fff;
  position: absolute;
  left: 50px;
  font-size: 2.5rem;
  top: calc(50% - 3px);
  -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
.sc-mobile-modal__footer-btn--disabled,
.sc-mobile-common-modal__footer-btn--disabled {
  border-color: #c3defa;
  color: #719ac1;
  background-color: #c3defa;
}
.sc-mobile-modal__footer-btn--disabled:hover,
.sc-mobile-common-modal__footer-btn--disabled:hover {
  cursor: not-allowed;
  border-color: #c3defa;
  color: #719ac1;
  background-color: #c3defa;
}
.sc-mobile-modal__footer-btn--disabled::before,
.sc-mobile-common-modal__footer-btn--disabled::before {
  content: "ª";
  color: #719ac1;
}
.sc-mobile-modal--close-btn .sc-mobile-modal__header,
.sc-mobile-common-modal--close-btn .sc-mobile-modal__header {
  border-bottom: 0;
}
.sc-mobile-modal--close-btn .sc-mobile-modal__close,
.sc-mobile-common-modal--close-btn .sc-mobile-modal__close {
  width: 100%;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
.sc-mobile-modal--auto-height .sc-mobile-modal__dialog,
.sc-mobile-common-modal--auto-height .sc-mobile-modal__dialog {
  height: auto;
  max-height: calc(100% - 32px);
}
.sc-mobile-modal--popup,
.sc-mobile-common-modal--popup {
  /* stylelint-disable selector-max-id */
  /* stylelint-enable selector-max-id */
}
.sc-mobile-modal--popup .sc-mobile-modal__body,
.sc-mobile-common-modal--popup .sc-mobile-modal__body {
  max-height: 600px;
  padding-bottom: 90px;
  /* stylelint-disable-line scale-unlimited/declaration-strict-value */
  overflow-y: scroll;
}
.sc-mobile-modal--popup .sc-mobile-modal__dialog,
.sc-mobile-common-modal--popup .sc-mobile-modal__dialog {
  background: transparent;
  left: 16px;
  right: 16px;
  width: calc(100% - 32px);
  height: auto;
  margin: 0 auto;
  bottom: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
  overflow-y: auto;
  border-radius: 43px 24px 55px 34px;
}
.sc-mobile-modal--popup .sc-mobile-modal__popup-inner-title,
.sc-mobile-common-modal--popup .sc-mobile-modal__popup-inner-title {
  margin-top: 0;
  font-size: 1.25rem;
  font-weight: 500;
  color: #0c3a66;
}
.sc-mobile-modal--popup .sc-mobile-modal__popup-inner,
.sc-mobile-common-modal--popup .sc-mobile-modal__popup-inner {
  /* stylelint-disable max-nesting-depth */
  /* stylelint-enable max-nesting-depth */
}
.sc-mobile-modal--popup .sc-mobile-modal__popup-inner .sc-title,
.sc-mobile-common-modal--popup .sc-mobile-modal__popup-inner .sc-title {
  font-size: 1.25rem;
  color: #0c3a66;
  font-weight: 500;
}
.sc-mobile-modal--popup .sc-mobile-modal__popup-inner-desc,
.sc-mobile-common-modal--popup .sc-mobile-modal__popup-inner-desc {
  font-size: 0.875rem;
  font-weight: 400;
  margin-top: 8px;
}
.sc-mobile-modal--popup .sc-heading-inner,
.sc-mobile-common-modal--popup .sc-heading-inner {
  margin-bottom: 0;
}
.sc-mobile-modal--popup .sc-heading-inner__icon,
.sc-mobile-common-modal--popup .sc-heading-inner__icon {
  width: 100px;
  height: 100px;
  display: block;
  margin: 0 auto 8px;
}
.sc-mobile-modal--popup#sc-exit-popup .sc-mobile-modal,
.sc-mobile-common-modal--popup#sc-exit-popup .sc-mobile-modal {
  /* stylelint-disable max-nesting-depth */
  /* stylelint-enable max-nesting-depth */
}
.sc-mobile-modal--popup#sc-exit-popup .sc-mobile-modal__body,
.sc-mobile-common-modal--popup#sc-exit-popup .sc-mobile-modal__body {
  padding-bottom: 160px;
  /* stylelint-disable-line scale-unlimited/declaration-strict-value */
}
.sc-mobile-modal--intro .sc-dac-topup-jrny-popup-content,
.sc-mobile-common-modal--intro .sc-dac-topup-jrny-popup-content {
  /* stylelint-disable max-nesting-depth */
  /* stylelint-enable max-nesting-depth */
}
.sc-mobile-modal--intro .sc-dac-topup-jrny-popup-content__desc li,
.sc-mobile-common-modal--intro .sc-dac-topup-jrny-popup-content__desc li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sc-mobile-modal--intro .sc-dac-topup-jrny-popup-content__list-icon,
.sc-mobile-common-modal--intro .sc-dac-topup-jrny-popup-content__list-icon {
  margin-right: 16px;
}
.sc-mobile-modal--intro .sc-dac-topup-jrny-popup-content__list-icon svg,
.sc-mobile-common-modal--intro .sc-dac-topup-jrny-popup-content__list-icon svg {
  width: 32px;
  height: 32px;
}

/* stylelint-enable plugin/selector-bem-pattern */
/** @end */
/** @define dac-topup-jrny-cc; weak */
.sc-dac-topup-jrny-cc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #191919;
  font-weight: 500;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 16px;
}
.sc-dac-topup-jrny-cc__img {
  padding-right: 16px;
  max-width: 70px;
  height: 100%;
}
.sc-dac-topup-jrny-cc__title {
  font-weight: 500;
  font-size: 0.875rem;
}
.sc-dac-topup-jrny-cc__number {
  font-weight: 400;
  font-size: 0.75rem;
  color: #757575;
}

/** @end */
/** @define dac-topup-jrny-instalment; weak */
.sc-dac-topup-jrny-instalment {
  margin-top: 24px;
}
.sc-dac-topup-jrny-instalment__item {
  margin: 32px 0 16px;
}
.sc-dac-topup-jrny-instalment__title {
  font-weight: 500;
  font-size: 0.875rem;
  margin-top: 24px;
}
.sc-dac-topup-jrny-instalment__title:first-child {
  margin-top: 0;
}

/** @end */
/** @define dac-topup-jrny-input; weak */
.sc-dac-topup-jrny-input {
  position: relative;
  padding-top: 24px;
  /* stylelint-disable plugin/selector-bem-pattern */
  /* stylelint-enable plugin/selector-bem-pattern */
}
.sc-dac-topup-jrny-select .sc-dac-topup-jrny-input {
  padding-bottom: 16px;
}
.sc-dac-topup-jrny-select .sc-dac-topup-jrny-input:last-child {
  padding-bottom: 0;
}
.sc-dac-topup-jrny-input__title {
  font-size: 1rem;
  color: #0c3a66;
  margin-bottom: 16px;
  font-weight: 500;
  display: inline-block;
}
.sc-dac-topup-jrny-input__input {
  display: block;
  width: 100%;
  height: 42px;
  border: 0;
  border-bottom: 1px solid #b2b2b2;
  background-color: #fff;
  color: #666666;
  font-size: 1rem;
}
.sc-dac-topup-jrny-input__input::-webkit-input-placeholder {
  color: #b2b2b2;
  opacity: 1;
}
.sc-dac-topup-jrny-input__input::-moz-placeholder {
  color: #b2b2b2;
  opacity: 1;
}
.sc-dac-topup-jrny-input__input::-ms-input-placeholder {
  color: #b2b2b2;
  opacity: 1;
}
.sc-dac-topup-jrny-input__input::placeholder {
  color: #b2b2b2;
  opacity: 1;
}
.sc-dac-topup-jrny-input__select {
  padding-right: 32px;
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IjI0cHgvQ2FyZXREb3duIj4KPGcgaWQ9IkNhcmV0RG93biI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xMy41IDZMOC41IDExTDMuNSA2IiBzdHJva2U9IiMxOTE5MTkiIHN0cm9rZS13aWR0aD0iMS44IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=") right 10px center no-repeat;
}
.sc-dac-topup-jrny-input__wrapper {
  position: relative;
}
.sc-dac-topup-jrny-input__wrapper--success button,
.sc-dac-topup-jrny-input__wrapper--success .sc-dac-topup-jrny-input__input {
  border-bottom-color: #38d200;
}
.sc-dac-topup-jrny-input__wrapper--error button,
.sc-dac-topup-jrny-input__wrapper--error .sc-dac-topup-jrny-input__input {
  border-bottom-color: #d0021b;
}
.sc-dac-topup-jrny-input__icon {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 10px;
  bottom: 26px;
}
.sc-dac-topup-jrny-input__note {
  font-size: 0.75rem;
  color: #6b6e73;
  margin-top: 8px;
}

/** @end */
/** @define dac-topup-jrny-question; weak */
.sc-dac-topup-jrny-question {
  line-height: 1;
  background: transparent;
  border: 0;
  cursor: pointer;
  padding: 0 4px;
}
.sc-dac-topup-jrny-question svg,
.sc-dac-topup-jrny-question img {
  width: 16px;
  height: 16px;
  margin-left: 0;
  position: relative;
}

/** @end */
/** @define dac-topup-jrny-popup-content; weak */
.sc-dac-topup-jrny-popup-content {
  color: #0c3a66;
}
.sc-dac-topup-jrny-popup-content__head {
  text-align: center;
  margin-bottom: 16px;
}
.sc-dac-topup-jrny-popup-content__title {
  font-size: 1.25rem;
  font-weight: 500;
}
.sc-dac-topup-jrny-popup-content__sub-title {
  margin-top: 16px;
  font-size: 0.875rem;
  font-weight: 500;
}
.sc-dac-topup-jrny-popup-content__desc {
  font-size: 0.875rem;
}
.sc-dac-topup-jrny-popup-content ul {
  margin-top: 16px;
}
.sc-dac-topup-jrny-popup-content .sc-rte * {
  color: #0c3a66;
}
.sc-dac-topup-jrny-popup-content--left .sc-dac-topup-jrny-popup-content__head {
  text-align: left;
}

/** @end */
/** @define dac-topup-jrny-tag; weak */
.sc-dac-topup-jrny-tag {
  background: transparent;
  border-radius: 4px;
  font-weight: 400;
  font-size: 0.625rem;
  padding: 0 4px;
  position: relative;
  margin: 0 0 8px 4px;
  color: #000;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sc-dac-topup-jrny-tag__icon {
  width: 18px;
  height: 18px;
  margin-right: 8px;
}
.sc-dac-topup-jrny-tag__icon svg {
  width: 100%;
  height: 100%;
}
.sc-dac-topup-jrny-tag--green {
  background: transparent;
  padding: 4px;
  color: #525355;
  background-color: #f7fbff;
  border: 1px solid transparent;
  font-size: 0.688rem;
  font-weight: 400;
}
.sc-dac-topup-jrny-tag--green svg path {
  fill: #38d200;
}
.sc-dac-topup-jrny-tag--green-bord {
  font-size: 0.75rem;
  font-weight: 400;
  padding: 8px;
  border: 1px solid #38d200;
  color: #000;
  background-color: #ebfae5;
  border-radius: 4px;
  margin: 0 0 16px;
}
.sc-dac-topup-jrny-tag--blue {
  font-size: 0.75rem;
  font-weight: 400;
  padding: 8px;
  color: #2772c7;
  background-color: #e7f1fd;
  border-radius: 4px;
  margin: 0;
}
.sc-dac-topup-jrny-tag--green-bg {
  font-size: 0.75rem;
  font-weight: 400;
  padding: 8px;
  color: #00a546;
  background-color: #e8f3ec;
  border-radius: 4px;
  margin: 0;
}
.sc-dac-topup-jrny-tag--red {
  font-size: 0.75rem;
  font-weight: 400;
  padding: 8px;
  color: #d0021b;
  background-color: #fae5e8;
  border-radius: 4px;
  margin: 0;
}

/** @end */
/** @define dac-topup-jrny-promotion; weak */
.sc-dac-topup-jrny-promotion {
  margin-top: 24px;
}
.sc-dac-topup-jrny-promotion__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sc-dac-topup-jrny-promotion__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sc-dac-topup-jrny-promotion__label svg {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.sc-dac-topup-jrny-promotion__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.125rem;
  color: #000;
  font-weight: 400;
}
.sc-dac-topup-jrny-promotion .sc-btn-toggle__text {
  font-size: 1.125rem;
}
.sc-dac-topup-jrny-promotion .sc-btn-toggle__switch {
  /* stylelint-disable max-nesting-depth */
  /* stylelint-enable max-nesting-depth */
}
.sc-dac-topup-jrny-promotion .sc-btn-toggle__switch::before {
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.8903 13.0866C17.5991 13.6442 12.7821 16.8036 9.80749 21.6632C8.81715 23.2934 8.07627 25.0656 7.60996 26.9198C7.10445 28.9219 7 29.7835 7 31.9926C7 34.2017 7.10445 35.0634 7.60996 37.0655C8.07627 38.9196 8.81715 40.6919 9.80749 42.3221C13.1309 47.754 18.6895 51 24.6659 51C27.7177 51 30.5482 50.1763 33.3808 48.4657C34.5422 47.7624 57 32.1046 57 31.9969C57 31.9103 34.4231 16.1363 33.4581 15.5449C32.3601 14.8881 31.2067 14.3312 30.0114 13.8807C27.8932 13.1331 25.2382 12.8374 22.8903 13.0866Z' fill='white'/%3E%3C/svg%3E%0A");
  width: 30px;
  height: 30px;
  background-size: contain;
  background-color: transparent;
  border-radius: 0;
  left: 1px;
  bottom: -2px;
  -webkit-transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.sc-dac-topup-jrny-promotion .sc-btn-toggle__input {
  /* stylelint-disable max-nesting-depth */
  /* stylelint-enable max-nesting-depth */
}
.sc-dac-topup-jrny-promotion .sc-btn-toggle__input:checked + .sc-btn-toggle__switch {
  background-color: #38d200;
}
.sc-dac-topup-jrny-promotion .sc-btn-toggle__input:checked + .sc-btn-toggle__switch::before {
  -webkit-transform: translateX(14px);
      -ms-transform: translateX(14px);
          transform: translateX(14px);
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M41.1097 50.9134C46.4009 50.3558 51.2179 47.1964 54.1925 42.3368C55.1828 40.7066 55.9237 38.9344 56.39 37.0802C56.8955 35.0781 57 34.2165 57 32.0074C57 29.7983 56.8955 28.9366 56.39 26.9345C55.9237 25.0804 55.1828 23.3081 54.1925 21.6779C50.8691 16.246 45.3105 13 39.3341 13C36.2823 13 33.4518 13.8237 30.6192 15.5343C29.4578 16.2376 7 31.8954 7 32.0031C7 32.0897 29.5769 47.8637 30.5419 48.4551C31.6399 49.1119 32.7933 49.6688 33.9886 50.1193C36.1068 50.8669 38.7618 51.1626 41.1097 50.9134Z' fill='white'/%3E%3C/svg%3E%0A");
}

/** @end */
/** @define dac-topup-jrny-select; weak */
.sc-dac-topup-jrny-select {
  padding-top: 16px;
}
.sc-dac-topup-jrny-select__dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  min-height: 42px;
  border: 0;
  border-bottom: 1px solid #b2b2b2;
  color: #191919;
  padding: 0;
  font-size: 1rem;
  padding-right: 32px;
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IjI0cHgvQ2FyZXREb3duIj4KPGcgaWQ9IkNhcmV0RG93biI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xMy41IDZMOC41IDExTDMuNSA2IiBzdHJva2U9IiMxOTE5MTkiIHN0cm9rZS13aWR0aD0iMS44IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=") right 10px center no-repeat;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: left;
}
.sc-dac-topup-jrny-select__dropdown--success {
  border-bottom: 2px solid #38d200;
}
.sc-dac-topup-jrny-select__dropdown strong {
  font-weight: 500;
  font-size: 1rem;
  color: #191919;
  text-align: left;
  display: block;
}
.sc-dac-topup-jrny-select__dropdown span {
  color: #555;
  font-weight: 400;
  font-size: 0.875rem;
  margin-bottom: 8px;
}
.sc-dac-topup-jrny-select__dropdown-title {
  -webkit-box-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
  text-align: left;
  color: #191919;
  font-size: 1rem;
}
.sc-dac-topup-jrny-select__dropdown-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.sc-dac-topup-jrny-select__dropdown-details-desc {
  font-size: 0.875rem;
}
.sc-dac-topup-jrny-select__dropdown-details-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0;
}
.sc-dac-topup-jrny-select__dropdown-details-value strong {
  margin-left: 4px;
}

/** @end */
/** @define dac-topup-jrny-doc; weak */
.sc-dac-topup-jrny-doc {
  background: #fff;
}
.sc-dac-topup-jrny-doc__tab {
  padding: 0 8px 0 16px;
  position: fixed;
  background: #fff;
  width: 100%;
  top: 55px;
  left: 0;
  min-height: 40px;
  -webkit-box-shadow: 0 2px 14px 0 rgba(220, 220, 220, 0.5019607843);
          box-shadow: 0 2px 14px 0 rgba(220, 220, 220, 0.5019607843);
  z-index: 1;
}
.sc-dac-topup-jrny-doc__tabs {
  font-size: 0.75rem;
  grid-gap: 10px;
  gap: 10px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0;
  margin: 0;
}
.sc-dac-topup-jrny-doc__tab-link {
  padding: 16px 8px 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #6b6e73;
  font-weight: 400;
  cursor: pointer;
  position: relative;
  font-size: 13px;
  /* stylelint-disable-line scale-unlimited/declaration-strict-value */
  /* stylelint-disable plugin/selector-bem-pattern */
  /* stylelint-enable plugin/selector-bem-pattern */
}
.sc-dac-topup-jrny-doc__tab-link::before {
  width: 8px;
  height: 8px;
  background: #d0021b;
  content: "";
  position: absolute;
  right: -4px;
  top: 15px;
  border-radius: 20px;
}
.sc-dac-topup-jrny-doc__tab-link.active {
  color: #191919;
  border-bottom: 2px solid #191919;
  font-weight: 500;
}
.sc-dac-topup-jrny-doc__tab-link.completed {
  padding-right: 16px;
}
.sc-dac-topup-jrny-doc__tab-link.completed::after {
  content: "";
  position: absolute;
  right: -10px;
  height: 20px;
  width: 20px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20Z' fill='%2300A546'/%3E%3Cpath d='M8.75921 12.759L13.5655 7.19971M6.06641 10.2885L8.75659 12.759L6.06641 10.2885Z' stroke='white' stroke-width='1.8' stroke-linecap='square'/%3E%3C/svg%3E%0A");
  background-size: 15px;
  background-repeat: no-repeat;
}
.sc-dac-topup-jrny-doc__tab-link.completed::before {
  display: none;
}
.sc-dac-topup-jrny-doc__tab-panel {
  padding: 40px 0 0;
}
.sc-dac-topup-jrny-doc__tnc-orderlist {
  padding-left: 16px;
}
.sc-dac-topup-jrny-doc__tnc-orderlist ol {
  padding-left: 16px;
}
.sc-dac-topup-jrny-doc__content {
  margin-bottom: 32px;
}
.sc-dac-topup-jrny-doc__content--active {
  display: block;
}
.sc-dac-topup-jrny-doc__content ul {
  list-style: decimal;
  padding-left: 16px;
  margin-bottom: 16px;
  /* stylelint-disable selector-max-type  */
  /* stylelint-enable selector-max-type  */
  /* stylelint-enable max-nesting-depth, selector-max-compound-selectors */
}
.sc-dac-topup-jrny-doc__content ul:has(table) {
  overflow: auto;
}
.sc-dac-topup-jrny-doc__content ul ul {
  list-style: lower-alpha;
  /* stylelint-disable max-nesting-depth, selector-max-compound-selectors */
}
.sc-dac-topup-jrny-doc__content ul ul ul {
  list-style: lower-roman;
  font-size: 0.75rem;
}
.sc-dac-topup-jrny-doc__content li,
.sc-dac-topup-jrny-doc__content p {
  color: #555;
  font-weight: 400;
  font-size: 0.875rem;
  margin-bottom: 4px;
  list-style: upper-alpha;
  /* stylelint-disable max-nesting-depth, selector-max-compound-selectors */
  /* stylelint-enable max-nesting-depth, selector-max-compound-selectors */
}
.sc-dac-topup-jrny-doc__content li ol > li,
.sc-dac-topup-jrny-doc__content p ol > li {
  list-style: decimal;
}
.sc-dac-topup-jrny-doc__content a {
  color: #555;
  font-size: 0.875rem;
}
.sc-dac-topup-jrny-doc__content span {
  color: #000;
  font-weight: 400;
  font-size: 1rem;
  display: block;
  margin-bottom: 8px;
}
.sc-dac-topup-jrny-doc__content h4 {
  font-weight: 500;
  font-size: 1.125rem;
}
.sc-dac-topup-jrny-doc__content table {
  border-left: #cccccc solid 1px;
  border-top: #cccccc solid 1px;
  margin-bottom: 16px;
}
.sc-dac-topup-jrny-doc__content table thead {
  text-align: center;
}
.sc-dac-topup-jrny-doc__content table td {
  border-right: #cccccc solid 1px;
  border-bottom: #cccccc solid 1px;
  padding: 4px;
  word-wrap: break-word;
  /* Allows text to wrap */
  word-break: break-word;
}
.sc-dac-topup-jrny-doc__content table th {
  background-color: #6b6e73;
  color: #fff;
  text-align: left;
  padding: 4px;
  /* stylelint-disable max-nesting-depth, selector-max-compound-selectors */
  /* stylelint-enable max-nesting-depth, selector-max-compound-selectors */
}
.sc-dac-topup-jrny-doc__content table th p {
  color: inherit;
}

/** @end */
/** @define dac-topup-jrny-progress; weak */
.sc-dac-topup-jrny-progress {
  position: relative;
  width: 100%;
}
.sc-dac-topup-jrny-progress__bar {
  background: #3beb8d;
  top: -4px;
  border-radius: 30px 4px 0 0;
  left: -2px;
  height: 100px;
  position: absolute;
  display: block;
}
.sc-dac-topup-jrny-progress--complete .sc-dac-topup-jrny-progress__bar {
  border-radius: 30px 52px 0;
}

/** @end */
/** @define mobile-common-modal; weak */
.sc-mobile-common-modal__body {
  max-height: 500px;
  overflow-y: scroll;
}
.sc-mobile-common-modal__dialog {
  background: transparent;
  left: 16px;
  right: 16px;
  width: calc(100% - 32px);
  height: auto;
  margin: 0 auto;
  bottom: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
  overflow-y: auto;
  border-radius: 43px 24px 55px 34px;
}
.sc-mobile-common-modal__title {
  margin-top: 0;
  font-size: 1.25rem;
  font-weight: 500;
  color: #0c3a66;
}
.sc-mobile-common-modal__desc {
  margin: 16px 0;
  font-size: 0.875rem;
  font-weight: 400;
  color: #0c3a66;
}
.sc-mobile-common-modal__icon {
  margin-bottom: 8px;
  /* stylelint-disable max-nesting-depth */
  /* stylelint-enable max-nesting-depth */
}
.sc-mobile-common-modal__icon svg {
  width: 40px;
  height: 40px;
}
.sc-mobile-common-modal__icon svg path {
  fill: #0c3a66;
}
.sc-mobile-common-modal__icon--big {
  margin-bottom: 8px;
}
.sc-mobile-common-modal__icon--big svg {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  display: block;
}
.sc-mobile-common-modal__icon--big svg path {
  fill: revert-layer;
}
.sc-mobile-common-modal__footer {
  position: relative;
}

/** @end */
/** @define dac-topup-jrny-banks; weak */
.sc-dac-topup-jrny-banks__list-title {
  color: #0c3a66;
  font-size: 1rem;
  font-weight: 500;
}
.sc-dac-topup-jrny-banks__list {
  padding: 0;
  list-style: none;
  margin: 16px 0;
}
.sc-dac-topup-jrny-banks__list-items li {
  padding: 8px;
  border: 0;
  border-bottom: 1px solid #dfdfdf;
  cursor: pointer;
  color: #191919;
}
.sc-dac-topup-jrny-banks__list-items li:last-child {
  border-bottom: 0;
}
.sc-dac-topup-jrny-banks .sc-dac-topup-jrny-input {
  padding-bottom: 16px;
  padding-top: 0;
}
.sc-dac-topup-jrny-banks .sc-dac-topup-jrny-input__input {
  border: 1px solid #cccbcb;
  border-radius: 6px;
  padding: 0 16px;
  color: #939393;
}

/** @define dac-topup-jrny-choose-account; weak */
.sc-dac-topup-jrny-choose-account {
  padding-left: 16px;
}
.sc-dac-topup-jrny-choose-account__accounts {
  margin-bottom: 32px;
}
.sc-dac-topup-jrny-choose-account__accounts-title {
  color: #0b56a8;
  font-size: 1rem;
  font-weight: 500;
}
.sc-dac-topup-jrny-choose-account .sc-dac-topup-jrny-input {
  padding-left: 32px;
}
.sc-dac-topup-jrny-choose-account .sc-dac-topup-jrny-input__title {
  font-size: 0.875rem;
  font-weight: 300;
  margin-bottom: 8px;
}

/** @end */
/** @define dac-topup-jrny-submission; weak */
.sc-dac-topup-jrny-submission {
  background: #fff;
  margin: 0;
  padding: 0;
}
.sc-dac-topup-jrny-submission .sc-content-wrapper {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sc-dac-topup-jrny-submission__view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 32px;
}
.sc-dac-topup-jrny-submission__description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  text-align: left;
  color: #0c3a66;
  margin-top: 8px;
}
.sc-dac-topup-jrny-submission__description--info {
  text-align: left;
  margin-top: 24px;
  /* stylelint-disable max-nesting-depth */
  /* stylelint-enable max-nesting-depth */
}
.sc-dac-topup-jrny-submission__description--info .sc-dac-topup-jrny-submission__description-title {
  font-size: 1rem;
}
.sc-dac-topup-jrny-submission__description--info .sc-dac-topup-jrny-submission__description p {
  color: #6b6e73;
}
.sc-dac-topup-jrny-submission__description strong {
  font-weight: 600;
  display: inline-block;
}
.sc-dac-topup-jrny-submission__description p,
.sc-dac-topup-jrny-submission__description a {
  margin-top: 16px;
  font-weight: 400;
  font-size: 0.875rem;
  color: #191919;
}
.sc-dac-topup-jrny-submission__description a {
  color: #2772c7;
}
.sc-dac-topup-jrny-submission__description-title {
  font-weight: 500;
  font-size: 1.375rem;
}
.sc-dac-topup-jrny-submission__box {
  background: #fff;
  border-radius: 20px 20px 0 0;
  padding: 32px 32px 90px;
  /* stylelint-disable-line scale-unlimited/declaration-strict-value */
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  top: 2px;
  min-height: 300px;
}
.sc-dac-topup-jrny-submission__img {
  display: block;
  margin: 0 auto;
  padding-top: 32px;
  width: 160px;
}
.sc-dac-topup-jrny-submission__ref-id {
  font-size: 0.75rem;
  color: #666666;
  display: block;
  text-align: center;
  font-weight: 500;
}
.sc-dac-topup-jrny-submission__ref-id--error {
  color: #757575;
  text-align: center;
  font-size: 0.875rem;
}
.sc-dac-topup-jrny-submission__err-id {
  font-size: 0.875rem;
  color: #757575;
  padding-top: 16px;
  text-align: center;
  display: block;
}
.sc-dac-topup-jrny-submission__submit {
  /* stylelint-disable max-nesting-depth */
  /* stylelint-enable max-nesting-depth */
}
.sc-dac-topup-jrny-submission__submit .sc-dac-topup-jrny-submission__description p {
  color: #000;
}
.sc-dac-topup-jrny-submission__submit .sc-dac-topup-jrny-submission__description-note p {
  color: #6b6e73;
  font-size: 0.75rem;
  margin-top: 0;
  border-top: 0;
  padding: 0 0 16px;
}
.sc-dac-topup-jrny-submission__fail, .sc-dac-topup-jrny-submission__processing, .sc-dac-topup-jrny-submission__reject {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* stylelint-disable plugin/selector-bem-pattern */
  /* stylelint-enable plugin/selector-bem-pattern */
}
.sc-dac-topup-jrny-submission__fail.visible, .sc-dac-topup-jrny-submission__processing.visible, .sc-dac-topup-jrny-submission__reject.visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sc-dac-topup-jrny-submission__processing {
  /* stylelint-disable max-nesting-depth */
  /* stylelint-enable max-nesting-depth */
}
.sc-dac-topup-jrny-submission__processing .sc-dac-topup-jrny-submission__description-title {
  font-weight: 500;
  font-size: 1rem;
}
.sc-dac-topup-jrny-submission__footer {
  -webkit-box-shadow: 0 2px 14px rgba(220, 220, 220, 0.5);
          box-shadow: 0 2px 14px rgba(220, 220, 220, 0.5);
  background-color: #fff;
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 800px;
  margin: auto;
}
.sc-dac-topup-jrny-submission__timeline {
  margin-top: 16px;
}
.sc-dac-topup-jrny-submission__timeline .sc-dac-topup-jrny-title {
  font-weight: 500;
}
.sc-dac-topup-jrny-submission__timeline ul {
  padding-left: 8px;
  margin-top: 16px;
}
.sc-dac-topup-jrny-submission__check {
  font-size: 0.875rem;
  font-weight: 500;
  padding-bottom: 16px;
  border-left: 2px dashed #cccccc;
  position: relative;
  padding-left: 24px;
  list-style-type: none;
  /* stylelint-disable plugin/selector-bem-pattern */
  /* stylelint-enable plugin/selector-bem-pattern */
}
.sc-dac-topup-jrny-submission__check:last-child {
  border-left-color: #fff;
  padding-bottom: 0;
}
.sc-dac-topup-jrny-submission__check::before {
  content: "";
  left: -11px;
  top: 0;
  border: 2px solid #38d200;
  width: 20px;
  height: 20px;
  background: #fff;
  display: block;
  position: absolute;
  border-radius: 50%;
}
.sc-dac-topup-jrny-submission__check.completed::after {
  content: "";
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  left: -4px;
  top: 5px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  height: 9px;
  width: 5px;
}
.sc-dac-topup-jrny-submission__check.completed::before {
  background: #92e773;
}
.sc-dac-topup-jrny-submission__check.processing::after {
  content: "";
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  position: absolute;
  left: -3px;
  top: 4px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  height: 8px;
  width: 8px;
}
.sc-dac-topup-jrny-submission__check.processing::before {
  background: #92e773;
}
.sc-dac-topup-jrny-submission__check span {
  color: #191919;
  font-size: 1rem;
}
.sc-dac-topup-jrny-submission__check p {
  font-size: 0.875rem;
  font-weight: 400;
  color: #555;
}
.sc-dac-topup-jrny-submission__check--cross {
  /* stylelint-disable plugin/selector-bem-pattern, max-nesting-depth */
  /* stylelint-enable plugin/selector-bem-pattern, max-nesting-depth */
}
.sc-dac-topup-jrny-submission__check--cross.completed::after {
  content: "x";
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
  position: absolute;
  left: -6px;
  top: -4px;
  border: solid #38d200;
  border-width: 0;
  height: 11px;
  font-size: 15px;
  /* stylelint-disable-line scale-unlimited/declaration-strict-value */
}
.sc-dac-topup-jrny-submission__details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}
.sc-dac-topup-jrny-submission__details svg {
  width: 22px;
  height: 22px;
}
.sc-dac-topup-jrny-submission__detail {
  padding: 0 0 0 8px;
  width: 100%;
}
.sc-dac-topup-jrny-submission__detail .sc-dac-topup-jrny-card__title {
  color: #6b6e73;
  font-size: 0.875rem;
}
.sc-dac-topup-jrny-submission__detail-title {
  color: #6b6e73;
  font-size: 0.875rem;
  font-weight: 500;
}
.sc-dac-topup-jrny-submission__amt {
  border-left: 4px solid #eee;
  padding-left: 8px;
  margin-top: 8px;
}
.sc-dac-topup-jrny-submission__fee-desc {
  color: #6b6e73;
  font-size: 0.75rem;
}
.sc-dac-topup-jrny-submission .sc-dac-topup-jrny-card {
  background-color: #f7fbff;
  border-radius: 22px 6px;
}
.sc-dac-topup-jrny-submission .sc-dac-topup-jrny-card__outer {
  padding: 16px;
  border-radius: 22px 6px;
  background: #f7fbff;
}
.sc-dac-topup-jrny-submission .sc-dac-topup-jrny-card__title {
  color: #061d33;
}
.sc-dac-topup-jrny-submission .sc-dac-topup-jrny-card__main, .sc-dac-topup-jrny-submission .sc-dac-topup-jrny-card__inner {
  padding: 0;
}
.sc-dac-topup-jrny-submission .sc-dac-topup-jrny-card__value {
  font-size: 1rem;
  text-align: right;
  color: #061d33;
}
.sc-dac-topup-jrny-submission .sc-dac-topup-jrny-card__inner {
  padding: 16px 0 8px;
  border-bottom: 1px solid #a9c7e9;
  background-color: #f7fbff;
  border-radius: 0;
}
.sc-dac-topup-jrny-submission .sc-dac-topup-jrny-card__inner:last-child {
  border: 0;
}
.sc-dac-topup-jrny-submission .sc-dac-topup-jrny-review__value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sc-dac-topup-jrny-submission .sc-dac-topup-jrny__bg-img {
  border-radius: 0;
}
.sc-dac-topup-jrny-submission__description-icon-process, .sc-dac-topup-jrny-submission__description-icon-submit {
  color: #6b6e73;
  font-size: 13px;
  /* stylelint-disable-line scale-unlimited/declaration-strict-value */
  font-weight: 500;
  position: relative;
  padding-left: 24px;
}
.sc-dac-topup-jrny-submission__description-icon-process::before, .sc-dac-topup-jrny-submission__description-icon-submit::before {
  content: "";
  width: 18px;
  height: 18px;
  display: block;
  position: absolute;
  border-radius: 50%;
}
.sc-dac-topup-jrny-submission__description-icon-process::after, .sc-dac-topup-jrny-submission__description-icon-submit::after {
  content: "";
  position: absolute;
}
.sc-dac-topup-jrny-submission__description-icon-submit::before {
  left: 1px;
  top: -2px;
  border: 2px solid #000;
  background: #000;
}
.sc-dac-topup-jrny-submission__description-icon-submit::after {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  left: 7px;
  top: 2px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  height: 8px;
  width: 5px;
}
.sc-dac-topup-jrny-submission__description-icon-process::before {
  left: 1px;
  top: -2px;
  border: 2px solid #000;
}
.sc-dac-topup-jrny-submission__description-icon-process::after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  left: 6px;
  top: 4px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  height: 6px;
  width: 6px;
}
.sc-dac-topup-jrny-submission__timeline-title {
  color: #0c3a66;
  font-size: 1.25rem;
  margin: 0 0 8px 0;
}
.sc-dac-topup-jrny-submission__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 16px;
  border-bottom: 1px solid #eee;
}
.sc-dac-topup-jrny-submission__tags .sc-dac-topup-jrny-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #2772c7;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
.sc-dac-topup-jrny-submission__tags .sc-dac-topup-jrny-link--underline {
  margin: 0;
}
.sc-dac-topup-jrny-submission__tags .sc-dac-topup-jrny-link svg {
  width: 18px;
  margin-right: 8px;
  height: 18px;
}
.sc-dac-topup-jrny-submission .sc-heading-inner .sc-title--inner {
  color: #fff;
}
.sc-dac-topup-jrny-submission .sc-heading-inner__icon {
  width: 100%;
  height: 300px;
}

/** @end */
/** @define dac-topup-jrny-otp-input; weak */
.sc-dac-topup-jrny-otp-input__code {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 24px 0 16px;
}
.sc-dac-topup-jrny-otp-input__code :where([autocomplete="one-time-code"]) {
  /* stylelint-disable plugin/selector-bem-pattern */
  --_otp-digit: 0;
  --otp-ls: 2ch;
  --_otp-bgsz: calc(var(--otp-ls) + 24px);
  --_otp-bgsz: calc(var(--otp-ls) + 24px);
  all: unset;
  background: linear-gradient(90deg, #38d200 32px, transparent 0), linear-gradient(90deg, #c1ffc9 31px, transparent 0);
  /* stylelint-disable length-zero-no-unit  */
  background-position: calc(var(--_otp-digit) * var(--_otp-bgsz)) 100%, 0 100%;
  background-position: calc(var(--_otp-digit) * var(--_otp-bgsz)) 100%, 0 100%;
  /* stylelint-enable length-zero-no-unit  */
  /* stylelint-enable plugin/selector-bem-pattern */
  background-repeat: no-repeat, repeat-x;
  background-size: 44px 2px;
  -webkit-clip-path: inset(0% 12px 0% 0%);
          clip-path: inset(0% 12px 0% 0%);
  font-size: 1rem;
  width: 260px;
  letter-spacing: 35px;
  padding: 8px 0 8px 8px;
}
.sc-dac-topup-jrny-otp-input.error {
  /* stylelint-disable plugin/selector-bem-pattern */
  /* stylelint-enable plugin/selector-bem-pattern */
}
.sc-dac-topup-jrny-otp-input.error .sc-dac-topup-jrny-otp-input__code {
  /* stylelint-disable plugin/selector-bem-pattern, max-nesting-depth */
  /* stylelint-enable plugin/selector-bem-pattern, max-nesting-depth */
}
.sc-dac-topup-jrny-otp-input.error .sc-dac-topup-jrny-otp-input__code :where([autocomplete="one-time-code"]) {
  background: linear-gradient(90deg, #d0021b 32px, transparent 0), linear-gradient(90deg, #d0021b 31px, transparent 0);
  background-position: calc(var(--_otp-digit) * var(--_otp-bgsz)) 100%, 0 100%;
  background-position: calc(var(--_otp-digit) * var(--_otp-bgsz)) 100%, 0 100%;
  background-repeat: no-repeat, repeat-x;
  background-size: 44px 2px;
}
.sc-dac-topup-jrny-otp-input.error .sc-dac-topup-jrny-error-message {
  margin-bottom: 8px;
}
.sc-dac-topup-jrny-otp-input__cod-txt {
  color: #666666;
  font-size: 1.25rem;
  margin-right: 8px;
}
.sc-dac-topup-jrny-otp-input__resend-btn {
  color: #0473ea;
  display: block;
}
.sc-dac-topup-jrny-otp-input__resend-btn--underline {
  border-bottom: 1px dotted #0473ea;
  margin-bottom: 8px;
}
.sc-dac-topup-jrny-otp-input__timer {
  font-size: 1rem;
  color: #666666;
  display: block;
}
.sc-dac-topup-jrny-otp-input__show-icon {
  position: absolute;
  right: 4px;
  width: 24px;
  height: 24px;
}
.sc-dac-topup-jrny-otp-input__show-icon svg {
  width: 100%;
  height: 100%;
}
.sc-dac-topup-jrny-otp-input .sc-dac-topup-jrny-link {
  font-size: 1rem;
}
.sc-dac-topup-jrny-otp-input .sc-dac-topup-jrny-link--underline {
  display: block;
  margin: 0 auto;
}
.sc-dac-topup-jrny-otp-input--drop .sc-dac-topup-jrny-otp-input__drop-icon {
  width: 19px;
  height: 19px;
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.0866 41.1097C13.6442 46.4009 16.8036 51.2179 21.6632 54.1925C23.2934 55.1828 25.0656 55.9237 26.9198 56.39C28.9219 56.8955 29.7835 57 31.9926 57C34.2017 57 35.0634 56.8955 37.0655 56.39C38.9196 55.9237 40.6919 55.1828 42.3221 54.1925C47.754 50.8691 51 45.3105 51 39.3341C51 36.2823 50.1763 33.4518 48.4657 30.6192C47.7624 29.4578 32.1046 7 31.9969 7C31.9103 7 16.1363 29.5769 15.5449 30.5419C14.8881 31.6399 14.3312 32.7933 13.8807 33.9886C13.1331 36.1068 12.8374 38.7618 13.0866 41.1097Z' fill='%230473EA'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 26px;
  /* stylelint-disable-line scale-unlimited/declaration-strict-value */
}
.sc-dac-topup-jrny-otp-input--drop .sc-dac-topup-jrny-otp-input__mask-layer {
  position: absolute;
  bottom: 8px;
  left: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  pointer-events: none;
}
.sc-dac-topup-jrny-otp-input--drop input {
  color: transparent;
  caret-color: #38d200;
  direction: ltr;
  text-align: left;
}
.sc-dac-topup-jrny-otp-input--password .sc-dac-topup-jrny-otp-input__drop-icon {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.0866 41.1097C13.6442 46.4009 16.8036 51.2179 21.6632 54.1925C23.2934 55.1828 25.0656 55.9237 26.9198 56.39C28.9219 56.8955 29.7835 57 31.9926 57C34.2017 57 35.0634 56.8955 37.0655 56.39C38.9196 55.9237 40.6919 55.1828 42.3221 54.1925C47.754 50.8691 51 45.3105 51 39.3341C51 36.2823 50.1763 33.4518 48.4657 30.6192C47.7624 29.4578 32.1046 7 31.9969 7C31.9103 7 16.1363 29.5769 15.5449 30.5419C14.8881 31.6399 14.3312 32.7933 13.8807 33.9886C13.1331 36.1068 12.8374 38.7618 13.0866 41.1097Z' fill='%230473EA'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
}
.sc-dac-topup-jrny-otp-input--password .sc-dac-topup-jrny-otp-input__mask-layer {
  position: absolute;
  top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  pointer-events: none;
}
.sc-dac-topup-jrny-otp-input--password input {
  color: transparent;
  caret-color: #38d200;
  direction: ltr;
  text-align: left;
  border-bottom: 1px solid #38d200;
  width: 100%;
  background: none;
  -webkit-clip-path: none;
          clip-path: none;
  font-size: 1.25rem;
  letter-spacing: 8px;
  font-family: monospace !important;
}
.sc-dac-topup-jrny-otp-input--password.error {
  /* stylelint-disable max-nesting-depth */
  /* stylelint-enable max-nesting-depth */
}
.sc-dac-topup-jrny-otp-input--password.error .sc-dac-topup-jrny-otp-input__code {
  /* stylelint-disable plugin/selector-bem-pattern */
  /* stylelint-enable plugin/selector-bem-pattern */
}
.sc-dac-topup-jrny-otp-input--password.error .sc-dac-topup-jrny-otp-input__code :where([autocomplete="one-time-code"]) {
  background: none;
  background-position: unset;
  background-repeat: no-repeat;
  background-size: 0;
  border-bottom: 1px solid #d0021b;
}
.sc-dac-topup-jrny-otp-input--password.show {
  /* stylelint-disable plugin/selector-bem-pattern, max-nesting-depth */
  /* stylelint-enable plugin/selector-bem-pattern, max-nesting-depth */
}
.sc-dac-topup-jrny-otp-input--password.show .sc-dac-topup-jrny-otp-input__mask-layer {
  display: none;
}
.sc-dac-topup-jrny-otp-input--password.show input {
  color: inherit;
  font-family: inherit !important;
}
.sc-dac-topup-jrny-otp-input--dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sc-dac-topup-jrny-otp-input--dots .sc-dac-topup-jrny-otp-input__drop-icon {
  width: 19px;
  height: 19px;
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_230_75)'%3E%3Cpath d='M32 56C45.2548 56 56 45.2548 56 32C56 18.7452 45.2548 8 32 8C18.7452 8 8 18.7452 8 32C8 45.2548 18.7452 56 32 56Z' fill='%230473EA'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_230_75'%3E%3Crect width='48' height='48' fill='white' transform='translate(8 8)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 26px;
  /* stylelint-disable-line scale-unlimited/declaration-strict-value */
}
.sc-dac-topup-jrny-otp-input--dots .sc-dac-topup-jrny-otp-input__code {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.sc-dac-topup-jrny-otp-input--dots .sc-dac-topup-jrny-otp-input__code-title {
  color: #0c3a66;
  font-weight: 500;
}

/** @end */
/** @define dac-topup-jrny-otp-verify; weak */
.sc-dac-topup-jrny-otp-verify__number {
  position: relative;
  font-size: 1rem;
  display: block;
  font-weight: 500;
}
.sc-dac-topup-jrny-otp-verify .sc-title {
  font-size: 1.875rem !important;
}
.sc-dac-topup-jrny-otp-verify .sc-description {
  color: #0c3a66;
  margin-top: 8px !important;
}
.sc-dac-topup-jrny-otp-verify .sc-content-wrapper {
  padding: 0 24px;
}
.sc-dac-topup-jrny-otp-verify__code-boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sc-dac-topup-jrny-otp-verify__code-boxes :where([autocomplete="one-time-code"]) {
  /* stylelint-disable plugin/selector-bem-pattern */
  --_otp-digit: 0;
  --otp-ls: 1ch;
  --_otp-bgsz: calc(var(--otp-ls) + 23px);
  --_otp-bgsz: calc(var(--otp-ls) + 23px);
  all: unset;
  direction: ltr;
  background: linear-gradient(90deg, #38d200 30px, transparent 0), linear-gradient(90deg, #c1ffc9 29px, transparent 0);
  /* stylelint-disable length-zero-no-unit  */
  background-position: calc(var(--_otp-digit) * var(--_otp-bgsz)) 100%, 0 100%;
  background-position: calc(var(--_otp-digit) * var(--_otp-bgsz)) 100%, 0 100%;
  /* stylelint-enable length-zero-no-unit  */
  /* stylelint-enable plugin/selector-bem-pattern */
  background-repeat: no-repeat, repeat-x;
  background-size: 35px 2px;
  -webkit-clip-path: inset(0% 12px 0% 0%);
          clip-path: inset(0% 12px 0% 0%);
  font-size: 1.25rem;
  width: 210px;
  letter-spacing: 23px;
  padding: 8px 0 8px 8px;
  font-family: "Roboto Mono", "Menlo", "Consolas", "Liberation Mono", "Courier New", monospace !important;
  -webkit-font-feature-settings: "tnum";
          font-feature-settings: "tnum";
}

/** @end */
/** @define dac-topup-jrny-otp-popup; weak */
.sc-dac-topup-jrny-otp-popup .sc-title {
  font-size: 1.875rem !important;
  color: #0c3a66;
  font-weight: 500;
}
.sc-dac-topup-jrny-otp-popup .sc-description {
  color: #0c3a66;
  margin-top: 8px !important;
}

/** @end */
/** @define dac-topup-jrny-select-list; weak */
.sc-dac-topup-jrny-select-list {
  padding: 0 16px;
}
.sc-dac-topup-jrny-select-list .option {
  padding: 8px 0;
  border-bottom: 1px solid #e5e5e5;
  cursor: pointer;
}
.sc-dac-topup-jrny-select-list .option:last-child {
  border-bottom: 0;
}
.sc-dac-topup-jrny-select-list .option:hover {
  background-color: #f0f0f0;
}

/** @end */
/** @define loading-gif; weak */
.sc-loading-gif {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 9999;
  /* stylelint-disable selector-type-no-unknown  */
  /* stylelint-enable selector-type-no-unknown  */
}
.sc-loading-gif lottie-player {
  width: 100px;
  height: 100px;
}

/** @end */

@media (pointer: coarse) and (max-width: 768px) {
  body {
    /* Allow scrolling, prevent zoom */
    -ms-touch-action: pan-x pan-y;
        touch-action: pan-x pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
  }
}

@media (min-width: 1024.98px) {
  .sc-title {
    font-size: 1.875rem;
    margin-bottom: 32px;
  }
}