@import "modules/modules.css";

@import "thematic/christmas.css";
@import "thematic/eid-al-fitr.css";
@import "thematic/hut-btn.css";

/*
! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
*/

html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: Montserrat, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  -webkit-font-feature-settings: inherit;
          font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

html,
    body {
        height: 100%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        scroll-behavior: smooth;
        overscroll-behavior-y: none;
    }

.container{
  margin-left: auto;
  margin-right: auto;
  width: 92% !important;
  max-width: 960px;
}

@media (min-width: 768px){

  .container{
    width: 94%;
  }
}

@media (min-width: 1280px){

  .container{
    max-width: 1280px;
  }
}

.sticky-footer-container {
        display: table;
        table-layout: fixed;
        width: 100%;
        height: 100%;
    }

.sticky-footer-container-item {
        display: table-row;
    }

.sticky-footer-container-item.--pushed {
        height: 100%;
    }

.site-main{
  position: relative;
  z-index: 1;
  margin-top: 88px;
}

@media (min-width: 1024px){

  .site-main{
    margin-top: 8rem;
  }
}

.site-main.header-overlap{
  margin-top: 0px;
}

.list-nostyle{
  margin: 0px;
  padding: 0px;
        list-style: none;
}

.responsive-media{
  position: relative;
  height: 0px;
  overflow: hidden;
}

.responsive-media.r-16-9{
  padding-bottom: 56.25%;
}

.responsive-media.r-1,
    .responsive-media.r-square{
  padding-bottom: 100%;
}

.responsive-media > *{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
}

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::-webkit-backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

.container{
  width: 100%;
}

@media (min-width: 480px){

  .container{
    max-width: 480px;
  }
}

@media (min-width: 640px){

  .container{
    max-width: 640px;
  }
}

@media (min-width: 768px){

  .container{
    max-width: 768px;
  }
}

@media (min-width: 1024px){

  .container{
    max-width: 1024px;
  }
}

@media (min-width: 1280px){

  .container{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){

  .container{
    max-width: 1536px;
  }
}

.btn{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 0.625rem;
     -moz-column-gap: 0.625rem;
          column-gap: 0.625rem;
  border-radius: 9999px;
  font-weight: 500;
  line-height: 1rem;
  outline-width: 0px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

@media (min-width: 768px){

  .btn{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.btn{
  font-size: 0.75rem;
  line-height: 1rem;
}

@media (min-width: 640px){

  .btn{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 768px){

  .btn{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.btn{
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.btn--primary{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  position: relative;
  z-index: 1;
  overflow: hidden;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.btn--primary:disabled{
  border-radius: 0.5rem;
  background-color: rgb(13 13 13 / 0.1);
  color: rgb(13 13 13 / 0.4);
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.btn--primary {

        background: radial-gradient(
            83.33% 83.33% at 50.56% 133.33%,
            #68c0ff 17.05%,
            #125efa 100%
        );
        -webkit-box-shadow: 0px 0px 0px 2px #004f8826;
                box-shadow: 0px 0px 0px 2px #004f8826;
    }

.btn--primary:hover::before{
  visibility: visible;
  opacity: 1;
}

.btn--primary::before{
  visibility: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  height: 100%;
  width: 100%;
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  --tw-content: "";
  content: var(--tw-content);
  background: radial-gradient(
    69.79% 69.79% at 50.56% -19.79%,
    #295CC3 17.05%,
    #0040C4 100%
  );
}

.btn--primary-reverse{
  --tw-text-opacity: 1;
  color: rgb(18 94 250 / var(--tw-text-opacity));
  position: relative;
  z-index: 1;
  overflow: hidden;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.btn--primary-reverse:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn--primary-reverse:disabled{
  border-radius: 0.5rem;
  background-color: rgb(13 13 13 / 0.1);
  color: rgb(13 13 13 / 0.4);
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.btn--primary-reverse {

        background: #fff;
        -webkit-box-shadow: 0px 0px 0px 2px #004f8826;
                box-shadow: 0px 0px 0px 2px #004f8826;
    }

.btn--primary-reverse:hover::before{
  visibility: visible;
  opacity: 1;
}

.btn--primary-reverse::before{
  visibility: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  height: 100%;
  width: 100%;
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  --tw-content: "";
  content: var(--tw-content);
        background: radial-gradient(
            69.79% 69.79% at 50.56% -19.79%,
            #979bec 17.05%,
            #125EFA 100%
        );
}

/* .btn--primary-reverse {
        @apply text-primaryBlue;
        @apply disabled:bg-black-primary/10 disabled:text-black-primary/40 disabled:rounded-lg disabled:shadow-none relative transition-all duration-300 z-[1] overflow-hidden bg-white hover:text-white hover:bg-primaryBlue;
    } */

.btn--secondary{
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
  position: relative;
  z-index: 1;
  overflow: hidden;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.btn--secondary:disabled{
  border-width: 1px;
  border-style: solid;
  border-color: rgb(13 13 13 / 0.4);
  background-image: none;
  color: rgb(13 13 13 / 0.4);
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.btn--secondary {

        background: radial-gradient(
            98.96% 98.96% at 50.56% 133.33%,
            #fffce5 17.05%,
            #ffdd00 100%
        );
        -webkit-box-shadow: 0px 0px 0px 2px #f0cc0126;
                box-shadow: 0px 0px 0px 2px #f0cc0126;
    }

.btn--secondary:hover::before{
  visibility: visible;
  opacity: 1;
}

.btn--secondary::before{
  visibility: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  height: 100%;
  width: 100%;
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  --tw-content: "";
  content: var(--tw-content);
        background: radial-gradient(
            98.96% 98.96% at 50.56% 133.33%,
            #ffdd00 17.05%,
            #ecd103 100%
        );
}

.btn--circle{
  height: 2rem;
  width: 2rem;
  padding: 0px;
}

@media (min-width: 640px){

  .btn--circle{
    height: 2.5rem;
    width: 2.5rem;
  }
}

@media (min-width: 768px){

  .btn--circle{
    height: 3rem;
    width: 3rem;
  }
}

.pills{
  border-radius: 9999px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}

.pills.--rectangular{
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border-radius: 0.375rem;
}

.btn--choco{
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 9999px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

@media (min-width: 768px){

  .btn--choco{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}

.btn--choco {
        background: radial-gradient(
            92.71% 92.71% at 50.56% -9.37%,
            #57331b 17.05%,
            #986a4c 100%
        );
        border: 2px solid rgba(255, 255, 255, 0.25);
        -webkit-box-shadow: 0px 0px 0px 2px rgba(142, 142, 142, 0.15);
                box-shadow: 0px 0px 0px 2px rgba(142, 142, 142, 0.15);
    }

.btn--choco:hover::before{
  visibility: visible;
  opacity: 1;
}

.btn--choco::before{
  visibility: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  height: 100%;
  width: 100%;
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  --tw-content: "";
  content: var(--tw-content);
        background: radial-gradient(
            92.71% 92.71% at 50.56% -9.37%,
            #986a4c 17.05%,
            #57331b 100%
        );
}

@media screen and (min-width: 640px) {
        .btn--choco {
            background: radial-gradient(
                83.33% 83.33% at 50.56% 133.33%,
                #57331b 17.05%,
                #986a4c 100%
            );
        }
    }

.btn--gold{
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 9999px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

@media (min-width: 768px){

  .btn--gold{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}

.btn--gold {
        background: radial-gradient(
            83.33% 83.33% at 50.56% 133.33%,
            #eccaa9 17.05%,
            #a68462 100%
        );
        border: 2px solid rgba(255, 255, 255, 0.5);
        -webkit-box-shadow: 0px 0px 0px 2px rgba(152, 106, 76, 0.15);
                box-shadow: 0px 0px 0px 2px rgba(152, 106, 76, 0.15);
    }

.btn--gold:hover::before{
  visibility: visible;
  opacity: 1;
}

.btn--gold::before{
  visibility: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  height: 100%;
  width: 100%;
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  --tw-content: "";
  content: var(--tw-content);
        background: radial-gradient(
            83.33% 83.33% at 50.56% 133.33%,
            #a68462 17.05%,
            #eccaa9 100%
        );
}

@media screen and (min-width: 640px) {
        .btn--gold {
            background: radial-gradient(
                83.33% 83.33% at 50.56% 133.33%,
                #eccaa9 17.05%,
                #a68462 100%
            );
        }
    }

.btn--syariah-controller{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(173 143 107 / var(--tw-text-opacity));
        -webkit-box-shadow: 0px 2px 10px 0px #0000001a;
                box-shadow: 0px 2px 10px 0px #0000001a;
}

.btn--syariah-controller.is-disable{
  cursor: not-allowed;
  --tw-text-opacity: 1;
  color: rgb(207 207 207 / var(--tw-text-opacity));
}

.hover-move--right{
  --tw-translate-x: 0px;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.hover-move--right:hover{
  --tw-translate-x: 0.25rem;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.page-title{
  margin-bottom: 0px;
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .page-title{
    font-size: 2.25rem;
    line-height: 1.1;
  }
}

.card-prestasi{
  position: relative;
  bottom: -25px;
  cursor: pointer;
}

.card-prestasi-img{
  position: relative;
  margin-bottom: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 200px;
}

.card-prestasi-img > img{
  margin-left: auto;
  margin-right: auto;
  margin-top: 135px;
}

.card-prestasi-img .img-podium {
        -webkit-transform: translateX(-22px);
                transform: translateX(-22px);
        width: 250px;
    }

.prestasi-img{
  position: absolute;
  height: 156px;
  width: 142px;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
}

.prestasi-img img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
}

.card-prestasi-detail{
  margin-bottom: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 20px;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}

.card-prestasi-point{
  display: inline-block;
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(18 94 250 / var(--tw-bg-opacity));
}

.card-prestasi-title{
  text-align: center;
  font-weight: 500;
  line-height: 1.2;
  --tw-text-opacity: 1;
  color: rgb(37 37 37 / var(--tw-text-opacity));
}

.pagination li a.active{
  --tw-bg-opacity: 1;
  background-color: rgb(220 7 20 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.pagination .first,
    .pagination .prev,
    .pagination .next,
    .pagination .last{
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}

.popup-prestasi{
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1rem;
        /* @apply hidden; */
}

.popup-prestasi.is-active{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.popup-prestasi-card{
  height: 500px;
  width: 300px;
  max-width: 783px;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/about-btn/stuff/certif-bg-mobile.png");
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1rem;
  padding-bottom: 2rem;
}

@media (min-width: 414px){

  .popup-prestasi-card{
    height: auto;
  }
}

@media (min-width: 768px){

  .popup-prestasi-card{
    width: 100%;
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/about-btn/stuff/certif-bg.png");
    background-size: cover;
    padding-bottom: 3rem;
  }
}

.card-prestasi-content{
  height: 500px;
  overflow-y: auto;
}

@media (min-width: 768px){

  .card-prestasi-content{
    height: auto;
  }
}

.popup-prestasi-content{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 400px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
}

@media (min-width: 768px){

  .popup-prestasi-content{
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.popup-prestasi-content > *:nth-child(1) {
        -webkit-box-flex: 0.45;
            -ms-flex: 0.45;
                flex: 0.45;
    }

.popup-prestasi-content > *:nth-child(2) {
        -webkit-box-flex: 0.55;
            -ms-flex: 0.55;
                flex: 0.55;
    }

.popup-prestasi-title{
  margin-bottom: 1.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(18 94 250 / var(--tw-text-opacity));
}

.popup-prestasi-detail:not(:last-child){
  margin-bottom: 1rem;
}

.popup-prestasi-detail p{
  margin-bottom: 0.375rem;
  font-size: 0.875rem;
  line-height: 20px;
  --tw-text-opacity: 1;
  color: rgb(110 110 110 / var(--tw-text-opacity));
}

.popup-prestasi-detail h3{
  font-weight: 500;
  line-height: 1.2;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

.input-currency::-webkit-input-placeholder{
  font-size: 0.85rem;
}

.input-currency::-moz-placeholder{
  font-size: 0.85rem;
}

.input-currency:-ms-input-placeholder{
  font-size: 0.85rem;
}

.input-currency::-ms-input-placeholder{
  font-size: 0.85rem;
}

.input-currency::placeholder{
  font-size: 0.85rem;
}

@media (min-width: 768px){

  .input-currency::-webkit-input-placeholder{
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .input-currency::-moz-placeholder{
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .input-currency:-ms-input-placeholder{
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .input-currency::-ms-input-placeholder{
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .input-currency::placeholder{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.form-item{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 3px;
     -moz-column-gap: 3px;
          column-gap: 3px;
  border-radius: 30px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(207 207 207 / var(--tw-border-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.form-item-icon{
  font-size: 24px;
  --tw-text-opacity: 1;
  color: rgb(37 37 37 / var(--tw-text-opacity));
}

.form-input{
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(207 207 207 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.form-input:focus{
  --tw-border-opacity: 1;
  border-color: rgb(26 113 176 / var(--tw-border-opacity));
}

.form-input:disabled{
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(231 231 231 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(182 182 182 / var(--tw-text-opacity));
}

.form-input--block{
  width: 100%;
}

.form-icon-wrapper{
  position: relative;
}

.form-input.icon-left{
  padding-left: 3.5rem;
}

.form-icon-wrapper .form-icon--left + .form-input{
  padding-left: 3rem;
}

.form-input.icon-right{
  padding-left: 3rem;
}

.form-icon-wrapper .form-icon,
    .form-icon-wrapper .form-icon--left,
    .form-icon-wrapper .form-icon--right{
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 44px;
  --tw-translate-y: -50%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}

.form-icon-wrapper .form-icon--left{
  left: 0px;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1.25rem;
  padding-right: 0.75rem;
}

.form-icon-wrapper .form-icon--right{
  right: 0px;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 1.25rem;
}

.checkbox-label{
  cursor: pointer;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(61 61 61 / var(--tw-border-opacity));
  padding: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 100ms;
          transition-duration: 100ms;
}

.checkbox-label:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 204 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(51 129 185 / var(--tw-text-opacity));
}

.checkbox-label.checked{
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 204 / var(--tw-bg-opacity));
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(51 129 185 / var(--tw-text-opacity));
}

.card-identitas{
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 340px;
  -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;
  gap: 0.875rem;
}

@media (min-width: 768px){

  .card-identitas{
    max-width: none;
  }
}

.card-identitas-img{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 148px;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1rem;
        -webkit-box-shadow: 0px 2px 10px 0px #0000001a;
                box-shadow: 0px 2px 10px 0px #0000001a;
}

.card-identitas-img > img{
  max-height: 100%;
  -o-object-fit: contain;
     font-family: "object-fit:contain";
     object-fit: contain;
}

.list-numbering {
        counter-reset: item;
    }

.list-numbering > li{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
        counter-increment: count;
}

.list-numbering > li:not(:last-child){
  margin-bottom: 0.75rem;
}

.list-numbering > li::before{
  margin-right: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1.5rem;
  width: 1.5rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 9999px;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
        content: counter(count);
        background: linear-gradient(317.18deg, #dc0714 -8.29%, #ea6a72 107.04%);
}

table.conventional__table{
  display: block;
  width: 100%;
  table-layout: fixed;
  overflow: hidden;
  overflow-x: auto;
  border-radius: 0.375rem;
  --tw-shadow: 0px 2px 10px 0px #0000001A;
  --tw-shadow-colored: 0px 2px 10px 0px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

table.conventional__table thead tr th{
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.5);
  --tw-bg-opacity: 1;
  background-color: rgb(18 94 250 / var(--tw-bg-opacity));
  padding: 0.625rem;
  vertical-align: middle;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

table.conventional__table thead tr th.secondary{
  --tw-bg-opacity: 1;
  background-color: rgb(89 142 251 / var(--tw-bg-opacity));
}

table.conventional__table tbody tr th{
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.5);
  --tw-bg-opacity: 1;
  background-color: rgb(51 129 185 / var(--tw-bg-opacity));
  padding: 0.625rem;
  vertical-align: middle;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

table.conventional__table tbody tr td{
  padding-top: 17px;
  padding-bottom: 17px;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

table.conventional__table tbody tr td:last-child{
  text-align: center;
}

table.conventional__table tbody tr:nth-child(even){
  --tw-bg-opacity: 1;
  background-color: rgb(247 244 240 / var(--tw-bg-opacity));
}

.about-btn-table__cont{
  width: 100%;
  overflow: hidden;
  border-radius: 0.375rem;
  --tw-shadow: 0px 2px 10px 0px #0000001A;
  --tw-shadow-colored: 0px 2px 10px 0px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

table.about-btn__table{
  width: 100%;
  table-layout: fixed;
  overflow-x: auto;
}

table.about-btn__table thead tr th{
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.5);
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 167 / var(--tw-bg-opacity));
  padding: 0.625rem;
  vertical-align: middle;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

table.about-btn__table thead tr th.secondary{
  --tw-bg-opacity: 1;
  background-color: rgb(51 129 185 / var(--tw-bg-opacity));
}

table.about-btn__table tbody tr th{
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.5);
  --tw-bg-opacity: 1;
  background-color: rgb(51 129 185 / var(--tw-bg-opacity));
  padding: 0.625rem;
  vertical-align: middle;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

table.about-btn__table tbody tr td{
  padding-top: 17px;
  padding-bottom: 17px;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

table.about-btn__table tbody tr td:last-child{
  text-align: center;
}

table.about-btn__table tbody tr:nth-child(even){
  --tw-bg-opacity: 1;
  background-color: rgb(247 244 240 / var(--tw-bg-opacity));
}

.custom-style-datepicker + .datepicker .datepicker-cell:not(.day){
  margin-top: 1rem;
  margin-bottom: 1rem;
  height: 2.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(68 68 68 / var(--tw-text-opacity));
}

.custom-style-datepicker + .datepicker .datepicker-cell:not(.day):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 153 / var(--tw-bg-opacity));
}

.custom-style-datepicker + .datepicker .datepicker-cell:not(.day).range{
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 153 / var(--tw-bg-opacity));
}

.custom-style-datepicker + .datepicker .datepicker-cell:not(.day).range:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 153 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}

.custom-style-datepicker + .datepicker .datepicker-cell:not(.day).selected,
    .custom-style-datepicker + .datepicker .datepicker-cell:not(.day).focused,
    .custom-style-datepicker
        + .datepicker
        .datepicker-cell:not(.day).range-start,
    .custom-style-datepicker + .datepicker .datepicker-cell:not(.day).range-end,
    .custom-style-datepicker
        + .datepicker
        .datepicker-cell:not(.day).range-start.selected.focused,
    .custom-style-datepicker
        + .datepicker
        .datepicker-cell:not(.day).range-end.selected.focused{
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 153 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}

.custom-style-datepicker
        + .datepicker
        .datepicker-cell:not(.day).range-start{
  position: relative;
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 221 0 / var(--tw-bg-opacity)) !important;
}

.custom-style-datepicker
        + .datepicker
        .datepicker-cell:not(.day).range-end{
  position: relative;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 221 0 / var(--tw-bg-opacity)) !important;
}

.popup-modal{
  position: fixed;
  inset: 0px;
  z-index: 99;
  display: none;
  background-color: rgb(47 47 47 / 0.5);
  padding-top: 2rem;
  padding-bottom: 1.25rem;
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.popup-modal.active{
  display: block;
}

.popup-modal.--vertical-center.active{
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* Common Popup Component */

.popup-modal .popup-modal__common-cont{
  margin-left: auto;
  margin-right: auto;
  width: 92% !important;
  max-width: 960px;
}

@media (min-width: 768px){

  .popup-modal .popup-modal__common-cont{
    width: 94%;
  }
}

@media (min-width: 1280px){

  .popup-modal .popup-modal__common-cont{
    max-width: 1280px;
  }
}

.popup-modal .popup-modal__common-cont{
  width: 100%;
}

@media (min-width: 480px){

  .popup-modal .popup-modal__common-cont{
    max-width: 480px;
  }
}

@media (min-width: 640px){

  .popup-modal .popup-modal__common-cont{
    max-width: 640px;
  }
}

@media (min-width: 768px){

  .popup-modal .popup-modal__common-cont{
    max-width: 768px;
  }
}

@media (min-width: 1024px){

  .popup-modal .popup-modal__common-cont{
    max-width: 1024px;
  }
}

@media (min-width: 1280px){

  .popup-modal .popup-modal__common-cont{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){

  .popup-modal .popup-modal__common-cont{
    max-width: 1536px;
  }
}

.popup-modal .popup-modal__common-cont{
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 844px;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

footer .popup-modal .popup-modal__common-cont{
  margin-left: auto;
  margin-right: auto;
}

.conv-landing-rates .popup-modal .popup-modal__common-cont{
  margin-left: auto;
  margin-right: auto;
}

.conv-landing-ecosystem__cover__preview > .popup-modal .popup-modal__common-cont{
  height: 100%;
  width: 100%;
}

.conv-landing-article .popup-modal .popup-modal__common-cont{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px){

  .conv-landing-article .popup-modal .popup-modal__common-cont{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}

.conventional-kpr__contents .popup-modal .popup-modal__common-cont{
  margin-left: auto;
  margin-right: auto;
}

.conventional-rates .popup-modal .popup-modal__common-cont,
.conventional-pricing .popup-modal .popup-modal__common-cont,
.conventional-solution .popup-modal .popup-modal__common-cont,
.conventional-service .popup-modal .popup-modal__common-cont,
.conventional-price-list .popup-modal .popup-modal__common-cont,
.conventional-service-benefit .popup-modal .popup-modal__common-cont,
.conventional-cost-facility .popup-modal .popup-modal__common-cont{
  margin-left: auto;
  margin-right: auto;
}

.one-table .popup-modal .popup-modal__common-cont{
  margin-left: auto;
  margin-right: auto;
}

.conventional-banner-rates .popup-modal .popup-modal__common-cont{
  margin-left: auto;
  margin-right: auto;
}

.conventional-promo-point-spekta .popup-modal .popup-modal__common-cont{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 400px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  overflow: hidden;
  border-radius: 0.75rem;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-ebatarapos/poin-spekta/banner-mobile-poin-spekta.png");
  background-size: contain;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-left: 3rem;
  padding-right: 3rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
  text-align: center;
}

@media (min-width: 768px){

  .conventional-promo-point-spekta .popup-modal .popup-modal__common-cont{
    height: auto;
  }
}

@media (min-width: 1024px){

  .conventional-promo-point-spekta .popup-modal .popup-modal__common-cont{
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0.5rem;
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-ebatarapos/poin-spekta/banner-poin-spekta.png");
    padding-top: 1.5rem;
    padding-bottom: 2rem;
  }
}

.conventional-promo-point-spekta .popup-modal .popup-modal__common-cont .conventional-title{
  margin-bottom: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  .conventional-promo-point-spekta .popup-modal .popup-modal__common-cont .conventional-title{
    font-size: 32px;
  }
}

.conventional-promo-point-spekta .popup-modal .popup-modal__common-cont p{
  margin-bottom: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.conventional-promo-point-spekta .popup-modal .popup-modal__common-cont button{
  margin-left: auto;
  margin-right: auto;
}

.conventional-snk .popup-modal .popup-modal__common-cont{
  margin-left: auto;
  margin-right: auto;
}

.conventional-tcard .popup-modal .popup-modal__common-cont > div > div{
  max-width: 480px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  text-align: center;
}

@media (min-width: 640px){

  .conventional-tcard .popup-modal .popup-modal__common-cont > div > div{
    width: 476px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 1024px){

  .conventional-tcard .popup-modal .popup-modal__common-cont > div > div{
    padding-left: 0px;
    padding-right: 0px;
    text-align: justify;
  }
}

.conventional-tcard .popup-modal .popup-modal__common-cont > div > div > p{
  text-align: center;
}

@media (min-width: 1024px){

  .conventional-tcard .popup-modal .popup-modal__common-cont > div > div > p{
    max-width: 400px;
    text-align: justify;
  }
}

.conventional-banner-more-info .popup-modal .popup-modal__common-cont{
  margin-left: auto;
  margin-right: auto;
}

.conventional-features .popup-modal .popup-modal__common-cont{
  position: relative;
  height: 625px;
}

@media (min-width: 1280px){

  .conventional-features .popup-modal .popup-modal__common-cont{
    height: 600px;
  }
}

.conventional-features.--smart-residence .popup-modal .popup-modal__common-cont{
  position: relative;
  height: 600px;
}

@media (min-width: 1280px){

  .conventional-features.--smart-residence .popup-modal .popup-modal__common-cont{
    height: 560px;
  }
}

.conventional-features--kartu-kredit .popup-modal .popup-modal__common-cont{
  margin-left: auto;
  margin-right: auto;
}

.step-features .popup-modal .popup-modal__common-cont{
  margin-left: auto;
  margin-right: auto;
}

.conventional-promo .popup-modal .popup-modal__common-cont{
  height: 100%;
}

.conventional-banner-transaction .popup-modal .popup-modal__common-cont{
  position: relative;
  height: 480px;
  overflow: hidden;
  border-radius: 0.75rem;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-product-detail/banner/conventional-banner-more-info-mobile.png");
  background-size: cover;
  background-position: center;
  padding-top: 2.75rem;
  padding-bottom: 2.5rem;
}

@media (min-width: 1024px){

  .conventional-banner-transaction .popup-modal .popup-modal__common-cont{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 268px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-product-detail/banner/conventional-banner-more-info-large.png");
  }
}

.conventional-register .popup-modal .popup-modal__common-cont{
  margin-left: auto;
  margin-right: auto;
}

.conventional-faq .popup-modal .popup-modal__common-cont{
  margin-left: auto;
  margin-right: auto;
}

.conventional-article .popup-modal .popup-modal__common-cont{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px){

  .conventional-article .popup-modal .popup-modal__common-cont{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}

@media (min-width: 1024px){

  .conventional-article .popup-modal .popup-modal__common-cont{
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 38px;
  }
}

.conventional-card-link .popup-modal .popup-modal__common-cont{
  margin-left: auto;
  margin-right: auto;
}

.priority-kpr__contents .popup-modal .popup-modal__common-cont{
  margin-left: auto;
  margin-right: auto;
}

.priority-rates .popup-modal .popup-modal__common-cont{
  margin-left: auto;
  margin-right: auto;
}

.priority-banner-rates .popup-modal .popup-modal__common-cont{
  margin-left: auto;
  margin-right: auto;
}

.priority-snk .popup-modal .popup-modal__common-cont{
  margin-left: auto;
  margin-right: auto;
}

.priority-banner-more-info .popup-modal .popup-modal__common-cont{
  margin-left: auto;
  margin-right: auto;
}

.priority-register .popup-modal .popup-modal__common-cont{
  margin-left: auto;
  margin-right: auto;
}

.priority-faq .popup-modal .popup-modal__common-cont{
  margin-left: auto;
  margin-right: auto;
}

.priority-article .popup-modal .popup-modal__common-cont{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px){

  .priority-article .popup-modal .popup-modal__common-cont{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}

.priority-card-link .popup-modal .popup-modal__common-cont{
  margin-left: auto;
  margin-right: auto;
}

.produk-dana__products .popup-modal .popup-modal__common-cont h2{
  padding-bottom: 1.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

.syariah-kpr__contents .popup-modal .popup-modal__common-cont{
  margin-left: auto;
  margin-right: auto;
}

.syariah-rates .popup-modal .popup-modal__common-cont,
.syariah-transaction .popup-modal .popup-modal__common-cont{
  margin-left: auto;
  margin-right: auto;
}

.syariah-snk .popup-modal .popup-modal__common-cont{
  margin-left: auto;
  margin-right: auto;
}

.syariah-banner-more-info .popup-modal .popup-modal__common-cont{
  margin-left: auto;
  margin-right: auto;
}

.syariah-register .popup-modal .popup-modal__common-cont{
  margin-left: auto;
  margin-right: auto;
}

.syariah-faq .popup-modal .popup-modal__common-cont{
  margin-left: auto;
  margin-right: auto;
}

.syariah-article .popup-modal .popup-modal__common-cont{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px){

  .syariah-article .popup-modal .popup-modal__common-cont{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}

.syariah-card-link .popup-modal .popup-modal__common-cont{
  margin-left: auto;
  margin-right: auto;
}

.investor-kpr__contents .popup-modal .popup-modal__common-cont{
  margin-left: auto;
  margin-right: auto;
}

.investor-rates .popup-modal .popup-modal__common-cont{
  margin-left: auto;
  margin-right: auto;
}

.investor-rates__market-summary.popup-modal .popup-modal__common-cont{
  margin-left: auto;
  margin-right: auto;
}

.conventional-recall .popup-modal .popup-modal__common-cont{
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.25rem;
  padding-left: 0px;
  padding-right: 0px;
}

@media (min-width: 768px){

  .conventional-recall .popup-modal .popup-modal__common-cont{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

.informasi-investor-hero .popup-modal .popup-modal__common-cont{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.informasi-investor-contents .popup-modal .popup-modal__common-cont{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 80px;
}

@media (min-width: 768px){

  .informasi-investor-contents .popup-modal .popup-modal__common-cont{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.informasi-investor-rups__pagination .popup-modal .popup-modal__common-cont{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}

.syariah-benefit .popup-modal .popup-modal__common-cont{
  position: relative;
  z-index: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -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;
}

@media (min-width: 768px){

  .syariah-benefit .popup-modal .popup-modal__common-cont{
    display: block;
  }
}

@media (min-width: 1024px){

  .conventional-dm-features .popup-modal .popup-modal__common-cont{
    min-height: inherit;
  }
}

.sticky-footer-container-item.--pdf .conventional-features .popup-modal .popup-modal__common-cont{
  height: auto;
}

@media (min-width: 768px){

  .popup-modal .popup-modal__common-cont{
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

.popup-modal .popup-modal-common-cont__header{
  margin-bottom: 0.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 768px){

  .popup-modal .popup-modal-common-cont__header{
    margin-bottom: 1.25rem;
  }
}

.popup-modal .popup-modal-common-cont__btn-close{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 22px;
  width: 22px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 167 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}

.popup-modal .popup-modal-common-cont__btn-close:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 255 / var(--tw-bg-opacity));
}

@media (min-width: 768px){

  .popup-modal .popup-modal-common-cont__btn-close{
    position: absolute;
    top: 1rem;
    right: 18px;
    height: 2rem;
    width: 2rem;
  }
}

.popup-modal .popup-modal-common-cont__title{
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  text-align: center;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .popup-modal .popup-modal-common-cont__title{
    font-size: 22px;
  }
}

.popup-modal .popup-modal-common-cont__body{
  height: 100vh;
  max-height: calc(100vh - 55px - 24px - 24px);
  overflow: auto;
}

@media (min-width: 1024px){

  .popup-modal .popup-modal-common-cont__body{
    max-height: calc(100vh - 70px - 24px - 24px);
  }
}

.drawer__component{
  position: fixed;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 20;
  display: none;
  width: 100%;
}

.drawer__component.active{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.drawer__overlay{
  position: fixed;
  inset: 0px;
  background-color: rgb(47 47 47 / 0.5);
}

.drawer__element{
  position: relative;
  width: 100%;
  overflow: hidden;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0px 2px 7px 0px #00000026;
  --tw-shadow-colored: 0px 2px 7px 0px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.filter__counter,
    .counter{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  width: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 4px;
  --tw-bg-opacity: 1;
  background-color: rgb(220 7 20 / var(--tw-bg-opacity));
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  line-height: 0;
  --tw-text-opacity: 1;
  color: rgb(251 230 231 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .filter__counter,
    .counter{
    height: 1.25rem;
    width: 1.25rem;
  }
}

.file-viewer{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 1.5rem;
}

.file-viewer.file-viewer--iframe .viewer__zoom-tool{
  display: none;
}

.file-viewer iframe{
  height: 100%;
  width: 100%;
}

.file-viewer .datepicker__input + .datepicker{
  --tw-translate-x: 25%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 640px){

  .file-viewer .datepicker__input + .datepicker{
    --tw-translate-x: 0px;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.file-viewer .viewer__content-main.on-zoom .viewer__img-item {
        --n: 0;
        height: auto;
        width: calc((var(--n) * 10%) + 100%);
    }

.file-viewer .btn-zoom{
  width: 2.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(61 61 61 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 100ms;
          transition-duration: 100ms;
}

.file-viewer .btn-zoom:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(86 86 86 / var(--tw-bg-opacity));
}

.file-viewer .btn-zoom:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(61 61 61 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / 0.4);
}

@media (min-width: 768px){

  .file-viewer .btn-zoom{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.file-viewer .btn-zoom--toggle.on-zoom .bzi-zoom-plus{
  display: none;
}

.file-viewer .btn-zoom--toggle:not(.on-zoom) .bzi-zoom-minus{
  display: none;
}

.circle__wrapper{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 264px;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

@media (min-width: 768px){

  .circle__wrapper{
    min-height: 480px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

@media (min-width: 1024px){

  .circle__wrapper{
    min-height: 540px;
  }
}

.circle__wrapper .max-wrapper{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: calc(100% - 68px);
  max-width: 480px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (min-width: 1024px){

  .circle__wrapper .max-wrapper{
    max-width: 540px;
  }
}

.circle__wrapper .circle__nav-list{
  position: absolute;
  width: 100%;
  padding-bottom: 100%;
}

.circle__wrapper .circle {
        /* @apply absolute w-full pb-[100%] rounded-full border border-[#69808A]; */
        position: absolute;
        width: 100%;
        padding-bottom: 100%;
    }

.circle__wrapper .overlay{
  position: absolute;
  width: 100%;
  padding-bottom: 100%;
}

.circle__wrapper .circle__nav{
  position: absolute;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0, 0, 0.2, 1);

        /* @apply absolute w-10 h-10 rounded-full flex justify-center items-center cursor-pointer md:w-16 md:h-16 z-[1];
        @apply bg-white border border-black-300 md:border-4 md:border-transparent hover:border-primary;
        @apply transition ease-out duration-300;

        box-shadow: 0px 0px 10px 0px #00000014;
        @media (min-width: 768px) {
            box-shadow: none;
        } */
}

.circle__wrapper .circle__content{
  position: absolute;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: auto;
  margin-bottom: auto;
  width: 100%;
  max-width: calc(90% - 68px);
}

@media (min-width: 768px){

  .circle__wrapper .circle__content{
    max-width: calc(100% - 68px);
  }
}

.circle__wrapper .nav__identifier,
    .circle__wrapper .nav__content{
  opacity: 0.3;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.circle__wrapper .circle__nav.active .nav__identifier,
    .circle__wrapper .circle__nav.active .nav__content{
  opacity: 1;
}

.circle__wrapper .nav__identifier{
  position: absolute;
  top: -1.5rem;
  left: -2rem;
}

.circle__wrapper .nav__content{
  position: relative;
}

.card__swapper{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
        -webkit-transform-style: preserve-3d;
                transform-style: preserve-3d;
}

.card__swapper .card__item{
  position: absolute;
  width: 60%;
  max-width: 548px;
  overflow: hidden;
  border-radius: 1rem;
  --tw-blur: blur(4px);
  -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
          filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

@media (min-width: 768px){

  .card__swapper .card__item{
    width: 80%;
  }
}

.card__swapper .card__item.active{
  opacity: 1;
  --tw-blur: blur(0);
  -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
          filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
        -webkit-transform: translate3d(0, 0, 0) scale(1);
                transform: translate3d(0, 0, 0) scale(1);
}

.card__swapper .card__item.left {
        -webkit-transform: translate3d(-30%, 0, -20px) scale(0.9);
                transform: translate3d(-30%, 0, -20px) scale(0.9);
        @media (min-width: 768px) {
            -webkit-transform: translate3d(-40%, 0, -20px) scale(0.9);
                    transform: translate3d(-40%, 0, -20px) scale(0.9);
        }
    }

.card__swapper .card__item.right {
        -webkit-transform: translate3d(30%, 0, -20px) scale(0.9);
                transform: translate3d(30%, 0, -20px) scale(0.9);
        @media (min-width: 768px) {
            -webkit-transform: translate3d(40%, 0, -20px) scale(0.9);
                    transform: translate3d(40%, 0, -20px) scale(0.9);
        }
    }

/* .card__swapper .card__item:nth-child(1).active ~ .card__item:nth-child(3), 
    .card__swapper .card__item:nth-child(2).active ~ .card__item:nth-child(1),
    .card__swapper .card__item:nth-child(3).active ~ .card__item:nth-child(2) {
        transform: translate3d(-40%, 0, -20px) scale(0.9);
    }
    .card__swapper .card__item:nth-child(1).active ~ .card__item:nth-child(1), 
    .card__swapper .card__item:nth-child(2).active ~ .card__item:nth-child(2),
    .card__swapper .card__item:nth-child(3).active ~ .card__item:nth-child(3) {
        transform: translate3d(0,0,0) scale(1);
    }
    .card__swapper .card__item:nth-child(1).active ~ .card__item:nth-child(2), 
    .card__swapper .card__item:nth-child(2).active ~ .card__item:nth-child(3),
    .card__swapper .card__item:nth-child(3).active ~ .card__item:nth-child(1) {
        transform: translate3d(40%, 0, -20px) scale(0.9);
    } */

.card-swapper__btn{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 9999px;
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
        -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
                box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

.card-swapper__btn.--syariah{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 9999px;
  --tw-text-opacity: 1;
  color: rgb(173 143 107 / var(--tw-text-opacity));
        -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
                box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

.input-recommendation
        .input-search-recommendation__comp
        .search-results__cont{
  display: none;
}

.input-recommendation
        .input-search-recommendation__comp
        .search-results__cont.active{
  display: block;
}

.input-recommendation
        .input-search-recommendation__comp
        .search-results__cont
        .sub__list
        .sub__item:last-child{
  margin-bottom: 0px;
}

[class^="bzi-"],
    [class*=" bzi-"] {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "bz-icon" !important;
        speak: never;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;

        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.bzi-zoom-plus:before {
        content: "\e959";
    }

.bzi-minus-thin:before {
        content: "\e95a";
    }

.bzi-plus-thin:before {
        content: "\e95b";
    }

.bzi-zoom-minus:before {
        content: "\e95c";
    }

.bzi-contact-person:before {
        content: "\e95d";
    }

.bzi-thumbs-down:before {
        content: "\e95e";
    }

.bzi-thumbs-up:before {
        content: "\e95f";
    }

.bzi-check:before {
        content: "\e958";
    }

.bzi-tiktok-square:before {
        content: "\e956";
    }

.bzi-linkedin-square:before {
        content: "\e957";
    }

.bzi-pause:before {
        content: "\e900";
    }

.bzi-bubble-chat:before {
        content: "\e901";
    }

.bzi-star:before {
        content: "\e902";
    }

.bzi-globe:before {
        content: "\e904";
    }

.bzi-arrow_forward:before {
        content: "\e905";
    }

.bzi-instagram:before {
        content: "\e90b";
    }

.bzi-long-arrow:before {
        content: "\e90f";
    }

.bzi-angle-down:before {
        content: "\e913";
    }

.bzi-angle-up:before {
        content: "\e914";
    }

.bzi-filter:before {
        content: "\e916";
    }

.bzi-caret-right:before {
        content: "\e917";
    }

.bzi-angle-right:before {
        content: "\e91b";
    }

.bzi-angle-left:before {
        content: "\e91c";
    }

.bzi-eye:before {
        content: "\e91f";
    }

.bzi-thin-calendar:before {
        content: "\e927";
    }

.bzi-download:before {
        content: "\e92d";
    }

.bzi-close:before {
        content: "\e92e";
    }

.bzi-check-circle .path1:before {
        content: "\e92f";
    }

.bzi-check-circle .path2:before {
        content: "\e93f";
        margin-left: -1em;
    }

.bzi-arrow-up:before {
        content: "\e931";
    }

.bzi-arrow-down:before {
        content: "\e932";
    }

.bzi-arrow-outward:before {
        content: "\e933";
    }

.bzi-tiktok:before {
        content: "\e935";
    }

.bzi-user-outlined:before {
        content: "\e936";
    }

.bzi-fax-outlined:before {
        content: "\e937";
    }

.bzi-reset:before {
        content: "\e938";
    }

.bzi-deposito-calculator:before {
        content: "\e939";
    }

.bzi-arrow-up-right-thin:before {
        content: "\e93a";
    }

.bzi-location-marker:before {
        content: "\e93b";
    }

.bzi-phone-call:before {
        content: "\e93c";
    }

.bzi-convert-currency:before {
        content: "\e93d";
    }

.bzi-phone-ringing:before {
        content: "\e93e";
    }

.bzi-print:before {
        content: "\e940";
    }

.bzi-search-thin:before {
        content: "\e941";
    }

.bzi-deposit-simulation:before {
        content: "\e942";
    }

.bzi-kpr-simulation:before {
        content: "\e943";
    }

.bzi-money-transfer:before {
        content: "\e944";
    }

.bzi-consumer-credit:before {
        content: "\e945";
    }

.bzi-commercial-credit:before {
        content: "\e946";
    }

.bzi-financing:before {
        content: "\e947";
    }

.bzi-investation:before {
        content: "\e948";
    }

.bzi-facebook-thin:before {
        content: "\e949";
    }

.bzi-linkedin-outlined:before {
        content: "\e94a";
    }

.bzi-tiktok-outlined:before {
        content: "\e94b";
    }

.bzi-whatsapp:before {
        content: "\e94c";
    }

.bzi-x-twitter:before {
        content: "\e94d";
    }

.bzi-facebook-circle:before {
        content: "\e94e";
    }

.bzi-youtube-outlined:before {
        content: "\e94f";
    }

.bzi-goto-top:before {
        content: "\e950";
    }

.bzi-arrow-left:before {
        content: "\e951";
    }

.bzi-file-pdf:before {
        content: "\e952";
    }

.bzi-arrow-right:before {
        content: "\e953";
    }

.bzi-send:before {
        content: "\e954";
    }

.bzi-mail-outlined:before {
        content: "\e955";
    }

.bzi-arrow-up2:before {
        content: "\ea3a";
    }

.bzi-arrow-down2:before {
        content: "\ea3e";
    }

.bzi-angle-double-left:before {
        content: "\f100";
    }

.bzi-angle-double-right:before {
        content: "\f101";
    }

.bzi-youtube:before {
        content: "\f16a";
    }

.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.visible{
  visibility: visible;
}

.\!invisible{
  visibility: hidden !important;
}

.collapse{
  visibility: collapse;
}

.static{
  position: static;
}

.fixed{
  position: fixed;
}

.absolute{
  position: absolute;
}

.\!relative{
  position: relative !important;
}

.relative{
  position: relative;
}

.sticky{
  position: sticky;
}

.\!-bottom-\[7rem\]{
  bottom: -7rem !important;
}

.\!left-\[100px\]{
  left: 100px !important;
}

.\!right-0{
  right: 0px !important;
}

.\!top-16{
  top: 4rem !important;
}

.\!top-\[-30px\]{
  top: -30px !important;
}

.\!top-\[5px\]{
  top: 5px !important;
}

.-bottom-20{
  bottom: -5rem;
}

.-left-\[20px\]{
  left: -20px;
}

.-left-\[45px\]{
  left: -45px;
}

.-right-1\/2{
  right: -50%;
}

.-right-1\/3{
  right: -33.333333%;
}

.-right-16{
  right: -4rem;
}

.-right-2{
  right: -0.5rem;
}

.-right-2\.5{
  right: -0.625rem;
}

.-right-4{
  right: -1rem;
}

.-top-12{
  top: -3rem;
}

.-top-\[45px\]{
  top: -45px;
}

.-top-\[80px\]{
  top: -80px;
}

.bottom-0{
  bottom: 0px;
}

.bottom-14{
  bottom: 3.5rem;
}

.bottom-\[-3px\]{
  bottom: -3px;
}

.bottom-\[100px\]{
  bottom: 100px;
}

.left-0{
  left: 0px;
}

.left-1\/2{
  left: 50%;
}

.left-3{
  left: 0.75rem;
}

.left-5{
  left: 1.25rem;
}

.left-\[-1px\]{
  left: -1px;
}

.left-\[-20px\]{
  left: -20px;
}

.left-\[10px\]{
  left: 10px;
}

.left-\[11\%\]{
  left: 11%;
}

.left-full{
  left: 100%;
}

.right-0{
  right: 0px;
}

.right-\[-6\.5px\]{
  right: -6.5px;
}

.right-\[10\%\]{
  right: 10%;
}

.right-\[24px\]{
  right: 24px;
}

.right-\[42px\]{
  right: 42px;
}

.top-0{
  top: 0px;
}

.top-1{
  top: 0.25rem;
}

.top-1\/2{
  top: 50%;
}

.top-12{
  top: 3rem;
}

.top-20{
  top: 5rem;
}

.top-24{
  top: 6rem;
}

.top-\[-13\%\]{
  top: -13%;
}

.top-\[-8px\]{
  top: -8px;
}

.top-\[10\%\]{
  top: 10%;
}

.top-\[100\%\]{
  top: 100%;
}

.top-\[24px\]{
  top: 24px;
}

.top-\[28px\]{
  top: 28px;
}

.top-\[8px\]{
  top: 8px;
}

.top-\[calc\(100\%\)\]{
  top: calc(100%);
}

.top-\[calc\(100\%\+14px\)\]{
  top: calc(100% + 14px);
}

.-z-\[1\]{
  z-index: -1;
}

.z-0{
  z-index: 0;
}

.z-10{
  z-index: 10;
}

.z-50{
  z-index: 50;
}

.z-\[-1\]{
  z-index: -1;
}

.z-\[1\]{
  z-index: 1;
}

.z-\[60\]{
  z-index: 60;
}

.col-span-full{
  grid-column: 1 / -1;
}

.\!m-0{
  margin: 0px !important;
}

.m-auto{
  margin: auto;
}

.\!mx-\[unset\]{
  margin-left: unset !important;
  margin-right: unset !important;
}

.\!mx-auto{
  margin-left: auto !important;
  margin-right: auto !important;
}

.\!my-0{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.mx-0{
  margin-left: 0px;
  margin-right: 0px;
}

.mx-2{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.mx-3{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.mx-4{
  margin-left: 1rem;
  margin-right: 1rem;
}

.mx-8{
  margin-left: 2rem;
  margin-right: 2rem;
}

.mx-\[18px\]{
  margin-left: 18px;
  margin-right: 18px;
}

.mx-auto{
  margin-left: auto;
  margin-right: auto;
}

.my-10{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.my-12{
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.my-20{
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.my-3{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my-5{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.my-6{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.my-8{
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.my-\[44px\]{
  margin-top: 44px;
  margin-bottom: 44px;
}

.my-auto{
  margin-top: auto;
  margin-bottom: auto;
}

.\!mb-0{
  margin-bottom: 0px !important;
}

.\!mb-0\.5{
  margin-bottom: 0.125rem !important;
}

.\!mb-10{
  margin-bottom: 2.5rem !important;
}

.\!mb-11{
  margin-bottom: 2.75rem !important;
}

.\!mb-12{
  margin-bottom: 3rem !important;
}

.\!mb-16{
  margin-bottom: 4rem !important;
}

.\!mb-2{
  margin-bottom: 0.5rem !important;
}

.\!mb-4{
  margin-bottom: 1rem !important;
}

.\!mb-5{
  margin-bottom: 1.25rem !important;
}

.\!mb-6{
  margin-bottom: 1.5rem !important;
}

.\!mb-8{
  margin-bottom: 2rem !important;
}

.\!mb-9{
  margin-bottom: 2.25rem !important;
}

.\!mb-\[14px\]{
  margin-bottom: 14px !important;
}

.\!ml-2{
  margin-left: 0.5rem !important;
}

.\!ml-5{
  margin-left: 1.25rem !important;
}

.\!mr-1{
  margin-right: 0.25rem !important;
}

.\!mr-2{
  margin-right: 0.5rem !important;
}

.\!mt-0{
  margin-top: 0px !important;
}

.\!mt-10{
  margin-top: 2.5rem !important;
}

.\!mt-16{
  margin-top: 4rem !important;
}

.\!mt-3{
  margin-top: 0.75rem !important;
}

.\!mt-4{
  margin-top: 1rem !important;
}

.\!mt-5{
  margin-top: 1.25rem !important;
}

.\!mt-8{
  margin-top: 2rem !important;
}

.\!mt-px{
  margin-top: 1px !important;
}

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

.-mt-16{
  margin-top: -4rem;
}

.-mt-3{
  margin-top: -0.75rem;
}

.-mt-3\.5{
  margin-top: -0.875rem;
}

.-mt-\[3px\]{
  margin-top: -3px;
}

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

.mb-0\.5{
  margin-bottom: 0.125rem;
}

.mb-1{
  margin-bottom: 0.25rem;
}

.mb-10{
  margin-bottom: 2.5rem;
}

.mb-11{
  margin-bottom: 2.75rem;
}

.mb-12{
  margin-bottom: 3rem;
}

.mb-14{
  margin-bottom: 3.5rem;
}

.mb-16{
  margin-bottom: 4rem;
}

.mb-2{
  margin-bottom: 0.5rem;
}

.mb-2\.5{
  margin-bottom: 0.625rem;
}

.mb-20{
  margin-bottom: 5rem;
}

.mb-24{
  margin-bottom: 6rem;
}

.mb-28{
  margin-bottom: 7rem;
}

.mb-3{
  margin-bottom: 0.75rem;
}

.mb-3\.5{
  margin-bottom: 0.875rem;
}

.mb-4{
  margin-bottom: 1rem;
}

.mb-5{
  margin-bottom: 1.25rem;
}

.mb-6{
  margin-bottom: 1.5rem;
}

.mb-7{
  margin-bottom: 1.75rem;
}

.mb-8{
  margin-bottom: 2rem;
}

.mb-9{
  margin-bottom: 2.25rem;
}

.mb-\[18px\]{
  margin-bottom: 18px;
}

.mb-\[22px\]{
  margin-bottom: 22px;
}

.mb-\[30px\]{
  margin-bottom: 30px;
}

.mb-\[50px\]{
  margin-bottom: 50px;
}

.mb-\[54px\]{
  margin-bottom: 54px;
}

.ml-1{
  margin-left: 0.25rem;
}

.ml-1\.5{
  margin-left: 0.375rem;
}

.ml-11{
  margin-left: 2.75rem;
}

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

.ml-2\.5{
  margin-left: 0.625rem;
}

.ml-5{
  margin-left: 1.25rem;
}

.ml-6{
  margin-left: 1.5rem;
}

.ml-8{
  margin-left: 2rem;
}

.ml-\[-8px\]{
  margin-left: -8px;
}

.ml-px{
  margin-left: 1px;
}

.mr-1{
  margin-right: 0.25rem;
}

.mr-1\.5{
  margin-right: 0.375rem;
}

.mr-2{
  margin-right: 0.5rem;
}

.mr-2\.5{
  margin-right: 0.625rem;
}

.mr-28{
  margin-right: 7rem;
}

.mr-3{
  margin-right: 0.75rem;
}

.mr-5{
  margin-right: 1.25rem;
}

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

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

.mt-1{
  margin-top: 0.25rem;
}

.mt-10{
  margin-top: 2.5rem;
}

.mt-11{
  margin-top: 2.75rem;
}

.mt-12{
  margin-top: 3rem;
}

.mt-14{
  margin-top: 3.5rem;
}

.mt-16{
  margin-top: 4rem;
}

.mt-2{
  margin-top: 0.5rem;
}

.mt-2\.5{
  margin-top: 0.625rem;
}

.mt-20{
  margin-top: 5rem;
}

.mt-28{
  margin-top: 7rem;
}

.mt-3{
  margin-top: 0.75rem;
}

.mt-3\.5{
  margin-top: 0.875rem;
}

.mt-4{
  margin-top: 1rem;
}

.mt-5{
  margin-top: 1.25rem;
}

.mt-6{
  margin-top: 1.5rem;
}

.mt-7{
  margin-top: 1.75rem;
}

.mt-8{
  margin-top: 2rem;
}

.mt-9{
  margin-top: 2.25rem;
}

.mt-\[0\.125rem\]{
  margin-top: 0.125rem;
}

.mt-\[120px\]{
  margin-top: 120px;
}

.mt-\[140px\]{
  margin-top: 140px;
}

.mt-\[42px\]{
  margin-top: 42px;
}

.mt-\[51px\]{
  margin-top: 51px;
}

.mt-\[68px\]{
  margin-top: 68px;
}

.mt-\[76px\]{
  margin-top: 76px;
}

.mt-auto{
  margin-top: auto;
}

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

.line-clamp-1{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.line-clamp-4{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.\!block{
  display: block !important;
}

.block{
  display: block;
}

.inline-block{
  display: inline-block;
}

.\!flex{
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

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

.table{
  display: table;
}

.\!grid{
  display: grid !important;
}

.grid{
  display: grid;
}

.contents{
  display: contents;
}

.\!list-item{
  display: list-item !important;
}

.\!hidden{
  display: none !important;
}

.hidden{
  display: none;
}

.\!h-12{
  height: 3rem !important;
}

.\!h-16{
  height: 4rem !important;
}

.\!h-\[169px\]{
  height: 169px !important;
}

.\!h-\[24px\]{
  height: 24px !important;
}

.\!h-\[28px\]{
  height: 28px !important;
}

.\!h-auto{
  height: auto !important;
}

.\!h-full{
  height: 100% !important;
}

.h-0{
  height: 0px;
}

.h-1{
  height: 0.25rem;
}

.h-10{
  height: 2.5rem;
}

.h-16{
  height: 4rem;
}

.h-2{
  height: 0.5rem;
}

.h-3{
  height: 0.75rem;
}

.h-3\.5{
  height: 0.875rem;
}

.h-4{
  height: 1rem;
}

.h-5{
  height: 1.25rem;
}

.h-6{
  height: 1.5rem;
}

.h-8{
  height: 2rem;
}

.h-9{
  height: 2.25rem;
}

.h-\[10px\]{
  height: 10px;
}

.h-\[120px\]{
  height: 120px;
}

.h-\[17px\]{
  height: 17px;
}

.h-\[180px\]{
  height: 180px;
}

.h-\[22px\]{
  height: 22px;
}

.h-\[24px\]{
  height: 24px;
}

.h-\[2px\]{
  height: 2px;
}

.h-\[30px\]{
  height: 30px;
}

.h-\[350px\]{
  height: 350px;
}

.h-\[384px\]{
  height: 384px;
}

.h-\[40px\]{
  height: 40px;
}

.h-\[471px\]{
  height: 471px;
}

.h-\[48px\]{
  height: 48px;
}

.h-\[6\.66px\]{
  height: 6.66px;
}

.h-\[600px\]{
  height: 600px;
}

.h-\[652px\]{
  height: 652px;
}

.h-\[65px\]{
  height: 65px;
}

.h-\[70px\]{
  height: 70px;
}

.h-\[84px\]{
  height: 84px;
}

.h-\[85px\]{
  height: 85px;
}

.h-\[8px\]{
  height: 8px;
}

.h-\[90px\]{
  height: 90px;
}

.h-auto{
  height: auto;
}

.h-fit{
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.h-full{
  height: 100%;
}

.h-px{
  height: 1px;
}

.h-screen{
  height: 100vh;
}

.max-h-\[300px\]{
  max-height: 300px;
}

.max-h-\[320px\]{
  max-height: 320px;
}

.max-h-\[360px\]{
  max-height: 360px;
}

.max-h-\[48px\]{
  max-height: 48px;
}

.\!min-h-\[28px\]{
  min-height: 28px !important;
}

.min-h-\[130px\]{
  min-height: 130px;
}

.min-h-\[14px\]{
  min-height: 14px;
}

.min-h-\[16px\]{
  min-height: 16px;
}

.min-h-\[175px\]{
  min-height: 175px;
}

.min-h-\[245px\]{
  min-height: 245px;
}

.min-h-\[6\]{
  min-height: 6;
}

.min-h-\[calc\(100vh-60px\)\]{
  min-height: calc(100vh - 60px);
}

.min-h-\[unset\]{
  min-height: unset;
}

.min-h-fit{
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
}

.min-h-screen{
  min-height: 100vh;
}

.\!w-12{
  width: 3rem !important;
}

.\!w-16{
  width: 4rem !important;
}

.\!w-28{
  width: 7rem !important;
}

.\!w-\[180px\]{
  width: 180px !important;
}

.\!w-\[24px\]{
  width: 24px !important;
}

.\!w-\[28px\]{
  width: 28px !important;
}

.\!w-\[90\%\]{
  width: 90% !important;
}

.\!w-auto{
  width: auto !important;
}

.\!w-fit{
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.\!w-full{
  width: 100% !important;
}

.w-0{
  width: 0px;
}

.w-1\/2{
  width: 50%;
}

.w-10{
  width: 2.5rem;
}

.w-16{
  width: 4rem;
}

.w-2{
  width: 0.5rem;
}

.w-2\/3{
  width: 66.666667%;
}

.w-3\/4{
  width: 75%;
}

.w-3\/5{
  width: 60%;
}

.w-32{
  width: 8rem;
}

.w-4{
  width: 1rem;
}

.w-4\/5{
  width: 80%;
}

.w-6{
  width: 1.5rem;
}

.w-8{
  width: 2rem;
}

.w-80{
  width: 20rem;
}

.w-9{
  width: 2.25rem;
}

.w-\[10px\]{
  width: 10px;
}

.w-\[120px\]{
  width: 120px;
}

.w-\[17px\]{
  width: 17px;
}

.w-\[180px\]{
  width: 180px;
}

.w-\[1px\]{
  width: 1px;
}

.w-\[22px\]{
  width: 22px;
}

.w-\[24px\]{
  width: 24px;
}

.w-\[260px\]{
  width: 260px;
}

.w-\[278px\]{
  width: 278px;
}

.w-\[287px\]{
  width: 287px;
}

.w-\[300px\]{
  width: 300px;
}

.w-\[30px\]{
  width: 30px;
}

.w-\[312px\]{
  width: 312px;
}

.w-\[344px\]{
  width: 344px;
}

.w-\[40px\]{
  width: 40px;
}

.w-\[48px\]{
  width: 48px;
}

.w-\[6\.66px\]{
  width: 6.66px;
}

.w-\[70px\]{
  width: 70px;
}

.w-\[78px\]{
  width: 78px;
}

.w-\[80vw\]{
  width: 80vw;
}

.w-\[8px\]{
  width: 8px;
}

.w-\[90px\]{
  width: 90px;
}

.w-\[92\%\]{
  width: 92%;
}

.w-\[calc\(50\%-20px\)\]{
  width: calc(50% - 20px);
}

.w-auto{
  width: auto;
}

.w-fit{
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.w-full{
  width: 100%;
}

.w-max{
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.w-px{
  width: 1px;
}

.w-screen{
  width: 100vw;
}

.\!min-w-0{
  min-width: 0px !important;
}

.\!min-w-\[28px\]{
  min-width: 28px !important;
}

.\!min-w-max{
  min-width: -webkit-max-content !important;
  min-width: -moz-max-content !important;
  min-width: max-content !important;
}

.min-w-\[16px\]{
  min-width: 16px;
}

.min-w-\[185px\]{
  min-width: 185px;
}

.min-w-\[200px\]{
  min-width: 200px;
}

.min-w-\[24px\]{
  min-width: 24px;
}

.min-w-\[32px\]{
  min-width: 32px;
}

.min-w-\[60\%\]{
  min-width: 60%;
}

.\!max-w-\[230px\]{
  max-width: 230px !important;
}

.\!max-w-\[calc\(100vw-24px-24px\)\]{
  max-width: calc(100vw - 24px - 24px) !important;
}

.\!max-w-none{
  max-width: none !important;
}

.max-w-\[1056px\]{
  max-width: 1056px;
}

.max-w-\[1058px\]{
  max-width: 1058px;
}

.max-w-\[1092px\]{
  max-width: 1092px;
}

.max-w-\[120px\]{
  max-width: 120px;
}

.max-w-\[152px\]{
  max-width: 152px;
}

.max-w-\[165px\]{
  max-width: 165px;
}

.max-w-\[168px\]{
  max-width: 168px;
}

.max-w-\[180px\]{
  max-width: 180px;
}

.max-w-\[190px\]{
  max-width: 190px;
}

.max-w-\[200px\]{
  max-width: 200px;
}

.max-w-\[240px\]{
  max-width: 240px;
}

.max-w-\[24px\]{
  max-width: 24px;
}

.max-w-\[256px\]{
  max-width: 256px;
}

.max-w-\[265px\]{
  max-width: 265px;
}

.max-w-\[300px\]{
  max-width: 300px;
}

.max-w-\[30px\]{
  max-width: 30px;
}

.max-w-\[400px\]{
  max-width: 400px;
}

.max-w-\[428px\]{
  max-width: 428px;
}

.max-w-\[480px\]{
  max-width: 480px;
}

.max-w-\[50\%\]{
  max-width: 50%;
}

.max-w-\[500px\]{
  max-width: 500px;
}

.max-w-\[528px\]{
  max-width: 528px;
}

.max-w-\[548px\]{
  max-width: 548px;
}

.max-w-\[612px\]{
  max-width: 612px;
}

.max-w-\[624px\]{
  max-width: 624px;
}

.max-w-\[694px\]{
  max-width: 694px;
}

.max-w-\[70\%\]{
  max-width: 70%;
}

.max-w-\[820px\]{
  max-width: 820px;
}

.max-w-\[843px\]{
  max-width: 843px;
}

.max-w-\[844px\]{
  max-width: 844px;
}

.max-w-\[90\%\]{
  max-width: 90%;
}

.max-w-\[968px\]{
  max-width: 968px;
}

.max-w-\[96px\]{
  max-width: 96px;
}

.max-w-\[998px\]{
  max-width: 998px;
}

.max-w-full{
  max-width: 100%;
}

.max-w-md{
  max-width: 28rem;
}

.flex-1{
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}

.flex-\[3\]{
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}

.flex-none{
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.shrink-0{
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.border-collapse{
  border-collapse: collapse;
}

.-translate-x-1\/2{
  --tw-translate-x: -50%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1\/2{
  --tw-translate-y: -50%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-1\/2{
  --tw-translate-x: 50%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[-50\%\]{
  --tw-translate-x: -50%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[-100\%\]{
  --tw-translate-y: -100%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-180{
  --tw-rotate: 180deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-90{
  --tw-rotate: 90deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[120deg\]{
  --tw-rotate: 120deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-125{
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-150{
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[2\]{
  --tw-scale-x: 2;
  --tw-scale-y: 2;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform{
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.cursor-default{
  cursor: default;
}

.cursor-help{
  cursor: help;
}

.cursor-pointer{
  cursor: pointer;
}

.select-none{
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.\!list-disc{
  list-style-type: disc !important;
}

.\!list-none{
  list-style-type: none !important;
}

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

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

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

.\!grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

.\!grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.\!flex-row{
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}

.flex-row{
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.flex-col{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-wrap{
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.items-start{
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.\!items-center{
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.items-center{
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.justify-start{
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.\!justify-end{
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.justify-end{
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.\!justify-center{
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.justify-center{
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.justify-between{
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.justify-items-center{
  justify-items: center;
}

.\!gap-2{
  gap: 0.5rem !important;
}

.\!gap-3{
  gap: 0.75rem !important;
}

.\!gap-3\.5{
  gap: 0.875rem !important;
}

.\!gap-8{
  gap: 2rem !important;
}

.\!gap-\[10px\]{
  gap: 10px !important;
}

.gap-1{
  gap: 0.25rem;
}

.gap-1\.5{
  gap: 0.375rem;
}

.gap-10{
  gap: 2.5rem;
}

.gap-12{
  gap: 3rem;
}

.gap-2{
  gap: 0.5rem;
}

.gap-2\.5{
  gap: 0.625rem;
}

.gap-3{
  gap: 0.75rem;
}

.gap-4{
  gap: 1rem;
}

.gap-5{
  gap: 1.25rem;
}

.gap-6{
  gap: 1.5rem;
}

.gap-7{
  gap: 1.75rem;
}

.gap-8{
  gap: 2rem;
}

.gap-\[10px\]{
  gap: 10px;
}

.gap-\[14px\]{
  gap: 14px;
}

.gap-\[22px\]{
  gap: 22px;
}

.gap-x-2{
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
}

.gap-x-3{
  -webkit-column-gap: 0.75rem;
     -moz-column-gap: 0.75rem;
          column-gap: 0.75rem;
}

.gap-x-3\.5{
  -webkit-column-gap: 0.875rem;
     -moz-column-gap: 0.875rem;
          column-gap: 0.875rem;
}

.gap-x-4{
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}

.gap-x-5{
  -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
}

.gap-x-6{
  -webkit-column-gap: 1.5rem;
     -moz-column-gap: 1.5rem;
          column-gap: 1.5rem;
}

.gap-x-8{
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
}

.gap-x-\[18px\]{
  -webkit-column-gap: 18px;
     -moz-column-gap: 18px;
          column-gap: 18px;
}

.gap-x-\[20px\]{
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}

.gap-x-\[80px\]{
  -webkit-column-gap: 80px;
     -moz-column-gap: 80px;
          column-gap: 80px;
}

.gap-x-\[82px\]{
  -webkit-column-gap: 82px;
     -moz-column-gap: 82px;
          column-gap: 82px;
}

.gap-y-10{
  row-gap: 2.5rem;
}

.gap-y-2{
  row-gap: 0.5rem;
}

.gap-y-2\.5{
  row-gap: 0.625rem;
}

.gap-y-3{
  row-gap: 0.75rem;
}

.gap-y-3\.5{
  row-gap: 0.875rem;
}

.gap-y-8{
  row-gap: 2rem;
}

.gap-y-9{
  row-gap: 2.25rem;
}

.gap-y-\[32px\]{
  row-gap: 32px;
}

.gap-y-\[48px\]{
  row-gap: 48px;
}

.self-start{
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.self-center{
  -ms-flex-item-align: center;
      align-self: center;
}

.overflow-auto{
  overflow: auto;
}

.overflow-hidden{
  overflow: hidden;
}

.\!overflow-visible{
  overflow: visible !important;
}

.overflow-visible{
  overflow: visible;
}

.\!overflow-x-auto{
  overflow-x: auto !important;
}

.overflow-y-auto{
  overflow-y: auto;
}

.overflow-x-hidden{
  overflow-x: hidden;
}

.\!overflow-x-visible{
  overflow-x: visible !important;
}

.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.\!whitespace-normal{
  white-space: normal !important;
}

.whitespace-nowrap{
  white-space: nowrap;
}

.\!rounded-full{
  border-radius: 9999px !important;
}

.\!rounded-xl{
  border-radius: 0.75rem !important;
}

.rounded-2xl{
  border-radius: 1rem;
}

.rounded-\[20px\]{
  border-radius: 20px;
}

.rounded-\[30px\]{
  border-radius: 30px;
}

.rounded-full{
  border-radius: 9999px;
}

.rounded-lg{
  border-radius: 0.5rem;
}

.rounded-md{
  border-radius: 0.375rem;
}

.rounded-none{
  border-radius: 0px;
}

.rounded-xl{
  border-radius: 0.75rem;
}

.rounded-bl-lg{
  border-bottom-left-radius: 0.5rem;
}

.rounded-br-lg{
  border-bottom-right-radius: 0.5rem;
}

.rounded-tl-lg{
  border-top-left-radius: 0.5rem;
}

.rounded-tr-lg{
  border-top-right-radius: 0.5rem;
}

.\!border-0{
  border-width: 0px !important;
}

.border{
  border-width: 1px;
}

.\!border-b-2{
  border-bottom-width: 2px !important;
}

.border-b{
  border-bottom-width: 1px;
}

.border-b-2{
  border-bottom-width: 2px;
}

.border-l{
  border-left-width: 1px;
}

.border-t{
  border-top-width: 1px;
}

.border-solid{
  border-style: solid;
}

.\!border-none{
  border-style: none !important;
}

.border-none{
  border-style: none;
}

.\!border-primary{
  --tw-border-opacity: 1 !important;
  border-color: rgb(0 97 167 / var(--tw-border-opacity)) !important;
}

.\!border-red{
  --tw-border-opacity: 1 !important;
  border-color: rgb(220 7 20 / var(--tw-border-opacity)) !important;
}

.border-\[\#AEAEAE\]{
  --tw-border-opacity: 1;
  border-color: rgb(174 174 174 / var(--tw-border-opacity));
}

.border-\[\#F9F9F9\]{
  --tw-border-opacity: 1;
  border-color: rgb(249 249 249 / var(--tw-border-opacity));
}

.border-black{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.border-black-100{
  --tw-border-opacity: 1;
  border-color: rgb(231 231 231 / var(--tw-border-opacity));
}

.border-black-100\/0{
  border-color: rgb(231 231 231 / 0);
}

.border-black-100\/10{
  border-color: rgb(231 231 231 / 0.1);
}

.border-black-100\/100{
  border-color: rgb(231 231 231 / 1);
}

.border-black-100\/20{
  border-color: rgb(231 231 231 / 0.2);
}

.border-black-100\/25{
  border-color: rgb(231 231 231 / 0.25);
}

.border-black-100\/30{
  border-color: rgb(231 231 231 / 0.3);
}

.border-black-100\/40{
  border-color: rgb(231 231 231 / 0.4);
}

.border-black-100\/5{
  border-color: rgb(231 231 231 / 0.05);
}

.border-black-100\/50{
  border-color: rgb(231 231 231 / 0.5);
}

.border-black-100\/60{
  border-color: rgb(231 231 231 / 0.6);
}

.border-black-100\/70{
  border-color: rgb(231 231 231 / 0.7);
}

.border-black-100\/75{
  border-color: rgb(231 231 231 / 0.75);
}

.border-black-100\/80{
  border-color: rgb(231 231 231 / 0.8);
}

.border-black-100\/90{
  border-color: rgb(231 231 231 / 0.9);
}

.border-black-100\/95{
  border-color: rgb(231 231 231 / 0.95);
}

.border-black-200{
  --tw-border-opacity: 1;
  border-color: rgb(207 207 207 / var(--tw-border-opacity));
}

.border-black-200\/0{
  border-color: rgb(207 207 207 / 0);
}

.border-black-200\/10{
  border-color: rgb(207 207 207 / 0.1);
}

.border-black-200\/100{
  border-color: rgb(207 207 207 / 1);
}

.border-black-200\/20{
  border-color: rgb(207 207 207 / 0.2);
}

.border-black-200\/25{
  border-color: rgb(207 207 207 / 0.25);
}

.border-black-200\/30{
  border-color: rgb(207 207 207 / 0.3);
}

.border-black-200\/40{
  border-color: rgb(207 207 207 / 0.4);
}

.border-black-200\/5{
  border-color: rgb(207 207 207 / 0.05);
}

.border-black-200\/50{
  border-color: rgb(207 207 207 / 0.5);
}

.border-black-200\/60{
  border-color: rgb(207 207 207 / 0.6);
}

.border-black-200\/70{
  border-color: rgb(207 207 207 / 0.7);
}

.border-black-200\/75{
  border-color: rgb(207 207 207 / 0.75);
}

.border-black-200\/80{
  border-color: rgb(207 207 207 / 0.8);
}

.border-black-200\/90{
  border-color: rgb(207 207 207 / 0.9);
}

.border-black-200\/95{
  border-color: rgb(207 207 207 / 0.95);
}

.border-black-300{
  --tw-border-opacity: 1;
  border-color: rgb(182 182 182 / var(--tw-border-opacity));
}

.border-black-300\/0{
  border-color: rgb(182 182 182 / 0);
}

.border-black-300\/10{
  border-color: rgb(182 182 182 / 0.1);
}

.border-black-300\/100{
  border-color: rgb(182 182 182 / 1);
}

.border-black-300\/20{
  border-color: rgb(182 182 182 / 0.2);
}

.border-black-300\/25{
  border-color: rgb(182 182 182 / 0.25);
}

.border-black-300\/30{
  border-color: rgb(182 182 182 / 0.3);
}

.border-black-300\/40{
  border-color: rgb(182 182 182 / 0.4);
}

.border-black-300\/5{
  border-color: rgb(182 182 182 / 0.05);
}

.border-black-300\/50{
  border-color: rgb(182 182 182 / 0.5);
}

.border-black-300\/60{
  border-color: rgb(182 182 182 / 0.6);
}

.border-black-300\/70{
  border-color: rgb(182 182 182 / 0.7);
}

.border-black-300\/75{
  border-color: rgb(182 182 182 / 0.75);
}

.border-black-300\/80{
  border-color: rgb(182 182 182 / 0.8);
}

.border-black-300\/90{
  border-color: rgb(182 182 182 / 0.9);
}

.border-black-300\/95{
  border-color: rgb(182 182 182 / 0.95);
}

.border-black-400{
  --tw-border-opacity: 1;
  border-color: rgb(158 158 158 / var(--tw-border-opacity));
}

.border-black-400\/0{
  border-color: rgb(158 158 158 / 0);
}

.border-black-400\/10{
  border-color: rgb(158 158 158 / 0.1);
}

.border-black-400\/100{
  border-color: rgb(158 158 158 / 1);
}

.border-black-400\/20{
  border-color: rgb(158 158 158 / 0.2);
}

.border-black-400\/25{
  border-color: rgb(158 158 158 / 0.25);
}

.border-black-400\/30{
  border-color: rgb(158 158 158 / 0.3);
}

.border-black-400\/40{
  border-color: rgb(158 158 158 / 0.4);
}

.border-black-400\/5{
  border-color: rgb(158 158 158 / 0.05);
}

.border-black-400\/50{
  border-color: rgb(158 158 158 / 0.5);
}

.border-black-400\/60{
  border-color: rgb(158 158 158 / 0.6);
}

.border-black-400\/70{
  border-color: rgb(158 158 158 / 0.7);
}

.border-black-400\/75{
  border-color: rgb(158 158 158 / 0.75);
}

.border-black-400\/80{
  border-color: rgb(158 158 158 / 0.8);
}

.border-black-400\/90{
  border-color: rgb(158 158 158 / 0.9);
}

.border-black-400\/95{
  border-color: rgb(158 158 158 / 0.95);
}

.border-black-500{
  --tw-border-opacity: 1;
  border-color: rgb(134 134 134 / var(--tw-border-opacity));
}

.border-black-500\/0{
  border-color: rgb(134 134 134 / 0);
}

.border-black-500\/10{
  border-color: rgb(134 134 134 / 0.1);
}

.border-black-500\/100{
  border-color: rgb(134 134 134 / 1);
}

.border-black-500\/20{
  border-color: rgb(134 134 134 / 0.2);
}

.border-black-500\/25{
  border-color: rgb(134 134 134 / 0.25);
}

.border-black-500\/30{
  border-color: rgb(134 134 134 / 0.3);
}

.border-black-500\/40{
  border-color: rgb(134 134 134 / 0.4);
}

.border-black-500\/5{
  border-color: rgb(134 134 134 / 0.05);
}

.border-black-500\/50{
  border-color: rgb(134 134 134 / 0.5);
}

.border-black-500\/60{
  border-color: rgb(134 134 134 / 0.6);
}

.border-black-500\/70{
  border-color: rgb(134 134 134 / 0.7);
}

.border-black-500\/75{
  border-color: rgb(134 134 134 / 0.75);
}

.border-black-500\/80{
  border-color: rgb(134 134 134 / 0.8);
}

.border-black-500\/90{
  border-color: rgb(134 134 134 / 0.9);
}

.border-black-500\/95{
  border-color: rgb(134 134 134 / 0.95);
}

.border-black-600{
  --tw-border-opacity: 1;
  border-color: rgb(110 110 110 / var(--tw-border-opacity));
}

.border-black-600\/0{
  border-color: rgb(110 110 110 / 0);
}

.border-black-600\/10{
  border-color: rgb(110 110 110 / 0.1);
}

.border-black-600\/100{
  border-color: rgb(110 110 110 / 1);
}

.border-black-600\/20{
  border-color: rgb(110 110 110 / 0.2);
}

.border-black-600\/25{
  border-color: rgb(110 110 110 / 0.25);
}

.border-black-600\/30{
  border-color: rgb(110 110 110 / 0.3);
}

.border-black-600\/40{
  border-color: rgb(110 110 110 / 0.4);
}

.border-black-600\/5{
  border-color: rgb(110 110 110 / 0.05);
}

.border-black-600\/50{
  border-color: rgb(110 110 110 / 0.5);
}

.border-black-600\/60{
  border-color: rgb(110 110 110 / 0.6);
}

.border-black-600\/70{
  border-color: rgb(110 110 110 / 0.7);
}

.border-black-600\/75{
  border-color: rgb(110 110 110 / 0.75);
}

.border-black-600\/80{
  border-color: rgb(110 110 110 / 0.8);
}

.border-black-600\/90{
  border-color: rgb(110 110 110 / 0.9);
}

.border-black-600\/95{
  border-color: rgb(110 110 110 / 0.95);
}

.border-black-700{
  --tw-border-opacity: 1;
  border-color: rgb(86 86 86 / var(--tw-border-opacity));
}

.border-black-700\/0{
  border-color: rgb(86 86 86 / 0);
}

.border-black-700\/10{
  border-color: rgb(86 86 86 / 0.1);
}

.border-black-700\/100{
  border-color: rgb(86 86 86 / 1);
}

.border-black-700\/20{
  border-color: rgb(86 86 86 / 0.2);
}

.border-black-700\/25{
  border-color: rgb(86 86 86 / 0.25);
}

.border-black-700\/30{
  border-color: rgb(86 86 86 / 0.3);
}

.border-black-700\/40{
  border-color: rgb(86 86 86 / 0.4);
}

.border-black-700\/5{
  border-color: rgb(86 86 86 / 0.05);
}

.border-black-700\/50{
  border-color: rgb(86 86 86 / 0.5);
}

.border-black-700\/60{
  border-color: rgb(86 86 86 / 0.6);
}

.border-black-700\/70{
  border-color: rgb(86 86 86 / 0.7);
}

.border-black-700\/75{
  border-color: rgb(86 86 86 / 0.75);
}

.border-black-700\/80{
  border-color: rgb(86 86 86 / 0.8);
}

.border-black-700\/90{
  border-color: rgb(86 86 86 / 0.9);
}

.border-black-700\/95{
  border-color: rgb(86 86 86 / 0.95);
}

.border-black-800{
  --tw-border-opacity: 1;
  border-color: rgb(61 61 61 / var(--tw-border-opacity));
}

.border-black-800\/0{
  border-color: rgb(61 61 61 / 0);
}

.border-black-800\/10{
  border-color: rgb(61 61 61 / 0.1);
}

.border-black-800\/100{
  border-color: rgb(61 61 61 / 1);
}

.border-black-800\/20{
  border-color: rgb(61 61 61 / 0.2);
}

.border-black-800\/25{
  border-color: rgb(61 61 61 / 0.25);
}

.border-black-800\/30{
  border-color: rgb(61 61 61 / 0.3);
}

.border-black-800\/40{
  border-color: rgb(61 61 61 / 0.4);
}

.border-black-800\/5{
  border-color: rgb(61 61 61 / 0.05);
}

.border-black-800\/50{
  border-color: rgb(61 61 61 / 0.5);
}

.border-black-800\/60{
  border-color: rgb(61 61 61 / 0.6);
}

.border-black-800\/70{
  border-color: rgb(61 61 61 / 0.7);
}

.border-black-800\/75{
  border-color: rgb(61 61 61 / 0.75);
}

.border-black-800\/80{
  border-color: rgb(61 61 61 / 0.8);
}

.border-black-800\/90{
  border-color: rgb(61 61 61 / 0.9);
}

.border-black-800\/95{
  border-color: rgb(61 61 61 / 0.95);
}

.border-black-900{
  --tw-border-opacity: 1;
  border-color: rgb(37 37 37 / var(--tw-border-opacity));
}

.border-black-900\/0{
  border-color: rgb(37 37 37 / 0);
}

.border-black-900\/10{
  border-color: rgb(37 37 37 / 0.1);
}

.border-black-900\/100{
  border-color: rgb(37 37 37 / 1);
}

.border-black-900\/20{
  border-color: rgb(37 37 37 / 0.2);
}

.border-black-900\/25{
  border-color: rgb(37 37 37 / 0.25);
}

.border-black-900\/30{
  border-color: rgb(37 37 37 / 0.3);
}

.border-black-900\/40{
  border-color: rgb(37 37 37 / 0.4);
}

.border-black-900\/5{
  border-color: rgb(37 37 37 / 0.05);
}

.border-black-900\/50{
  border-color: rgb(37 37 37 / 0.5);
}

.border-black-900\/60{
  border-color: rgb(37 37 37 / 0.6);
}

.border-black-900\/70{
  border-color: rgb(37 37 37 / 0.7);
}

.border-black-900\/75{
  border-color: rgb(37 37 37 / 0.75);
}

.border-black-900\/80{
  border-color: rgb(37 37 37 / 0.8);
}

.border-black-900\/90{
  border-color: rgb(37 37 37 / 0.9);
}

.border-black-900\/95{
  border-color: rgb(37 37 37 / 0.95);
}

.border-black-primary{
  --tw-border-opacity: 1;
  border-color: rgb(13 13 13 / var(--tw-border-opacity));
}

.border-black-primary\/0{
  border-color: rgb(13 13 13 / 0);
}

.border-black-primary\/10{
  border-color: rgb(13 13 13 / 0.1);
}

.border-black-primary\/100{
  border-color: rgb(13 13 13 / 1);
}

.border-black-primary\/20{
  border-color: rgb(13 13 13 / 0.2);
}

.border-black-primary\/25{
  border-color: rgb(13 13 13 / 0.25);
}

.border-black-primary\/30{
  border-color: rgb(13 13 13 / 0.3);
}

.border-black-primary\/40{
  border-color: rgb(13 13 13 / 0.4);
}

.border-black-primary\/5{
  border-color: rgb(13 13 13 / 0.05);
}

.border-black-primary\/50{
  border-color: rgb(13 13 13 / 0.5);
}

.border-black-primary\/60{
  border-color: rgb(13 13 13 / 0.6);
}

.border-black-primary\/70{
  border-color: rgb(13 13 13 / 0.7);
}

.border-black-primary\/75{
  border-color: rgb(13 13 13 / 0.75);
}

.border-black-primary\/80{
  border-color: rgb(13 13 13 / 0.8);
}

.border-black-primary\/90{
  border-color: rgb(13 13 13 / 0.9);
}

.border-black-primary\/95{
  border-color: rgb(13 13 13 / 0.95);
}

.border-black\/0{
  border-color: rgb(0 0 0 / 0);
}

.border-black\/10{
  border-color: rgb(0 0 0 / 0.1);
}

.border-black\/100{
  border-color: rgb(0 0 0 / 1);
}

.border-black\/20{
  border-color: rgb(0 0 0 / 0.2);
}

.border-black\/25{
  border-color: rgb(0 0 0 / 0.25);
}

.border-black\/30{
  border-color: rgb(0 0 0 / 0.3);
}

.border-black\/40{
  border-color: rgb(0 0 0 / 0.4);
}

.border-black\/5{
  border-color: rgb(0 0 0 / 0.05);
}

.border-black\/50{
  border-color: rgb(0 0 0 / 0.5);
}

.border-black\/60{
  border-color: rgb(0 0 0 / 0.6);
}

.border-black\/70{
  border-color: rgb(0 0 0 / 0.7);
}

.border-black\/75{
  border-color: rgb(0 0 0 / 0.75);
}

.border-black\/80{
  border-color: rgb(0 0 0 / 0.8);
}

.border-black\/90{
  border-color: rgb(0 0 0 / 0.9);
}

.border-black\/95{
  border-color: rgb(0 0 0 / 0.95);
}

.border-blue-200{
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity));
}

.border-choco{
  --tw-border-opacity: 1;
  border-color: rgb(137 103 79 / var(--tw-border-opacity));
}

.border-choco-100{
  --tw-border-opacity: 1;
  border-color: rgb(244 240 238 / var(--tw-border-opacity));
}

.border-choco-100\/0{
  border-color: rgb(244 240 238 / 0);
}

.border-choco-100\/10{
  border-color: rgb(244 240 238 / 0.1);
}

.border-choco-100\/100{
  border-color: rgb(244 240 238 / 1);
}

.border-choco-100\/20{
  border-color: rgb(244 240 238 / 0.2);
}

.border-choco-100\/25{
  border-color: rgb(244 240 238 / 0.25);
}

.border-choco-100\/30{
  border-color: rgb(244 240 238 / 0.3);
}

.border-choco-100\/40{
  border-color: rgb(244 240 238 / 0.4);
}

.border-choco-100\/5{
  border-color: rgb(244 240 238 / 0.05);
}

.border-choco-100\/50{
  border-color: rgb(244 240 238 / 0.5);
}

.border-choco-100\/60{
  border-color: rgb(244 240 238 / 0.6);
}

.border-choco-100\/70{
  border-color: rgb(244 240 238 / 0.7);
}

.border-choco-100\/75{
  border-color: rgb(244 240 238 / 0.75);
}

.border-choco-100\/80{
  border-color: rgb(244 240 238 / 0.8);
}

.border-choco-100\/90{
  border-color: rgb(244 240 238 / 0.9);
}

.border-choco-100\/95{
  border-color: rgb(244 240 238 / 0.95);
}

.border-choco-200{
  --tw-border-opacity: 1;
  border-color: rgb(231 225 220 / var(--tw-border-opacity));
}

.border-choco-200\/0{
  border-color: rgb(231 225 220 / 0);
}

.border-choco-200\/10{
  border-color: rgb(231 225 220 / 0.1);
}

.border-choco-200\/100{
  border-color: rgb(231 225 220 / 1);
}

.border-choco-200\/20{
  border-color: rgb(231 225 220 / 0.2);
}

.border-choco-200\/25{
  border-color: rgb(231 225 220 / 0.25);
}

.border-choco-200\/30{
  border-color: rgb(231 225 220 / 0.3);
}

.border-choco-200\/40{
  border-color: rgb(231 225 220 / 0.4);
}

.border-choco-200\/5{
  border-color: rgb(231 225 220 / 0.05);
}

.border-choco-200\/50{
  border-color: rgb(231 225 220 / 0.5);
}

.border-choco-200\/60{
  border-color: rgb(231 225 220 / 0.6);
}

.border-choco-200\/70{
  border-color: rgb(231 225 220 / 0.7);
}

.border-choco-200\/75{
  border-color: rgb(231 225 220 / 0.75);
}

.border-choco-200\/80{
  border-color: rgb(231 225 220 / 0.8);
}

.border-choco-200\/90{
  border-color: rgb(231 225 220 / 0.9);
}

.border-choco-200\/95{
  border-color: rgb(231 225 220 / 0.95);
}

.border-choco-300{
  --tw-border-opacity: 1;
  border-color: rgb(220 210 203 / var(--tw-border-opacity));
}

.border-choco-300\/0{
  border-color: rgb(220 210 203 / 0);
}

.border-choco-300\/10{
  border-color: rgb(220 210 203 / 0.1);
}

.border-choco-300\/100{
  border-color: rgb(220 210 203 / 1);
}

.border-choco-300\/20{
  border-color: rgb(220 210 203 / 0.2);
}

.border-choco-300\/25{
  border-color: rgb(220 210 203 / 0.25);
}

.border-choco-300\/30{
  border-color: rgb(220 210 203 / 0.3);
}

.border-choco-300\/40{
  border-color: rgb(220 210 203 / 0.4);
}

.border-choco-300\/5{
  border-color: rgb(220 210 203 / 0.05);
}

.border-choco-300\/50{
  border-color: rgb(220 210 203 / 0.5);
}

.border-choco-300\/60{
  border-color: rgb(220 210 203 / 0.6);
}

.border-choco-300\/70{
  border-color: rgb(220 210 203 / 0.7);
}

.border-choco-300\/75{
  border-color: rgb(220 210 203 / 0.75);
}

.border-choco-300\/80{
  border-color: rgb(220 210 203 / 0.8);
}

.border-choco-300\/90{
  border-color: rgb(220 210 203 / 0.9);
}

.border-choco-300\/95{
  border-color: rgb(220 210 203 / 0.95);
}

.border-choco-400{
  --tw-border-opacity: 1;
  border-color: rgb(208 194 185 / var(--tw-border-opacity));
}

.border-choco-400\/0{
  border-color: rgb(208 194 185 / 0);
}

.border-choco-400\/10{
  border-color: rgb(208 194 185 / 0.1);
}

.border-choco-400\/100{
  border-color: rgb(208 194 185 / 1);
}

.border-choco-400\/20{
  border-color: rgb(208 194 185 / 0.2);
}

.border-choco-400\/25{
  border-color: rgb(208 194 185 / 0.25);
}

.border-choco-400\/30{
  border-color: rgb(208 194 185 / 0.3);
}

.border-choco-400\/40{
  border-color: rgb(208 194 185 / 0.4);
}

.border-choco-400\/5{
  border-color: rgb(208 194 185 / 0.05);
}

.border-choco-400\/50{
  border-color: rgb(208 194 185 / 0.5);
}

.border-choco-400\/60{
  border-color: rgb(208 194 185 / 0.6);
}

.border-choco-400\/70{
  border-color: rgb(208 194 185 / 0.7);
}

.border-choco-400\/75{
  border-color: rgb(208 194 185 / 0.75);
}

.border-choco-400\/80{
  border-color: rgb(208 194 185 / 0.8);
}

.border-choco-400\/90{
  border-color: rgb(208 194 185 / 0.9);
}

.border-choco-400\/95{
  border-color: rgb(208 194 185 / 0.95);
}

.border-choco-500{
  --tw-border-opacity: 1;
  border-color: rgb(196 179 167 / var(--tw-border-opacity));
}

.border-choco-500\/0{
  border-color: rgb(196 179 167 / 0);
}

.border-choco-500\/10{
  border-color: rgb(196 179 167 / 0.1);
}

.border-choco-500\/100{
  border-color: rgb(196 179 167 / 1);
}

.border-choco-500\/20{
  border-color: rgb(196 179 167 / 0.2);
}

.border-choco-500\/25{
  border-color: rgb(196 179 167 / 0.25);
}

.border-choco-500\/30{
  border-color: rgb(196 179 167 / 0.3);
}

.border-choco-500\/40{
  border-color: rgb(196 179 167 / 0.4);
}

.border-choco-500\/5{
  border-color: rgb(196 179 167 / 0.05);
}

.border-choco-500\/50{
  border-color: rgb(196 179 167 / 0.5);
}

.border-choco-500\/60{
  border-color: rgb(196 179 167 / 0.6);
}

.border-choco-500\/70{
  border-color: rgb(196 179 167 / 0.7);
}

.border-choco-500\/75{
  border-color: rgb(196 179 167 / 0.75);
}

.border-choco-500\/80{
  border-color: rgb(196 179 167 / 0.8);
}

.border-choco-500\/90{
  border-color: rgb(196 179 167 / 0.9);
}

.border-choco-500\/95{
  border-color: rgb(196 179 167 / 0.95);
}

.border-choco-600{
  --tw-border-opacity: 1;
  border-color: rgb(184 164 149 / var(--tw-border-opacity));
}

.border-choco-600\/0{
  border-color: rgb(184 164 149 / 0);
}

.border-choco-600\/10{
  border-color: rgb(184 164 149 / 0.1);
}

.border-choco-600\/100{
  border-color: rgb(184 164 149 / 1);
}

.border-choco-600\/20{
  border-color: rgb(184 164 149 / 0.2);
}

.border-choco-600\/25{
  border-color: rgb(184 164 149 / 0.25);
}

.border-choco-600\/30{
  border-color: rgb(184 164 149 / 0.3);
}

.border-choco-600\/40{
  border-color: rgb(184 164 149 / 0.4);
}

.border-choco-600\/5{
  border-color: rgb(184 164 149 / 0.05);
}

.border-choco-600\/50{
  border-color: rgb(184 164 149 / 0.5);
}

.border-choco-600\/60{
  border-color: rgb(184 164 149 / 0.6);
}

.border-choco-600\/70{
  border-color: rgb(184 164 149 / 0.7);
}

.border-choco-600\/75{
  border-color: rgb(184 164 149 / 0.75);
}

.border-choco-600\/80{
  border-color: rgb(184 164 149 / 0.8);
}

.border-choco-600\/90{
  border-color: rgb(184 164 149 / 0.9);
}

.border-choco-600\/95{
  border-color: rgb(184 164 149 / 0.95);
}

.border-choco-700{
  --tw-border-opacity: 1;
  border-color: rgb(173 149 132 / var(--tw-border-opacity));
}

.border-choco-700\/0{
  border-color: rgb(173 149 132 / 0);
}

.border-choco-700\/10{
  border-color: rgb(173 149 132 / 0.1);
}

.border-choco-700\/100{
  border-color: rgb(173 149 132 / 1);
}

.border-choco-700\/20{
  border-color: rgb(173 149 132 / 0.2);
}

.border-choco-700\/25{
  border-color: rgb(173 149 132 / 0.25);
}

.border-choco-700\/30{
  border-color: rgb(173 149 132 / 0.3);
}

.border-choco-700\/40{
  border-color: rgb(173 149 132 / 0.4);
}

.border-choco-700\/5{
  border-color: rgb(173 149 132 / 0.05);
}

.border-choco-700\/50{
  border-color: rgb(173 149 132 / 0.5);
}

.border-choco-700\/60{
  border-color: rgb(173 149 132 / 0.6);
}

.border-choco-700\/70{
  border-color: rgb(173 149 132 / 0.7);
}

.border-choco-700\/75{
  border-color: rgb(173 149 132 / 0.75);
}

.border-choco-700\/80{
  border-color: rgb(173 149 132 / 0.8);
}

.border-choco-700\/90{
  border-color: rgb(173 149 132 / 0.9);
}

.border-choco-700\/95{
  border-color: rgb(173 149 132 / 0.95);
}

.border-choco-800{
  --tw-border-opacity: 1;
  border-color: rgb(161 133 114 / var(--tw-border-opacity));
}

.border-choco-800\/0{
  border-color: rgb(161 133 114 / 0);
}

.border-choco-800\/10{
  border-color: rgb(161 133 114 / 0.1);
}

.border-choco-800\/100{
  border-color: rgb(161 133 114 / 1);
}

.border-choco-800\/20{
  border-color: rgb(161 133 114 / 0.2);
}

.border-choco-800\/25{
  border-color: rgb(161 133 114 / 0.25);
}

.border-choco-800\/30{
  border-color: rgb(161 133 114 / 0.3);
}

.border-choco-800\/40{
  border-color: rgb(161 133 114 / 0.4);
}

.border-choco-800\/5{
  border-color: rgb(161 133 114 / 0.05);
}

.border-choco-800\/50{
  border-color: rgb(161 133 114 / 0.5);
}

.border-choco-800\/60{
  border-color: rgb(161 133 114 / 0.6);
}

.border-choco-800\/70{
  border-color: rgb(161 133 114 / 0.7);
}

.border-choco-800\/75{
  border-color: rgb(161 133 114 / 0.75);
}

.border-choco-800\/80{
  border-color: rgb(161 133 114 / 0.8);
}

.border-choco-800\/90{
  border-color: rgb(161 133 114 / 0.9);
}

.border-choco-800\/95{
  border-color: rgb(161 133 114 / 0.95);
}

.border-choco-900{
  --tw-border-opacity: 1;
  border-color: rgb(149 119 97 / var(--tw-border-opacity));
}

.border-choco-900\/0{
  border-color: rgb(149 119 97 / 0);
}

.border-choco-900\/10{
  border-color: rgb(149 119 97 / 0.1);
}

.border-choco-900\/100{
  border-color: rgb(149 119 97 / 1);
}

.border-choco-900\/20{
  border-color: rgb(149 119 97 / 0.2);
}

.border-choco-900\/25{
  border-color: rgb(149 119 97 / 0.25);
}

.border-choco-900\/30{
  border-color: rgb(149 119 97 / 0.3);
}

.border-choco-900\/40{
  border-color: rgb(149 119 97 / 0.4);
}

.border-choco-900\/5{
  border-color: rgb(149 119 97 / 0.05);
}

.border-choco-900\/50{
  border-color: rgb(149 119 97 / 0.5);
}

.border-choco-900\/60{
  border-color: rgb(149 119 97 / 0.6);
}

.border-choco-900\/70{
  border-color: rgb(149 119 97 / 0.7);
}

.border-choco-900\/75{
  border-color: rgb(149 119 97 / 0.75);
}

.border-choco-900\/80{
  border-color: rgb(149 119 97 / 0.8);
}

.border-choco-900\/90{
  border-color: rgb(149 119 97 / 0.9);
}

.border-choco-900\/95{
  border-color: rgb(149 119 97 / 0.95);
}

.border-choco\/0{
  border-color: rgb(137 103 79 / 0);
}

.border-choco\/10{
  border-color: rgb(137 103 79 / 0.1);
}

.border-choco\/100{
  border-color: rgb(137 103 79 / 1);
}

.border-choco\/20{
  border-color: rgb(137 103 79 / 0.2);
}

.border-choco\/25{
  border-color: rgb(137 103 79 / 0.25);
}

.border-choco\/30{
  border-color: rgb(137 103 79 / 0.3);
}

.border-choco\/40{
  border-color: rgb(137 103 79 / 0.4);
}

.border-choco\/5{
  border-color: rgb(137 103 79 / 0.05);
}

.border-choco\/50{
  border-color: rgb(137 103 79 / 0.5);
}

.border-choco\/60{
  border-color: rgb(137 103 79 / 0.6);
}

.border-choco\/70{
  border-color: rgb(137 103 79 / 0.7);
}

.border-choco\/75{
  border-color: rgb(137 103 79 / 0.75);
}

.border-choco\/80{
  border-color: rgb(137 103 79 / 0.8);
}

.border-choco\/90{
  border-color: rgb(137 103 79 / 0.9);
}

.border-choco\/95{
  border-color: rgb(137 103 79 / 0.95);
}

.border-choco2{
  --tw-border-opacity: 1;
  border-color: rgb(152 106 76 / var(--tw-border-opacity));
}

.border-choco2\/0{
  border-color: rgb(152 106 76 / 0);
}

.border-choco2\/10{
  border-color: rgb(152 106 76 / 0.1);
}

.border-choco2\/100{
  border-color: rgb(152 106 76 / 1);
}

.border-choco2\/20{
  border-color: rgb(152 106 76 / 0.2);
}

.border-choco2\/25{
  border-color: rgb(152 106 76 / 0.25);
}

.border-choco2\/30{
  border-color: rgb(152 106 76 / 0.3);
}

.border-choco2\/40{
  border-color: rgb(152 106 76 / 0.4);
}

.border-choco2\/5{
  border-color: rgb(152 106 76 / 0.05);
}

.border-choco2\/50{
  border-color: rgb(152 106 76 / 0.5);
}

.border-choco2\/60{
  border-color: rgb(152 106 76 / 0.6);
}

.border-choco2\/70{
  border-color: rgb(152 106 76 / 0.7);
}

.border-choco2\/75{
  border-color: rgb(152 106 76 / 0.75);
}

.border-choco2\/80{
  border-color: rgb(152 106 76 / 0.8);
}

.border-choco2\/90{
  border-color: rgb(152 106 76 / 0.9);
}

.border-choco2\/95{
  border-color: rgb(152 106 76 / 0.95);
}

.border-danger-border{
  --tw-border-opacity: 1;
  border-color: rgb(234 106 114 / var(--tw-border-opacity));
}

.border-danger-border\/0{
  border-color: rgb(234 106 114 / 0);
}

.border-danger-border\/10{
  border-color: rgb(234 106 114 / 0.1);
}

.border-danger-border\/100{
  border-color: rgb(234 106 114 / 1);
}

.border-danger-border\/20{
  border-color: rgb(234 106 114 / 0.2);
}

.border-danger-border\/25{
  border-color: rgb(234 106 114 / 0.25);
}

.border-danger-border\/30{
  border-color: rgb(234 106 114 / 0.3);
}

.border-danger-border\/40{
  border-color: rgb(234 106 114 / 0.4);
}

.border-danger-border\/5{
  border-color: rgb(234 106 114 / 0.05);
}

.border-danger-border\/50{
  border-color: rgb(234 106 114 / 0.5);
}

.border-danger-border\/60{
  border-color: rgb(234 106 114 / 0.6);
}

.border-danger-border\/70{
  border-color: rgb(234 106 114 / 0.7);
}

.border-danger-border\/75{
  border-color: rgb(234 106 114 / 0.75);
}

.border-danger-border\/80{
  border-color: rgb(234 106 114 / 0.8);
}

.border-danger-border\/90{
  border-color: rgb(234 106 114 / 0.9);
}

.border-danger-border\/95{
  border-color: rgb(234 106 114 / 0.95);
}

.border-danger-main{
  --tw-border-opacity: 1;
  border-color: rgb(220 7 20 / var(--tw-border-opacity));
}

.border-danger-main\/0{
  border-color: rgb(220 7 20 / 0);
}

.border-danger-main\/10{
  border-color: rgb(220 7 20 / 0.1);
}

.border-danger-main\/100{
  border-color: rgb(220 7 20 / 1);
}

.border-danger-main\/20{
  border-color: rgb(220 7 20 / 0.2);
}

.border-danger-main\/25{
  border-color: rgb(220 7 20 / 0.25);
}

.border-danger-main\/30{
  border-color: rgb(220 7 20 / 0.3);
}

.border-danger-main\/40{
  border-color: rgb(220 7 20 / 0.4);
}

.border-danger-main\/5{
  border-color: rgb(220 7 20 / 0.05);
}

.border-danger-main\/50{
  border-color: rgb(220 7 20 / 0.5);
}

.border-danger-main\/60{
  border-color: rgb(220 7 20 / 0.6);
}

.border-danger-main\/70{
  border-color: rgb(220 7 20 / 0.7);
}

.border-danger-main\/75{
  border-color: rgb(220 7 20 / 0.75);
}

.border-danger-main\/80{
  border-color: rgb(220 7 20 / 0.8);
}

.border-danger-main\/90{
  border-color: rgb(220 7 20 / 0.9);
}

.border-danger-main\/95{
  border-color: rgb(220 7 20 / 0.95);
}

.border-danger-surface{
  --tw-border-opacity: 1;
  border-color: rgb(245 181 185 / var(--tw-border-opacity));
}

.border-danger-surface\/0{
  border-color: rgb(245 181 185 / 0);
}

.border-danger-surface\/10{
  border-color: rgb(245 181 185 / 0.1);
}

.border-danger-surface\/100{
  border-color: rgb(245 181 185 / 1);
}

.border-danger-surface\/20{
  border-color: rgb(245 181 185 / 0.2);
}

.border-danger-surface\/25{
  border-color: rgb(245 181 185 / 0.25);
}

.border-danger-surface\/30{
  border-color: rgb(245 181 185 / 0.3);
}

.border-danger-surface\/40{
  border-color: rgb(245 181 185 / 0.4);
}

.border-danger-surface\/5{
  border-color: rgb(245 181 185 / 0.05);
}

.border-danger-surface\/50{
  border-color: rgb(245 181 185 / 0.5);
}

.border-danger-surface\/60{
  border-color: rgb(245 181 185 / 0.6);
}

.border-danger-surface\/70{
  border-color: rgb(245 181 185 / 0.7);
}

.border-danger-surface\/75{
  border-color: rgb(245 181 185 / 0.75);
}

.border-danger-surface\/80{
  border-color: rgb(245 181 185 / 0.8);
}

.border-danger-surface\/90{
  border-color: rgb(245 181 185 / 0.9);
}

.border-danger-surface\/95{
  border-color: rgb(245 181 185 / 0.95);
}

.border-gold{
  --tw-border-opacity: 1;
  border-color: rgb(173 143 107 / var(--tw-border-opacity));
}

.border-gold-100{
  --tw-border-opacity: 1;
  border-color: rgb(247 244 240 / var(--tw-border-opacity));
}

.border-gold-100\/0{
  border-color: rgb(247 244 240 / 0);
}

.border-gold-100\/10{
  border-color: rgb(247 244 240 / 0.1);
}

.border-gold-100\/100{
  border-color: rgb(247 244 240 / 1);
}

.border-gold-100\/20{
  border-color: rgb(247 244 240 / 0.2);
}

.border-gold-100\/25{
  border-color: rgb(247 244 240 / 0.25);
}

.border-gold-100\/30{
  border-color: rgb(247 244 240 / 0.3);
}

.border-gold-100\/40{
  border-color: rgb(247 244 240 / 0.4);
}

.border-gold-100\/5{
  border-color: rgb(247 244 240 / 0.05);
}

.border-gold-100\/50{
  border-color: rgb(247 244 240 / 0.5);
}

.border-gold-100\/60{
  border-color: rgb(247 244 240 / 0.6);
}

.border-gold-100\/70{
  border-color: rgb(247 244 240 / 0.7);
}

.border-gold-100\/75{
  border-color: rgb(247 244 240 / 0.75);
}

.border-gold-100\/80{
  border-color: rgb(247 244 240 / 0.8);
}

.border-gold-100\/90{
  border-color: rgb(247 244 240 / 0.9);
}

.border-gold-100\/95{
  border-color: rgb(247 244 240 / 0.95);
}

.border-gold-200{
  --tw-border-opacity: 1;
  border-color: rgb(239 233 225 / var(--tw-border-opacity));
}

.border-gold-200\/0{
  border-color: rgb(239 233 225 / 0);
}

.border-gold-200\/10{
  border-color: rgb(239 233 225 / 0.1);
}

.border-gold-200\/100{
  border-color: rgb(239 233 225 / 1);
}

.border-gold-200\/20{
  border-color: rgb(239 233 225 / 0.2);
}

.border-gold-200\/25{
  border-color: rgb(239 233 225 / 0.25);
}

.border-gold-200\/30{
  border-color: rgb(239 233 225 / 0.3);
}

.border-gold-200\/40{
  border-color: rgb(239 233 225 / 0.4);
}

.border-gold-200\/5{
  border-color: rgb(239 233 225 / 0.05);
}

.border-gold-200\/50{
  border-color: rgb(239 233 225 / 0.5);
}

.border-gold-200\/60{
  border-color: rgb(239 233 225 / 0.6);
}

.border-gold-200\/70{
  border-color: rgb(239 233 225 / 0.7);
}

.border-gold-200\/75{
  border-color: rgb(239 233 225 / 0.75);
}

.border-gold-200\/80{
  border-color: rgb(239 233 225 / 0.8);
}

.border-gold-200\/90{
  border-color: rgb(239 233 225 / 0.9);
}

.border-gold-200\/95{
  border-color: rgb(239 233 225 / 0.95);
}

.border-gold-300{
  --tw-border-opacity: 1;
  border-color: rgb(230 221 211 / var(--tw-border-opacity));
}

.border-gold-300\/0{
  border-color: rgb(230 221 211 / 0);
}

.border-gold-300\/10{
  border-color: rgb(230 221 211 / 0.1);
}

.border-gold-300\/100{
  border-color: rgb(230 221 211 / 1);
}

.border-gold-300\/20{
  border-color: rgb(230 221 211 / 0.2);
}

.border-gold-300\/25{
  border-color: rgb(230 221 211 / 0.25);
}

.border-gold-300\/30{
  border-color: rgb(230 221 211 / 0.3);
}

.border-gold-300\/40{
  border-color: rgb(230 221 211 / 0.4);
}

.border-gold-300\/5{
  border-color: rgb(230 221 211 / 0.05);
}

.border-gold-300\/50{
  border-color: rgb(230 221 211 / 0.5);
}

.border-gold-300\/60{
  border-color: rgb(230 221 211 / 0.6);
}

.border-gold-300\/70{
  border-color: rgb(230 221 211 / 0.7);
}

.border-gold-300\/75{
  border-color: rgb(230 221 211 / 0.75);
}

.border-gold-300\/80{
  border-color: rgb(230 221 211 / 0.8);
}

.border-gold-300\/90{
  border-color: rgb(230 221 211 / 0.9);
}

.border-gold-300\/95{
  border-color: rgb(230 221 211 / 0.95);
}

.border-gold-400{
  --tw-border-opacity: 1;
  border-color: rgb(222 210 196 / var(--tw-border-opacity));
}

.border-gold-400\/0{
  border-color: rgb(222 210 196 / 0);
}

.border-gold-400\/10{
  border-color: rgb(222 210 196 / 0.1);
}

.border-gold-400\/100{
  border-color: rgb(222 210 196 / 1);
}

.border-gold-400\/20{
  border-color: rgb(222 210 196 / 0.2);
}

.border-gold-400\/25{
  border-color: rgb(222 210 196 / 0.25);
}

.border-gold-400\/30{
  border-color: rgb(222 210 196 / 0.3);
}

.border-gold-400\/40{
  border-color: rgb(222 210 196 / 0.4);
}

.border-gold-400\/5{
  border-color: rgb(222 210 196 / 0.05);
}

.border-gold-400\/50{
  border-color: rgb(222 210 196 / 0.5);
}

.border-gold-400\/60{
  border-color: rgb(222 210 196 / 0.6);
}

.border-gold-400\/70{
  border-color: rgb(222 210 196 / 0.7);
}

.border-gold-400\/75{
  border-color: rgb(222 210 196 / 0.75);
}

.border-gold-400\/80{
  border-color: rgb(222 210 196 / 0.8);
}

.border-gold-400\/90{
  border-color: rgb(222 210 196 / 0.9);
}

.border-gold-400\/95{
  border-color: rgb(222 210 196 / 0.95);
}

.border-gold-500{
  --tw-border-opacity: 1;
  border-color: rgb(214 199 181 / var(--tw-border-opacity));
}

.border-gold-500\/0{
  border-color: rgb(214 199 181 / 0);
}

.border-gold-500\/10{
  border-color: rgb(214 199 181 / 0.1);
}

.border-gold-500\/100{
  border-color: rgb(214 199 181 / 1);
}

.border-gold-500\/20{
  border-color: rgb(214 199 181 / 0.2);
}

.border-gold-500\/25{
  border-color: rgb(214 199 181 / 0.25);
}

.border-gold-500\/30{
  border-color: rgb(214 199 181 / 0.3);
}

.border-gold-500\/40{
  border-color: rgb(214 199 181 / 0.4);
}

.border-gold-500\/5{
  border-color: rgb(214 199 181 / 0.05);
}

.border-gold-500\/50{
  border-color: rgb(214 199 181 / 0.5);
}

.border-gold-500\/60{
  border-color: rgb(214 199 181 / 0.6);
}

.border-gold-500\/70{
  border-color: rgb(214 199 181 / 0.7);
}

.border-gold-500\/75{
  border-color: rgb(214 199 181 / 0.75);
}

.border-gold-500\/80{
  border-color: rgb(214 199 181 / 0.8);
}

.border-gold-500\/90{
  border-color: rgb(214 199 181 / 0.9);
}

.border-gold-500\/95{
  border-color: rgb(214 199 181 / 0.95);
}

.border-gold-600{
  --tw-border-opacity: 1;
  border-color: rgb(206 188 166 / var(--tw-border-opacity));
}

.border-gold-600\/0{
  border-color: rgb(206 188 166 / 0);
}

.border-gold-600\/10{
  border-color: rgb(206 188 166 / 0.1);
}

.border-gold-600\/100{
  border-color: rgb(206 188 166 / 1);
}

.border-gold-600\/20{
  border-color: rgb(206 188 166 / 0.2);
}

.border-gold-600\/25{
  border-color: rgb(206 188 166 / 0.25);
}

.border-gold-600\/30{
  border-color: rgb(206 188 166 / 0.3);
}

.border-gold-600\/40{
  border-color: rgb(206 188 166 / 0.4);
}

.border-gold-600\/5{
  border-color: rgb(206 188 166 / 0.05);
}

.border-gold-600\/50{
  border-color: rgb(206 188 166 / 0.5);
}

.border-gold-600\/60{
  border-color: rgb(206 188 166 / 0.6);
}

.border-gold-600\/70{
  border-color: rgb(206 188 166 / 0.7);
}

.border-gold-600\/75{
  border-color: rgb(206 188 166 / 0.75);
}

.border-gold-600\/80{
  border-color: rgb(206 188 166 / 0.8);
}

.border-gold-600\/90{
  border-color: rgb(206 188 166 / 0.9);
}

.border-gold-600\/95{
  border-color: rgb(206 188 166 / 0.95);
}

.border-gold-700{
  --tw-border-opacity: 1;
  border-color: rgb(198 177 151 / var(--tw-border-opacity));
}

.border-gold-700\/0{
  border-color: rgb(198 177 151 / 0);
}

.border-gold-700\/10{
  border-color: rgb(198 177 151 / 0.1);
}

.border-gold-700\/100{
  border-color: rgb(198 177 151 / 1);
}

.border-gold-700\/20{
  border-color: rgb(198 177 151 / 0.2);
}

.border-gold-700\/25{
  border-color: rgb(198 177 151 / 0.25);
}

.border-gold-700\/30{
  border-color: rgb(198 177 151 / 0.3);
}

.border-gold-700\/40{
  border-color: rgb(198 177 151 / 0.4);
}

.border-gold-700\/5{
  border-color: rgb(198 177 151 / 0.05);
}

.border-gold-700\/50{
  border-color: rgb(198 177 151 / 0.5);
}

.border-gold-700\/60{
  border-color: rgb(198 177 151 / 0.6);
}

.border-gold-700\/70{
  border-color: rgb(198 177 151 / 0.7);
}

.border-gold-700\/75{
  border-color: rgb(198 177 151 / 0.75);
}

.border-gold-700\/80{
  border-color: rgb(198 177 151 / 0.8);
}

.border-gold-700\/90{
  border-color: rgb(198 177 151 / 0.9);
}

.border-gold-700\/95{
  border-color: rgb(198 177 151 / 0.95);
}

.border-gold-800{
  --tw-border-opacity: 1;
  border-color: rgb(189 165 137 / var(--tw-border-opacity));
}

.border-gold-800\/0{
  border-color: rgb(189 165 137 / 0);
}

.border-gold-800\/10{
  border-color: rgb(189 165 137 / 0.1);
}

.border-gold-800\/100{
  border-color: rgb(189 165 137 / 1);
}

.border-gold-800\/20{
  border-color: rgb(189 165 137 / 0.2);
}

.border-gold-800\/25{
  border-color: rgb(189 165 137 / 0.25);
}

.border-gold-800\/30{
  border-color: rgb(189 165 137 / 0.3);
}

.border-gold-800\/40{
  border-color: rgb(189 165 137 / 0.4);
}

.border-gold-800\/5{
  border-color: rgb(189 165 137 / 0.05);
}

.border-gold-800\/50{
  border-color: rgb(189 165 137 / 0.5);
}

.border-gold-800\/60{
  border-color: rgb(189 165 137 / 0.6);
}

.border-gold-800\/70{
  border-color: rgb(189 165 137 / 0.7);
}

.border-gold-800\/75{
  border-color: rgb(189 165 137 / 0.75);
}

.border-gold-800\/80{
  border-color: rgb(189 165 137 / 0.8);
}

.border-gold-800\/90{
  border-color: rgb(189 165 137 / 0.9);
}

.border-gold-800\/95{
  border-color: rgb(189 165 137 / 0.95);
}

.border-gold-900{
  --tw-border-opacity: 1;
  border-color: rgb(181 154 122 / var(--tw-border-opacity));
}

.border-gold-900\/0{
  border-color: rgb(181 154 122 / 0);
}

.border-gold-900\/10{
  border-color: rgb(181 154 122 / 0.1);
}

.border-gold-900\/100{
  border-color: rgb(181 154 122 / 1);
}

.border-gold-900\/20{
  border-color: rgb(181 154 122 / 0.2);
}

.border-gold-900\/25{
  border-color: rgb(181 154 122 / 0.25);
}

.border-gold-900\/30{
  border-color: rgb(181 154 122 / 0.3);
}

.border-gold-900\/40{
  border-color: rgb(181 154 122 / 0.4);
}

.border-gold-900\/5{
  border-color: rgb(181 154 122 / 0.05);
}

.border-gold-900\/50{
  border-color: rgb(181 154 122 / 0.5);
}

.border-gold-900\/60{
  border-color: rgb(181 154 122 / 0.6);
}

.border-gold-900\/70{
  border-color: rgb(181 154 122 / 0.7);
}

.border-gold-900\/75{
  border-color: rgb(181 154 122 / 0.75);
}

.border-gold-900\/80{
  border-color: rgb(181 154 122 / 0.8);
}

.border-gold-900\/90{
  border-color: rgb(181 154 122 / 0.9);
}

.border-gold-900\/95{
  border-color: rgb(181 154 122 / 0.95);
}

.border-gold\/0{
  border-color: rgb(173 143 107 / 0);
}

.border-gold\/10{
  border-color: rgb(173 143 107 / 0.1);
}

.border-gold\/100{
  border-color: rgb(173 143 107 / 1);
}

.border-gold\/20{
  border-color: rgb(173 143 107 / 0.2);
}

.border-gold\/25{
  border-color: rgb(173 143 107 / 0.25);
}

.border-gold\/30{
  border-color: rgb(173 143 107 / 0.3);
}

.border-gold\/40{
  border-color: rgb(173 143 107 / 0.4);
}

.border-gold\/5{
  border-color: rgb(173 143 107 / 0.05);
}

.border-gold\/50{
  border-color: rgb(173 143 107 / 0.5);
}

.border-gold\/60{
  border-color: rgb(173 143 107 / 0.6);
}

.border-gold\/70{
  border-color: rgb(173 143 107 / 0.7);
}

.border-gold\/75{
  border-color: rgb(173 143 107 / 0.75);
}

.border-gold\/80{
  border-color: rgb(173 143 107 / 0.8);
}

.border-gold\/90{
  border-color: rgb(173 143 107 / 0.9);
}

.border-gold\/95{
  border-color: rgb(173 143 107 / 0.95);
}

.border-primary{
  --tw-border-opacity: 1;
  border-color: rgb(0 97 167 / var(--tw-border-opacity));
}

.border-primary-100{
  --tw-border-opacity: 1;
  border-color: rgb(229 239 246 / var(--tw-border-opacity));
}

.border-primary-100\/0{
  border-color: rgb(229 239 246 / 0);
}

.border-primary-100\/10{
  border-color: rgb(229 239 246 / 0.1);
}

.border-primary-100\/100{
  border-color: rgb(229 239 246 / 1);
}

.border-primary-100\/20{
  border-color: rgb(229 239 246 / 0.2);
}

.border-primary-100\/25{
  border-color: rgb(229 239 246 / 0.25);
}

.border-primary-100\/30{
  border-color: rgb(229 239 246 / 0.3);
}

.border-primary-100\/40{
  border-color: rgb(229 239 246 / 0.4);
}

.border-primary-100\/5{
  border-color: rgb(229 239 246 / 0.05);
}

.border-primary-100\/50{
  border-color: rgb(229 239 246 / 0.5);
}

.border-primary-100\/60{
  border-color: rgb(229 239 246 / 0.6);
}

.border-primary-100\/70{
  border-color: rgb(229 239 246 / 0.7);
}

.border-primary-100\/75{
  border-color: rgb(229 239 246 / 0.75);
}

.border-primary-100\/80{
  border-color: rgb(229 239 246 / 0.8);
}

.border-primary-100\/90{
  border-color: rgb(229 239 246 / 0.9);
}

.border-primary-100\/95{
  border-color: rgb(229 239 246 / 0.95);
}

.border-primary-200{
  --tw-border-opacity: 1;
  border-color: rgb(204 223 237 / var(--tw-border-opacity));
}

.border-primary-200\/0{
  border-color: rgb(204 223 237 / 0);
}

.border-primary-200\/10{
  border-color: rgb(204 223 237 / 0.1);
}

.border-primary-200\/100{
  border-color: rgb(204 223 237 / 1);
}

.border-primary-200\/20{
  border-color: rgb(204 223 237 / 0.2);
}

.border-primary-200\/25{
  border-color: rgb(204 223 237 / 0.25);
}

.border-primary-200\/30{
  border-color: rgb(204 223 237 / 0.3);
}

.border-primary-200\/40{
  border-color: rgb(204 223 237 / 0.4);
}

.border-primary-200\/5{
  border-color: rgb(204 223 237 / 0.05);
}

.border-primary-200\/50{
  border-color: rgb(204 223 237 / 0.5);
}

.border-primary-200\/60{
  border-color: rgb(204 223 237 / 0.6);
}

.border-primary-200\/70{
  border-color: rgb(204 223 237 / 0.7);
}

.border-primary-200\/75{
  border-color: rgb(204 223 237 / 0.75);
}

.border-primary-200\/80{
  border-color: rgb(204 223 237 / 0.8);
}

.border-primary-200\/90{
  border-color: rgb(204 223 237 / 0.9);
}

.border-primary-200\/95{
  border-color: rgb(204 223 237 / 0.95);
}

.border-primary-300{
  --tw-border-opacity: 1;
  border-color: rgb(179 208 229 / var(--tw-border-opacity));
}

.border-primary-300\/0{
  border-color: rgb(179 208 229 / 0);
}

.border-primary-300\/10{
  border-color: rgb(179 208 229 / 0.1);
}

.border-primary-300\/100{
  border-color: rgb(179 208 229 / 1);
}

.border-primary-300\/20{
  border-color: rgb(179 208 229 / 0.2);
}

.border-primary-300\/25{
  border-color: rgb(179 208 229 / 0.25);
}

.border-primary-300\/30{
  border-color: rgb(179 208 229 / 0.3);
}

.border-primary-300\/40{
  border-color: rgb(179 208 229 / 0.4);
}

.border-primary-300\/5{
  border-color: rgb(179 208 229 / 0.05);
}

.border-primary-300\/50{
  border-color: rgb(179 208 229 / 0.5);
}

.border-primary-300\/60{
  border-color: rgb(179 208 229 / 0.6);
}

.border-primary-300\/70{
  border-color: rgb(179 208 229 / 0.7);
}

.border-primary-300\/75{
  border-color: rgb(179 208 229 / 0.75);
}

.border-primary-300\/80{
  border-color: rgb(179 208 229 / 0.8);
}

.border-primary-300\/90{
  border-color: rgb(179 208 229 / 0.9);
}

.border-primary-300\/95{
  border-color: rgb(179 208 229 / 0.95);
}

.border-primary-400{
  --tw-border-opacity: 1;
  border-color: rgb(153 192 220 / var(--tw-border-opacity));
}

.border-primary-400\/0{
  border-color: rgb(153 192 220 / 0);
}

.border-primary-400\/10{
  border-color: rgb(153 192 220 / 0.1);
}

.border-primary-400\/100{
  border-color: rgb(153 192 220 / 1);
}

.border-primary-400\/20{
  border-color: rgb(153 192 220 / 0.2);
}

.border-primary-400\/25{
  border-color: rgb(153 192 220 / 0.25);
}

.border-primary-400\/30{
  border-color: rgb(153 192 220 / 0.3);
}

.border-primary-400\/40{
  border-color: rgb(153 192 220 / 0.4);
}

.border-primary-400\/5{
  border-color: rgb(153 192 220 / 0.05);
}

.border-primary-400\/50{
  border-color: rgb(153 192 220 / 0.5);
}

.border-primary-400\/60{
  border-color: rgb(153 192 220 / 0.6);
}

.border-primary-400\/70{
  border-color: rgb(153 192 220 / 0.7);
}

.border-primary-400\/75{
  border-color: rgb(153 192 220 / 0.75);
}

.border-primary-400\/80{
  border-color: rgb(153 192 220 / 0.8);
}

.border-primary-400\/90{
  border-color: rgb(153 192 220 / 0.9);
}

.border-primary-400\/95{
  border-color: rgb(153 192 220 / 0.95);
}

.border-primary-500{
  --tw-border-opacity: 1;
  border-color: rgb(128 176 211 / var(--tw-border-opacity));
}

.border-primary-500\/0{
  border-color: rgb(128 176 211 / 0);
}

.border-primary-500\/10{
  border-color: rgb(128 176 211 / 0.1);
}

.border-primary-500\/100{
  border-color: rgb(128 176 211 / 1);
}

.border-primary-500\/20{
  border-color: rgb(128 176 211 / 0.2);
}

.border-primary-500\/25{
  border-color: rgb(128 176 211 / 0.25);
}

.border-primary-500\/30{
  border-color: rgb(128 176 211 / 0.3);
}

.border-primary-500\/40{
  border-color: rgb(128 176 211 / 0.4);
}

.border-primary-500\/5{
  border-color: rgb(128 176 211 / 0.05);
}

.border-primary-500\/50{
  border-color: rgb(128 176 211 / 0.5);
}

.border-primary-500\/60{
  border-color: rgb(128 176 211 / 0.6);
}

.border-primary-500\/70{
  border-color: rgb(128 176 211 / 0.7);
}

.border-primary-500\/75{
  border-color: rgb(128 176 211 / 0.75);
}

.border-primary-500\/80{
  border-color: rgb(128 176 211 / 0.8);
}

.border-primary-500\/90{
  border-color: rgb(128 176 211 / 0.9);
}

.border-primary-500\/95{
  border-color: rgb(128 176 211 / 0.95);
}

.border-primary-600{
  --tw-border-opacity: 1;
  border-color: rgb(102 160 202 / var(--tw-border-opacity));
}

.border-primary-600\/0{
  border-color: rgb(102 160 202 / 0);
}

.border-primary-600\/10{
  border-color: rgb(102 160 202 / 0.1);
}

.border-primary-600\/100{
  border-color: rgb(102 160 202 / 1);
}

.border-primary-600\/20{
  border-color: rgb(102 160 202 / 0.2);
}

.border-primary-600\/25{
  border-color: rgb(102 160 202 / 0.25);
}

.border-primary-600\/30{
  border-color: rgb(102 160 202 / 0.3);
}

.border-primary-600\/40{
  border-color: rgb(102 160 202 / 0.4);
}

.border-primary-600\/5{
  border-color: rgb(102 160 202 / 0.05);
}

.border-primary-600\/50{
  border-color: rgb(102 160 202 / 0.5);
}

.border-primary-600\/60{
  border-color: rgb(102 160 202 / 0.6);
}

.border-primary-600\/70{
  border-color: rgb(102 160 202 / 0.7);
}

.border-primary-600\/75{
  border-color: rgb(102 160 202 / 0.75);
}

.border-primary-600\/80{
  border-color: rgb(102 160 202 / 0.8);
}

.border-primary-600\/90{
  border-color: rgb(102 160 202 / 0.9);
}

.border-primary-600\/95{
  border-color: rgb(102 160 202 / 0.95);
}

.border-primary-700{
  --tw-border-opacity: 1;
  border-color: rgb(77 144 193 / var(--tw-border-opacity));
}

.border-primary-700\/0{
  border-color: rgb(77 144 193 / 0);
}

.border-primary-700\/10{
  border-color: rgb(77 144 193 / 0.1);
}

.border-primary-700\/100{
  border-color: rgb(77 144 193 / 1);
}

.border-primary-700\/20{
  border-color: rgb(77 144 193 / 0.2);
}

.border-primary-700\/25{
  border-color: rgb(77 144 193 / 0.25);
}

.border-primary-700\/30{
  border-color: rgb(77 144 193 / 0.3);
}

.border-primary-700\/40{
  border-color: rgb(77 144 193 / 0.4);
}

.border-primary-700\/5{
  border-color: rgb(77 144 193 / 0.05);
}

.border-primary-700\/50{
  border-color: rgb(77 144 193 / 0.5);
}

.border-primary-700\/60{
  border-color: rgb(77 144 193 / 0.6);
}

.border-primary-700\/70{
  border-color: rgb(77 144 193 / 0.7);
}

.border-primary-700\/75{
  border-color: rgb(77 144 193 / 0.75);
}

.border-primary-700\/80{
  border-color: rgb(77 144 193 / 0.8);
}

.border-primary-700\/90{
  border-color: rgb(77 144 193 / 0.9);
}

.border-primary-700\/95{
  border-color: rgb(77 144 193 / 0.95);
}

.border-primary-800{
  --tw-border-opacity: 1;
  border-color: rgb(51 129 185 / var(--tw-border-opacity));
}

.border-primary-800\/0{
  border-color: rgb(51 129 185 / 0);
}

.border-primary-800\/10{
  border-color: rgb(51 129 185 / 0.1);
}

.border-primary-800\/100{
  border-color: rgb(51 129 185 / 1);
}

.border-primary-800\/20{
  border-color: rgb(51 129 185 / 0.2);
}

.border-primary-800\/25{
  border-color: rgb(51 129 185 / 0.25);
}

.border-primary-800\/30{
  border-color: rgb(51 129 185 / 0.3);
}

.border-primary-800\/40{
  border-color: rgb(51 129 185 / 0.4);
}

.border-primary-800\/5{
  border-color: rgb(51 129 185 / 0.05);
}

.border-primary-800\/50{
  border-color: rgb(51 129 185 / 0.5);
}

.border-primary-800\/60{
  border-color: rgb(51 129 185 / 0.6);
}

.border-primary-800\/70{
  border-color: rgb(51 129 185 / 0.7);
}

.border-primary-800\/75{
  border-color: rgb(51 129 185 / 0.75);
}

.border-primary-800\/80{
  border-color: rgb(51 129 185 / 0.8);
}

.border-primary-800\/90{
  border-color: rgb(51 129 185 / 0.9);
}

.border-primary-800\/95{
  border-color: rgb(51 129 185 / 0.95);
}

.border-primary-900{
  --tw-border-opacity: 1;
  border-color: rgb(26 113 176 / var(--tw-border-opacity));
}

.border-primary-900\/0{
  border-color: rgb(26 113 176 / 0);
}

.border-primary-900\/10{
  border-color: rgb(26 113 176 / 0.1);
}

.border-primary-900\/100{
  border-color: rgb(26 113 176 / 1);
}

.border-primary-900\/20{
  border-color: rgb(26 113 176 / 0.2);
}

.border-primary-900\/25{
  border-color: rgb(26 113 176 / 0.25);
}

.border-primary-900\/30{
  border-color: rgb(26 113 176 / 0.3);
}

.border-primary-900\/40{
  border-color: rgb(26 113 176 / 0.4);
}

.border-primary-900\/5{
  border-color: rgb(26 113 176 / 0.05);
}

.border-primary-900\/50{
  border-color: rgb(26 113 176 / 0.5);
}

.border-primary-900\/60{
  border-color: rgb(26 113 176 / 0.6);
}

.border-primary-900\/70{
  border-color: rgb(26 113 176 / 0.7);
}

.border-primary-900\/75{
  border-color: rgb(26 113 176 / 0.75);
}

.border-primary-900\/80{
  border-color: rgb(26 113 176 / 0.8);
}

.border-primary-900\/90{
  border-color: rgb(26 113 176 / 0.9);
}

.border-primary-900\/95{
  border-color: rgb(26 113 176 / 0.95);
}

.border-primary\/0{
  border-color: rgb(0 97 167 / 0);
}

.border-primary\/10{
  border-color: rgb(0 97 167 / 0.1);
}

.border-primary\/100{
  border-color: rgb(0 97 167 / 1);
}

.border-primary\/20{
  border-color: rgb(0 97 167 / 0.2);
}

.border-primary\/25{
  border-color: rgb(0 97 167 / 0.25);
}

.border-primary\/30{
  border-color: rgb(0 97 167 / 0.3);
}

.border-primary\/40{
  border-color: rgb(0 97 167 / 0.4);
}

.border-primary\/5{
  border-color: rgb(0 97 167 / 0.05);
}

.border-primary\/50{
  border-color: rgb(0 97 167 / 0.5);
}

.border-primary\/60{
  border-color: rgb(0 97 167 / 0.6);
}

.border-primary\/70{
  border-color: rgb(0 97 167 / 0.7);
}

.border-primary\/75{
  border-color: rgb(0 97 167 / 0.75);
}

.border-primary\/80{
  border-color: rgb(0 97 167 / 0.8);
}

.border-primary\/90{
  border-color: rgb(0 97 167 / 0.9);
}

.border-primary\/95{
  border-color: rgb(0 97 167 / 0.95);
}

.border-primaryBlue{
  --tw-border-opacity: 1;
  border-color: rgb(18 94 250 / var(--tw-border-opacity));
}

.border-primaryBlue-light{
  --tw-border-opacity: 1;
  border-color: rgb(89 142 251 / var(--tw-border-opacity));
}

.border-primaryBlue-light\/0{
  border-color: rgb(89 142 251 / 0);
}

.border-primaryBlue-light\/10{
  border-color: rgb(89 142 251 / 0.1);
}

.border-primaryBlue-light\/100{
  border-color: rgb(89 142 251 / 1);
}

.border-primaryBlue-light\/20{
  border-color: rgb(89 142 251 / 0.2);
}

.border-primaryBlue-light\/25{
  border-color: rgb(89 142 251 / 0.25);
}

.border-primaryBlue-light\/30{
  border-color: rgb(89 142 251 / 0.3);
}

.border-primaryBlue-light\/40{
  border-color: rgb(89 142 251 / 0.4);
}

.border-primaryBlue-light\/5{
  border-color: rgb(89 142 251 / 0.05);
}

.border-primaryBlue-light\/50{
  border-color: rgb(89 142 251 / 0.5);
}

.border-primaryBlue-light\/60{
  border-color: rgb(89 142 251 / 0.6);
}

.border-primaryBlue-light\/70{
  border-color: rgb(89 142 251 / 0.7);
}

.border-primaryBlue-light\/75{
  border-color: rgb(89 142 251 / 0.75);
}

.border-primaryBlue-light\/80{
  border-color: rgb(89 142 251 / 0.8);
}

.border-primaryBlue-light\/90{
  border-color: rgb(89 142 251 / 0.9);
}

.border-primaryBlue-light\/95{
  border-color: rgb(89 142 251 / 0.95);
}

.border-primaryBlue\/0{
  border-color: rgb(18 94 250 / 0);
}

.border-primaryBlue\/10{
  border-color: rgb(18 94 250 / 0.1);
}

.border-primaryBlue\/100{
  border-color: rgb(18 94 250 / 1);
}

.border-primaryBlue\/20{
  border-color: rgb(18 94 250 / 0.2);
}

.border-primaryBlue\/25{
  border-color: rgb(18 94 250 / 0.25);
}

.border-primaryBlue\/30{
  border-color: rgb(18 94 250 / 0.3);
}

.border-primaryBlue\/40{
  border-color: rgb(18 94 250 / 0.4);
}

.border-primaryBlue\/5{
  border-color: rgb(18 94 250 / 0.05);
}

.border-primaryBlue\/50{
  border-color: rgb(18 94 250 / 0.5);
}

.border-primaryBlue\/60{
  border-color: rgb(18 94 250 / 0.6);
}

.border-primaryBlue\/70{
  border-color: rgb(18 94 250 / 0.7);
}

.border-primaryBlue\/75{
  border-color: rgb(18 94 250 / 0.75);
}

.border-primaryBlue\/80{
  border-color: rgb(18 94 250 / 0.8);
}

.border-primaryBlue\/90{
  border-color: rgb(18 94 250 / 0.9);
}

.border-primaryBlue\/95{
  border-color: rgb(18 94 250 / 0.95);
}

.border-primaryRed{
  --tw-border-opacity: 1;
  border-color: rgb(255 0 0 / var(--tw-border-opacity));
}

.border-primaryRed\/0{
  border-color: rgb(255 0 0 / 0);
}

.border-primaryRed\/10{
  border-color: rgb(255 0 0 / 0.1);
}

.border-primaryRed\/100{
  border-color: rgb(255 0 0 / 1);
}

.border-primaryRed\/20{
  border-color: rgb(255 0 0 / 0.2);
}

.border-primaryRed\/25{
  border-color: rgb(255 0 0 / 0.25);
}

.border-primaryRed\/30{
  border-color: rgb(255 0 0 / 0.3);
}

.border-primaryRed\/40{
  border-color: rgb(255 0 0 / 0.4);
}

.border-primaryRed\/5{
  border-color: rgb(255 0 0 / 0.05);
}

.border-primaryRed\/50{
  border-color: rgb(255 0 0 / 0.5);
}

.border-primaryRed\/60{
  border-color: rgb(255 0 0 / 0.6);
}

.border-primaryRed\/70{
  border-color: rgb(255 0 0 / 0.7);
}

.border-primaryRed\/75{
  border-color: rgb(255 0 0 / 0.75);
}

.border-primaryRed\/80{
  border-color: rgb(255 0 0 / 0.8);
}

.border-primaryRed\/90{
  border-color: rgb(255 0 0 / 0.9);
}

.border-primaryRed\/95{
  border-color: rgb(255 0 0 / 0.95);
}

.border-red{
  --tw-border-opacity: 1;
  border-color: rgb(220 7 20 / var(--tw-border-opacity));
}

.border-red-100{
  --tw-border-opacity: 1;
  border-color: rgb(251 230 231 / var(--tw-border-opacity));
}

.border-red-100\/0{
  border-color: rgb(251 230 231 / 0);
}

.border-red-100\/10{
  border-color: rgb(251 230 231 / 0.1);
}

.border-red-100\/100{
  border-color: rgb(251 230 231 / 1);
}

.border-red-100\/20{
  border-color: rgb(251 230 231 / 0.2);
}

.border-red-100\/25{
  border-color: rgb(251 230 231 / 0.25);
}

.border-red-100\/30{
  border-color: rgb(251 230 231 / 0.3);
}

.border-red-100\/40{
  border-color: rgb(251 230 231 / 0.4);
}

.border-red-100\/5{
  border-color: rgb(251 230 231 / 0.05);
}

.border-red-100\/50{
  border-color: rgb(251 230 231 / 0.5);
}

.border-red-100\/60{
  border-color: rgb(251 230 231 / 0.6);
}

.border-red-100\/70{
  border-color: rgb(251 230 231 / 0.7);
}

.border-red-100\/75{
  border-color: rgb(251 230 231 / 0.75);
}

.border-red-100\/80{
  border-color: rgb(251 230 231 / 0.8);
}

.border-red-100\/90{
  border-color: rgb(251 230 231 / 0.9);
}

.border-red-100\/95{
  border-color: rgb(251 230 231 / 0.95);
}

.border-red-200{
  --tw-border-opacity: 1;
  border-color: rgb(248 205 208 / var(--tw-border-opacity));
}

.border-red-200\/0{
  border-color: rgb(248 205 208 / 0);
}

.border-red-200\/10{
  border-color: rgb(248 205 208 / 0.1);
}

.border-red-200\/100{
  border-color: rgb(248 205 208 / 1);
}

.border-red-200\/20{
  border-color: rgb(248 205 208 / 0.2);
}

.border-red-200\/25{
  border-color: rgb(248 205 208 / 0.25);
}

.border-red-200\/30{
  border-color: rgb(248 205 208 / 0.3);
}

.border-red-200\/40{
  border-color: rgb(248 205 208 / 0.4);
}

.border-red-200\/5{
  border-color: rgb(248 205 208 / 0.05);
}

.border-red-200\/50{
  border-color: rgb(248 205 208 / 0.5);
}

.border-red-200\/60{
  border-color: rgb(248 205 208 / 0.6);
}

.border-red-200\/70{
  border-color: rgb(248 205 208 / 0.7);
}

.border-red-200\/75{
  border-color: rgb(248 205 208 / 0.75);
}

.border-red-200\/80{
  border-color: rgb(248 205 208 / 0.8);
}

.border-red-200\/90{
  border-color: rgb(248 205 208 / 0.9);
}

.border-red-200\/95{
  border-color: rgb(248 205 208 / 0.95);
}

.border-red-300{
  --tw-border-opacity: 1;
  border-color: rgb(245 181 185 / var(--tw-border-opacity));
}

.border-red-300\/0{
  border-color: rgb(245 181 185 / 0);
}

.border-red-300\/10{
  border-color: rgb(245 181 185 / 0.1);
}

.border-red-300\/100{
  border-color: rgb(245 181 185 / 1);
}

.border-red-300\/20{
  border-color: rgb(245 181 185 / 0.2);
}

.border-red-300\/25{
  border-color: rgb(245 181 185 / 0.25);
}

.border-red-300\/30{
  border-color: rgb(245 181 185 / 0.3);
}

.border-red-300\/40{
  border-color: rgb(245 181 185 / 0.4);
}

.border-red-300\/5{
  border-color: rgb(245 181 185 / 0.05);
}

.border-red-300\/50{
  border-color: rgb(245 181 185 / 0.5);
}

.border-red-300\/60{
  border-color: rgb(245 181 185 / 0.6);
}

.border-red-300\/70{
  border-color: rgb(245 181 185 / 0.7);
}

.border-red-300\/75{
  border-color: rgb(245 181 185 / 0.75);
}

.border-red-300\/80{
  border-color: rgb(245 181 185 / 0.8);
}

.border-red-300\/90{
  border-color: rgb(245 181 185 / 0.9);
}

.border-red-300\/95{
  border-color: rgb(245 181 185 / 0.95);
}

.border-red-400{
  --tw-border-opacity: 1;
  border-color: rgb(241 156 161 / var(--tw-border-opacity));
}

.border-red-400\/0{
  border-color: rgb(241 156 161 / 0);
}

.border-red-400\/10{
  border-color: rgb(241 156 161 / 0.1);
}

.border-red-400\/100{
  border-color: rgb(241 156 161 / 1);
}

.border-red-400\/20{
  border-color: rgb(241 156 161 / 0.2);
}

.border-red-400\/25{
  border-color: rgb(241 156 161 / 0.25);
}

.border-red-400\/30{
  border-color: rgb(241 156 161 / 0.3);
}

.border-red-400\/40{
  border-color: rgb(241 156 161 / 0.4);
}

.border-red-400\/5{
  border-color: rgb(241 156 161 / 0.05);
}

.border-red-400\/50{
  border-color: rgb(241 156 161 / 0.5);
}

.border-red-400\/60{
  border-color: rgb(241 156 161 / 0.6);
}

.border-red-400\/70{
  border-color: rgb(241 156 161 / 0.7);
}

.border-red-400\/75{
  border-color: rgb(241 156 161 / 0.75);
}

.border-red-400\/80{
  border-color: rgb(241 156 161 / 0.8);
}

.border-red-400\/90{
  border-color: rgb(241 156 161 / 0.9);
}

.border-red-400\/95{
  border-color: rgb(241 156 161 / 0.95);
}

.border-red-50{
  --tw-border-opacity: 1;
  border-color: rgb(254 242 242 / var(--tw-border-opacity));
}

.border-red-50\/0{
  border-color: rgb(254 242 242 / 0);
}

.border-red-50\/10{
  border-color: rgb(254 242 242 / 0.1);
}

.border-red-50\/100{
  border-color: rgb(254 242 242 / 1);
}

.border-red-50\/20{
  border-color: rgb(254 242 242 / 0.2);
}

.border-red-50\/25{
  border-color: rgb(254 242 242 / 0.25);
}

.border-red-50\/30{
  border-color: rgb(254 242 242 / 0.3);
}

.border-red-50\/40{
  border-color: rgb(254 242 242 / 0.4);
}

.border-red-50\/5{
  border-color: rgb(254 242 242 / 0.05);
}

.border-red-50\/50{
  border-color: rgb(254 242 242 / 0.5);
}

.border-red-50\/60{
  border-color: rgb(254 242 242 / 0.6);
}

.border-red-50\/70{
  border-color: rgb(254 242 242 / 0.7);
}

.border-red-50\/75{
  border-color: rgb(254 242 242 / 0.75);
}

.border-red-50\/80{
  border-color: rgb(254 242 242 / 0.8);
}

.border-red-50\/90{
  border-color: rgb(254 242 242 / 0.9);
}

.border-red-50\/95{
  border-color: rgb(254 242 242 / 0.95);
}

.border-red-500{
  --tw-border-opacity: 1;
  border-color: rgb(237 131 137 / var(--tw-border-opacity));
}

.border-red-500\/0{
  border-color: rgb(237 131 137 / 0);
}

.border-red-500\/10{
  border-color: rgb(237 131 137 / 0.1);
}

.border-red-500\/100{
  border-color: rgb(237 131 137 / 1);
}

.border-red-500\/20{
  border-color: rgb(237 131 137 / 0.2);
}

.border-red-500\/25{
  border-color: rgb(237 131 137 / 0.25);
}

.border-red-500\/30{
  border-color: rgb(237 131 137 / 0.3);
}

.border-red-500\/40{
  border-color: rgb(237 131 137 / 0.4);
}

.border-red-500\/5{
  border-color: rgb(237 131 137 / 0.05);
}

.border-red-500\/50{
  border-color: rgb(237 131 137 / 0.5);
}

.border-red-500\/60{
  border-color: rgb(237 131 137 / 0.6);
}

.border-red-500\/70{
  border-color: rgb(237 131 137 / 0.7);
}

.border-red-500\/75{
  border-color: rgb(237 131 137 / 0.75);
}

.border-red-500\/80{
  border-color: rgb(237 131 137 / 0.8);
}

.border-red-500\/90{
  border-color: rgb(237 131 137 / 0.9);
}

.border-red-500\/95{
  border-color: rgb(237 131 137 / 0.95);
}

.border-red-600{
  --tw-border-opacity: 1;
  border-color: rgb(234 106 114 / var(--tw-border-opacity));
}

.border-red-600\/0{
  border-color: rgb(234 106 114 / 0);
}

.border-red-600\/10{
  border-color: rgb(234 106 114 / 0.1);
}

.border-red-600\/100{
  border-color: rgb(234 106 114 / 1);
}

.border-red-600\/20{
  border-color: rgb(234 106 114 / 0.2);
}

.border-red-600\/25{
  border-color: rgb(234 106 114 / 0.25);
}

.border-red-600\/30{
  border-color: rgb(234 106 114 / 0.3);
}

.border-red-600\/40{
  border-color: rgb(234 106 114 / 0.4);
}

.border-red-600\/5{
  border-color: rgb(234 106 114 / 0.05);
}

.border-red-600\/50{
  border-color: rgb(234 106 114 / 0.5);
}

.border-red-600\/60{
  border-color: rgb(234 106 114 / 0.6);
}

.border-red-600\/70{
  border-color: rgb(234 106 114 / 0.7);
}

.border-red-600\/75{
  border-color: rgb(234 106 114 / 0.75);
}

.border-red-600\/80{
  border-color: rgb(234 106 114 / 0.8);
}

.border-red-600\/90{
  border-color: rgb(234 106 114 / 0.9);
}

.border-red-600\/95{
  border-color: rgb(234 106 114 / 0.95);
}

.border-red-700{
  --tw-border-opacity: 1;
  border-color: rgb(231 81 91 / var(--tw-border-opacity));
}

.border-red-700\/0{
  border-color: rgb(231 81 91 / 0);
}

.border-red-700\/10{
  border-color: rgb(231 81 91 / 0.1);
}

.border-red-700\/100{
  border-color: rgb(231 81 91 / 1);
}

.border-red-700\/20{
  border-color: rgb(231 81 91 / 0.2);
}

.border-red-700\/25{
  border-color: rgb(231 81 91 / 0.25);
}

.border-red-700\/30{
  border-color: rgb(231 81 91 / 0.3);
}

.border-red-700\/40{
  border-color: rgb(231 81 91 / 0.4);
}

.border-red-700\/5{
  border-color: rgb(231 81 91 / 0.05);
}

.border-red-700\/50{
  border-color: rgb(231 81 91 / 0.5);
}

.border-red-700\/60{
  border-color: rgb(231 81 91 / 0.6);
}

.border-red-700\/70{
  border-color: rgb(231 81 91 / 0.7);
}

.border-red-700\/75{
  border-color: rgb(231 81 91 / 0.75);
}

.border-red-700\/80{
  border-color: rgb(231 81 91 / 0.8);
}

.border-red-700\/90{
  border-color: rgb(231 81 91 / 0.9);
}

.border-red-700\/95{
  border-color: rgb(231 81 91 / 0.95);
}

.border-red-800{
  --tw-border-opacity: 1;
  border-color: rgb(227 57 67 / var(--tw-border-opacity));
}

.border-red-800\/0{
  border-color: rgb(227 57 67 / 0);
}

.border-red-800\/10{
  border-color: rgb(227 57 67 / 0.1);
}

.border-red-800\/100{
  border-color: rgb(227 57 67 / 1);
}

.border-red-800\/20{
  border-color: rgb(227 57 67 / 0.2);
}

.border-red-800\/25{
  border-color: rgb(227 57 67 / 0.25);
}

.border-red-800\/30{
  border-color: rgb(227 57 67 / 0.3);
}

.border-red-800\/40{
  border-color: rgb(227 57 67 / 0.4);
}

.border-red-800\/5{
  border-color: rgb(227 57 67 / 0.05);
}

.border-red-800\/50{
  border-color: rgb(227 57 67 / 0.5);
}

.border-red-800\/60{
  border-color: rgb(227 57 67 / 0.6);
}

.border-red-800\/70{
  border-color: rgb(227 57 67 / 0.7);
}

.border-red-800\/75{
  border-color: rgb(227 57 67 / 0.75);
}

.border-red-800\/80{
  border-color: rgb(227 57 67 / 0.8);
}

.border-red-800\/90{
  border-color: rgb(227 57 67 / 0.9);
}

.border-red-800\/95{
  border-color: rgb(227 57 67 / 0.95);
}

.border-red-900{
  --tw-border-opacity: 1;
  border-color: rgb(223 32 44 / var(--tw-border-opacity));
}

.border-red-900\/0{
  border-color: rgb(223 32 44 / 0);
}

.border-red-900\/10{
  border-color: rgb(223 32 44 / 0.1);
}

.border-red-900\/100{
  border-color: rgb(223 32 44 / 1);
}

.border-red-900\/20{
  border-color: rgb(223 32 44 / 0.2);
}

.border-red-900\/25{
  border-color: rgb(223 32 44 / 0.25);
}

.border-red-900\/30{
  border-color: rgb(223 32 44 / 0.3);
}

.border-red-900\/40{
  border-color: rgb(223 32 44 / 0.4);
}

.border-red-900\/5{
  border-color: rgb(223 32 44 / 0.05);
}

.border-red-900\/50{
  border-color: rgb(223 32 44 / 0.5);
}

.border-red-900\/60{
  border-color: rgb(223 32 44 / 0.6);
}

.border-red-900\/70{
  border-color: rgb(223 32 44 / 0.7);
}

.border-red-900\/75{
  border-color: rgb(223 32 44 / 0.75);
}

.border-red-900\/80{
  border-color: rgb(223 32 44 / 0.8);
}

.border-red-900\/90{
  border-color: rgb(223 32 44 / 0.9);
}

.border-red-900\/95{
  border-color: rgb(223 32 44 / 0.95);
}

.border-red-950{
  --tw-border-opacity: 1;
  border-color: rgb(69 10 10 / var(--tw-border-opacity));
}

.border-red-950\/0{
  border-color: rgb(69 10 10 / 0);
}

.border-red-950\/10{
  border-color: rgb(69 10 10 / 0.1);
}

.border-red-950\/100{
  border-color: rgb(69 10 10 / 1);
}

.border-red-950\/20{
  border-color: rgb(69 10 10 / 0.2);
}

.border-red-950\/25{
  border-color: rgb(69 10 10 / 0.25);
}

.border-red-950\/30{
  border-color: rgb(69 10 10 / 0.3);
}

.border-red-950\/40{
  border-color: rgb(69 10 10 / 0.4);
}

.border-red-950\/5{
  border-color: rgb(69 10 10 / 0.05);
}

.border-red-950\/50{
  border-color: rgb(69 10 10 / 0.5);
}

.border-red-950\/60{
  border-color: rgb(69 10 10 / 0.6);
}

.border-red-950\/70{
  border-color: rgb(69 10 10 / 0.7);
}

.border-red-950\/75{
  border-color: rgb(69 10 10 / 0.75);
}

.border-red-950\/80{
  border-color: rgb(69 10 10 / 0.8);
}

.border-red-950\/90{
  border-color: rgb(69 10 10 / 0.9);
}

.border-red-950\/95{
  border-color: rgb(69 10 10 / 0.95);
}

.border-red\/0{
  border-color: rgb(220 7 20 / 0);
}

.border-red\/10{
  border-color: rgb(220 7 20 / 0.1);
}

.border-red\/100{
  border-color: rgb(220 7 20 / 1);
}

.border-red\/20{
  border-color: rgb(220 7 20 / 0.2);
}

.border-red\/25{
  border-color: rgb(220 7 20 / 0.25);
}

.border-red\/30{
  border-color: rgb(220 7 20 / 0.3);
}

.border-red\/40{
  border-color: rgb(220 7 20 / 0.4);
}

.border-red\/5{
  border-color: rgb(220 7 20 / 0.05);
}

.border-red\/50{
  border-color: rgb(220 7 20 / 0.5);
}

.border-red\/60{
  border-color: rgb(220 7 20 / 0.6);
}

.border-red\/70{
  border-color: rgb(220 7 20 / 0.7);
}

.border-red\/75{
  border-color: rgb(220 7 20 / 0.75);
}

.border-red\/80{
  border-color: rgb(220 7 20 / 0.8);
}

.border-red\/90{
  border-color: rgb(220 7 20 / 0.9);
}

.border-red\/95{
  border-color: rgb(220 7 20 / 0.95);
}

.border-success-border{
  --tw-border-opacity: 1;
  border-color: rgb(69 175 135 / var(--tw-border-opacity));
}

.border-success-border\/0{
  border-color: rgb(69 175 135 / 0);
}

.border-success-border\/10{
  border-color: rgb(69 175 135 / 0.1);
}

.border-success-border\/100{
  border-color: rgb(69 175 135 / 1);
}

.border-success-border\/20{
  border-color: rgb(69 175 135 / 0.2);
}

.border-success-border\/25{
  border-color: rgb(69 175 135 / 0.25);
}

.border-success-border\/30{
  border-color: rgb(69 175 135 / 0.3);
}

.border-success-border\/40{
  border-color: rgb(69 175 135 / 0.4);
}

.border-success-border\/5{
  border-color: rgb(69 175 135 / 0.05);
}

.border-success-border\/50{
  border-color: rgb(69 175 135 / 0.5);
}

.border-success-border\/60{
  border-color: rgb(69 175 135 / 0.6);
}

.border-success-border\/70{
  border-color: rgb(69 175 135 / 0.7);
}

.border-success-border\/75{
  border-color: rgb(69 175 135 / 0.75);
}

.border-success-border\/80{
  border-color: rgb(69 175 135 / 0.8);
}

.border-success-border\/90{
  border-color: rgb(69 175 135 / 0.9);
}

.border-success-border\/95{
  border-color: rgb(69 175 135 / 0.95);
}

.border-success-main{
  --tw-border-opacity: 1;
  border-color: rgb(22 155 105 / var(--tw-border-opacity));
}

.border-success-main\/0{
  border-color: rgb(22 155 105 / 0);
}

.border-success-main\/10{
  border-color: rgb(22 155 105 / 0.1);
}

.border-success-main\/100{
  border-color: rgb(22 155 105 / 1);
}

.border-success-main\/20{
  border-color: rgb(22 155 105 / 0.2);
}

.border-success-main\/25{
  border-color: rgb(22 155 105 / 0.25);
}

.border-success-main\/30{
  border-color: rgb(22 155 105 / 0.3);
}

.border-success-main\/40{
  border-color: rgb(22 155 105 / 0.4);
}

.border-success-main\/5{
  border-color: rgb(22 155 105 / 0.05);
}

.border-success-main\/50{
  border-color: rgb(22 155 105 / 0.5);
}

.border-success-main\/60{
  border-color: rgb(22 155 105 / 0.6);
}

.border-success-main\/70{
  border-color: rgb(22 155 105 / 0.7);
}

.border-success-main\/75{
  border-color: rgb(22 155 105 / 0.75);
}

.border-success-main\/80{
  border-color: rgb(22 155 105 / 0.8);
}

.border-success-main\/90{
  border-color: rgb(22 155 105 / 0.9);
}

.border-success-main\/95{
  border-color: rgb(22 155 105 / 0.95);
}

.border-success-surface{
  --tw-border-opacity: 1;
  border-color: rgb(162 215 195 / var(--tw-border-opacity));
}

.border-success-surface\/0{
  border-color: rgb(162 215 195 / 0);
}

.border-success-surface\/10{
  border-color: rgb(162 215 195 / 0.1);
}

.border-success-surface\/100{
  border-color: rgb(162 215 195 / 1);
}

.border-success-surface\/20{
  border-color: rgb(162 215 195 / 0.2);
}

.border-success-surface\/25{
  border-color: rgb(162 215 195 / 0.25);
}

.border-success-surface\/30{
  border-color: rgb(162 215 195 / 0.3);
}

.border-success-surface\/40{
  border-color: rgb(162 215 195 / 0.4);
}

.border-success-surface\/5{
  border-color: rgb(162 215 195 / 0.05);
}

.border-success-surface\/50{
  border-color: rgb(162 215 195 / 0.5);
}

.border-success-surface\/60{
  border-color: rgb(162 215 195 / 0.6);
}

.border-success-surface\/70{
  border-color: rgb(162 215 195 / 0.7);
}

.border-success-surface\/75{
  border-color: rgb(162 215 195 / 0.75);
}

.border-success-surface\/80{
  border-color: rgb(162 215 195 / 0.8);
}

.border-success-surface\/90{
  border-color: rgb(162 215 195 / 0.9);
}

.border-success-surface\/95{
  border-color: rgb(162 215 195 / 0.95);
}

.border-warning-border{
  --tw-border-opacity: 1;
  border-color: rgb(255 235 102 / var(--tw-border-opacity));
}

.border-warning-border\/0{
  border-color: rgb(255 235 102 / 0);
}

.border-warning-border\/10{
  border-color: rgb(255 235 102 / 0.1);
}

.border-warning-border\/100{
  border-color: rgb(255 235 102 / 1);
}

.border-warning-border\/20{
  border-color: rgb(255 235 102 / 0.2);
}

.border-warning-border\/25{
  border-color: rgb(255 235 102 / 0.25);
}

.border-warning-border\/30{
  border-color: rgb(255 235 102 / 0.3);
}

.border-warning-border\/40{
  border-color: rgb(255 235 102 / 0.4);
}

.border-warning-border\/5{
  border-color: rgb(255 235 102 / 0.05);
}

.border-warning-border\/50{
  border-color: rgb(255 235 102 / 0.5);
}

.border-warning-border\/60{
  border-color: rgb(255 235 102 / 0.6);
}

.border-warning-border\/70{
  border-color: rgb(255 235 102 / 0.7);
}

.border-warning-border\/75{
  border-color: rgb(255 235 102 / 0.75);
}

.border-warning-border\/80{
  border-color: rgb(255 235 102 / 0.8);
}

.border-warning-border\/90{
  border-color: rgb(255 235 102 / 0.9);
}

.border-warning-border\/95{
  border-color: rgb(255 235 102 / 0.95);
}

.border-warning-main{
  --tw-border-opacity: 1;
  border-color: rgb(255 221 0 / var(--tw-border-opacity));
}

.border-warning-main\/0{
  border-color: rgb(255 221 0 / 0);
}

.border-warning-main\/10{
  border-color: rgb(255 221 0 / 0.1);
}

.border-warning-main\/100{
  border-color: rgb(255 221 0 / 1);
}

.border-warning-main\/20{
  border-color: rgb(255 221 0 / 0.2);
}

.border-warning-main\/25{
  border-color: rgb(255 221 0 / 0.25);
}

.border-warning-main\/30{
  border-color: rgb(255 221 0 / 0.3);
}

.border-warning-main\/40{
  border-color: rgb(255 221 0 / 0.4);
}

.border-warning-main\/5{
  border-color: rgb(255 221 0 / 0.05);
}

.border-warning-main\/50{
  border-color: rgb(255 221 0 / 0.5);
}

.border-warning-main\/60{
  border-color: rgb(255 221 0 / 0.6);
}

.border-warning-main\/70{
  border-color: rgb(255 221 0 / 0.7);
}

.border-warning-main\/75{
  border-color: rgb(255 221 0 / 0.75);
}

.border-warning-main\/80{
  border-color: rgb(255 221 0 / 0.8);
}

.border-warning-main\/90{
  border-color: rgb(255 221 0 / 0.9);
}

.border-warning-main\/95{
  border-color: rgb(255 221 0 / 0.95);
}

.border-warning-surface{
  --tw-border-opacity: 1;
  border-color: rgb(255 241 153 / var(--tw-border-opacity));
}

.border-warning-surface\/0{
  border-color: rgb(255 241 153 / 0);
}

.border-warning-surface\/10{
  border-color: rgb(255 241 153 / 0.1);
}

.border-warning-surface\/100{
  border-color: rgb(255 241 153 / 1);
}

.border-warning-surface\/20{
  border-color: rgb(255 241 153 / 0.2);
}

.border-warning-surface\/25{
  border-color: rgb(255 241 153 / 0.25);
}

.border-warning-surface\/30{
  border-color: rgb(255 241 153 / 0.3);
}

.border-warning-surface\/40{
  border-color: rgb(255 241 153 / 0.4);
}

.border-warning-surface\/5{
  border-color: rgb(255 241 153 / 0.05);
}

.border-warning-surface\/50{
  border-color: rgb(255 241 153 / 0.5);
}

.border-warning-surface\/60{
  border-color: rgb(255 241 153 / 0.6);
}

.border-warning-surface\/70{
  border-color: rgb(255 241 153 / 0.7);
}

.border-warning-surface\/75{
  border-color: rgb(255 241 153 / 0.75);
}

.border-warning-surface\/80{
  border-color: rgb(255 241 153 / 0.8);
}

.border-warning-surface\/90{
  border-color: rgb(255 241 153 / 0.9);
}

.border-warning-surface\/95{
  border-color: rgb(255 241 153 / 0.95);
}

.border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.border-red-primary{
  --tw-border-opacity: 1;
  border-color: rgb(255 0 0 / var(--tw-border-opacity));
}

.border-red-primary\/0{
  border-color: rgb(255 0 0 / 0);
}

.border-red-primary\/10{
  border-color: rgb(255 0 0 / 0.1);
}

.border-red-primary\/100{
  border-color: rgb(255 0 0 / 1);
}

.border-red-primary\/20{
  border-color: rgb(255 0 0 / 0.2);
}

.border-red-primary\/25{
  border-color: rgb(255 0 0 / 0.25);
}

.border-red-primary\/30{
  border-color: rgb(255 0 0 / 0.3);
}

.border-red-primary\/40{
  border-color: rgb(255 0 0 / 0.4);
}

.border-red-primary\/5{
  border-color: rgb(255 0 0 / 0.05);
}

.border-red-primary\/50{
  border-color: rgb(255 0 0 / 0.5);
}

.border-red-primary\/60{
  border-color: rgb(255 0 0 / 0.6);
}

.border-red-primary\/70{
  border-color: rgb(255 0 0 / 0.7);
}

.border-red-primary\/75{
  border-color: rgb(255 0 0 / 0.75);
}

.border-red-primary\/80{
  border-color: rgb(255 0 0 / 0.8);
}

.border-red-primary\/90{
  border-color: rgb(255 0 0 / 0.9);
}

.border-red-primary\/95{
  border-color: rgb(255 0 0 / 0.95);
}


.border-yellow{
  --tw-border-opacity: 1;
  border-color: rgb(255 0 0 / var(--tw-border-opacity));
}

.border-yellow-100{
  --tw-border-opacity: 1;
  border-color: rgb(255 252 229 / var(--tw-border-opacity));
}

.border-yellow-100\/0{
  border-color: rgb(255 252 229 / 0);
}

.border-yellow-100\/10{
  border-color: rgb(255 252 229 / 0.1);
}

.border-yellow-100\/100{
  border-color: rgb(255 252 229 / 1);
}

.border-yellow-100\/20{
  border-color: rgb(255 252 229 / 0.2);
}

.border-yellow-100\/25{
  border-color: rgb(255 252 229 / 0.25);
}

.border-yellow-100\/30{
  border-color: rgb(255 252 229 / 0.3);
}

.border-yellow-100\/40{
  border-color: rgb(255 252 229 / 0.4);
}

.border-yellow-100\/5{
  border-color: rgb(255 252 229 / 0.05);
}

.border-yellow-100\/50{
  border-color: rgb(255 252 229 / 0.5);
}

.border-yellow-100\/60{
  border-color: rgb(255 252 229 / 0.6);
}

.border-yellow-100\/70{
  border-color: rgb(255 252 229 / 0.7);
}

.border-yellow-100\/75{
  border-color: rgb(255 252 229 / 0.75);
}

.border-yellow-100\/80{
  border-color: rgb(255 252 229 / 0.8);
}

.border-yellow-100\/90{
  border-color: rgb(255 252 229 / 0.9);
}

.border-yellow-100\/95{
  border-color: rgb(255 252 229 / 0.95);
}

.border-yellow-200{
  --tw-border-opacity: 1;
  border-color: rgb(255 248 204 / var(--tw-border-opacity));
}

.border-yellow-200\/0{
  border-color: rgb(255 248 204 / 0);
}

.border-yellow-200\/10{
  border-color: rgb(255 248 204 / 0.1);
}

.border-yellow-200\/100{
  border-color: rgb(255 248 204 / 1);
}

.border-yellow-200\/20{
  border-color: rgb(255 248 204 / 0.2);
}

.border-yellow-200\/25{
  border-color: rgb(255 248 204 / 0.25);
}

.border-yellow-200\/30{
  border-color: rgb(255 248 204 / 0.3);
}

.border-yellow-200\/40{
  border-color: rgb(255 248 204 / 0.4);
}

.border-yellow-200\/5{
  border-color: rgb(255 248 204 / 0.05);
}

.border-yellow-200\/50{
  border-color: rgb(255 248 204 / 0.5);
}

.border-yellow-200\/60{
  border-color: rgb(255 248 204 / 0.6);
}

.border-yellow-200\/70{
  border-color: rgb(255 248 204 / 0.7);
}

.border-yellow-200\/75{
  border-color: rgb(255 248 204 / 0.75);
}

.border-yellow-200\/80{
  border-color: rgb(255 248 204 / 0.8);
}

.border-yellow-200\/90{
  border-color: rgb(255 248 204 / 0.9);
}

.border-yellow-200\/95{
  border-color: rgb(255 248 204 / 0.95);
}

.border-yellow-300{
  --tw-border-opacity: 1;
  border-color: rgb(255 245 179 / var(--tw-border-opacity));
}

.border-yellow-300\/0{
  border-color: rgb(255 245 179 / 0);
}

.border-yellow-300\/10{
  border-color: rgb(255 245 179 / 0.1);
}

.border-yellow-300\/100{
  border-color: rgb(255 245 179 / 1);
}

.border-yellow-300\/20{
  border-color: rgb(255 245 179 / 0.2);
}

.border-yellow-300\/25{
  border-color: rgb(255 245 179 / 0.25);
}

.border-yellow-300\/30{
  border-color: rgb(255 245 179 / 0.3);
}

.border-yellow-300\/40{
  border-color: rgb(255 245 179 / 0.4);
}

.border-yellow-300\/5{
  border-color: rgb(255 245 179 / 0.05);
}

.border-yellow-300\/50{
  border-color: rgb(255 245 179 / 0.5);
}

.border-yellow-300\/60{
  border-color: rgb(255 245 179 / 0.6);
}

.border-yellow-300\/70{
  border-color: rgb(255 245 179 / 0.7);
}

.border-yellow-300\/75{
  border-color: rgb(255 245 179 / 0.75);
}

.border-yellow-300\/80{
  border-color: rgb(255 245 179 / 0.8);
}

.border-yellow-300\/90{
  border-color: rgb(255 245 179 / 0.9);
}

.border-yellow-300\/95{
  border-color: rgb(255 245 179 / 0.95);
}

.border-yellow-400{
  --tw-border-opacity: 1;
  border-color: rgb(255 241 153 / var(--tw-border-opacity));
}

.border-yellow-400\/0{
  border-color: rgb(255 241 153 / 0);
}

.border-yellow-400\/10{
  border-color: rgb(255 241 153 / 0.1);
}

.border-yellow-400\/100{
  border-color: rgb(255 241 153 / 1);
}

.border-yellow-400\/20{
  border-color: rgb(255 241 153 / 0.2);
}

.border-yellow-400\/25{
  border-color: rgb(255 241 153 / 0.25);
}

.border-yellow-400\/30{
  border-color: rgb(255 241 153 / 0.3);
}

.border-yellow-400\/40{
  border-color: rgb(255 241 153 / 0.4);
}

.border-yellow-400\/5{
  border-color: rgb(255 241 153 / 0.05);
}

.border-yellow-400\/50{
  border-color: rgb(255 241 153 / 0.5);
}

.border-yellow-400\/60{
  border-color: rgb(255 241 153 / 0.6);
}

.border-yellow-400\/70{
  border-color: rgb(255 241 153 / 0.7);
}

.border-yellow-400\/75{
  border-color: rgb(255 241 153 / 0.75);
}

.border-yellow-400\/80{
  border-color: rgb(255 241 153 / 0.8);
}

.border-yellow-400\/90{
  border-color: rgb(255 241 153 / 0.9);
}

.border-yellow-400\/95{
  border-color: rgb(255 241 153 / 0.95);
}

.border-yellow-50{
  --tw-border-opacity: 1;
  border-color: rgb(254 252 232 / var(--tw-border-opacity));
}

.border-yellow-50\/0{
  border-color: rgb(254 252 232 / 0);
}

.border-yellow-50\/10{
  border-color: rgb(254 252 232 / 0.1);
}

.border-yellow-50\/100{
  border-color: rgb(254 252 232 / 1);
}

.border-yellow-50\/20{
  border-color: rgb(254 252 232 / 0.2);
}

.border-yellow-50\/25{
  border-color: rgb(254 252 232 / 0.25);
}

.border-yellow-50\/30{
  border-color: rgb(254 252 232 / 0.3);
}

.border-yellow-50\/40{
  border-color: rgb(254 252 232 / 0.4);
}

.border-yellow-50\/5{
  border-color: rgb(254 252 232 / 0.05);
}

.border-yellow-50\/50{
  border-color: rgb(254 252 232 / 0.5);
}

.border-yellow-50\/60{
  border-color: rgb(254 252 232 / 0.6);
}

.border-yellow-50\/70{
  border-color: rgb(254 252 232 / 0.7);
}

.border-yellow-50\/75{
  border-color: rgb(254 252 232 / 0.75);
}

.border-yellow-50\/80{
  border-color: rgb(254 252 232 / 0.8);
}

.border-yellow-50\/90{
  border-color: rgb(254 252 232 / 0.9);
}

.border-yellow-50\/95{
  border-color: rgb(254 252 232 / 0.95);
}

.border-yellow-500{
  --tw-border-opacity: 1;
  border-color: rgb(255 238 128 / var(--tw-border-opacity));
}

.border-yellow-500\/0{
  border-color: rgb(255 238 128 / 0);
}

.border-yellow-500\/10{
  border-color: rgb(255 238 128 / 0.1);
}

.border-yellow-500\/100{
  border-color: rgb(255 238 128 / 1);
}

.border-yellow-500\/20{
  border-color: rgb(255 238 128 / 0.2);
}

.border-yellow-500\/25{
  border-color: rgb(255 238 128 / 0.25);
}

.border-yellow-500\/30{
  border-color: rgb(255 238 128 / 0.3);
}

.border-yellow-500\/40{
  border-color: rgb(255 238 128 / 0.4);
}

.border-yellow-500\/5{
  border-color: rgb(255 238 128 / 0.05);
}

.border-yellow-500\/50{
  border-color: rgb(255 238 128 / 0.5);
}

.border-yellow-500\/60{
  border-color: rgb(255 238 128 / 0.6);
}

.border-yellow-500\/70{
  border-color: rgb(255 238 128 / 0.7);
}

.border-yellow-500\/75{
  border-color: rgb(255 238 128 / 0.75);
}

.border-yellow-500\/80{
  border-color: rgb(255 238 128 / 0.8);
}

.border-yellow-500\/90{
  border-color: rgb(255 238 128 / 0.9);
}

.border-yellow-500\/95{
  border-color: rgb(255 238 128 / 0.95);
}

.border-yellow-600{
  --tw-border-opacity: 1;
  border-color: rgb(255 235 102 / var(--tw-border-opacity));
}

.border-yellow-600\/0{
  border-color: rgb(255 235 102 / 0);
}

.border-yellow-600\/10{
  border-color: rgb(255 235 102 / 0.1);
}

.border-yellow-600\/100{
  border-color: rgb(255 235 102 / 1);
}

.border-yellow-600\/20{
  border-color: rgb(255 235 102 / 0.2);
}

.border-yellow-600\/25{
  border-color: rgb(255 235 102 / 0.25);
}

.border-yellow-600\/30{
  border-color: rgb(255 235 102 / 0.3);
}

.border-yellow-600\/40{
  border-color: rgb(255 235 102 / 0.4);
}

.border-yellow-600\/5{
  border-color: rgb(255 235 102 / 0.05);
}

.border-yellow-600\/50{
  border-color: rgb(255 235 102 / 0.5);
}

.border-yellow-600\/60{
  border-color: rgb(255 235 102 / 0.6);
}

.border-yellow-600\/70{
  border-color: rgb(255 235 102 / 0.7);
}

.border-yellow-600\/75{
  border-color: rgb(255 235 102 / 0.75);
}

.border-yellow-600\/80{
  border-color: rgb(255 235 102 / 0.8);
}

.border-yellow-600\/90{
  border-color: rgb(255 235 102 / 0.9);
}

.border-yellow-600\/95{
  border-color: rgb(255 235 102 / 0.95);
}

.border-yellow-700{
  --tw-border-opacity: 1;
  border-color: rgb(255 231 77 / var(--tw-border-opacity));
}

.border-yellow-700\/0{
  border-color: rgb(255 231 77 / 0);
}

.border-yellow-700\/10{
  border-color: rgb(255 231 77 / 0.1);
}

.border-yellow-700\/100{
  border-color: rgb(255 231 77 / 1);
}

.border-yellow-700\/20{
  border-color: rgb(255 231 77 / 0.2);
}

.border-yellow-700\/25{
  border-color: rgb(255 231 77 / 0.25);
}

.border-yellow-700\/30{
  border-color: rgb(255 231 77 / 0.3);
}

.border-yellow-700\/40{
  border-color: rgb(255 231 77 / 0.4);
}

.border-yellow-700\/5{
  border-color: rgb(255 231 77 / 0.05);
}

.border-yellow-700\/50{
  border-color: rgb(255 231 77 / 0.5);
}

.border-yellow-700\/60{
  border-color: rgb(255 231 77 / 0.6);
}

.border-yellow-700\/70{
  border-color: rgb(255 231 77 / 0.7);
}

.border-yellow-700\/75{
  border-color: rgb(255 231 77 / 0.75);
}

.border-yellow-700\/80{
  border-color: rgb(255 231 77 / 0.8);
}

.border-yellow-700\/90{
  border-color: rgb(255 231 77 / 0.9);
}

.border-yellow-700\/95{
  border-color: rgb(255 231 77 / 0.95);
}

.border-yellow-800{
  --tw-border-opacity: 1;
  border-color: rgb(255 228 51 / var(--tw-border-opacity));
}

.border-yellow-800\/0{
  border-color: rgb(255 228 51 / 0);
}

.border-yellow-800\/10{
  border-color: rgb(255 228 51 / 0.1);
}

.border-yellow-800\/100{
  border-color: rgb(255 228 51 / 1);
}

.border-yellow-800\/20{
  border-color: rgb(255 228 51 / 0.2);
}

.border-yellow-800\/25{
  border-color: rgb(255 228 51 / 0.25);
}

.border-yellow-800\/30{
  border-color: rgb(255 228 51 / 0.3);
}

.border-yellow-800\/40{
  border-color: rgb(255 228 51 / 0.4);
}

.border-yellow-800\/5{
  border-color: rgb(255 228 51 / 0.05);
}

.border-yellow-800\/50{
  border-color: rgb(255 228 51 / 0.5);
}

.border-yellow-800\/60{
  border-color: rgb(255 228 51 / 0.6);
}

.border-yellow-800\/70{
  border-color: rgb(255 228 51 / 0.7);
}

.border-yellow-800\/75{
  border-color: rgb(255 228 51 / 0.75);
}

.border-yellow-800\/80{
  border-color: rgb(255 228 51 / 0.8);
}

.border-yellow-800\/90{
  border-color: rgb(255 228 51 / 0.9);
}

.border-yellow-800\/95{
  border-color: rgb(255 228 51 / 0.95);
}

.border-yellow-900{
  --tw-border-opacity: 1;
  border-color: rgb(255 224 26 / var(--tw-border-opacity));
}

.border-yellow-900\/0{
  border-color: rgb(255 224 26 / 0);
}

.border-yellow-900\/10{
  border-color: rgb(255 224 26 / 0.1);
}

.border-yellow-900\/100{
  border-color: rgb(255 224 26 / 1);
}

.border-yellow-900\/20{
  border-color: rgb(255 224 26 / 0.2);
}

.border-yellow-900\/25{
  border-color: rgb(255 224 26 / 0.25);
}

.border-yellow-900\/30{
  border-color: rgb(255 224 26 / 0.3);
}

.border-yellow-900\/40{
  border-color: rgb(255 224 26 / 0.4);
}

.border-yellow-900\/5{
  border-color: rgb(255 224 26 / 0.05);
}

.border-yellow-900\/50{
  border-color: rgb(255 224 26 / 0.5);
}

.border-yellow-900\/60{
  border-color: rgb(255 224 26 / 0.6);
}

.border-yellow-900\/70{
  border-color: rgb(255 224 26 / 0.7);
}

.border-yellow-900\/75{
  border-color: rgb(255 224 26 / 0.75);
}

.border-yellow-900\/80{
  border-color: rgb(255 224 26 / 0.8);
}

.border-yellow-900\/90{
  border-color: rgb(255 224 26 / 0.9);
}

.border-yellow-900\/95{
  border-color: rgb(255 224 26 / 0.95);
}

.border-yellow-950{
  --tw-border-opacity: 1;
  border-color: rgb(66 32 6 / var(--tw-border-opacity));
}

.border-yellow-950\/0{
  border-color: rgb(66 32 6 / 0);
}

.border-yellow-950\/10{
  border-color: rgb(66 32 6 / 0.1);
}

.border-yellow-950\/100{
  border-color: rgb(66 32 6 / 1);
}

.border-yellow-950\/20{
  border-color: rgb(66 32 6 / 0.2);
}

.border-yellow-950\/25{
  border-color: rgb(66 32 6 / 0.25);
}

.border-yellow-950\/30{
  border-color: rgb(66 32 6 / 0.3);
}

.border-yellow-950\/40{
  border-color: rgb(66 32 6 / 0.4);
}

.border-yellow-950\/5{
  border-color: rgb(66 32 6 / 0.05);
}

.border-yellow-950\/50{
  border-color: rgb(66 32 6 / 0.5);
}

.border-yellow-950\/60{
  border-color: rgb(66 32 6 / 0.6);
}

.border-yellow-950\/70{
  border-color: rgb(66 32 6 / 0.7);
}

.border-yellow-950\/75{
  border-color: rgb(66 32 6 / 0.75);
}

.border-yellow-950\/80{
  border-color: rgb(66 32 6 / 0.8);
}

.border-yellow-950\/90{
  border-color: rgb(66 32 6 / 0.9);
}

.border-yellow-950\/95{
  border-color: rgb(66 32 6 / 0.95);
}

.border-yellow\/0{
  border-color: rgb(255 221 0 / 0);
}

.border-yellow\/10{
  border-color: rgb(255 221 0 / 0.1);
}

.border-yellow\/100{
  border-color: rgb(255 221 0 / 1);
}

.border-yellow\/20{
  border-color: rgb(255 221 0 / 0.2);
}

.border-yellow\/25{
  border-color: rgb(255 221 0 / 0.25);
}

.border-yellow\/30{
  border-color: rgb(255 221 0 / 0.3);
}

.border-yellow\/40{
  border-color: rgb(255 221 0 / 0.4);
}

.border-yellow\/5{
  border-color: rgb(255 221 0 / 0.05);
}

.border-yellow\/50{
  border-color: rgb(255 221 0 / 0.5);
}

.border-yellow\/60{
  border-color: rgb(255 221 0 / 0.6);
}

.border-yellow\/70{
  border-color: rgb(255 221 0 / 0.7);
}

.border-yellow\/75{
  border-color: rgb(255 221 0 / 0.75);
}

.border-yellow\/80{
  border-color: rgb(255 221 0 / 0.8);
}

.border-yellow\/90{
  border-color: rgb(255 221 0 / 0.9);
}

.border-yellow\/95{
  border-color: rgb(255 221 0 / 0.95);
}

.border-yellow\/\[0\.15\]{
  border-color: rgb(255 221 0 / 0.15);
}

.\!bg-\[\#AD8F6B\]{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(173 143 107 / var(--tw-bg-opacity)) !important;
}

.\!bg-\[\#F7F4F0\]{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(247 244 240 / var(--tw-bg-opacity)) !important;
}

.bg-\[\#0061A7\]{
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 167 / var(--tw-bg-opacity));
}

.bg-\[\#F6F6F6\]{
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 246 / var(--tw-bg-opacity));
}

.bg-\[\#F9F9F9\]{
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity));
}

.bg-\[\#FAFAFA\]{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}

.bg-\[\#FFE74D\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 231 77 / var(--tw-bg-opacity));
}

.bg-\[\#FFF199\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 153 / var(--tw-bg-opacity));
}

.bg-\[\#dc0714\]{
  --tw-bg-opacity: 1;
  background-color: rgb(220 7 20 / var(--tw-bg-opacity));
}

.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.bg-black-100{
  --tw-bg-opacity: 1;
  background-color: rgb(231 231 231 / var(--tw-bg-opacity));
}

.bg-black-100\/0{
  background-color: rgb(231 231 231 / 0);
}

.bg-black-100\/10{
  background-color: rgb(231 231 231 / 0.1);
}

.bg-black-100\/100{
  background-color: rgb(231 231 231 / 1);
}

.bg-black-100\/20{
  background-color: rgb(231 231 231 / 0.2);
}

.bg-black-100\/25{
  background-color: rgb(231 231 231 / 0.25);
}

.bg-black-100\/30{
  background-color: rgb(231 231 231 / 0.3);
}

.bg-black-100\/40{
  background-color: rgb(231 231 231 / 0.4);
}

.bg-black-100\/5{
  background-color: rgb(231 231 231 / 0.05);
}

.bg-black-100\/50{
  background-color: rgb(231 231 231 / 0.5);
}

.bg-black-100\/60{
  background-color: rgb(231 231 231 / 0.6);
}

.bg-black-100\/70{
  background-color: rgb(231 231 231 / 0.7);
}

.bg-black-100\/75{
  background-color: rgb(231 231 231 / 0.75);
}

.bg-black-100\/80{
  background-color: rgb(231 231 231 / 0.8);
}

.bg-black-100\/90{
  background-color: rgb(231 231 231 / 0.9);
}

.bg-black-100\/95{
  background-color: rgb(231 231 231 / 0.95);
}

.bg-black-200{
  --tw-bg-opacity: 1;
  background-color: rgb(207 207 207 / var(--tw-bg-opacity));
}

.bg-black-200\/0{
  background-color: rgb(207 207 207 / 0);
}

.bg-black-200\/10{
  background-color: rgb(207 207 207 / 0.1);
}

.bg-black-200\/100{
  background-color: rgb(207 207 207 / 1);
}

.bg-black-200\/20{
  background-color: rgb(207 207 207 / 0.2);
}

.bg-black-200\/25{
  background-color: rgb(207 207 207 / 0.25);
}

.bg-black-200\/30{
  background-color: rgb(207 207 207 / 0.3);
}

.bg-black-200\/40{
  background-color: rgb(207 207 207 / 0.4);
}

.bg-black-200\/5{
  background-color: rgb(207 207 207 / 0.05);
}

.bg-black-200\/50{
  background-color: rgb(207 207 207 / 0.5);
}

.bg-black-200\/60{
  background-color: rgb(207 207 207 / 0.6);
}

.bg-black-200\/70{
  background-color: rgb(207 207 207 / 0.7);
}

.bg-black-200\/75{
  background-color: rgb(207 207 207 / 0.75);
}

.bg-black-200\/80{
  background-color: rgb(207 207 207 / 0.8);
}

.bg-black-200\/90{
  background-color: rgb(207 207 207 / 0.9);
}

.bg-black-200\/95{
  background-color: rgb(207 207 207 / 0.95);
}

.bg-black-300{
  --tw-bg-opacity: 1;
  background-color: rgb(182 182 182 / var(--tw-bg-opacity));
}

.bg-black-300\/0{
  background-color: rgb(182 182 182 / 0);
}

.bg-black-300\/10{
  background-color: rgb(182 182 182 / 0.1);
}

.bg-black-300\/100{
  background-color: rgb(182 182 182 / 1);
}

.bg-black-300\/20{
  background-color: rgb(182 182 182 / 0.2);
}

.bg-black-300\/25{
  background-color: rgb(182 182 182 / 0.25);
}

.bg-black-300\/30{
  background-color: rgb(182 182 182 / 0.3);
}

.bg-black-300\/40{
  background-color: rgb(182 182 182 / 0.4);
}

.bg-black-300\/5{
  background-color: rgb(182 182 182 / 0.05);
}

.bg-black-300\/50{
  background-color: rgb(182 182 182 / 0.5);
}

.bg-black-300\/60{
  background-color: rgb(182 182 182 / 0.6);
}

.bg-black-300\/70{
  background-color: rgb(182 182 182 / 0.7);
}

.bg-black-300\/75{
  background-color: rgb(182 182 182 / 0.75);
}

.bg-black-300\/80{
  background-color: rgb(182 182 182 / 0.8);
}

.bg-black-300\/90{
  background-color: rgb(182 182 182 / 0.9);
}

.bg-black-300\/95{
  background-color: rgb(182 182 182 / 0.95);
}

.bg-black-400{
  --tw-bg-opacity: 1;
  background-color: rgb(158 158 158 / var(--tw-bg-opacity));
}

.bg-black-400\/0{
  background-color: rgb(158 158 158 / 0);
}

.bg-black-400\/10{
  background-color: rgb(158 158 158 / 0.1);
}

.bg-black-400\/100{
  background-color: rgb(158 158 158 / 1);
}

.bg-black-400\/20{
  background-color: rgb(158 158 158 / 0.2);
}

.bg-black-400\/25{
  background-color: rgb(158 158 158 / 0.25);
}

.bg-black-400\/30{
  background-color: rgb(158 158 158 / 0.3);
}

.bg-black-400\/40{
  background-color: rgb(158 158 158 / 0.4);
}

.bg-black-400\/5{
  background-color: rgb(158 158 158 / 0.05);
}

.bg-black-400\/50{
  background-color: rgb(158 158 158 / 0.5);
}

.bg-black-400\/60{
  background-color: rgb(158 158 158 / 0.6);
}

.bg-black-400\/70{
  background-color: rgb(158 158 158 / 0.7);
}

.bg-black-400\/75{
  background-color: rgb(158 158 158 / 0.75);
}

.bg-black-400\/80{
  background-color: rgb(158 158 158 / 0.8);
}

.bg-black-400\/90{
  background-color: rgb(158 158 158 / 0.9);
}

.bg-black-400\/95{
  background-color: rgb(158 158 158 / 0.95);
}

.bg-black-500{
  --tw-bg-opacity: 1;
  background-color: rgb(134 134 134 / var(--tw-bg-opacity));
}

.bg-black-500\/0{
  background-color: rgb(134 134 134 / 0);
}

.bg-black-500\/10{
  background-color: rgb(134 134 134 / 0.1);
}

.bg-black-500\/100{
  background-color: rgb(134 134 134 / 1);
}

.bg-black-500\/20{
  background-color: rgb(134 134 134 / 0.2);
}

.bg-black-500\/25{
  background-color: rgb(134 134 134 / 0.25);
}

.bg-black-500\/30{
  background-color: rgb(134 134 134 / 0.3);
}

.bg-black-500\/40{
  background-color: rgb(134 134 134 / 0.4);
}

.bg-black-500\/5{
  background-color: rgb(134 134 134 / 0.05);
}

.bg-black-500\/50{
  background-color: rgb(134 134 134 / 0.5);
}

.bg-black-500\/60{
  background-color: rgb(134 134 134 / 0.6);
}

.bg-black-500\/70{
  background-color: rgb(134 134 134 / 0.7);
}

.bg-black-500\/75{
  background-color: rgb(134 134 134 / 0.75);
}

.bg-black-500\/80{
  background-color: rgb(134 134 134 / 0.8);
}

.bg-black-500\/90{
  background-color: rgb(134 134 134 / 0.9);
}

.bg-black-500\/95{
  background-color: rgb(134 134 134 / 0.95);
}

.bg-black-600{
  --tw-bg-opacity: 1;
  background-color: rgb(110 110 110 / var(--tw-bg-opacity));
}

.bg-black-600\/0{
  background-color: rgb(110 110 110 / 0);
}

.bg-black-600\/10{
  background-color: rgb(110 110 110 / 0.1);
}

.bg-black-600\/100{
  background-color: rgb(110 110 110 / 1);
}

.bg-black-600\/20{
  background-color: rgb(110 110 110 / 0.2);
}

.bg-black-600\/25{
  background-color: rgb(110 110 110 / 0.25);
}

.bg-black-600\/30{
  background-color: rgb(110 110 110 / 0.3);
}

.bg-black-600\/40{
  background-color: rgb(110 110 110 / 0.4);
}

.bg-black-600\/5{
  background-color: rgb(110 110 110 / 0.05);
}

.bg-black-600\/50{
  background-color: rgb(110 110 110 / 0.5);
}

.bg-black-600\/60{
  background-color: rgb(110 110 110 / 0.6);
}

.bg-black-600\/70{
  background-color: rgb(110 110 110 / 0.7);
}

.bg-black-600\/75{
  background-color: rgb(110 110 110 / 0.75);
}

.bg-black-600\/80{
  background-color: rgb(110 110 110 / 0.8);
}

.bg-black-600\/90{
  background-color: rgb(110 110 110 / 0.9);
}

.bg-black-600\/95{
  background-color: rgb(110 110 110 / 0.95);
}

.bg-black-700{
  --tw-bg-opacity: 1;
  background-color: rgb(86 86 86 / var(--tw-bg-opacity));
}

.bg-black-700\/0{
  background-color: rgb(86 86 86 / 0);
}

.bg-black-700\/10{
  background-color: rgb(86 86 86 / 0.1);
}

.bg-black-700\/100{
  background-color: rgb(86 86 86 / 1);
}

.bg-black-700\/20{
  background-color: rgb(86 86 86 / 0.2);
}

.bg-black-700\/25{
  background-color: rgb(86 86 86 / 0.25);
}

.bg-black-700\/30{
  background-color: rgb(86 86 86 / 0.3);
}

.bg-black-700\/40{
  background-color: rgb(86 86 86 / 0.4);
}

.bg-black-700\/5{
  background-color: rgb(86 86 86 / 0.05);
}

.bg-black-700\/50{
  background-color: rgb(86 86 86 / 0.5);
}

.bg-black-700\/60{
  background-color: rgb(86 86 86 / 0.6);
}

.bg-black-700\/70{
  background-color: rgb(86 86 86 / 0.7);
}

.bg-black-700\/75{
  background-color: rgb(86 86 86 / 0.75);
}

.bg-black-700\/80{
  background-color: rgb(86 86 86 / 0.8);
}

.bg-black-700\/90{
  background-color: rgb(86 86 86 / 0.9);
}

.bg-black-700\/95{
  background-color: rgb(86 86 86 / 0.95);
}

.bg-black-800{
  --tw-bg-opacity: 1;
  background-color: rgb(61 61 61 / var(--tw-bg-opacity));
}

.bg-black-800\/0{
  background-color: rgb(61 61 61 / 0);
}

.bg-black-800\/10{
  background-color: rgb(61 61 61 / 0.1);
}

.bg-black-800\/100{
  background-color: rgb(61 61 61 / 1);
}

.bg-black-800\/20{
  background-color: rgb(61 61 61 / 0.2);
}

.bg-black-800\/25{
  background-color: rgb(61 61 61 / 0.25);
}

.bg-black-800\/30{
  background-color: rgb(61 61 61 / 0.3);
}

.bg-black-800\/40{
  background-color: rgb(61 61 61 / 0.4);
}

.bg-black-800\/5{
  background-color: rgb(61 61 61 / 0.05);
}

.bg-black-800\/50{
  background-color: rgb(61 61 61 / 0.5);
}

.bg-black-800\/60{
  background-color: rgb(61 61 61 / 0.6);
}

.bg-black-800\/70{
  background-color: rgb(61 61 61 / 0.7);
}

.bg-black-800\/75{
  background-color: rgb(61 61 61 / 0.75);
}

.bg-black-800\/80{
  background-color: rgb(61 61 61 / 0.8);
}

.bg-black-800\/90{
  background-color: rgb(61 61 61 / 0.9);
}

.bg-black-800\/95{
  background-color: rgb(61 61 61 / 0.95);
}

.bg-black-900{
  --tw-bg-opacity: 1;
  background-color: rgb(37 37 37 / var(--tw-bg-opacity));
}

.bg-black-900\/0{
  background-color: rgb(37 37 37 / 0);
}

.bg-black-900\/10{
  background-color: rgb(37 37 37 / 0.1);
}

.bg-black-900\/100{
  background-color: rgb(37 37 37 / 1);
}

.bg-black-900\/20{
  background-color: rgb(37 37 37 / 0.2);
}

.bg-black-900\/25{
  background-color: rgb(37 37 37 / 0.25);
}

.bg-black-900\/30{
  background-color: rgb(37 37 37 / 0.3);
}

.bg-black-900\/40{
  background-color: rgb(37 37 37 / 0.4);
}

.bg-black-900\/5{
  background-color: rgb(37 37 37 / 0.05);
}

.bg-black-900\/50{
  background-color: rgb(37 37 37 / 0.5);
}

.bg-black-900\/60{
  background-color: rgb(37 37 37 / 0.6);
}

.bg-black-900\/70{
  background-color: rgb(37 37 37 / 0.7);
}

.bg-black-900\/75{
  background-color: rgb(37 37 37 / 0.75);
}

.bg-black-900\/80{
  background-color: rgb(37 37 37 / 0.8);
}

.bg-black-900\/90{
  background-color: rgb(37 37 37 / 0.9);
}

.bg-black-900\/95{
  background-color: rgb(37 37 37 / 0.95);
}

.bg-black-primary{
  --tw-bg-opacity: 1;
  background-color: rgb(13 13 13 / var(--tw-bg-opacity));
}

.bg-black-primary\/0{
  background-color: rgb(13 13 13 / 0);
}

.bg-black-primary\/10{
  background-color: rgb(13 13 13 / 0.1);
}

.bg-black-primary\/100{
  background-color: rgb(13 13 13 / 1);
}

.bg-black-primary\/20{
  background-color: rgb(13 13 13 / 0.2);
}

.bg-black-primary\/25{
  background-color: rgb(13 13 13 / 0.25);
}

.bg-black-primary\/30{
  background-color: rgb(13 13 13 / 0.3);
}

.bg-black-primary\/40{
  background-color: rgb(13 13 13 / 0.4);
}

.bg-black-primary\/5{
  background-color: rgb(13 13 13 / 0.05);
}

.bg-black-primary\/50{
  background-color: rgb(13 13 13 / 0.5);
}

.bg-black-primary\/60{
  background-color: rgb(13 13 13 / 0.6);
}

.bg-black-primary\/70{
  background-color: rgb(13 13 13 / 0.7);
}

.bg-black-primary\/75{
  background-color: rgb(13 13 13 / 0.75);
}

.bg-black-primary\/80{
  background-color: rgb(13 13 13 / 0.8);
}

.bg-black-primary\/90{
  background-color: rgb(13 13 13 / 0.9);
}

.bg-black-primary\/95{
  background-color: rgb(13 13 13 / 0.95);
}

.bg-black\/0{
  background-color: rgb(0 0 0 / 0);
}

.bg-black\/10{
  background-color: rgb(0 0 0 / 0.1);
}

.bg-black\/100{
  background-color: rgb(0 0 0 / 1);
}

.bg-black\/20{
  background-color: rgb(0 0 0 / 0.2);
}

.bg-black\/25{
  background-color: rgb(0 0 0 / 0.25);
}

.bg-black\/30{
  background-color: rgb(0 0 0 / 0.3);
}

.bg-black\/40{
  background-color: rgb(0 0 0 / 0.4);
}

.bg-black\/5{
  background-color: rgb(0 0 0 / 0.05);
}

.bg-black\/50{
  background-color: rgb(0 0 0 / 0.5);
}

.bg-black\/60{
  background-color: rgb(0 0 0 / 0.6);
}

.bg-black\/70{
  background-color: rgb(0 0 0 / 0.7);
}

.bg-black\/75{
  background-color: rgb(0 0 0 / 0.75);
}

.bg-black\/80{
  background-color: rgb(0 0 0 / 0.8);
}

.bg-black\/90{
  background-color: rgb(0 0 0 / 0.9);
}

.bg-black\/95{
  background-color: rgb(0 0 0 / 0.95);
}

.bg-choco{
  --tw-bg-opacity: 1;
  background-color: rgb(137 103 79 / var(--tw-bg-opacity));
}

.bg-choco-100{
  --tw-bg-opacity: 1;
  background-color: rgb(244 240 238 / var(--tw-bg-opacity));
}

.bg-choco-100\/0{
  background-color: rgb(244 240 238 / 0);
}

.bg-choco-100\/10{
  background-color: rgb(244 240 238 / 0.1);
}

.bg-choco-100\/100{
  background-color: rgb(244 240 238 / 1);
}

.bg-choco-100\/20{
  background-color: rgb(244 240 238 / 0.2);
}

.bg-choco-100\/25{
  background-color: rgb(244 240 238 / 0.25);
}

.bg-choco-100\/30{
  background-color: rgb(244 240 238 / 0.3);
}

.bg-choco-100\/40{
  background-color: rgb(244 240 238 / 0.4);
}

.bg-choco-100\/5{
  background-color: rgb(244 240 238 / 0.05);
}

.bg-choco-100\/50{
  background-color: rgb(244 240 238 / 0.5);
}

.bg-choco-100\/60{
  background-color: rgb(244 240 238 / 0.6);
}

.bg-choco-100\/70{
  background-color: rgb(244 240 238 / 0.7);
}

.bg-choco-100\/75{
  background-color: rgb(244 240 238 / 0.75);
}

.bg-choco-100\/80{
  background-color: rgb(244 240 238 / 0.8);
}

.bg-choco-100\/90{
  background-color: rgb(244 240 238 / 0.9);
}

.bg-choco-100\/95{
  background-color: rgb(244 240 238 / 0.95);
}

.bg-choco-200{
  --tw-bg-opacity: 1;
  background-color: rgb(231 225 220 / var(--tw-bg-opacity));
}

.bg-choco-200\/0{
  background-color: rgb(231 225 220 / 0);
}

.bg-choco-200\/10{
  background-color: rgb(231 225 220 / 0.1);
}

.bg-choco-200\/100{
  background-color: rgb(231 225 220 / 1);
}

.bg-choco-200\/20{
  background-color: rgb(231 225 220 / 0.2);
}

.bg-choco-200\/25{
  background-color: rgb(231 225 220 / 0.25);
}

.bg-choco-200\/30{
  background-color: rgb(231 225 220 / 0.3);
}

.bg-choco-200\/40{
  background-color: rgb(231 225 220 / 0.4);
}

.bg-choco-200\/5{
  background-color: rgb(231 225 220 / 0.05);
}

.bg-choco-200\/50{
  background-color: rgb(231 225 220 / 0.5);
}

.bg-choco-200\/60{
  background-color: rgb(231 225 220 / 0.6);
}

.bg-choco-200\/70{
  background-color: rgb(231 225 220 / 0.7);
}

.bg-choco-200\/75{
  background-color: rgb(231 225 220 / 0.75);
}

.bg-choco-200\/80{
  background-color: rgb(231 225 220 / 0.8);
}

.bg-choco-200\/90{
  background-color: rgb(231 225 220 / 0.9);
}

.bg-choco-200\/95{
  background-color: rgb(231 225 220 / 0.95);
}

.bg-choco-300{
  --tw-bg-opacity: 1;
  background-color: rgb(220 210 203 / var(--tw-bg-opacity));
}

.bg-choco-300\/0{
  background-color: rgb(220 210 203 / 0);
}

.bg-choco-300\/10{
  background-color: rgb(220 210 203 / 0.1);
}

.bg-choco-300\/100{
  background-color: rgb(220 210 203 / 1);
}

.bg-choco-300\/20{
  background-color: rgb(220 210 203 / 0.2);
}

.bg-choco-300\/25{
  background-color: rgb(220 210 203 / 0.25);
}

.bg-choco-300\/30{
  background-color: rgb(220 210 203 / 0.3);
}

.bg-choco-300\/40{
  background-color: rgb(220 210 203 / 0.4);
}

.bg-choco-300\/5{
  background-color: rgb(220 210 203 / 0.05);
}

.bg-choco-300\/50{
  background-color: rgb(220 210 203 / 0.5);
}

.bg-choco-300\/60{
  background-color: rgb(220 210 203 / 0.6);
}

.bg-choco-300\/70{
  background-color: rgb(220 210 203 / 0.7);
}

.bg-choco-300\/75{
  background-color: rgb(220 210 203 / 0.75);
}

.bg-choco-300\/80{
  background-color: rgb(220 210 203 / 0.8);
}

.bg-choco-300\/90{
  background-color: rgb(220 210 203 / 0.9);
}

.bg-choco-300\/95{
  background-color: rgb(220 210 203 / 0.95);
}

.bg-choco-400{
  --tw-bg-opacity: 1;
  background-color: rgb(208 194 185 / var(--tw-bg-opacity));
}

.bg-choco-400\/0{
  background-color: rgb(208 194 185 / 0);
}

.bg-choco-400\/10{
  background-color: rgb(208 194 185 / 0.1);
}

.bg-choco-400\/100{
  background-color: rgb(208 194 185 / 1);
}

.bg-choco-400\/20{
  background-color: rgb(208 194 185 / 0.2);
}

.bg-choco-400\/25{
  background-color: rgb(208 194 185 / 0.25);
}

.bg-choco-400\/30{
  background-color: rgb(208 194 185 / 0.3);
}

.bg-choco-400\/40{
  background-color: rgb(208 194 185 / 0.4);
}

.bg-choco-400\/5{
  background-color: rgb(208 194 185 / 0.05);
}

.bg-choco-400\/50{
  background-color: rgb(208 194 185 / 0.5);
}

.bg-choco-400\/60{
  background-color: rgb(208 194 185 / 0.6);
}

.bg-choco-400\/70{
  background-color: rgb(208 194 185 / 0.7);
}

.bg-choco-400\/75{
  background-color: rgb(208 194 185 / 0.75);
}

.bg-choco-400\/80{
  background-color: rgb(208 194 185 / 0.8);
}

.bg-choco-400\/90{
  background-color: rgb(208 194 185 / 0.9);
}

.bg-choco-400\/95{
  background-color: rgb(208 194 185 / 0.95);
}

.bg-choco-500{
  --tw-bg-opacity: 1;
  background-color: rgb(196 179 167 / var(--tw-bg-opacity));
}

.bg-choco-500\/0{
  background-color: rgb(196 179 167 / 0);
}

.bg-choco-500\/10{
  background-color: rgb(196 179 167 / 0.1);
}

.bg-choco-500\/100{
  background-color: rgb(196 179 167 / 1);
}

.bg-choco-500\/20{
  background-color: rgb(196 179 167 / 0.2);
}

.bg-choco-500\/25{
  background-color: rgb(196 179 167 / 0.25);
}

.bg-choco-500\/30{
  background-color: rgb(196 179 167 / 0.3);
}

.bg-choco-500\/40{
  background-color: rgb(196 179 167 / 0.4);
}

.bg-choco-500\/5{
  background-color: rgb(196 179 167 / 0.05);
}

.bg-choco-500\/50{
  background-color: rgb(196 179 167 / 0.5);
}

.bg-choco-500\/60{
  background-color: rgb(196 179 167 / 0.6);
}

.bg-choco-500\/70{
  background-color: rgb(196 179 167 / 0.7);
}

.bg-choco-500\/75{
  background-color: rgb(196 179 167 / 0.75);
}

.bg-choco-500\/80{
  background-color: rgb(196 179 167 / 0.8);
}

.bg-choco-500\/90{
  background-color: rgb(196 179 167 / 0.9);
}

.bg-choco-500\/95{
  background-color: rgb(196 179 167 / 0.95);
}

.bg-choco-600{
  --tw-bg-opacity: 1;
  background-color: rgb(184 164 149 / var(--tw-bg-opacity));
}

.bg-choco-600\/0{
  background-color: rgb(184 164 149 / 0);
}

.bg-choco-600\/10{
  background-color: rgb(184 164 149 / 0.1);
}

.bg-choco-600\/100{
  background-color: rgb(184 164 149 / 1);
}

.bg-choco-600\/20{
  background-color: rgb(184 164 149 / 0.2);
}

.bg-choco-600\/25{
  background-color: rgb(184 164 149 / 0.25);
}

.bg-choco-600\/30{
  background-color: rgb(184 164 149 / 0.3);
}

.bg-choco-600\/40{
  background-color: rgb(184 164 149 / 0.4);
}

.bg-choco-600\/5{
  background-color: rgb(184 164 149 / 0.05);
}

.bg-choco-600\/50{
  background-color: rgb(184 164 149 / 0.5);
}

.bg-choco-600\/60{
  background-color: rgb(184 164 149 / 0.6);
}

.bg-choco-600\/70{
  background-color: rgb(184 164 149 / 0.7);
}

.bg-choco-600\/75{
  background-color: rgb(184 164 149 / 0.75);
}

.bg-choco-600\/80{
  background-color: rgb(184 164 149 / 0.8);
}

.bg-choco-600\/90{
  background-color: rgb(184 164 149 / 0.9);
}

.bg-choco-600\/95{
  background-color: rgb(184 164 149 / 0.95);
}

.bg-choco-700{
  --tw-bg-opacity: 1;
  background-color: rgb(173 149 132 / var(--tw-bg-opacity));
}

.bg-choco-700\/0{
  background-color: rgb(173 149 132 / 0);
}

.bg-choco-700\/10{
  background-color: rgb(173 149 132 / 0.1);
}

.bg-choco-700\/100{
  background-color: rgb(173 149 132 / 1);
}

.bg-choco-700\/20{
  background-color: rgb(173 149 132 / 0.2);
}

.bg-choco-700\/25{
  background-color: rgb(173 149 132 / 0.25);
}

.bg-choco-700\/30{
  background-color: rgb(173 149 132 / 0.3);
}

.bg-choco-700\/40{
  background-color: rgb(173 149 132 / 0.4);
}

.bg-choco-700\/5{
  background-color: rgb(173 149 132 / 0.05);
}

.bg-choco-700\/50{
  background-color: rgb(173 149 132 / 0.5);
}

.bg-choco-700\/60{
  background-color: rgb(173 149 132 / 0.6);
}

.bg-choco-700\/70{
  background-color: rgb(173 149 132 / 0.7);
}

.bg-choco-700\/75{
  background-color: rgb(173 149 132 / 0.75);
}

.bg-choco-700\/80{
  background-color: rgb(173 149 132 / 0.8);
}

.bg-choco-700\/90{
  background-color: rgb(173 149 132 / 0.9);
}

.bg-choco-700\/95{
  background-color: rgb(173 149 132 / 0.95);
}

.bg-choco-800{
  --tw-bg-opacity: 1;
  background-color: rgb(161 133 114 / var(--tw-bg-opacity));
}

.bg-choco-800\/0{
  background-color: rgb(161 133 114 / 0);
}

.bg-choco-800\/10{
  background-color: rgb(161 133 114 / 0.1);
}

.bg-choco-800\/100{
  background-color: rgb(161 133 114 / 1);
}

.bg-choco-800\/20{
  background-color: rgb(161 133 114 / 0.2);
}

.bg-choco-800\/25{
  background-color: rgb(161 133 114 / 0.25);
}

.bg-choco-800\/30{
  background-color: rgb(161 133 114 / 0.3);
}

.bg-choco-800\/40{
  background-color: rgb(161 133 114 / 0.4);
}

.bg-choco-800\/5{
  background-color: rgb(161 133 114 / 0.05);
}

.bg-choco-800\/50{
  background-color: rgb(161 133 114 / 0.5);
}

.bg-choco-800\/60{
  background-color: rgb(161 133 114 / 0.6);
}

.bg-choco-800\/70{
  background-color: rgb(161 133 114 / 0.7);
}

.bg-choco-800\/75{
  background-color: rgb(161 133 114 / 0.75);
}

.bg-choco-800\/80{
  background-color: rgb(161 133 114 / 0.8);
}

.bg-choco-800\/90{
  background-color: rgb(161 133 114 / 0.9);
}

.bg-choco-800\/95{
  background-color: rgb(161 133 114 / 0.95);
}

.bg-choco-900{
  --tw-bg-opacity: 1;
  background-color: rgb(149 119 97 / var(--tw-bg-opacity));
}

.bg-choco-900\/0{
  background-color: rgb(149 119 97 / 0);
}

.bg-choco-900\/10{
  background-color: rgb(149 119 97 / 0.1);
}

.bg-choco-900\/100{
  background-color: rgb(149 119 97 / 1);
}

.bg-choco-900\/20{
  background-color: rgb(149 119 97 / 0.2);
}

.bg-choco-900\/25{
  background-color: rgb(149 119 97 / 0.25);
}

.bg-choco-900\/30{
  background-color: rgb(149 119 97 / 0.3);
}

.bg-choco-900\/40{
  background-color: rgb(149 119 97 / 0.4);
}

.bg-choco-900\/5{
  background-color: rgb(149 119 97 / 0.05);
}

.bg-choco-900\/50{
  background-color: rgb(149 119 97 / 0.5);
}

.bg-choco-900\/60{
  background-color: rgb(149 119 97 / 0.6);
}

.bg-choco-900\/70{
  background-color: rgb(149 119 97 / 0.7);
}

.bg-choco-900\/75{
  background-color: rgb(149 119 97 / 0.75);
}

.bg-choco-900\/80{
  background-color: rgb(149 119 97 / 0.8);
}

.bg-choco-900\/90{
  background-color: rgb(149 119 97 / 0.9);
}

.bg-choco-900\/95{
  background-color: rgb(149 119 97 / 0.95);
}

.bg-choco\/0{
  background-color: rgb(137 103 79 / 0);
}

.bg-choco\/10{
  background-color: rgb(137 103 79 / 0.1);
}

.bg-choco\/100{
  background-color: rgb(137 103 79 / 1);
}

.bg-choco\/20{
  background-color: rgb(137 103 79 / 0.2);
}

.bg-choco\/25{
  background-color: rgb(137 103 79 / 0.25);
}

.bg-choco\/30{
  background-color: rgb(137 103 79 / 0.3);
}

.bg-choco\/40{
  background-color: rgb(137 103 79 / 0.4);
}

.bg-choco\/5{
  background-color: rgb(137 103 79 / 0.05);
}

.bg-choco\/50{
  background-color: rgb(137 103 79 / 0.5);
}

.bg-choco\/60{
  background-color: rgb(137 103 79 / 0.6);
}

.bg-choco\/70{
  background-color: rgb(137 103 79 / 0.7);
}

.bg-choco\/75{
  background-color: rgb(137 103 79 / 0.75);
}

.bg-choco\/80{
  background-color: rgb(137 103 79 / 0.8);
}

.bg-choco\/90{
  background-color: rgb(137 103 79 / 0.9);
}

.bg-choco\/95{
  background-color: rgb(137 103 79 / 0.95);
}

.bg-choco2{
  --tw-bg-opacity: 1;
  background-color: rgb(152 106 76 / var(--tw-bg-opacity));
}

.bg-choco2\/0{
  background-color: rgb(152 106 76 / 0);
}

.bg-choco2\/10{
  background-color: rgb(152 106 76 / 0.1);
}

.bg-choco2\/100{
  background-color: rgb(152 106 76 / 1);
}

.bg-choco2\/20{
  background-color: rgb(152 106 76 / 0.2);
}

.bg-choco2\/25{
  background-color: rgb(152 106 76 / 0.25);
}

.bg-choco2\/30{
  background-color: rgb(152 106 76 / 0.3);
}

.bg-choco2\/40{
  background-color: rgb(152 106 76 / 0.4);
}

.bg-choco2\/5{
  background-color: rgb(152 106 76 / 0.05);
}

.bg-choco2\/50{
  background-color: rgb(152 106 76 / 0.5);
}

.bg-choco2\/60{
  background-color: rgb(152 106 76 / 0.6);
}

.bg-choco2\/70{
  background-color: rgb(152 106 76 / 0.7);
}

.bg-choco2\/75{
  background-color: rgb(152 106 76 / 0.75);
}

.bg-choco2\/80{
  background-color: rgb(152 106 76 / 0.8);
}

.bg-choco2\/90{
  background-color: rgb(152 106 76 / 0.9);
}

.bg-choco2\/95{
  background-color: rgb(152 106 76 / 0.95);
}

.bg-danger-border{
  --tw-bg-opacity: 1;
  background-color: rgb(234 106 114 / var(--tw-bg-opacity));
}

.bg-danger-border\/0{
  background-color: rgb(234 106 114 / 0);
}

.bg-danger-border\/10{
  background-color: rgb(234 106 114 / 0.1);
}

.bg-danger-border\/100{
  background-color: rgb(234 106 114 / 1);
}

.bg-danger-border\/20{
  background-color: rgb(234 106 114 / 0.2);
}

.bg-danger-border\/25{
  background-color: rgb(234 106 114 / 0.25);
}

.bg-danger-border\/30{
  background-color: rgb(234 106 114 / 0.3);
}

.bg-danger-border\/40{
  background-color: rgb(234 106 114 / 0.4);
}

.bg-danger-border\/5{
  background-color: rgb(234 106 114 / 0.05);
}

.bg-danger-border\/50{
  background-color: rgb(234 106 114 / 0.5);
}

.bg-danger-border\/60{
  background-color: rgb(234 106 114 / 0.6);
}

.bg-danger-border\/70{
  background-color: rgb(234 106 114 / 0.7);
}

.bg-danger-border\/75{
  background-color: rgb(234 106 114 / 0.75);
}

.bg-danger-border\/80{
  background-color: rgb(234 106 114 / 0.8);
}

.bg-danger-border\/90{
  background-color: rgb(234 106 114 / 0.9);
}

.bg-danger-border\/95{
  background-color: rgb(234 106 114 / 0.95);
}

.bg-danger-main{
  --tw-bg-opacity: 1;
  background-color: rgb(220 7 20 / var(--tw-bg-opacity));
}

.bg-danger-main\/0{
  background-color: rgb(220 7 20 / 0);
}

.bg-danger-main\/10{
  background-color: rgb(220 7 20 / 0.1);
}

.bg-danger-main\/100{
  background-color: rgb(220 7 20 / 1);
}

.bg-danger-main\/20{
  background-color: rgb(220 7 20 / 0.2);
}

.bg-danger-main\/25{
  background-color: rgb(220 7 20 / 0.25);
}

.bg-danger-main\/30{
  background-color: rgb(220 7 20 / 0.3);
}

.bg-danger-main\/40{
  background-color: rgb(220 7 20 / 0.4);
}

.bg-danger-main\/5{
  background-color: rgb(220 7 20 / 0.05);
}

.bg-danger-main\/50{
  background-color: rgb(220 7 20 / 0.5);
}

.bg-danger-main\/60{
  background-color: rgb(220 7 20 / 0.6);
}

.bg-danger-main\/70{
  background-color: rgb(220 7 20 / 0.7);
}

.bg-danger-main\/75{
  background-color: rgb(220 7 20 / 0.75);
}

.bg-danger-main\/80{
  background-color: rgb(220 7 20 / 0.8);
}

.bg-danger-main\/90{
  background-color: rgb(220 7 20 / 0.9);
}

.bg-danger-main\/95{
  background-color: rgb(220 7 20 / 0.95);
}

.bg-danger-surface{
  --tw-bg-opacity: 1;
  background-color: rgb(245 181 185 / var(--tw-bg-opacity));
}

.bg-danger-surface\/0{
  background-color: rgb(245 181 185 / 0);
}

.bg-danger-surface\/10{
  background-color: rgb(245 181 185 / 0.1);
}

.bg-danger-surface\/100{
  background-color: rgb(245 181 185 / 1);
}

.bg-danger-surface\/20{
  background-color: rgb(245 181 185 / 0.2);
}

.bg-danger-surface\/25{
  background-color: rgb(245 181 185 / 0.25);
}

.bg-danger-surface\/30{
  background-color: rgb(245 181 185 / 0.3);
}

.bg-danger-surface\/40{
  background-color: rgb(245 181 185 / 0.4);
}

.bg-danger-surface\/5{
  background-color: rgb(245 181 185 / 0.05);
}

.bg-danger-surface\/50{
  background-color: rgb(245 181 185 / 0.5);
}

.bg-danger-surface\/60{
  background-color: rgb(245 181 185 / 0.6);
}

.bg-danger-surface\/70{
  background-color: rgb(245 181 185 / 0.7);
}

.bg-danger-surface\/75{
  background-color: rgb(245 181 185 / 0.75);
}

.bg-danger-surface\/80{
  background-color: rgb(245 181 185 / 0.8);
}

.bg-danger-surface\/90{
  background-color: rgb(245 181 185 / 0.9);
}

.bg-danger-surface\/95{
  background-color: rgb(245 181 185 / 0.95);
}

.bg-gold{
  --tw-bg-opacity: 1;
  background-color: rgb(173 143 107 / var(--tw-bg-opacity));
}

.bg-gold-100{
  --tw-bg-opacity: 1;
  background-color: rgb(247 244 240 / var(--tw-bg-opacity));
}

.bg-gold-100\/0{
  background-color: rgb(247 244 240 / 0);
}

.bg-gold-100\/10{
  background-color: rgb(247 244 240 / 0.1);
}

.bg-gold-100\/100{
  background-color: rgb(247 244 240 / 1);
}

.bg-gold-100\/20{
  background-color: rgb(247 244 240 / 0.2);
}

.bg-gold-100\/25{
  background-color: rgb(247 244 240 / 0.25);
}

.bg-gold-100\/30{
  background-color: rgb(247 244 240 / 0.3);
}

.bg-gold-100\/40{
  background-color: rgb(247 244 240 / 0.4);
}

.bg-gold-100\/5{
  background-color: rgb(247 244 240 / 0.05);
}

.bg-gold-100\/50{
  background-color: rgb(247 244 240 / 0.5);
}

.bg-gold-100\/60{
  background-color: rgb(247 244 240 / 0.6);
}

.bg-gold-100\/70{
  background-color: rgb(247 244 240 / 0.7);
}

.bg-gold-100\/75{
  background-color: rgb(247 244 240 / 0.75);
}

.bg-gold-100\/80{
  background-color: rgb(247 244 240 / 0.8);
}

.bg-gold-100\/90{
  background-color: rgb(247 244 240 / 0.9);
}

.bg-gold-100\/95{
  background-color: rgb(247 244 240 / 0.95);
}

.bg-gold-200{
  --tw-bg-opacity: 1;
  background-color: rgb(239 233 225 / var(--tw-bg-opacity));
}

.bg-gold-200\/0{
  background-color: rgb(239 233 225 / 0);
}

.bg-gold-200\/10{
  background-color: rgb(239 233 225 / 0.1);
}

.bg-gold-200\/100{
  background-color: rgb(239 233 225 / 1);
}

.bg-gold-200\/20{
  background-color: rgb(239 233 225 / 0.2);
}

.bg-gold-200\/25{
  background-color: rgb(239 233 225 / 0.25);
}

.bg-gold-200\/30{
  background-color: rgb(239 233 225 / 0.3);
}

.bg-gold-200\/40{
  background-color: rgb(239 233 225 / 0.4);
}

.bg-gold-200\/5{
  background-color: rgb(239 233 225 / 0.05);
}

.bg-gold-200\/50{
  background-color: rgb(239 233 225 / 0.5);
}

.bg-gold-200\/60{
  background-color: rgb(239 233 225 / 0.6);
}

.bg-gold-200\/70{
  background-color: rgb(239 233 225 / 0.7);
}

.bg-gold-200\/75{
  background-color: rgb(239 233 225 / 0.75);
}

.bg-gold-200\/80{
  background-color: rgb(239 233 225 / 0.8);
}

.bg-gold-200\/90{
  background-color: rgb(239 233 225 / 0.9);
}

.bg-gold-200\/95{
  background-color: rgb(239 233 225 / 0.95);
}

.bg-gold-300{
  --tw-bg-opacity: 1;
  background-color: rgb(230 221 211 / var(--tw-bg-opacity));
}

.bg-gold-300\/0{
  background-color: rgb(230 221 211 / 0);
}

.bg-gold-300\/10{
  background-color: rgb(230 221 211 / 0.1);
}

.bg-gold-300\/100{
  background-color: rgb(230 221 211 / 1);
}

.bg-gold-300\/20{
  background-color: rgb(230 221 211 / 0.2);
}

.bg-gold-300\/25{
  background-color: rgb(230 221 211 / 0.25);
}

.bg-gold-300\/30{
  background-color: rgb(230 221 211 / 0.3);
}

.bg-gold-300\/40{
  background-color: rgb(230 221 211 / 0.4);
}

.bg-gold-300\/5{
  background-color: rgb(230 221 211 / 0.05);
}

.bg-gold-300\/50{
  background-color: rgb(230 221 211 / 0.5);
}

.bg-gold-300\/60{
  background-color: rgb(230 221 211 / 0.6);
}

.bg-gold-300\/70{
  background-color: rgb(230 221 211 / 0.7);
}

.bg-gold-300\/75{
  background-color: rgb(230 221 211 / 0.75);
}

.bg-gold-300\/80{
  background-color: rgb(230 221 211 / 0.8);
}

.bg-gold-300\/90{
  background-color: rgb(230 221 211 / 0.9);
}

.bg-gold-300\/95{
  background-color: rgb(230 221 211 / 0.95);
}

.bg-gold-400{
  --tw-bg-opacity: 1;
  background-color: rgb(222 210 196 / var(--tw-bg-opacity));
}

.bg-gold-400\/0{
  background-color: rgb(222 210 196 / 0);
}

.bg-gold-400\/10{
  background-color: rgb(222 210 196 / 0.1);
}

.bg-gold-400\/100{
  background-color: rgb(222 210 196 / 1);
}

.bg-gold-400\/20{
  background-color: rgb(222 210 196 / 0.2);
}

.bg-gold-400\/25{
  background-color: rgb(222 210 196 / 0.25);
}

.bg-gold-400\/30{
  background-color: rgb(222 210 196 / 0.3);
}

.bg-gold-400\/40{
  background-color: rgb(222 210 196 / 0.4);
}

.bg-gold-400\/5{
  background-color: rgb(222 210 196 / 0.05);
}

.bg-gold-400\/50{
  background-color: rgb(222 210 196 / 0.5);
}

.bg-gold-400\/60{
  background-color: rgb(222 210 196 / 0.6);
}

.bg-gold-400\/70{
  background-color: rgb(222 210 196 / 0.7);
}

.bg-gold-400\/75{
  background-color: rgb(222 210 196 / 0.75);
}

.bg-gold-400\/80{
  background-color: rgb(222 210 196 / 0.8);
}

.bg-gold-400\/90{
  background-color: rgb(222 210 196 / 0.9);
}

.bg-gold-400\/95{
  background-color: rgb(222 210 196 / 0.95);
}

.bg-gold-500{
  --tw-bg-opacity: 1;
  background-color: rgb(214 199 181 / var(--tw-bg-opacity));
}

.bg-gold-500\/0{
  background-color: rgb(214 199 181 / 0);
}

.bg-gold-500\/10{
  background-color: rgb(214 199 181 / 0.1);
}

.bg-gold-500\/100{
  background-color: rgb(214 199 181 / 1);
}

.bg-gold-500\/20{
  background-color: rgb(214 199 181 / 0.2);
}

.bg-gold-500\/25{
  background-color: rgb(214 199 181 / 0.25);
}

.bg-gold-500\/30{
  background-color: rgb(214 199 181 / 0.3);
}

.bg-gold-500\/40{
  background-color: rgb(214 199 181 / 0.4);
}

.bg-gold-500\/5{
  background-color: rgb(214 199 181 / 0.05);
}

.bg-gold-500\/50{
  background-color: rgb(214 199 181 / 0.5);
}

.bg-gold-500\/60{
  background-color: rgb(214 199 181 / 0.6);
}

.bg-gold-500\/70{
  background-color: rgb(214 199 181 / 0.7);
}

.bg-gold-500\/75{
  background-color: rgb(214 199 181 / 0.75);
}

.bg-gold-500\/80{
  background-color: rgb(214 199 181 / 0.8);
}

.bg-gold-500\/90{
  background-color: rgb(214 199 181 / 0.9);
}

.bg-gold-500\/95{
  background-color: rgb(214 199 181 / 0.95);
}

.bg-gold-600{
  --tw-bg-opacity: 1;
  background-color: rgb(206 188 166 / var(--tw-bg-opacity));
}

.bg-gold-600\/0{
  background-color: rgb(206 188 166 / 0);
}

.bg-gold-600\/10{
  background-color: rgb(206 188 166 / 0.1);
}

.bg-gold-600\/100{
  background-color: rgb(206 188 166 / 1);
}

.bg-gold-600\/20{
  background-color: rgb(206 188 166 / 0.2);
}

.bg-gold-600\/25{
  background-color: rgb(206 188 166 / 0.25);
}

.bg-gold-600\/30{
  background-color: rgb(206 188 166 / 0.3);
}

.bg-gold-600\/40{
  background-color: rgb(206 188 166 / 0.4);
}

.bg-gold-600\/5{
  background-color: rgb(206 188 166 / 0.05);
}

.bg-gold-600\/50{
  background-color: rgb(206 188 166 / 0.5);
}

.bg-gold-600\/60{
  background-color: rgb(206 188 166 / 0.6);
}

.bg-gold-600\/70{
  background-color: rgb(206 188 166 / 0.7);
}

.bg-gold-600\/75{
  background-color: rgb(206 188 166 / 0.75);
}

.bg-gold-600\/80{
  background-color: rgb(206 188 166 / 0.8);
}

.bg-gold-600\/90{
  background-color: rgb(206 188 166 / 0.9);
}

.bg-gold-600\/95{
  background-color: rgb(206 188 166 / 0.95);
}

.bg-gold-700{
  --tw-bg-opacity: 1;
  background-color: rgb(198 177 151 / var(--tw-bg-opacity));
}

.bg-gold-700\/0{
  background-color: rgb(198 177 151 / 0);
}

.bg-gold-700\/10{
  background-color: rgb(198 177 151 / 0.1);
}

.bg-gold-700\/100{
  background-color: rgb(198 177 151 / 1);
}

.bg-gold-700\/20{
  background-color: rgb(198 177 151 / 0.2);
}

.bg-gold-700\/25{
  background-color: rgb(198 177 151 / 0.25);
}

.bg-gold-700\/30{
  background-color: rgb(198 177 151 / 0.3);
}

.bg-gold-700\/40{
  background-color: rgb(198 177 151 / 0.4);
}

.bg-gold-700\/5{
  background-color: rgb(198 177 151 / 0.05);
}

.bg-gold-700\/50{
  background-color: rgb(198 177 151 / 0.5);
}

.bg-gold-700\/60{
  background-color: rgb(198 177 151 / 0.6);
}

.bg-gold-700\/70{
  background-color: rgb(198 177 151 / 0.7);
}

.bg-gold-700\/75{
  background-color: rgb(198 177 151 / 0.75);
}

.bg-gold-700\/80{
  background-color: rgb(198 177 151 / 0.8);
}

.bg-gold-700\/90{
  background-color: rgb(198 177 151 / 0.9);
}

.bg-gold-700\/95{
  background-color: rgb(198 177 151 / 0.95);
}

.bg-gold-800{
  --tw-bg-opacity: 1;
  background-color: rgb(189 165 137 / var(--tw-bg-opacity));
}

.bg-gold-800\/0{
  background-color: rgb(189 165 137 / 0);
}

.bg-gold-800\/10{
  background-color: rgb(189 165 137 / 0.1);
}

.bg-gold-800\/100{
  background-color: rgb(189 165 137 / 1);
}

.bg-gold-800\/20{
  background-color: rgb(189 165 137 / 0.2);
}

.bg-gold-800\/25{
  background-color: rgb(189 165 137 / 0.25);
}

.bg-gold-800\/30{
  background-color: rgb(189 165 137 / 0.3);
}

.bg-gold-800\/40{
  background-color: rgb(189 165 137 / 0.4);
}

.bg-gold-800\/5{
  background-color: rgb(189 165 137 / 0.05);
}

.bg-gold-800\/50{
  background-color: rgb(189 165 137 / 0.5);
}

.bg-gold-800\/60{
  background-color: rgb(189 165 137 / 0.6);
}

.bg-gold-800\/70{
  background-color: rgb(189 165 137 / 0.7);
}

.bg-gold-800\/75{
  background-color: rgb(189 165 137 / 0.75);
}

.bg-gold-800\/80{
  background-color: rgb(189 165 137 / 0.8);
}

.bg-gold-800\/90{
  background-color: rgb(189 165 137 / 0.9);
}

.bg-gold-800\/95{
  background-color: rgb(189 165 137 / 0.95);
}

.bg-gold-900{
  --tw-bg-opacity: 1;
  background-color: rgb(181 154 122 / var(--tw-bg-opacity));
}

.bg-gold-900\/0{
  background-color: rgb(181 154 122 / 0);
}

.bg-gold-900\/10{
  background-color: rgb(181 154 122 / 0.1);
}

.bg-gold-900\/100{
  background-color: rgb(181 154 122 / 1);
}

.bg-gold-900\/20{
  background-color: rgb(181 154 122 / 0.2);
}

.bg-gold-900\/25{
  background-color: rgb(181 154 122 / 0.25);
}

.bg-gold-900\/30{
  background-color: rgb(181 154 122 / 0.3);
}

.bg-gold-900\/40{
  background-color: rgb(181 154 122 / 0.4);
}

.bg-gold-900\/5{
  background-color: rgb(181 154 122 / 0.05);
}

.bg-gold-900\/50{
  background-color: rgb(181 154 122 / 0.5);
}

.bg-gold-900\/60{
  background-color: rgb(181 154 122 / 0.6);
}

.bg-gold-900\/70{
  background-color: rgb(181 154 122 / 0.7);
}

.bg-gold-900\/75{
  background-color: rgb(181 154 122 / 0.75);
}

.bg-gold-900\/80{
  background-color: rgb(181 154 122 / 0.8);
}

.bg-gold-900\/90{
  background-color: rgb(181 154 122 / 0.9);
}

.bg-gold-900\/95{
  background-color: rgb(181 154 122 / 0.95);
}

.bg-gold\/0{
  background-color: rgb(173 143 107 / 0);
}

.bg-gold\/10{
  background-color: rgb(173 143 107 / 0.1);
}

.bg-gold\/100{
  background-color: rgb(173 143 107 / 1);
}

.bg-gold\/20{
  background-color: rgb(173 143 107 / 0.2);
}

.bg-gold\/25{
  background-color: rgb(173 143 107 / 0.25);
}

.bg-gold\/30{
  background-color: rgb(173 143 107 / 0.3);
}

.bg-gold\/40{
  background-color: rgb(173 143 107 / 0.4);
}

.bg-gold\/5{
  background-color: rgb(173 143 107 / 0.05);
}

.bg-gold\/50{
  background-color: rgb(173 143 107 / 0.5);
}

.bg-gold\/60{
  background-color: rgb(173 143 107 / 0.6);
}

.bg-gold\/70{
  background-color: rgb(173 143 107 / 0.7);
}

.bg-gold\/75{
  background-color: rgb(173 143 107 / 0.75);
}

.bg-gold\/80{
  background-color: rgb(173 143 107 / 0.8);
}

.bg-gold\/90{
  background-color: rgb(173 143 107 / 0.9);
}

.bg-gold\/95{
  background-color: rgb(173 143 107 / 0.95);
}

.bg-primary{
  --tw-bg-opacity: 1;
  background-color: rgb(18 94 250 / var(--tw-bg-opacity));
}

.bg-primary-100{
  --tw-bg-opacity: 1;
  background-color: rgb(229 239 246 / var(--tw-bg-opacity));
}

.bg-primary-100\/0{
  background-color: rgb(229 239 246 / 0);
}

.bg-primary-100\/10{
  background-color: rgb(229 239 246 / 0.1);
}

.bg-primary-100\/100{
  background-color: rgb(229 239 246 / 1);
}

.bg-primary-100\/20{
  background-color: rgb(229 239 246 / 0.2);
}

.bg-primary-100\/25{
  background-color: rgb(229 239 246 / 0.25);
}

.bg-primary-100\/30{
  background-color: rgb(229 239 246 / 0.3);
}

.bg-primary-100\/40{
  background-color: rgb(229 239 246 / 0.4);
}

.bg-primary-100\/5{
  background-color: rgb(229 239 246 / 0.05);
}

.bg-primary-100\/50{
  background-color: rgb(229 239 246 / 0.5);
}

.bg-primary-100\/60{
  background-color: rgb(229 239 246 / 0.6);
}

.bg-primary-100\/70{
  background-color: rgb(229 239 246 / 0.7);
}

.bg-primary-100\/75{
  background-color: rgb(229 239 246 / 0.75);
}

.bg-primary-100\/80{
  background-color: rgb(229 239 246 / 0.8);
}

.bg-primary-100\/90{
  background-color: rgb(229 239 246 / 0.9);
}

.bg-primary-100\/95{
  background-color: rgb(229 239 246 / 0.95);
}

.bg-primary-200{
  --tw-bg-opacity: 1;
  background-color: rgb(204 223 237 / var(--tw-bg-opacity));
}

.bg-primary-200\/0{
  background-color: rgb(204 223 237 / 0);
}

.bg-primary-200\/10{
  background-color: rgb(204 223 237 / 0.1);
}

.bg-primary-200\/100{
  background-color: rgb(204 223 237 / 1);
}

.bg-primary-200\/20{
  background-color: rgb(204 223 237 / 0.2);
}

.bg-primary-200\/25{
  background-color: rgb(204 223 237 / 0.25);
}

.bg-primary-200\/30{
  background-color: rgb(204 223 237 / 0.3);
}

.bg-primary-200\/40{
  background-color: rgb(204 223 237 / 0.4);
}

.bg-primary-200\/5{
  background-color: rgb(204 223 237 / 0.05);
}

.bg-primary-200\/50{
  background-color: rgb(204 223 237 / 0.5);
}

.bg-primary-200\/60{
  background-color: rgb(204 223 237 / 0.6);
}

.bg-primary-200\/70{
  background-color: rgb(204 223 237 / 0.7);
}

.bg-primary-200\/75{
  background-color: rgb(204 223 237 / 0.75);
}

.bg-primary-200\/80{
  background-color: rgb(204 223 237 / 0.8);
}

.bg-primary-200\/90{
  background-color: rgb(204 223 237 / 0.9);
}

.bg-primary-200\/95{
  background-color: rgb(204 223 237 / 0.95);
}

.bg-primary-300{
  --tw-bg-opacity: 1;
  background-color: rgb(179 208 229 / var(--tw-bg-opacity));
}

.bg-primary-300\/0{
  background-color: rgb(179 208 229 / 0);
}

.bg-primary-300\/10{
  background-color: rgb(179 208 229 / 0.1);
}

.bg-primary-300\/100{
  background-color: rgb(179 208 229 / 1);
}

.bg-primary-300\/20{
  background-color: rgb(179 208 229 / 0.2);
}

.bg-primary-300\/25{
  background-color: rgb(179 208 229 / 0.25);
}

.bg-primary-300\/30{
  background-color: rgb(179 208 229 / 0.3);
}

.bg-primary-300\/40{
  background-color: rgb(179 208 229 / 0.4);
}

.bg-primary-300\/5{
  background-color: rgb(179 208 229 / 0.05);
}

.bg-primary-300\/50{
  background-color: rgb(179 208 229 / 0.5);
}

.bg-primary-300\/60{
  background-color: rgb(179 208 229 / 0.6);
}

.bg-primary-300\/70{
  background-color: rgb(179 208 229 / 0.7);
}

.bg-primary-300\/75{
  background-color: rgb(179 208 229 / 0.75);
}

.bg-primary-300\/80{
  background-color: rgb(179 208 229 / 0.8);
}

.bg-primary-300\/90{
  background-color: rgb(179 208 229 / 0.9);
}

.bg-primary-300\/95{
  background-color: rgb(179 208 229 / 0.95);
}

.bg-primary-400{
  --tw-bg-opacity: 1;
  background-color: rgb(153 192 220 / var(--tw-bg-opacity));
}

.bg-primary-400\/0{
  background-color: rgb(153 192 220 / 0);
}

.bg-primary-400\/10{
  background-color: rgb(153 192 220 / 0.1);
}

.bg-primary-400\/100{
  background-color: rgb(153 192 220 / 1);
}

.bg-primary-400\/20{
  background-color: rgb(153 192 220 / 0.2);
}

.bg-primary-400\/25{
  background-color: rgb(153 192 220 / 0.25);
}

.bg-primary-400\/30{
  background-color: rgb(153 192 220 / 0.3);
}

.bg-primary-400\/40{
  background-color: rgb(153 192 220 / 0.4);
}

.bg-primary-400\/5{
  background-color: rgb(153 192 220 / 0.05);
}

.bg-primary-400\/50{
  background-color: rgb(153 192 220 / 0.5);
}

.bg-primary-400\/60{
  background-color: rgb(153 192 220 / 0.6);
}

.bg-primary-400\/70{
  background-color: rgb(153 192 220 / 0.7);
}

.bg-primary-400\/75{
  background-color: rgb(153 192 220 / 0.75);
}

.bg-primary-400\/80{
  background-color: rgb(153 192 220 / 0.8);
}

.bg-primary-400\/90{
  background-color: rgb(153 192 220 / 0.9);
}

.bg-primary-400\/95{
  background-color: rgb(153 192 220 / 0.95);
}

.bg-primary-500{
  --tw-bg-opacity: 1;
  background-color: rgb(128 176 211 / var(--tw-bg-opacity));
}

.bg-primary-500\/0{
  background-color: rgb(128 176 211 / 0);
}

.bg-primary-500\/10{
  background-color: rgb(128 176 211 / 0.1);
}

.bg-primary-500\/100{
  background-color: rgb(128 176 211 / 1);
}

.bg-primary-500\/20{
  background-color: rgb(128 176 211 / 0.2);
}

.bg-primary-500\/25{
  background-color: rgb(128 176 211 / 0.25);
}

.bg-primary-500\/30{
  background-color: rgb(128 176 211 / 0.3);
}

.bg-primary-500\/40{
  background-color: rgb(128 176 211 / 0.4);
}

.bg-primary-500\/5{
  background-color: rgb(128 176 211 / 0.05);
}

.bg-primary-500\/50{
  background-color: rgb(128 176 211 / 0.5);
}

.bg-primary-500\/60{
  background-color: rgb(128 176 211 / 0.6);
}

.bg-primary-500\/70{
  background-color: rgb(128 176 211 / 0.7);
}

.bg-primary-500\/75{
  background-color: rgb(128 176 211 / 0.75);
}

.bg-primary-500\/80{
  background-color: rgb(128 176 211 / 0.8);
}

.bg-primary-500\/90{
  background-color: rgb(128 176 211 / 0.9);
}

.bg-primary-500\/95{
  background-color: rgb(128 176 211 / 0.95);
}

.bg-primary-600{
  --tw-bg-opacity: 1;
  background-color: rgb(102 160 202 / var(--tw-bg-opacity));
}

.bg-primary-600\/0{
  background-color: rgb(102 160 202 / 0);
}

.bg-primary-600\/10{
  background-color: rgb(102 160 202 / 0.1);
}

.bg-primary-600\/100{
  background-color: rgb(102 160 202 / 1);
}

.bg-primary-600\/20{
  background-color: rgb(102 160 202 / 0.2);
}

.bg-primary-600\/25{
  background-color: rgb(102 160 202 / 0.25);
}

.bg-primary-600\/30{
  background-color: rgb(102 160 202 / 0.3);
}

.bg-primary-600\/40{
  background-color: rgb(102 160 202 / 0.4);
}

.bg-primary-600\/5{
  background-color: rgb(102 160 202 / 0.05);
}

.bg-primary-600\/50{
  background-color: rgb(102 160 202 / 0.5);
}

.bg-primary-600\/60{
  background-color: rgb(102 160 202 / 0.6);
}

.bg-primary-600\/70{
  background-color: rgb(102 160 202 / 0.7);
}

.bg-primary-600\/75{
  background-color: rgb(102 160 202 / 0.75);
}

.bg-primary-600\/80{
  background-color: rgb(102 160 202 / 0.8);
}

.bg-primary-600\/90{
  background-color: rgb(102 160 202 / 0.9);
}

.bg-primary-600\/95{
  background-color: rgb(102 160 202 / 0.95);
}

.bg-primary-700{
  --tw-bg-opacity: 1;
  background-color: rgb(89 142 251 / var(--tw-bg-opacity));
}

.bg-primary-700\/0{
  background-color: rgb(77 144 193 / 0);
}

.bg-primary-700\/10{
  background-color: rgb(77 144 193 / 0.1);
}

.bg-primary-700\/100{
  background-color: rgb(77 144 193 / 1);
}

.bg-primary-700\/20{
  background-color: rgb(77 144 193 / 0.2);
}

.bg-primary-700\/25{
  background-color: rgb(77 144 193 / 0.25);
}

.bg-primary-700\/30{
  background-color: rgb(77 144 193 / 0.3);
}

.bg-primary-700\/40{
  background-color: rgb(77 144 193 / 0.4);
}

.bg-primary-700\/5{
  background-color: rgb(77 144 193 / 0.05);
}

.bg-primary-700\/50{
  background-color: rgb(77 144 193 / 0.5);
}

.bg-primary-700\/60{
  background-color: rgb(77 144 193 / 0.6);
}

.bg-primary-700\/70{
  background-color: rgb(77 144 193 / 0.7);
}

.bg-primary-700\/75{
  background-color: rgb(77 144 193 / 0.75);
}

.bg-primary-700\/80{
  background-color: rgb(77 144 193 / 0.8);
}

.bg-primary-700\/90{
  background-color: rgb(77 144 193 / 0.9);
}

.bg-primary-700\/95{
  background-color: rgb(77 144 193 / 0.95);
}

.bg-primary-800{
  --tw-bg-opacity: 1;
  background-color: rgb(51 129 185 / var(--tw-bg-opacity));
}

.bg-primary-800\/0{
  background-color: rgb(51 129 185 / 0);
}

.bg-primary-800\/10{
  background-color: rgb(51 129 185 / 0.1);
}

.bg-primary-800\/100{
  background-color: rgb(51 129 185 / 1);
}

.bg-primary-800\/20{
  background-color: rgb(51 129 185 / 0.2);
}

.bg-primary-800\/25{
  background-color: rgb(51 129 185 / 0.25);
}

.bg-primary-800\/30{
  background-color: rgb(51 129 185 / 0.3);
}

.bg-primary-800\/40{
  background-color: rgb(51 129 185 / 0.4);
}

.bg-primary-800\/5{
  background-color: rgb(51 129 185 / 0.05);
}

.bg-primary-800\/50{
  background-color: rgb(51 129 185 / 0.5);
}

.bg-primary-800\/60{
  background-color: rgb(51 129 185 / 0.6);
}

.bg-primary-800\/70{
  background-color: rgb(51 129 185 / 0.7);
}

.bg-primary-800\/75{
  background-color: rgb(51 129 185 / 0.75);
}

.bg-primary-800\/80{
  background-color: rgb(51 129 185 / 0.8);
}

.bg-primary-800\/90{
  background-color: rgb(51 129 185 / 0.9);
}

.bg-primary-800\/95{
  background-color: rgb(51 129 185 / 0.95);
}

.bg-primary-900{
  --tw-bg-opacity: 1;
  background-color: rgb(26 113 176 / var(--tw-bg-opacity));
}

.bg-primary-900\/0{
  background-color: rgb(26 113 176 / 0);
}

.bg-primary-900\/10{
  background-color: rgb(26 113 176 / 0.1);
}

.bg-primary-900\/100{
  background-color: rgb(26 113 176 / 1);
}

.bg-primary-900\/20{
  background-color: rgb(26 113 176 / 0.2);
}

.bg-primary-900\/25{
  background-color: rgb(26 113 176 / 0.25);
}

.bg-primary-900\/30{
  background-color: rgb(26 113 176 / 0.3);
}

.bg-primary-900\/40{
  background-color: rgb(26 113 176 / 0.4);
}

.bg-primary-900\/5{
  background-color: rgb(26 113 176 / 0.05);
}

.bg-primary-900\/50{
  background-color: rgb(26 113 176 / 0.5);
}

.bg-primary-900\/60{
  background-color: rgb(26 113 176 / 0.6);
}

.bg-primary-900\/70{
  background-color: rgb(26 113 176 / 0.7);
}

.bg-primary-900\/75{
  background-color: rgb(26 113 176 / 0.75);
}

.bg-primary-900\/80{
  background-color: rgb(26 113 176 / 0.8);
}

.bg-primary-900\/90{
  background-color: rgb(26 113 176 / 0.9);
}

.bg-primary-900\/95{
  background-color: rgb(26 113 176 / 0.95);
}

.bg-primary\/0{
  background-color: rgb(0 97 167 / 0);
}

.bg-primary\/10{
  background-color: rgb(0 97 167 / 0.1);
}

.bg-primary\/100{
  background-color: rgb(0 97 167 / 1);
}

.bg-primary\/20{
  background-color: rgb(0 97 167 / 0.2);
}

.bg-primary\/25{
  background-color: rgb(0 97 167 / 0.25);
}

.bg-primary\/30{
  background-color: rgb(0 97 167 / 0.3);
}

.bg-primary\/40{
  background-color: rgb(0 97 167 / 0.4);
}

.bg-primary\/5{
  background-color: rgb(0 97 167 / 0.05);
}

.bg-primary\/50{
  background-color: rgb(0 97 167 / 0.5);
}

.bg-primary\/60{
  background-color: rgb(0 97 167 / 0.6);
}

.bg-primary\/70{
  background-color: rgb(0 97 167 / 0.7);
}

.bg-primary\/75{
  background-color: rgb(0 97 167 / 0.75);
}

.bg-primary\/80{
  background-color: rgb(0 97 167 / 0.8);
}

.bg-primary\/90{
  background-color: rgb(0 97 167 / 0.9);
}

.bg-primary\/95{
  background-color: rgb(0 97 167 / 0.95);
}

.bg-primaryBlue{
  --tw-bg-opacity: 1;
  background-color: rgb(18 94 250 / var(--tw-bg-opacity));
}

.bg-primaryBlue-light{
  --tw-bg-opacity: 1;
  background-color: rgb(89 142 251 / var(--tw-bg-opacity));
}

.bg-primaryBlue-light\/0{
  background-color: rgb(89 142 251 / 0);
}

.bg-primaryBlue-light\/10{
  background-color: rgb(89 142 251 / 0.1);
}

.bg-primaryBlue-light\/100{
  background-color: rgb(89 142 251 / 1);
}

.bg-primaryBlue-light\/20{
  background-color: rgb(89 142 251 / 0.2);
}

.bg-primaryBlue-light\/25{
  background-color: rgb(89 142 251 / 0.25);
}

.bg-primaryBlue-light\/30{
  background-color: rgb(89 142 251 / 0.3);
}

.bg-primaryBlue-light\/40{
  background-color: rgb(89 142 251 / 0.4);
}

.bg-primaryBlue-light\/5{
  background-color: rgb(89 142 251 / 0.05);
}

.bg-primaryBlue-light\/50{
  background-color: rgb(89 142 251 / 0.5);
}

.bg-primaryBlue-light\/60{
  background-color: rgb(89 142 251 / 0.6);
}

.bg-primaryBlue-light\/70{
  background-color: rgb(89 142 251 / 0.7);
}

.bg-primaryBlue-light\/75{
  background-color: rgb(89 142 251 / 0.75);
}

.bg-primaryBlue-light\/80{
  background-color: rgb(89 142 251 / 0.8);
}

.bg-primaryBlue-light\/90{
  background-color: rgb(89 142 251 / 0.9);
}

.bg-primaryBlue-light\/95{
  background-color: rgb(89 142 251 / 0.95);
}

.bg-primaryBlue\/0{
  background-color: rgb(18 94 250 / 0);
}

.bg-primaryBlue\/10{
  background-color: rgb(18 94 250 / 0.1);
}

.bg-primaryBlue\/100{
  background-color: rgb(18 94 250 / 1);
}

.bg-primaryBlue\/20{
  background-color: rgb(18 94 250 / 0.2);
}

.bg-primaryBlue\/25{
  background-color: rgb(18 94 250 / 0.25);
}

.bg-primaryBlue\/30{
  background-color: rgb(18 94 250 / 0.3);
}

.bg-primaryBlue\/40{
  background-color: rgb(18 94 250 / 0.4);
}

.bg-primaryBlue\/5{
  background-color: rgb(18 94 250 / 0.05);
}

.bg-primaryBlue\/50{
  background-color: rgb(18 94 250 / 0.5);
}

.bg-primaryBlue\/60{
  background-color: rgb(18 94 250 / 0.6);
}

.bg-primaryBlue\/70{
  background-color: rgb(18 94 250 / 0.7);
}

.bg-primaryBlue\/75{
  background-color: rgb(18 94 250 / 0.75);
}

.bg-primaryBlue\/80{
  background-color: rgb(18 94 250 / 0.8);
}

.bg-primaryBlue\/90{
  background-color: rgb(18 94 250 / 0.9);
}

.bg-primaryBlue\/95{
  background-color: rgb(18 94 250 / 0.95);
}

.bg-primaryRed{
  --tw-bg-opacity: 1;
  background-color: rgb(255 0 0 / var(--tw-bg-opacity));
}

.bg-primaryRed\/0{
  background-color: rgb(255 0 0 / 0);
}

.bg-primaryRed\/10{
  background-color: rgb(255 0 0 / 0.1);
}

.bg-primaryRed\/100{
  background-color: rgb(255 0 0 / 1);
}

.bg-primaryRed\/20{
  background-color: rgb(255 0 0 / 0.2);
}

.bg-primaryRed\/25{
  background-color: rgb(255 0 0 / 0.25);
}

.bg-primaryRed\/30{
  background-color: rgb(255 0 0 / 0.3);
}

.bg-primaryRed\/40{
  background-color: rgb(255 0 0 / 0.4);
}

.bg-primaryRed\/5{
  background-color: rgb(255 0 0 / 0.05);
}

.bg-primaryRed\/50{
  background-color: rgb(255 0 0 / 0.5);
}

.bg-primaryRed\/60{
  background-color: rgb(255 0 0 / 0.6);
}

.bg-primaryRed\/70{
  background-color: rgb(255 0 0 / 0.7);
}

.bg-primaryRed\/75{
  background-color: rgb(255 0 0 / 0.75);
}

.bg-primaryRed\/80{
  background-color: rgb(255 0 0 / 0.8);
}

.bg-primaryRed\/90{
  background-color: rgb(255 0 0 / 0.9);
}

.bg-primaryRed\/95{
  background-color: rgb(255 0 0 / 0.95);
}

.bg-red{
  --tw-bg-opacity: 1;
  background-color: rgb(220 7 20 / var(--tw-bg-opacity));
}

.bg-red-100{
  --tw-bg-opacity: 1;
  background-color: rgb(251 230 231 / var(--tw-bg-opacity));
}

.bg-red-100\/0{
  background-color: rgb(251 230 231 / 0);
}

.bg-red-100\/10{
  background-color: rgb(251 230 231 / 0.1);
}

.bg-red-100\/100{
  background-color: rgb(251 230 231 / 1);
}

.bg-red-100\/20{
  background-color: rgb(251 230 231 / 0.2);
}

.bg-red-100\/25{
  background-color: rgb(251 230 231 / 0.25);
}

.bg-red-100\/30{
  background-color: rgb(251 230 231 / 0.3);
}

.bg-red-100\/40{
  background-color: rgb(251 230 231 / 0.4);
}

.bg-red-100\/5{
  background-color: rgb(251 230 231 / 0.05);
}

.bg-red-100\/50{
  background-color: rgb(251 230 231 / 0.5);
}

.bg-red-100\/60{
  background-color: rgb(251 230 231 / 0.6);
}

.bg-red-100\/70{
  background-color: rgb(251 230 231 / 0.7);
}

.bg-red-100\/75{
  background-color: rgb(251 230 231 / 0.75);
}

.bg-red-100\/80{
  background-color: rgb(251 230 231 / 0.8);
}

.bg-red-100\/90{
  background-color: rgb(251 230 231 / 0.9);
}

.bg-red-100\/95{
  background-color: rgb(251 230 231 / 0.95);
}

.bg-red-200{
  --tw-bg-opacity: 1;
  background-color: rgb(248 205 208 / var(--tw-bg-opacity));
}

.bg-red-200\/0{
  background-color: rgb(248 205 208 / 0);
}

.bg-red-200\/10{
  background-color: rgb(248 205 208 / 0.1);
}

.bg-red-200\/100{
  background-color: rgb(248 205 208 / 1);
}

.bg-red-200\/20{
  background-color: rgb(248 205 208 / 0.2);
}

.bg-red-200\/25{
  background-color: rgb(248 205 208 / 0.25);
}

.bg-red-200\/30{
  background-color: rgb(248 205 208 / 0.3);
}

.bg-red-200\/40{
  background-color: rgb(248 205 208 / 0.4);
}

.bg-red-200\/5{
  background-color: rgb(248 205 208 / 0.05);
}

.bg-red-200\/50{
  background-color: rgb(248 205 208 / 0.5);
}

.bg-red-200\/60{
  background-color: rgb(248 205 208 / 0.6);
}

.bg-red-200\/70{
  background-color: rgb(248 205 208 / 0.7);
}

.bg-red-200\/75{
  background-color: rgb(248 205 208 / 0.75);
}

.bg-red-200\/80{
  background-color: rgb(248 205 208 / 0.8);
}

.bg-red-200\/90{
  background-color: rgb(248 205 208 / 0.9);
}

.bg-red-200\/95{
  background-color: rgb(248 205 208 / 0.95);
}

.bg-red-300{
  --tw-bg-opacity: 1;
  background-color: rgb(245 181 185 / var(--tw-bg-opacity));
}

.bg-red-300\/0{
  background-color: rgb(245 181 185 / 0);
}

.bg-red-300\/10{
  background-color: rgb(245 181 185 / 0.1);
}

.bg-red-300\/100{
  background-color: rgb(245 181 185 / 1);
}

.bg-red-300\/20{
  background-color: rgb(245 181 185 / 0.2);
}

.bg-red-300\/25{
  background-color: rgb(245 181 185 / 0.25);
}

.bg-red-300\/30{
  background-color: rgb(245 181 185 / 0.3);
}

.bg-red-300\/40{
  background-color: rgb(245 181 185 / 0.4);
}

.bg-red-300\/5{
  background-color: rgb(245 181 185 / 0.05);
}

.bg-red-300\/50{
  background-color: rgb(245 181 185 / 0.5);
}

.bg-red-300\/60{
  background-color: rgb(245 181 185 / 0.6);
}

.bg-red-300\/70{
  background-color: rgb(245 181 185 / 0.7);
}

.bg-red-300\/75{
  background-color: rgb(245 181 185 / 0.75);
}

.bg-red-300\/80{
  background-color: rgb(245 181 185 / 0.8);
}

.bg-red-300\/90{
  background-color: rgb(245 181 185 / 0.9);
}

.bg-red-300\/95{
  background-color: rgb(245 181 185 / 0.95);
}

.bg-red-400{
  --tw-bg-opacity: 1;
  background-color: rgb(241 156 161 / var(--tw-bg-opacity));
}

.bg-red-400\/0{
  background-color: rgb(241 156 161 / 0);
}

.bg-red-400\/10{
  background-color: rgb(241 156 161 / 0.1);
}

.bg-red-400\/100{
  background-color: rgb(241 156 161 / 1);
}

.bg-red-400\/20{
  background-color: rgb(241 156 161 / 0.2);
}

.bg-red-400\/25{
  background-color: rgb(241 156 161 / 0.25);
}

.bg-red-400\/30{
  background-color: rgb(241 156 161 / 0.3);
}

.bg-red-400\/40{
  background-color: rgb(241 156 161 / 0.4);
}

.bg-red-400\/5{
  background-color: rgb(241 156 161 / 0.05);
}

.bg-red-400\/50{
  background-color: rgb(241 156 161 / 0.5);
}

.bg-red-400\/60{
  background-color: rgb(241 156 161 / 0.6);
}

.bg-red-400\/70{
  background-color: rgb(241 156 161 / 0.7);
}

.bg-red-400\/75{
  background-color: rgb(241 156 161 / 0.75);
}

.bg-red-400\/80{
  background-color: rgb(241 156 161 / 0.8);
}

.bg-red-400\/90{
  background-color: rgb(241 156 161 / 0.9);
}

.bg-red-400\/95{
  background-color: rgb(241 156 161 / 0.95);
}

.bg-red-50{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}

.bg-red-50\/0{
  background-color: rgb(254 242 242 / 0);
}

.bg-red-50\/10{
  background-color: rgb(254 242 242 / 0.1);
}

.bg-red-50\/100{
  background-color: rgb(254 242 242 / 1);
}

.bg-red-50\/20{
  background-color: rgb(254 242 242 / 0.2);
}

.bg-red-50\/25{
  background-color: rgb(254 242 242 / 0.25);
}

.bg-red-50\/30{
  background-color: rgb(254 242 242 / 0.3);
}

.bg-red-50\/40{
  background-color: rgb(254 242 242 / 0.4);
}

.bg-red-50\/5{
  background-color: rgb(254 242 242 / 0.05);
}

.bg-red-50\/50{
  background-color: rgb(254 242 242 / 0.5);
}

.bg-red-50\/60{
  background-color: rgb(254 242 242 / 0.6);
}

.bg-red-50\/70{
  background-color: rgb(254 242 242 / 0.7);
}

.bg-red-50\/75{
  background-color: rgb(254 242 242 / 0.75);
}

.bg-red-50\/80{
  background-color: rgb(254 242 242 / 0.8);
}

.bg-red-50\/90{
  background-color: rgb(254 242 242 / 0.9);
}

.bg-red-50\/95{
  background-color: rgb(254 242 242 / 0.95);
}

.bg-red-500{
  --tw-bg-opacity: 1;
  background-color: rgb(237 131 137 / var(--tw-bg-opacity));
}

.bg-red-500\/0{
  background-color: rgb(237 131 137 / 0);
}

.bg-red-500\/10{
  background-color: rgb(237 131 137 / 0.1);
}

.bg-red-500\/100{
  background-color: rgb(237 131 137 / 1);
}

.bg-red-500\/20{
  background-color: rgb(237 131 137 / 0.2);
}

.bg-red-500\/25{
  background-color: rgb(237 131 137 / 0.25);
}

.bg-red-500\/30{
  background-color: rgb(237 131 137 / 0.3);
}

.bg-red-500\/40{
  background-color: rgb(237 131 137 / 0.4);
}

.bg-red-500\/5{
  background-color: rgb(237 131 137 / 0.05);
}

.bg-red-500\/50{
  background-color: rgb(237 131 137 / 0.5);
}

.bg-red-500\/60{
  background-color: rgb(237 131 137 / 0.6);
}

.bg-red-500\/70{
  background-color: rgb(237 131 137 / 0.7);
}

.bg-red-500\/75{
  background-color: rgb(237 131 137 / 0.75);
}

.bg-red-500\/80{
  background-color: rgb(237 131 137 / 0.8);
}

.bg-red-500\/90{
  background-color: rgb(237 131 137 / 0.9);
}

.bg-red-500\/95{
  background-color: rgb(237 131 137 / 0.95);
}

.bg-red-600{
  --tw-bg-opacity: 1;
  background-color: rgb(234 106 114 / var(--tw-bg-opacity));
}

.bg-red-600\/0{
  background-color: rgb(234 106 114 / 0);
}

.bg-red-600\/10{
  background-color: rgb(234 106 114 / 0.1);
}

.bg-red-600\/100{
  background-color: rgb(234 106 114 / 1);
}

.bg-red-600\/20{
  background-color: rgb(234 106 114 / 0.2);
}

.bg-red-600\/25{
  background-color: rgb(234 106 114 / 0.25);
}

.bg-red-600\/30{
  background-color: rgb(234 106 114 / 0.3);
}

.bg-red-600\/40{
  background-color: rgb(234 106 114 / 0.4);
}

.bg-red-600\/5{
  background-color: rgb(234 106 114 / 0.05);
}

.bg-red-600\/50{
  background-color: rgb(234 106 114 / 0.5);
}

.bg-red-600\/60{
  background-color: rgb(234 106 114 / 0.6);
}

.bg-red-600\/70{
  background-color: rgb(234 106 114 / 0.7);
}

.bg-red-600\/75{
  background-color: rgb(234 106 114 / 0.75);
}

.bg-red-600\/80{
  background-color: rgb(234 106 114 / 0.8);
}

.bg-red-600\/90{
  background-color: rgb(234 106 114 / 0.9);
}

.bg-red-600\/95{
  background-color: rgb(234 106 114 / 0.95);
}

.bg-red-700{
  --tw-bg-opacity: 1;
  background-color: rgb(231 81 91 / var(--tw-bg-opacity));
}

.bg-red-700\/0{
  background-color: rgb(231 81 91 / 0);
}

.bg-red-700\/10{
  background-color: rgb(231 81 91 / 0.1);
}

.bg-red-700\/100{
  background-color: rgb(231 81 91 / 1);
}

.bg-red-700\/20{
  background-color: rgb(231 81 91 / 0.2);
}

.bg-red-700\/25{
  background-color: rgb(231 81 91 / 0.25);
}

.bg-red-700\/30{
  background-color: rgb(231 81 91 / 0.3);
}

.bg-red-700\/40{
  background-color: rgb(231 81 91 / 0.4);
}

.bg-red-700\/5{
  background-color: rgb(231 81 91 / 0.05);
}

.bg-red-700\/50{
  background-color: rgb(231 81 91 / 0.5);
}

.bg-red-700\/60{
  background-color: rgb(231 81 91 / 0.6);
}

.bg-red-700\/70{
  background-color: rgb(231 81 91 / 0.7);
}

.bg-red-700\/75{
  background-color: rgb(231 81 91 / 0.75);
}

.bg-red-700\/80{
  background-color: rgb(231 81 91 / 0.8);
}

.bg-red-700\/90{
  background-color: rgb(231 81 91 / 0.9);
}

.bg-red-700\/95{
  background-color: rgb(231 81 91 / 0.95);
}

.bg-red-800{
  --tw-bg-opacity: 1;
  background-color: rgb(227 57 67 / var(--tw-bg-opacity));
}

.bg-red-800\/0{
  background-color: rgb(227 57 67 / 0);
}

.bg-red-800\/10{
  background-color: rgb(227 57 67 / 0.1);
}

.bg-red-800\/100{
  background-color: rgb(227 57 67 / 1);
}

.bg-red-800\/20{
  background-color: rgb(227 57 67 / 0.2);
}

.bg-red-800\/25{
  background-color: rgb(227 57 67 / 0.25);
}

.bg-red-800\/30{
  background-color: rgb(227 57 67 / 0.3);
}

.bg-red-800\/40{
  background-color: rgb(227 57 67 / 0.4);
}

.bg-red-800\/5{
  background-color: rgb(227 57 67 / 0.05);
}

.bg-red-800\/50{
  background-color: rgb(227 57 67 / 0.5);
}

.bg-red-800\/60{
  background-color: rgb(227 57 67 / 0.6);
}

.bg-red-800\/70{
  background-color: rgb(227 57 67 / 0.7);
}

.bg-red-800\/75{
  background-color: rgb(227 57 67 / 0.75);
}

.bg-red-800\/80{
  background-color: rgb(227 57 67 / 0.8);
}

.bg-red-800\/90{
  background-color: rgb(227 57 67 / 0.9);
}

.bg-red-800\/95{
  background-color: rgb(227 57 67 / 0.95);
}

.bg-red-900{
  --tw-bg-opacity: 1;
  background-color: rgb(223 32 44 / var(--tw-bg-opacity));
}

.bg-red-900\/0{
  background-color: rgb(223 32 44 / 0);
}

.bg-red-900\/10{
  background-color: rgb(223 32 44 / 0.1);
}

.bg-red-900\/100{
  background-color: rgb(223 32 44 / 1);
}

.bg-red-900\/20{
  background-color: rgb(223 32 44 / 0.2);
}

.bg-red-900\/25{
  background-color: rgb(223 32 44 / 0.25);
}

.bg-red-900\/30{
  background-color: rgb(223 32 44 / 0.3);
}

.bg-red-900\/40{
  background-color: rgb(223 32 44 / 0.4);
}

.bg-red-900\/5{
  background-color: rgb(223 32 44 / 0.05);
}

.bg-red-900\/50{
  background-color: rgb(223 32 44 / 0.5);
}

.bg-red-900\/60{
  background-color: rgb(223 32 44 / 0.6);
}

.bg-red-900\/70{
  background-color: rgb(223 32 44 / 0.7);
}

.bg-red-900\/75{
  background-color: rgb(223 32 44 / 0.75);
}

.bg-red-900\/80{
  background-color: rgb(223 32 44 / 0.8);
}

.bg-red-900\/90{
  background-color: rgb(223 32 44 / 0.9);
}

.bg-red-900\/95{
  background-color: rgb(223 32 44 / 0.95);
}

.bg-red-950{
  --tw-bg-opacity: 1;
  background-color: rgb(69 10 10 / var(--tw-bg-opacity));
}

.bg-red-950\/0{
  background-color: rgb(69 10 10 / 0);
}

.bg-red-950\/10{
  background-color: rgb(69 10 10 / 0.1);
}

.bg-red-950\/100{
  background-color: rgb(69 10 10 / 1);
}

.bg-red-950\/20{
  background-color: rgb(69 10 10 / 0.2);
}

.bg-red-950\/25{
  background-color: rgb(69 10 10 / 0.25);
}

.bg-red-950\/30{
  background-color: rgb(69 10 10 / 0.3);
}

.bg-red-950\/40{
  background-color: rgb(69 10 10 / 0.4);
}

.bg-red-950\/5{
  background-color: rgb(69 10 10 / 0.05);
}

.bg-red-950\/50{
  background-color: rgb(69 10 10 / 0.5);
}

.bg-red-950\/60{
  background-color: rgb(69 10 10 / 0.6);
}

.bg-red-950\/70{
  background-color: rgb(69 10 10 / 0.7);
}

.bg-red-950\/75{
  background-color: rgb(69 10 10 / 0.75);
}

.bg-red-950\/80{
  background-color: rgb(69 10 10 / 0.8);
}

.bg-red-950\/90{
  background-color: rgb(69 10 10 / 0.9);
}

.bg-red-950\/95{
  background-color: rgb(69 10 10 / 0.95);
}

.bg-red\/0{
  background-color: rgb(220 7 20 / 0);
}

.bg-red\/10{
  background-color: rgb(220 7 20 / 0.1);
}

.bg-red\/100{
  background-color: rgb(220 7 20 / 1);
}

.bg-red\/20{
  background-color: rgb(220 7 20 / 0.2);
}

.bg-red\/25{
  background-color: rgb(220 7 20 / 0.25);
}

.bg-red\/30{
  background-color: rgb(220 7 20 / 0.3);
}

.bg-red\/40{
  background-color: rgb(220 7 20 / 0.4);
}

.bg-red\/5{
  background-color: rgb(220 7 20 / 0.05);
}

.bg-red\/50{
  background-color: rgb(220 7 20 / 0.5);
}

.bg-red\/60{
  background-color: rgb(220 7 20 / 0.6);
}

.bg-red\/70{
  background-color: rgb(220 7 20 / 0.7);
}

.bg-red\/75{
  background-color: rgb(220 7 20 / 0.75);
}

.bg-red\/80{
  background-color: rgb(220 7 20 / 0.8);
}

.bg-red\/90{
  background-color: rgb(220 7 20 / 0.9);
}

.bg-red\/95{
  background-color: rgb(220 7 20 / 0.95);
}

.bg-success-border{
  --tw-bg-opacity: 1;
  background-color: rgb(69 175 135 / var(--tw-bg-opacity));
}

.bg-success-border\/0{
  background-color: rgb(69 175 135 / 0);
}

.bg-success-border\/10{
  background-color: rgb(69 175 135 / 0.1);
}

.bg-success-border\/100{
  background-color: rgb(69 175 135 / 1);
}

.bg-success-border\/20{
  background-color: rgb(69 175 135 / 0.2);
}

.bg-success-border\/25{
  background-color: rgb(69 175 135 / 0.25);
}

.bg-success-border\/30{
  background-color: rgb(69 175 135 / 0.3);
}

.bg-success-border\/40{
  background-color: rgb(69 175 135 / 0.4);
}

.bg-success-border\/5{
  background-color: rgb(69 175 135 / 0.05);
}

.bg-success-border\/50{
  background-color: rgb(69 175 135 / 0.5);
}

.bg-success-border\/60{
  background-color: rgb(69 175 135 / 0.6);
}

.bg-success-border\/70{
  background-color: rgb(69 175 135 / 0.7);
}

.bg-success-border\/75{
  background-color: rgb(69 175 135 / 0.75);
}

.bg-success-border\/80{
  background-color: rgb(69 175 135 / 0.8);
}

.bg-success-border\/90{
  background-color: rgb(69 175 135 / 0.9);
}

.bg-success-border\/95{
  background-color: rgb(69 175 135 / 0.95);
}

.bg-success-main{
  --tw-bg-opacity: 1;
  background-color: rgb(22 155 105 / var(--tw-bg-opacity));
}

.bg-success-main\/0{
  background-color: rgb(22 155 105 / 0);
}

.bg-success-main\/10{
  background-color: rgb(22 155 105 / 0.1);
}

.bg-success-main\/100{
  background-color: rgb(22 155 105 / 1);
}

.bg-success-main\/20{
  background-color: rgb(22 155 105 / 0.2);
}

.bg-success-main\/25{
  background-color: rgb(22 155 105 / 0.25);
}

.bg-success-main\/30{
  background-color: rgb(22 155 105 / 0.3);
}

.bg-success-main\/40{
  background-color: rgb(22 155 105 / 0.4);
}

.bg-success-main\/5{
  background-color: rgb(22 155 105 / 0.05);
}

.bg-success-main\/50{
  background-color: rgb(22 155 105 / 0.5);
}

.bg-success-main\/60{
  background-color: rgb(22 155 105 / 0.6);
}

.bg-success-main\/70{
  background-color: rgb(22 155 105 / 0.7);
}

.bg-success-main\/75{
  background-color: rgb(22 155 105 / 0.75);
}

.bg-success-main\/80{
  background-color: rgb(22 155 105 / 0.8);
}

.bg-success-main\/90{
  background-color: rgb(22 155 105 / 0.9);
}

.bg-success-main\/95{
  background-color: rgb(22 155 105 / 0.95);
}

.bg-success-surface{
  --tw-bg-opacity: 1;
  background-color: rgb(162 215 195 / var(--tw-bg-opacity));
}

.bg-success-surface\/0{
  background-color: rgb(162 215 195 / 0);
}

.bg-success-surface\/10{
  background-color: rgb(162 215 195 / 0.1);
}

.bg-success-surface\/100{
  background-color: rgb(162 215 195 / 1);
}

.bg-success-surface\/20{
  background-color: rgb(162 215 195 / 0.2);
}

.bg-success-surface\/25{
  background-color: rgb(162 215 195 / 0.25);
}

.bg-success-surface\/30{
  background-color: rgb(162 215 195 / 0.3);
}

.bg-success-surface\/40{
  background-color: rgb(162 215 195 / 0.4);
}

.bg-success-surface\/5{
  background-color: rgb(162 215 195 / 0.05);
}

.bg-success-surface\/50{
  background-color: rgb(162 215 195 / 0.5);
}

.bg-success-surface\/60{
  background-color: rgb(162 215 195 / 0.6);
}

.bg-success-surface\/70{
  background-color: rgb(162 215 195 / 0.7);
}

.bg-success-surface\/75{
  background-color: rgb(162 215 195 / 0.75);
}

.bg-success-surface\/80{
  background-color: rgb(162 215 195 / 0.8);
}

.bg-success-surface\/90{
  background-color: rgb(162 215 195 / 0.9);
}

.bg-success-surface\/95{
  background-color: rgb(162 215 195 / 0.95);
}

.bg-transparent{
  background-color: transparent;
}

.bg-warning-border{
  --tw-bg-opacity: 1;
  background-color: rgb(255 235 102 / var(--tw-bg-opacity));
}

.bg-warning-border\/0{
  background-color: rgb(255 235 102 / 0);
}

.bg-warning-border\/10{
  background-color: rgb(255 235 102 / 0.1);
}

.bg-warning-border\/100{
  background-color: rgb(255 235 102 / 1);
}

.bg-warning-border\/20{
  background-color: rgb(255 235 102 / 0.2);
}

.bg-warning-border\/25{
  background-color: rgb(255 235 102 / 0.25);
}

.bg-warning-border\/30{
  background-color: rgb(255 235 102 / 0.3);
}

.bg-warning-border\/40{
  background-color: rgb(255 235 102 / 0.4);
}

.bg-warning-border\/5{
  background-color: rgb(255 235 102 / 0.05);
}

.bg-warning-border\/50{
  background-color: rgb(255 235 102 / 0.5);
}

.bg-warning-border\/60{
  background-color: rgb(255 235 102 / 0.6);
}

.bg-warning-border\/70{
  background-color: rgb(255 235 102 / 0.7);
}

.bg-warning-border\/75{
  background-color: rgb(255 235 102 / 0.75);
}

.bg-warning-border\/80{
  background-color: rgb(255 235 102 / 0.8);
}

.bg-warning-border\/90{
  background-color: rgb(255 235 102 / 0.9);
}

.bg-warning-border\/95{
  background-color: rgb(255 235 102 / 0.95);
}

.bg-warning-main{
  --tw-bg-opacity: 1;
  background-color: rgb(255 221 0 / var(--tw-bg-opacity));
}

.bg-warning-main\/0{
  background-color: rgb(255 221 0 / 0);
}

.bg-warning-main\/10{
  background-color: rgb(255 221 0 / 0.1);
}

.bg-warning-main\/100{
  background-color: rgb(255 221 0 / 1);
}

.bg-warning-main\/20{
  background-color: rgb(255 221 0 / 0.2);
}

.bg-warning-main\/25{
  background-color: rgb(255 221 0 / 0.25);
}

.bg-warning-main\/30{
  background-color: rgb(255 221 0 / 0.3);
}

.bg-warning-main\/40{
  background-color: rgb(255 221 0 / 0.4);
}

.bg-warning-main\/5{
  background-color: rgb(255 221 0 / 0.05);
}

.bg-warning-main\/50{
  background-color: rgb(255 221 0 / 0.5);
}

.bg-warning-main\/60{
  background-color: rgb(255 221 0 / 0.6);
}

.bg-warning-main\/70{
  background-color: rgb(255 221 0 / 0.7);
}

.bg-warning-main\/75{
  background-color: rgb(255 221 0 / 0.75);
}

.bg-warning-main\/80{
  background-color: rgb(255 221 0 / 0.8);
}

.bg-warning-main\/90{
  background-color: rgb(255 221 0 / 0.9);
}

.bg-warning-main\/95{
  background-color: rgb(255 221 0 / 0.95);
}

.bg-warning-surface{
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 153 / var(--tw-bg-opacity));
}

.bg-warning-surface\/0{
  background-color: rgb(255 241 153 / 0);
}

.bg-warning-surface\/10{
  background-color: rgb(255 241 153 / 0.1);
}

.bg-warning-surface\/100{
  background-color: rgb(255 241 153 / 1);
}

.bg-warning-surface\/20{
  background-color: rgb(255 241 153 / 0.2);
}

.bg-warning-surface\/25{
  background-color: rgb(255 241 153 / 0.25);
}

.bg-warning-surface\/30{
  background-color: rgb(255 241 153 / 0.3);
}

.bg-warning-surface\/40{
  background-color: rgb(255 241 153 / 0.4);
}

.bg-warning-surface\/5{
  background-color: rgb(255 241 153 / 0.05);
}

.bg-warning-surface\/50{
  background-color: rgb(255 241 153 / 0.5);
}

.bg-warning-surface\/60{
  background-color: rgb(255 241 153 / 0.6);
}

.bg-warning-surface\/70{
  background-color: rgb(255 241 153 / 0.7);
}

.bg-warning-surface\/75{
  background-color: rgb(255 241 153 / 0.75);
}

.bg-warning-surface\/80{
  background-color: rgb(255 241 153 / 0.8);
}

.bg-warning-surface\/90{
  background-color: rgb(255 241 153 / 0.9);
}

.bg-warning-surface\/95{
  background-color: rgb(255 241 153 / 0.95);
}

.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-white\/20{
  background-color: rgb(255 255 255 / 0.2);
}

.bg-yellow{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-yellow-100{
  --tw-bg-opacity: 1;
  background-color: rgb(255 252 229 / var(--tw-bg-opacity));
}

.bg-yellow-100\/0{
  background-color: rgb(255 252 229 / 0);
}

.bg-yellow-100\/10{
  background-color: rgb(255 252 229 / 0.1);
}

.bg-yellow-100\/100{
  background-color: rgb(255 252 229 / 1);
}

.bg-yellow-100\/20{
  background-color: rgb(255 252 229 / 0.2);
}

.bg-yellow-100\/25{
  background-color: rgb(255 252 229 / 0.25);
}

.bg-yellow-100\/30{
  background-color: rgb(255 252 229 / 0.3);
}

.bg-yellow-100\/40{
  background-color: rgb(255 252 229 / 0.4);
}

.bg-yellow-100\/5{
  background-color: rgb(255 252 229 / 0.05);
}

.bg-yellow-100\/50{
  background-color: rgb(255 252 229 / 0.5);
}

.bg-yellow-100\/60{
  background-color: rgb(255 252 229 / 0.6);
}

.bg-yellow-100\/70{
  background-color: rgb(255 252 229 / 0.7);
}

.bg-yellow-100\/75{
  background-color: rgb(255 252 229 / 0.75);
}

.bg-yellow-100\/80{
  background-color: rgb(255 252 229 / 0.8);
}

.bg-yellow-100\/90{
  background-color: rgb(255 252 229 / 0.9);
}

.bg-yellow-100\/95{
  background-color: rgb(255 252 229 / 0.95);
}

.bg-yellow-200{
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 255 / var(--tw-bg-opacity));
}

.bg-yellow-200\/0{
  background-color: rgb(255 248 204 / 0);
}

.bg-yellow-200\/10{
  background-color: rgb(255 248 204 / 0.1);
}

.bg-yellow-200\/100{
  background-color: rgb(255 248 204 / 1);
}

.bg-yellow-200\/20{
  background-color: rgb(255 248 204 / 0.2);
}

.bg-yellow-200\/25{
  background-color: rgb(255 248 204 / 0.25);
}

.bg-yellow-200\/30{
  background-color: rgb(255 248 204 / 0.3);
}

.bg-yellow-200\/40{
  background-color: rgb(255 248 204 / 0.4);
}

.bg-yellow-200\/5{
  background-color: rgb(255 248 204 / 0.05);
}

.bg-yellow-200\/50{
  background-color: rgb(255 248 204 / 0.5);
}

.bg-yellow-200\/60{
  background-color: rgb(255 248 204 / 0.6);
}

.bg-yellow-200\/70{
  background-color: rgb(255 248 204 / 0.7);
}

.bg-yellow-200\/75{
  background-color: rgb(255 248 204 / 0.75);
}

.bg-yellow-200\/80{
  background-color: rgb(255 248 204 / 0.8);
}

.bg-yellow-200\/90{
  background-color: rgb(255 248 204 / 0.9);
}

.bg-yellow-200\/95{
  background-color: rgb(255 248 204 / 0.95);
}

.bg-yellow-300{
  --tw-bg-opacity: 1;
  background-color: rgb(255 245 179 / var(--tw-bg-opacity));
}

.bg-yellow-300\/0{
  background-color: rgb(255 245 179 / 0);
}

.bg-yellow-300\/10{
  background-color: rgb(255 245 179 / 0.1);
}

.bg-yellow-300\/100{
  background-color: rgb(255 245 179 / 1);
}

.bg-yellow-300\/20{
  background-color: rgb(255 245 179 / 0.2);
}

.bg-yellow-300\/25{
  background-color: rgb(255 245 179 / 0.25);
}

.bg-yellow-300\/30{
  background-color: rgb(255 245 179 / 0.3);
}

.bg-yellow-300\/40{
  background-color: rgb(255 245 179 / 0.4);
}

.bg-yellow-300\/5{
  background-color: rgb(255 245 179 / 0.05);
}

.bg-yellow-300\/50{
  background-color: rgb(255 245 179 / 0.5);
}

.bg-yellow-300\/60{
  background-color: rgb(255 245 179 / 0.6);
}

.bg-yellow-300\/70{
  background-color: rgb(255 245 179 / 0.7);
}

.bg-yellow-300\/75{
  background-color: rgb(255 245 179 / 0.75);
}

.bg-yellow-300\/80{
  background-color: rgb(255 245 179 / 0.8);
}

.bg-yellow-300\/90{
  background-color: rgb(255 245 179 / 0.9);
}

.bg-yellow-300\/95{
  background-color: rgb(255 245 179 / 0.95);
}

.bg-yellow-400{
  --tw-bg-opacity: 1;
  background-color: rgb(208 224 254 / var(--tw-bg-opacity));
}

.bg-yellow-400\/0{
  background-color: rgb(255 241 153 / 0);
}

.bg-yellow-400\/10{
  background-color: rgb(255 241 153 / 0.1);
}

.bg-yellow-400\/100{
  background-color: rgb(255 241 153 / 1);
}

.bg-yellow-400\/20{
  background-color: rgb(255 241 153 / 0.2);
}

.bg-yellow-400\/25{
  background-color: rgb(255 241 153 / 0.25);
}

.bg-yellow-400\/30{
  background-color: rgb(255 241 153 / 0.3);
}

.bg-yellow-400\/40{
  background-color: rgb(255 241 153 / 0.4);
}

.bg-yellow-400\/5{
  background-color: rgb(255 241 153 / 0.05);
}

.bg-yellow-400\/50{
  background-color: rgb(255 241 153 / 0.5);
}

.bg-yellow-400\/60{
  background-color: rgb(255 241 153 / 0.6);
}

.bg-yellow-400\/70{
  background-color: rgb(255 241 153 / 0.7);
}

.bg-yellow-400\/75{
  background-color: rgb(255 241 153 / 0.75);
}

.bg-yellow-400\/80{
  background-color: rgb(255 241 153 / 0.8);
}

.bg-yellow-400\/90{
  background-color: rgb(255 241 153 / 0.9);
}

.bg-yellow-400\/95{
  background-color: rgb(255 241 153 / 0.95);
}

.bg-yellow-50{
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity));
}

.bg-yellow-50\/0{
  background-color: rgb(254 252 232 / 0);
}

.bg-yellow-50\/10{
  background-color: rgb(254 252 232 / 0.1);
}

.bg-yellow-50\/100{
  background-color: rgb(254 252 232 / 1);
}

.bg-yellow-50\/20{
  background-color: rgb(254 252 232 / 0.2);
}

.bg-yellow-50\/25{
  background-color: rgb(254 252 232 / 0.25);
}

.bg-yellow-50\/30{
  background-color: rgb(254 252 232 / 0.3);
}

.bg-yellow-50\/40{
  background-color: rgb(254 252 232 / 0.4);
}

.bg-yellow-50\/5{
  background-color: rgb(254 252 232 / 0.05);
}

.bg-yellow-50\/50{
  background-color: rgb(254 252 232 / 0.5);
}

.bg-yellow-50\/60{
  background-color: rgb(254 252 232 / 0.6);
}

.bg-yellow-50\/70{
  background-color: rgb(254 252 232 / 0.7);
}

.bg-yellow-50\/75{
  background-color: rgb(254 252 232 / 0.75);
}

.bg-yellow-50\/80{
  background-color: rgb(254 252 232 / 0.8);
}

.bg-yellow-50\/90{
  background-color: rgb(254 252 232 / 0.9);
}

.bg-yellow-50\/95{
  background-color: rgb(254 252 232 / 0.95);
}

.bg-yellow-500{
  --tw-bg-opacity: 1;
  background-color: rgb(255 238 128 / var(--tw-bg-opacity));
}

.bg-yellow-500\/0{
  background-color: rgb(255 238 128 / 0);
}

.bg-yellow-500\/10{
  background-color: rgb(255 238 128 / 0.1);
}

.bg-yellow-500\/100{
  background-color: rgb(255 238 128 / 1);
}

.bg-yellow-500\/20{
  background-color: rgb(255 238 128 / 0.2);
}

.bg-yellow-500\/25{
  background-color: rgb(255 238 128 / 0.25);
}

.bg-yellow-500\/30{
  background-color: rgb(255 238 128 / 0.3);
}

.bg-yellow-500\/40{
  background-color: rgb(255 238 128 / 0.4);
}

.bg-yellow-500\/5{
  background-color: rgb(255 238 128 / 0.05);
}

.bg-yellow-500\/50{
  background-color: rgb(255 238 128 / 0.5);
}

.bg-yellow-500\/60{
  background-color: rgb(255 238 128 / 0.6);
}

.bg-yellow-500\/70{
  background-color: rgb(255 238 128 / 0.7);
}

.bg-yellow-500\/75{
  background-color: rgb(255 238 128 / 0.75);
}

.bg-yellow-500\/80{
  background-color: rgb(255 238 128 / 0.8);
}

.bg-yellow-500\/90{
  background-color: rgb(255 238 128 / 0.9);
}

.bg-yellow-500\/95{
  background-color: rgb(255 238 128 / 0.95);
}

.bg-yellow-600{
  --tw-bg-opacity: 1;
  background-color: rgb(255 235 102 / var(--tw-bg-opacity));
}

.bg-yellow-600\/0{
  background-color: rgb(255 235 102 / 0);
}

.bg-yellow-600\/10{
  background-color: rgb(255 235 102 / 0.1);
}

.bg-yellow-600\/100{
  background-color: rgb(255 235 102 / 1);
}

.bg-yellow-600\/20{
  background-color: rgb(255 235 102 / 0.2);
}

.bg-yellow-600\/25{
  background-color: rgb(255 235 102 / 0.25);
}

.bg-yellow-600\/30{
  background-color: rgb(255 235 102 / 0.3);
}

.bg-yellow-600\/40{
  background-color: rgb(255 235 102 / 0.4);
}

.bg-yellow-600\/5{
  background-color: rgb(255 235 102 / 0.05);
}

.bg-yellow-600\/50{
  background-color: rgb(255 235 102 / 0.5);
}

.bg-yellow-600\/60{
  background-color: rgb(255 235 102 / 0.6);
}

.bg-yellow-600\/70{
  background-color: rgb(255 235 102 / 0.7);
}

.bg-yellow-600\/75{
  background-color: rgb(255 235 102 / 0.75);
}

.bg-yellow-600\/80{
  background-color: rgb(255 235 102 / 0.8);
}

.bg-yellow-600\/90{
  background-color: rgb(255 235 102 / 0.9);
}

.bg-yellow-600\/95{
  background-color: rgb(255 235 102 / 0.95);
}

.bg-yellow-700{
  --tw-bg-opacity: 1;
  background-color: rgb(255 231 77 / var(--tw-bg-opacity));
}

.bg-yellow-700\/0{
  background-color: rgb(255 231 77 / 0);
}

.bg-yellow-700\/10{
  background-color: rgb(255 231 77 / 0.1);
}

.bg-yellow-700\/100{
  background-color: rgb(255 231 77 / 1);
}

.bg-yellow-700\/20{
  background-color: rgb(255 231 77 / 0.2);
}

.bg-yellow-700\/25{
  background-color: rgb(255 231 77 / 0.25);
}

.bg-yellow-700\/30{
  background-color: rgb(255 231 77 / 0.3);
}

.bg-yellow-700\/40{
  background-color: rgb(255 231 77 / 0.4);
}

.bg-yellow-700\/5{
  background-color: rgb(255 231 77 / 0.05);
}

.bg-yellow-700\/50{
  background-color: rgb(255 231 77 / 0.5);
}

.bg-yellow-700\/60{
  background-color: rgb(255 231 77 / 0.6);
}

.bg-yellow-700\/70{
  background-color: rgb(255 231 77 / 0.7);
}

.bg-yellow-700\/75{
  background-color: rgb(255 231 77 / 0.75);
}

.bg-yellow-700\/80{
  background-color: rgb(255 231 77 / 0.8);
}

.bg-yellow-700\/90{
  background-color: rgb(255 231 77 / 0.9);
}

.bg-yellow-700\/95{
  background-color: rgb(255 231 77 / 0.95);
}

.bg-yellow-800{
  --tw-bg-opacity: 1;
  background-color: rgb(255 228 51 / var(--tw-bg-opacity));
}

.bg-yellow-800\/0{
  background-color: rgb(255 228 51 / 0);
}

.bg-yellow-800\/10{
  background-color: rgb(255 228 51 / 0.1);
}

.bg-yellow-800\/100{
  background-color: rgb(255 228 51 / 1);
}

.bg-yellow-800\/20{
  background-color: rgb(255 228 51 / 0.2);
}

.bg-yellow-800\/25{
  background-color: rgb(255 228 51 / 0.25);
}

.bg-yellow-800\/30{
  background-color: rgb(255 228 51 / 0.3);
}

.bg-yellow-800\/40{
  background-color: rgb(255 228 51 / 0.4);
}

.bg-yellow-800\/5{
  background-color: rgb(255 228 51 / 0.05);
}

.bg-yellow-800\/50{
  background-color: rgb(255 228 51 / 0.5);
}

.bg-yellow-800\/60{
  background-color: rgb(255 228 51 / 0.6);
}

.bg-yellow-800\/70{
  background-color: rgb(255 228 51 / 0.7);
}

.bg-yellow-800\/75{
  background-color: rgb(255 228 51 / 0.75);
}

.bg-yellow-800\/80{
  background-color: rgb(255 228 51 / 0.8);
}

.bg-yellow-800\/90{
  background-color: rgb(255 228 51 / 0.9);
}

.bg-yellow-800\/95{
  background-color: rgb(255 228 51 / 0.95);
}

.bg-yellow-900{
  --tw-bg-opacity: 1;
  background-color: rgb(255 224 26 / var(--tw-bg-opacity));
}

.bg-yellow-900\/0{
  background-color: rgb(255 224 26 / 0);
}

.bg-yellow-900\/10{
  background-color: rgb(255 224 26 / 0.1);
}

.bg-yellow-900\/100{
  background-color: rgb(255 224 26 / 1);
}

.bg-yellow-900\/20{
  background-color: rgb(255 224 26 / 0.2);
}

.bg-yellow-900\/25{
  background-color: rgb(255 224 26 / 0.25);
}

.bg-yellow-900\/30{
  background-color: rgb(255 224 26 / 0.3);
}

.bg-yellow-900\/40{
  background-color: rgb(255 224 26 / 0.4);
}

.bg-yellow-900\/5{
  background-color: rgb(255 224 26 / 0.05);
}

.bg-yellow-900\/50{
  background-color: rgb(255 224 26 / 0.5);
}

.bg-yellow-900\/60{
  background-color: rgb(255 224 26 / 0.6);
}

.bg-yellow-900\/70{
  background-color: rgb(255 224 26 / 0.7);
}

.bg-yellow-900\/75{
  background-color: rgb(255 224 26 / 0.75);
}

.bg-yellow-900\/80{
  background-color: rgb(255 224 26 / 0.8);
}

.bg-yellow-900\/90{
  background-color: rgb(255 224 26 / 0.9);
}

.bg-yellow-900\/95{
  background-color: rgb(255 224 26 / 0.95);
}

.bg-yellow-950{
  --tw-bg-opacity: 1;
  background-color: rgb(66 32 6 / var(--tw-bg-opacity));
}

.bg-yellow-950\/0{
  background-color: rgb(66 32 6 / 0);
}

.bg-yellow-950\/10{
  background-color: rgb(66 32 6 / 0.1);
}

.bg-yellow-950\/100{
  background-color: rgb(66 32 6 / 1);
}

.bg-yellow-950\/20{
  background-color: rgb(66 32 6 / 0.2);
}

.bg-yellow-950\/25{
  background-color: rgb(66 32 6 / 0.25);
}

.bg-yellow-950\/30{
  background-color: rgb(66 32 6 / 0.3);
}

.bg-yellow-950\/40{
  background-color: rgb(66 32 6 / 0.4);
}

.bg-yellow-950\/5{
  background-color: rgb(66 32 6 / 0.05);
}

.bg-yellow-950\/50{
  background-color: rgb(66 32 6 / 0.5);
}

.bg-yellow-950\/60{
  background-color: rgb(66 32 6 / 0.6);
}

.bg-yellow-950\/70{
  background-color: rgb(66 32 6 / 0.7);
}

.bg-yellow-950\/75{
  background-color: rgb(66 32 6 / 0.75);
}

.bg-yellow-950\/80{
  background-color: rgb(66 32 6 / 0.8);
}

.bg-yellow-950\/90{
  background-color: rgb(66 32 6 / 0.9);
}

.bg-yellow-950\/95{
  background-color: rgb(66 32 6 / 0.95);
}

.bg-yellow\/0{
  background-color: rgb(255 221 0 / 0);
}

.bg-yellow\/10{
  background-color: rgb(255 221 0 / 0.1);
}

.bg-yellow\/100{
  background-color: rgb(255 221 0 / 1);
}

.bg-yellow\/20{
  background-color: rgb(255 221 0 / 0.2);
}

.bg-yellow\/25{
  background-color: rgb(255 221 0 / 0.25);
}

.bg-yellow\/30{
  background-color: rgb(255 221 0 / 0.3);
}

.bg-yellow\/40{
  background-color: rgb(255 221 0 / 0.4);
}

.bg-yellow\/5{
  background-color: rgb(255 221 0 / 0.05);
}

.bg-yellow\/50{
  background-color: rgb(255 221 0 / 0.5);
}

.bg-yellow\/60{
  background-color: rgb(255 221 0 / 0.6);
}

.bg-yellow\/70{
  background-color: rgb(255 221 0 / 0.7);
}

.bg-yellow\/75{
  background-color: rgb(255 221 0 / 0.75);
}

.bg-yellow\/80{
  background-color: rgb(255 221 0 / 0.8);
}

.bg-yellow\/90{
  background-color: rgb(255 221 0 / 0.9);
}

.bg-yellow\/95{
  background-color: rgb(255 221 0 / 0.95);
}

.bg-opacity-30{
  --tw-bg-opacity: 0.3;
}

.\!bg-\[url\(\'\.\.\/img\/about-btn\/esg\/sustainability-management\/hero\/bg_sustainability_sm\.jpg\'\)\]{
  background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/about-btn/esg/sustainability-management/hero/bg_sustainability_sm.jpg') !important;
}

.\!bg-\[url\(\'\.\.\/img\/conventional-digital-mortgage\/bg\/bg_cta\.svg\'\)\]{
  background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-digital-mortgage/bg/bg_cta.svg');
}

.\!bg-\[url\(\'\.\.\/img\/conventional-digital-mortgage\/hero\/hero-mobile\.jpg\'\)\]{
  background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-digital-mortgage/hero/hero-mobile.jpg') !important;
}

.\!bg-\[url\(\'\.\.\/img\/conventional-mobile-banking\/hero\/hero_sm\.jpg\'\)\]{
  background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-mobile-banking/hero/hero_sm.jpg') !important;
}

.\!bg-\[url\(\'\.\.\/img\/syariah-echannels-crm\/hero\/hero_sm\.jpg\'\)\]{
  background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-echannels-crm/hero/hero_sm.jpg') !important;
}

.\!bg-\[url\(\'\.\.\/img\/syariah-haji-dan-umroh\/hero\/banner_sm\.jpg\'\)\]{
  background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-haji-dan-umroh/hero/banner_sm.jpg') !important;
}

.bg-\[url\(\'\.\.\/img\/about-btn\/about-us\/values\/bg-sect-small\.png\'\)\]{
  background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/about-btn/about-us/values/bg-sect-small.png');
}

.bg-\[url\(\'\.\.\/img\/about-btn\/pengendalian-fraud\/bg-service-mobile\.jpg\'\)\]{
  background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/about-btn/pengendalian-fraud/bg-service-mobile.jpg');
}

.bg-\[url\(\'\.\.\/img\/conventional-btn-mobile\/bg\/bg_info_sm\.jpg\'\)\]{
  background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-btn-mobile/bg/bg_info_sm.jpg');
}

.bg-\[url\(\'\.\.\/img\/conventional-digital-mortgage\/bg\/bg_features\.jpg\'\)\]{
  background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-digital-mortgage/bg/bg_features.jpg');
}

.bg-\[url\(\'\.\.\/img\/conventional-digital-mortgage\/bg\/bg_info_sm\.jpg\'\)\]{
  background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-digital-mortgage/bg/bg_info_sm.jpg');
}

.bg-\[url\(\'\.\.\/img\/conventional-digital-mortgage\/bg\/bg_registration_flow\.svg\'\)\]{
  background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-digital-mortgage/bg/bg_registration_flow.svg');
}

.bg-\[url\(\'\.\.\/img\/conventional-landing\/banner\/bg-product-overlay-sm\.svg\'\)\]{
  background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-landing/banner/bg-product-overlay-sm.svg');
}

.bg-\[url\(\'\.\.\/img\/conventional-landing\/banner\/bg-product-overlay-transform-sm\.jpg\'\)\]{
  background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-landing/banner/bg-product-overlay-transform-sm.jpg');
}

.bg-\[url\(\'\.\.\/img\/conventional-landing\/product\/kpr-gaess-sm\.jpg\'\)\]{
  background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-landing/product/kpr-gaess-sm.jpg');
}

.bg-\[url\(\'\.\.\/img\/conventional-landing\/product\/kpr-tapera-sm\.jpg\'\)\]{
  background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-landing/product/kpr-tapera-sm.jpg');
}

.bg-\[url\(\'\.\.\/img\/conventional-landing\/product\/poin-spekta-sm\.jpg\'\)\]{
  background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-landing/product/poin-spekta-sm.jpg');
}

.bg-\[url\(\'\.\.\/img\/conventional-landing\/product\/tabungan-batara-sm\.jpg\'\)\]{
  background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-landing/product/tabungan-batara-sm.jpg');
}

.bg-\[url\(\'\.\.\/img\/conventional-landing\/product\/tabungan-bisnis-sm\.jpg\'\)\]{
  background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-landing/product/tabungan-bisnis-sm.jpg');
}

.bg-\[url\(\'\.\.\/img\/conventional-promotion\/banner\/bg-highlight-promo-sect\.png\'\)\]{
  background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-promotion/banner/bg-highlight-promo-sect.png');
}

.bg-\[url\(\'\.\.\/img\/conventional-smart-residence\/register\/banner-register-mobile\.png\'\)\]{
  background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-smart-residence/register/banner-register-mobile.png');
}

.bg-\[url\(\'\.\.\/img\/footer-faq-detail\/bg-contact-us\.png\'\)\]{
  background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/footer-faq-detail/bg-contact-us.png');
}

.bg-\[url\(\'\.\.\/img\/footer-faq\/bg-question\.png\'\)\]{
  background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/footer-faq/bg-question.png');
}

.bg-\[url\(\'\.\.\/img\/investor-relations\/bg-banner-commitment\.jpg\'\)\]{
  background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/investor-relations/bg-banner-commitment.jpg');
}

.bg-\[url\(\'\.\.\/img\/investor-relations\/bg-highlight\.jpg\'\)\]{
  background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/investor-relations/bg-highlight.jpg');
}

.bg-\[url\(\'\.\.\/img\/investor-relations\/bg-report-small\.jpg\'\)\]{
  background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/investor-relations/bg-report-small.jpg');
}

.bg-\[url\(\'\.\.\/img\/layanan-pengaduan\/bg-service-mobile\.jpg\'\)\]{
  background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/layanan-pengaduan/bg-service-mobile.jpg');
}

.bg-\[url\(\'\.\.\/img\/syariah-bi-fast\/banner\/banner-step-transfer-mobile\.png\'\)\]{
  background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-bi-fast/banner/banner-step-transfer-mobile.png');
}

.bg-\[url\(\'\.\.\/img\/syariah\/background\/banner-highlight-mobile\.png\'\)\]{
  background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/syariah/background/banner-highlight-mobile.png');
}

.bg-\[url\(\'\.\.\/img\/syariah\/product\/banner-product-mobile-1\.png\'\)\]{
  background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/syariah/product/banner-product-mobile-1.png');
}

.bg-\[url\(\'\.\.\/img\/syariah\/product\/banner-product-mobile-2\.png\'\)\]{
  background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/syariah/product/banner-product-mobile-2.png');
}

.bg-\[url\(\'\.\.\/img\/syariah\/product\/banner-product-mobile-3\.png\'\)\]{
  background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/syariah/product/banner-product-mobile-3.png');
}

.bg-\[url\(\'\.\.\/img\/syariah\/product\/banner-product-mobile-4\.png\'\)\]{
  background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/syariah/product/banner-product-mobile-4.png');
}

.bg-\[url\(\'\.\.\/img\/syariah\/product\/banner-product-mobile-5\.png\'\)\]{
  background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/syariah/product/banner-product-mobile-5.png');
}

.bg-none{
  background-image: none;
}

.bg-cover{
  background-size: cover;
}

.bg-center{
  background-position: center;
}

.bg-left{
  background-position: left;
}

.bg-top{
  background-position: top;
}

.bg-no-repeat{
  background-repeat: no-repeat;
}

.object-contain{
  -o-object-fit: contain;
     font-family: "object-fit:contain";
     object-fit: contain;
}

.object-cover{
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
}

.object-center{
  -o-object-position: center;
     object-position: center;
}

.\!p-0{
  padding: 0px !important;
}

.\!p-1{
  padding: 0.25rem !important;
}

.\!p-4{
  padding: 1rem !important;
}

.p-0{
  padding: 0px;
}

.p-0\.5{
  padding: 0.125rem;
}

.p-1{
  padding: 0.25rem;
}

.p-2{
  padding: 0.5rem;
}

.p-3{
  padding: 0.75rem;
}

.p-36{
  padding: 9rem;
}

.p-5{
  padding: 1.25rem;
}

.p-7{
  padding: 1.75rem;
}

.p-8{
  padding: 2rem;
}

.\!px-0{
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.\!px-2{
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.\!px-4{
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.\!py-0{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.\!py-1{
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.\!py-3{
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.\!py-5{
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}

.px-0{
  padding-left: 0px;
  padding-right: 0px;
}

.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.px-10{
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}

.px-\[10px\]{
  padding-left: 10px;
  padding-right: 10px;
}

.px-\[14px\]{
  padding-left: 14px;
  padding-right: 14px;
}

.px-\[18px\]{
  padding-left: 18px;
  padding-right: 18px;
}

.py-0{
  padding-top: 0px;
  padding-bottom: 0px;
}

.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-14{
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-2\.5{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.py-20{
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py-3\.5{
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-7{
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.py-\[14px\]{
  padding-top: 14px;
  padding-bottom: 14px;
}

.py-\[18px\]{
  padding-top: 18px;
  padding-bottom: 18px;
}

.py-\[84px\]{
  padding-top: 84px;
  padding-bottom: 84px;
}

.\!pb-0{
  padding-bottom: 0px !important;
}

.\!pb-12{
  padding-bottom: 3rem !important;
}

.\!pb-16{
  padding-bottom: 4rem !important;
}

.\!pb-48{
  padding-bottom: 12rem !important;
}

.\!pb-5{
  padding-bottom: 1.25rem !important;
}

.\!pb-\[13rem\]{
  padding-bottom: 13rem !important;
}

.\!pb-\[17rem\]{
  padding-bottom: 17rem !important;
}

.\!pb-\[200px\]{
  padding-bottom: 200px !important;
}

.\!pl-0{
  padding-left: 0px !important;
}

.\!pr-0{
  padding-right: 0px !important;
}

.\!pr-3{
  padding-right: 0.75rem !important;
}

.\!pt-0{
  padding-top: 0px !important;
}

.\!pt-10{
  padding-top: 2.5rem !important;
}

.\!pt-12{
  padding-top: 3rem !important;
}

.\!pt-14{
  padding-top: 3.5rem !important;
}

.\!pt-2{
  padding-top: 0.5rem !important;
}

.\!pt-4{
  padding-top: 1rem !important;
}

.\!pt-5{
  padding-top: 1.25rem !important;
}

.\!pt-8{
  padding-top: 2rem !important;
}

.pb-1{
  padding-bottom: 0.25rem;
}

.pb-10{
  padding-bottom: 2.5rem;
}

.pb-12{
  padding-bottom: 3rem;
}

.pb-14{
  padding-bottom: 3.5rem;
}

.pb-16{
  padding-bottom: 4rem;
}

.pb-2{
  padding-bottom: 0.5rem;
}

.pb-3{
  padding-bottom: 0.75rem;
}

.pb-3\.5{
  padding-bottom: 0.875rem;
}

.pb-4{
  padding-bottom: 1rem;
}

.pb-5{
  padding-bottom: 1.25rem;
}

.pb-6{
  padding-bottom: 1.5rem;
}

.pb-7{
  padding-bottom: 1.75rem;
}

.pb-8{
  padding-bottom: 2rem;
}

.pb-\[10px\]{
  padding-bottom: 10px;
}

.pb-\[20px\]{
  padding-bottom: 20px;
}

.pb-\[50px\]{
  padding-bottom: 50px;
}

.pb-\[72px\]{
  padding-bottom: 72px;
}

.pb-\[calc\(\(155\/359\)\*100\%\)\]{
  padding-bottom: calc((155 / 359) * 100%);
}

.pb-\[calc\(\(204\/336\)\*100\%\)\]{
  padding-bottom: calc((204 / 336) * 100%);
}

.pb-\[calc\(\(272\/555\)\*100\%\)\]{
  padding-bottom: calc((272 / 555) * 100%);
}

.pb-\[calc\(\(295\/390\)\*100\%\)\]{
  padding-bottom: calc((295 / 390) * 100%);
}

.pb-\[calc\(\(325\/433\)\*100\%\)\]{
  padding-bottom: calc((325 / 433) * 100%);
}

.pb-\[calc\(\(348\/548\)\*100\%\)\]{
  padding-bottom: calc((348 / 548) * 100%);
}

.pb-\[calc\(\(384\/334\)\*100\%\)\]{
  padding-bottom: calc((384 / 334) * 100%);
}

.pb-\[calc\(\(72\/96\)\*100\%\)\]{
  padding-bottom: calc((72 / 96) * 100%);
}

.pb-\[calc\(\(9\/16\)\*100\%\)\]{
  padding-bottom: calc((9 / 16) * 100%);
}

.pl-1{
  padding-left: 0.25rem;
}

.pl-2{
  padding-left: 0.5rem;
}

.pl-4{
  padding-left: 1rem;
}

.pl-6{
  padding-left: 1.5rem;
}

.pl-8{
  padding-left: 2rem;
}

.pr-0{
  padding-right: 0px;
}

.pr-2{
  padding-right: 0.5rem;
}

.pr-3{
  padding-right: 0.75rem;
}

.pt-1{
  padding-top: 0.25rem;
}

.pt-1\.5{
  padding-top: 0.375rem;
}

.pt-10{
  padding-top: 2.5rem;
}

.pt-16{
  padding-top: 4rem;
}

.pt-2{
  padding-top: 0.5rem;
}

.pt-20{
  padding-top: 5rem;
}

.pt-28{
  padding-top: 7rem;
}

.pt-3{
  padding-top: 0.75rem;
}

.pt-4{
  padding-top: 1rem;
}

.pt-5{
  padding-top: 1.25rem;
}

.pt-6{
  padding-top: 1.5rem;
}

.pt-8{
  padding-top: 2rem;
}

.pt-\[120px\]{
  padding-top: 120px;
}

.pt-\[44px\]{
  padding-top: 44px;
}

.pt-\[90px\]{
  padding-top: 90px;
}

.\!text-left{
  text-align: left !important;
}

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

.\!text-center{
  text-align: center !important;
}

.text-center{
  text-align: center;
}

.\!align-baseline{
  vertical-align: baseline !important;
}

.\!align-middle{
  vertical-align: middle !important;
}

.align-middle{
  vertical-align: middle;
}

.\!text-2xl{
  font-size: 1.5rem !important;
  line-height: 2rem !important;
}

.\!text-3xl{
  font-size: 1.875rem !important;
  line-height: 2.25rem !important;
}

.\!text-4xl{
  font-size: 2.25rem !important;
  line-height: 2.5rem !important;
}

.\!text-5xl{
  font-size: 3rem !important;
  line-height: 1 !important;
}

.\!text-base{
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}

.\!text-lg{
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
}

.\!text-sm{
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

.\!text-xs{
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}

.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-3xl{
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-4xl{
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.text-5xl{
  font-size: 3rem;
  line-height: 1;
}

.text-\[1\.5rem\]{
  font-size: 1.5rem;
}

.text-\[17px\]{
  font-size: 17px;
}

.text-\[20px\]{
  font-size: 20px;
}

.text-\[22px\]{
  font-size: 22px;
}

.text-\[24px\]{
  font-size: 24px;
}

.text-\[26px\]{
  font-size: 26px;
}

.text-\[28px\]{
  font-size: 28px;
}

.text-\[32px\]{
  font-size: 32px;
}

.text-\[40px\]{
  font-size: 40px;
}

.text-\[64px\]{
  font-size: 64px;
}

.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}

.\!font-bold{
  font-weight: 700 !important;
}

.\!font-light{
  font-weight: 300 !important;
}

.\!font-medium{
  font-weight: 500 !important;
}

.\!font-normal{
  font-weight: 400 !important;
}

.\!font-semibold{
  font-weight: 600 !important;
}

.font-bold{
  font-weight: 700;
}

.font-light{
  font-weight: 300;
}

.font-medium{
  font-weight: 500;
}

.font-normal{
  font-weight: 400;
}

.font-semibold{
  font-weight: 600;
}

.uppercase{
  text-transform: uppercase;
}

.lowercase{
  text-transform: lowercase;
}

.italic{
  font-style: italic;
}

.\!leading-\[unset\]{
  line-height: unset !important;
}

.\!leading-normal{
  line-height: 1.5 !important;
}

.leading-\[2rem\]{
  line-height: 2rem;
}

.leading-\[8px\]{
  line-height: 8px;
}

.leading-none{
  line-height: 1;
}

.leading-normal{
  line-height: 1.5;
}

.\!text-\[\#DC0714\]{
  --tw-text-opacity: 1 !important;
  color: rgb(220 7 20 / var(--tw-text-opacity)) !important;
}

.\!text-black-400{
  --tw-text-opacity: 1 !important;
  color: rgb(158 158 158 / var(--tw-text-opacity)) !important;
}

.\!text-black-500{
  --tw-text-opacity: 1 !important;
  color: rgb(134 134 134 / var(--tw-text-opacity)) !important;
}

.\!text-black-700{
  --tw-text-opacity: 1 !important;
  color: rgb(86 86 86 / var(--tw-text-opacity)) !important;
}

.\!text-black-700\/100{
  color: rgb(86 86 86 / 1) !important;
}

.\!text-black-800{
  --tw-text-opacity: 1 !important;
  color: rgb(61 61 61 / var(--tw-text-opacity)) !important;
}

.\!text-black-800\/100{
  color: rgb(61 61 61 / 1) !important;
}

.\!text-black-900{
  --tw-text-opacity: 1 !important;
  color: rgb(37 37 37 / var(--tw-text-opacity)) !important;
}

.\!text-primary{
  --tw-text-opacity: 1 !important;
  color: rgb(0 97 167 / var(--tw-text-opacity)) !important;
}

.\!text-primary-100{
  --tw-text-opacity: 1 !important;
  color: rgb(229 239 246 / var(--tw-text-opacity)) !important;
}

.\!text-primaryBlue{
  --tw-text-opacity: 1 !important;
  color: rgb(18 94 250 / var(--tw-text-opacity)) !important;
}

.\!text-red{
  --tw-text-opacity: 1 !important;
  color: rgb(220 7 20 / var(--tw-text-opacity)) !important;
}

.\!text-success-main{
  --tw-text-opacity: 1 !important;
  color: rgb(22 155 105 / var(--tw-text-opacity)) !important;
}

.\!text-white{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.\!text-yellow{
  --tw-text-opacity: 1 !important;
  color: rgb(255 221 0 / var(--tw-text-opacity)) !important;
}

.text-\[\#525252\]{
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / var(--tw-text-opacity));
}

.text-\[\#fbe6e7\]{
  --tw-text-opacity: 1;
  color: rgb(251 230 231 / var(--tw-text-opacity));
}

.text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.text-black-100{
  --tw-text-opacity: 1;
  color: rgb(231 231 231 / var(--tw-text-opacity));
}

.text-black-100\/0{
  color: rgb(231 231 231 / 0);
}

.text-black-100\/10{
  color: rgb(231 231 231 / 0.1);
}

.text-black-100\/100{
  color: rgb(231 231 231 / 1);
}

.text-black-100\/20{
  color: rgb(231 231 231 / 0.2);
}

.text-black-100\/25{
  color: rgb(231 231 231 / 0.25);
}

.text-black-100\/30{
  color: rgb(231 231 231 / 0.3);
}

.text-black-100\/40{
  color: rgb(231 231 231 / 0.4);
}

.text-black-100\/5{
  color: rgb(231 231 231 / 0.05);
}

.text-black-100\/50{
  color: rgb(231 231 231 / 0.5);
}

.text-black-100\/60{
  color: rgb(231 231 231 / 0.6);
}

.text-black-100\/70{
  color: rgb(231 231 231 / 0.7);
}

.text-black-100\/75{
  color: rgb(231 231 231 / 0.75);
}

.text-black-100\/80{
  color: rgb(231 231 231 / 0.8);
}

.text-black-100\/90{
  color: rgb(231 231 231 / 0.9);
}

.text-black-100\/95{
  color: rgb(231 231 231 / 0.95);
}

.text-black-200{
  --tw-text-opacity: 1;
  color: rgb(207 207 207 / var(--tw-text-opacity));
}

.text-black-200\/0{
  color: rgb(207 207 207 / 0);
}

.text-black-200\/10{
  color: rgb(207 207 207 / 0.1);
}

.text-black-200\/100{
  color: rgb(207 207 207 / 1);
}

.text-black-200\/20{
  color: rgb(207 207 207 / 0.2);
}

.text-black-200\/25{
  color: rgb(207 207 207 / 0.25);
}

.text-black-200\/30{
  color: rgb(207 207 207 / 0.3);
}

.text-black-200\/40{
  color: rgb(207 207 207 / 0.4);
}

.text-black-200\/5{
  color: rgb(207 207 207 / 0.05);
}

.text-black-200\/50{
  color: rgb(207 207 207 / 0.5);
}

.text-black-200\/60{
  color: rgb(207 207 207 / 0.6);
}

.text-black-200\/70{
  color: rgb(207 207 207 / 0.7);
}

.text-black-200\/75{
  color: rgb(207 207 207 / 0.75);
}

.text-black-200\/80{
  color: rgb(207 207 207 / 0.8);
}

.text-black-200\/90{
  color: rgb(207 207 207 / 0.9);
}

.text-black-200\/95{
  color: rgb(207 207 207 / 0.95);
}

.text-black-300{
  --tw-text-opacity: 1;
  color: rgb(182 182 182 / var(--tw-text-opacity));
}

.text-black-300\/0{
  color: rgb(182 182 182 / 0);
}

.text-black-300\/10{
  color: rgb(182 182 182 / 0.1);
}

.text-black-300\/100{
  color: rgb(182 182 182 / 1);
}

.text-black-300\/20{
  color: rgb(182 182 182 / 0.2);
}

.text-black-300\/25{
  color: rgb(182 182 182 / 0.25);
}

.text-black-300\/30{
  color: rgb(182 182 182 / 0.3);
}

.text-black-300\/40{
  color: rgb(182 182 182 / 0.4);
}

.text-black-300\/5{
  color: rgb(182 182 182 / 0.05);
}

.text-black-300\/50{
  color: rgb(182 182 182 / 0.5);
}

.text-black-300\/60{
  color: rgb(182 182 182 / 0.6);
}

.text-black-300\/70{
  color: rgb(182 182 182 / 0.7);
}

.text-black-300\/75{
  color: rgb(182 182 182 / 0.75);
}

.text-black-300\/80{
  color: rgb(182 182 182 / 0.8);
}

.text-black-300\/90{
  color: rgb(182 182 182 / 0.9);
}

.text-black-300\/95{
  color: rgb(182 182 182 / 0.95);
}

.text-black-400{
  --tw-text-opacity: 1;
  color: rgb(158 158 158 / var(--tw-text-opacity));
}

.text-black-400\/0{
  color: rgb(158 158 158 / 0);
}

.text-black-400\/10{
  color: rgb(158 158 158 / 0.1);
}

.text-black-400\/100{
  color: rgb(158 158 158 / 1);
}

.text-black-400\/20{
  color: rgb(158 158 158 / 0.2);
}

.text-black-400\/25{
  color: rgb(158 158 158 / 0.25);
}

.text-black-400\/30{
  color: rgb(158 158 158 / 0.3);
}

.text-black-400\/40{
  color: rgb(158 158 158 / 0.4);
}

.text-black-400\/5{
  color: rgb(158 158 158 / 0.05);
}

.text-black-400\/50{
  color: rgb(158 158 158 / 0.5);
}

.text-black-400\/60{
  color: rgb(158 158 158 / 0.6);
}

.text-black-400\/70{
  color: rgb(158 158 158 / 0.7);
}

.text-black-400\/75{
  color: rgb(158 158 158 / 0.75);
}

.text-black-400\/80{
  color: rgb(158 158 158 / 0.8);
}

.text-black-400\/90{
  color: rgb(158 158 158 / 0.9);
}

.text-black-400\/95{
  color: rgb(158 158 158 / 0.95);
}

.text-black-500{
  --tw-text-opacity: 1;
  color: rgb(134 134 134 / var(--tw-text-opacity));
}

.text-black-500\/0{
  color: rgb(134 134 134 / 0);
}

.text-black-500\/10{
  color: rgb(134 134 134 / 0.1);
}

.text-black-500\/100{
  color: rgb(134 134 134 / 1);
}

.text-black-500\/20{
  color: rgb(134 134 134 / 0.2);
}

.text-black-500\/25{
  color: rgb(134 134 134 / 0.25);
}

.text-black-500\/30{
  color: rgb(134 134 134 / 0.3);
}

.text-black-500\/40{
  color: rgb(134 134 134 / 0.4);
}

.text-black-500\/5{
  color: rgb(134 134 134 / 0.05);
}

.text-black-500\/50{
  color: rgb(134 134 134 / 0.5);
}

.text-black-500\/60{
  color: rgb(134 134 134 / 0.6);
}

.text-black-500\/70{
  color: rgb(134 134 134 / 0.7);
}

.text-black-500\/75{
  color: rgb(134 134 134 / 0.75);
}

.text-black-500\/80{
  color: rgb(134 134 134 / 0.8);
}

.text-black-500\/90{
  color: rgb(134 134 134 / 0.9);
}

.text-black-500\/95{
  color: rgb(134 134 134 / 0.95);
}

.text-black-600{
  --tw-text-opacity: 1;
  color: rgb(110 110 110 / var(--tw-text-opacity));
}

.text-black-600\/0{
  color: rgb(110 110 110 / 0);
}

.text-black-600\/10{
  color: rgb(110 110 110 / 0.1);
}

.text-black-600\/100{
  color: rgb(110 110 110 / 1);
}

.text-black-600\/20{
  color: rgb(110 110 110 / 0.2);
}

.text-black-600\/25{
  color: rgb(110 110 110 / 0.25);
}

.text-black-600\/30{
  color: rgb(110 110 110 / 0.3);
}

.text-black-600\/40{
  color: rgb(110 110 110 / 0.4);
}

.text-black-600\/5{
  color: rgb(110 110 110 / 0.05);
}

.text-black-600\/50{
  color: rgb(110 110 110 / 0.5);
}

.text-black-600\/60{
  color: rgb(110 110 110 / 0.6);
}

.text-black-600\/70{
  color: rgb(110 110 110 / 0.7);
}

.text-black-600\/75{
  color: rgb(110 110 110 / 0.75);
}

.text-black-600\/80{
  color: rgb(110 110 110 / 0.8);
}

.text-black-600\/90{
  color: rgb(110 110 110 / 0.9);
}

.text-black-600\/95{
  color: rgb(110 110 110 / 0.95);
}

.text-black-700{
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}

.text-black-700\/0{
  color: rgb(86 86 86 / 0);
}

.text-black-700\/10{
  color: rgb(86 86 86 / 0.1);
}

.text-black-700\/100{
  color: rgb(86 86 86 / 1);
}

.text-black-700\/20{
  color: rgb(86 86 86 / 0.2);
}

.text-black-700\/25{
  color: rgb(86 86 86 / 0.25);
}

.text-black-700\/30{
  color: rgb(86 86 86 / 0.3);
}

.text-black-700\/40{
  color: rgb(86 86 86 / 0.4);
}

.text-black-700\/5{
  color: rgb(86 86 86 / 0.05);
}

.text-black-700\/50{
  color: rgb(86 86 86 / 0.5);
}

.text-black-700\/60{
  color: rgb(86 86 86 / 0.6);
}

.text-black-700\/70{
  color: rgb(86 86 86 / 0.7);
}

.text-black-700\/75{
  color: rgb(86 86 86 / 0.75);
}

.text-black-700\/80{
  color: rgb(86 86 86 / 0.8);
}

.text-black-700\/90{
  color: rgb(86 86 86 / 0.9);
}

.text-black-700\/95{
  color: rgb(86 86 86 / 0.95);
}

.text-black-800{
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

.text-black-800\/0{
  color: rgb(61 61 61 / 0);
}

.text-black-800\/10{
  color: rgb(61 61 61 / 0.1);
}

.text-black-800\/100{
  color: rgb(61 61 61 / 1);
}

.text-black-800\/20{
  color: rgb(61 61 61 / 0.2);
}

.text-black-800\/25{
  color: rgb(61 61 61 / 0.25);
}

.text-black-800\/30{
  color: rgb(61 61 61 / 0.3);
}

.text-black-800\/40{
  color: rgb(61 61 61 / 0.4);
}

.text-black-800\/5{
  color: rgb(61 61 61 / 0.05);
}

.text-black-800\/50{
  color: rgb(61 61 61 / 0.5);
}

.text-black-800\/60{
  color: rgb(61 61 61 / 0.6);
}

.text-black-800\/70{
  color: rgb(61 61 61 / 0.7);
}

.text-black-800\/75{
  color: rgb(61 61 61 / 0.75);
}

.text-black-800\/80{
  color: rgb(61 61 61 / 0.8);
}

.text-black-800\/90{
  color: rgb(61 61 61 / 0.9);
}

.text-black-800\/95{
  color: rgb(61 61 61 / 0.95);
}

.text-black-900{
  --tw-text-opacity: 1;
  color: rgb(37 37 37 / var(--tw-text-opacity));
}

.text-black-900\/0{
  color: rgb(37 37 37 / 0);
}

.text-black-900\/10{
  color: rgb(37 37 37 / 0.1);
}

.text-black-900\/100{
  color: rgb(37 37 37 / 1);
}

.text-black-900\/20{
  color: rgb(37 37 37 / 0.2);
}

.text-black-900\/25{
  color: rgb(37 37 37 / 0.25);
}

.text-black-900\/30{
  color: rgb(37 37 37 / 0.3);
}

.text-black-900\/40{
  color: rgb(37 37 37 / 0.4);
}

.text-black-900\/5{
  color: rgb(37 37 37 / 0.05);
}

.text-black-900\/50{
  color: rgb(37 37 37 / 0.5);
}

.text-black-900\/60{
  color: rgb(37 37 37 / 0.6);
}

.text-black-900\/70{
  color: rgb(37 37 37 / 0.7);
}

.text-black-900\/75{
  color: rgb(37 37 37 / 0.75);
}

.text-black-900\/80{
  color: rgb(37 37 37 / 0.8);
}

.text-black-900\/90{
  color: rgb(37 37 37 / 0.9);
}

.text-black-900\/95{
  color: rgb(37 37 37 / 0.95);
}

.text-black-primary{
  --tw-text-opacity: 1;
  color: rgb(13 13 13 / var(--tw-text-opacity));
}

.text-black-primary\/0{
  color: rgb(13 13 13 / 0);
}

.text-black-primary\/10{
  color: rgb(13 13 13 / 0.1);
}

.text-black-primary\/100{
  color: rgb(13 13 13 / 1);
}

.text-black-primary\/20{
  color: rgb(13 13 13 / 0.2);
}

.text-black-primary\/25{
  color: rgb(13 13 13 / 0.25);
}

.text-black-primary\/30{
  color: rgb(13 13 13 / 0.3);
}

.text-black-primary\/40{
  color: rgb(13 13 13 / 0.4);
}

.text-black-primary\/5{
  color: rgb(13 13 13 / 0.05);
}

.text-black-primary\/50{
  color: rgb(13 13 13 / 0.5);
}

.text-black-primary\/60{
  color: rgb(13 13 13 / 0.6);
}

.text-black-primary\/70{
  color: rgb(13 13 13 / 0.7);
}

.text-black-primary\/75{
  color: rgb(13 13 13 / 0.75);
}

.text-black-primary\/80{
  color: rgb(13 13 13 / 0.8);
}

.text-black-primary\/90{
  color: rgb(13 13 13 / 0.9);
}

.text-black-primary\/95{
  color: rgb(13 13 13 / 0.95);
}

.text-black\/0{
  color: rgb(0 0 0 / 0);
}

.text-black\/10{
  color: rgb(0 0 0 / 0.1);
}

.text-black\/100{
  color: rgb(0 0 0 / 1);
}

.text-black\/20{
  color: rgb(0 0 0 / 0.2);
}

.text-black\/25{
  color: rgb(0 0 0 / 0.25);
}

.text-black\/30{
  color: rgb(0 0 0 / 0.3);
}

.text-black\/40{
  color: rgb(0 0 0 / 0.4);
}

.text-black\/5{
  color: rgb(0 0 0 / 0.05);
}

.text-black\/50{
  color: rgb(0 0 0 / 0.5);
}

.text-black\/60{
  color: rgb(0 0 0 / 0.6);
}

.text-black\/70{
  color: rgb(0 0 0 / 0.7);
}

.text-black\/75{
  color: rgb(0 0 0 / 0.75);
}

.text-black\/80{
  color: rgb(0 0 0 / 0.8);
}

.text-black\/90{
  color: rgb(0 0 0 / 0.9);
}

.text-black\/95{
  color: rgb(0 0 0 / 0.95);
}

.text-choco{
  --tw-text-opacity: 1;
  color: rgb(137 103 79 / var(--tw-text-opacity));
}

.text-choco-100{
  --tw-text-opacity: 1;
  color: rgb(244 240 238 / var(--tw-text-opacity));
}

.text-choco-100\/0{
  color: rgb(244 240 238 / 0);
}

.text-choco-100\/10{
  color: rgb(244 240 238 / 0.1);
}

.text-choco-100\/100{
  color: rgb(244 240 238 / 1);
}

.text-choco-100\/20{
  color: rgb(244 240 238 / 0.2);
}

.text-choco-100\/25{
  color: rgb(244 240 238 / 0.25);
}

.text-choco-100\/30{
  color: rgb(244 240 238 / 0.3);
}

.text-choco-100\/40{
  color: rgb(244 240 238 / 0.4);
}

.text-choco-100\/5{
  color: rgb(244 240 238 / 0.05);
}

.text-choco-100\/50{
  color: rgb(244 240 238 / 0.5);
}

.text-choco-100\/60{
  color: rgb(244 240 238 / 0.6);
}

.text-choco-100\/70{
  color: rgb(244 240 238 / 0.7);
}

.text-choco-100\/75{
  color: rgb(244 240 238 / 0.75);
}

.text-choco-100\/80{
  color: rgb(244 240 238 / 0.8);
}

.text-choco-100\/90{
  color: rgb(244 240 238 / 0.9);
}

.text-choco-100\/95{
  color: rgb(244 240 238 / 0.95);
}

.text-choco-200{
  --tw-text-opacity: 1;
  color: rgb(231 225 220 / var(--tw-text-opacity));
}

.text-choco-200\/0{
  color: rgb(231 225 220 / 0);
}

.text-choco-200\/10{
  color: rgb(231 225 220 / 0.1);
}

.text-choco-200\/100{
  color: rgb(231 225 220 / 1);
}

.text-choco-200\/20{
  color: rgb(231 225 220 / 0.2);
}

.text-choco-200\/25{
  color: rgb(231 225 220 / 0.25);
}

.text-choco-200\/30{
  color: rgb(231 225 220 / 0.3);
}

.text-choco-200\/40{
  color: rgb(231 225 220 / 0.4);
}

.text-choco-200\/5{
  color: rgb(231 225 220 / 0.05);
}

.text-choco-200\/50{
  color: rgb(231 225 220 / 0.5);
}

.text-choco-200\/60{
  color: rgb(231 225 220 / 0.6);
}

.text-choco-200\/70{
  color: rgb(231 225 220 / 0.7);
}

.text-choco-200\/75{
  color: rgb(231 225 220 / 0.75);
}

.text-choco-200\/80{
  color: rgb(231 225 220 / 0.8);
}

.text-choco-200\/90{
  color: rgb(231 225 220 / 0.9);
}

.text-choco-200\/95{
  color: rgb(231 225 220 / 0.95);
}

.text-choco-300{
  --tw-text-opacity: 1;
  color: rgb(220 210 203 / var(--tw-text-opacity));
}

.text-choco-300\/0{
  color: rgb(220 210 203 / 0);
}

.text-choco-300\/10{
  color: rgb(220 210 203 / 0.1);
}

.text-choco-300\/100{
  color: rgb(220 210 203 / 1);
}

.text-choco-300\/20{
  color: rgb(220 210 203 / 0.2);
}

.text-choco-300\/25{
  color: rgb(220 210 203 / 0.25);
}

.text-choco-300\/30{
  color: rgb(220 210 203 / 0.3);
}

.text-choco-300\/40{
  color: rgb(220 210 203 / 0.4);
}

.text-choco-300\/5{
  color: rgb(220 210 203 / 0.05);
}

.text-choco-300\/50{
  color: rgb(220 210 203 / 0.5);
}

.text-choco-300\/60{
  color: rgb(220 210 203 / 0.6);
}

.text-choco-300\/70{
  color: rgb(220 210 203 / 0.7);
}

.text-choco-300\/75{
  color: rgb(220 210 203 / 0.75);
}

.text-choco-300\/80{
  color: rgb(220 210 203 / 0.8);
}

.text-choco-300\/90{
  color: rgb(220 210 203 / 0.9);
}

.text-choco-300\/95{
  color: rgb(220 210 203 / 0.95);
}

.text-choco-400{
  --tw-text-opacity: 1;
  color: rgb(208 194 185 / var(--tw-text-opacity));
}

.text-choco-400\/0{
  color: rgb(208 194 185 / 0);
}

.text-choco-400\/10{
  color: rgb(208 194 185 / 0.1);
}

.text-choco-400\/100{
  color: rgb(208 194 185 / 1);
}

.text-choco-400\/20{
  color: rgb(208 194 185 / 0.2);
}

.text-choco-400\/25{
  color: rgb(208 194 185 / 0.25);
}

.text-choco-400\/30{
  color: rgb(208 194 185 / 0.3);
}

.text-choco-400\/40{
  color: rgb(208 194 185 / 0.4);
}

.text-choco-400\/5{
  color: rgb(208 194 185 / 0.05);
}

.text-choco-400\/50{
  color: rgb(208 194 185 / 0.5);
}

.text-choco-400\/60{
  color: rgb(208 194 185 / 0.6);
}

.text-choco-400\/70{
  color: rgb(208 194 185 / 0.7);
}

.text-choco-400\/75{
  color: rgb(208 194 185 / 0.75);
}

.text-choco-400\/80{
  color: rgb(208 194 185 / 0.8);
}

.text-choco-400\/90{
  color: rgb(208 194 185 / 0.9);
}

.text-choco-400\/95{
  color: rgb(208 194 185 / 0.95);
}

.text-choco-500{
  --tw-text-opacity: 1;
  color: rgb(196 179 167 / var(--tw-text-opacity));
}

.text-choco-500\/0{
  color: rgb(196 179 167 / 0);
}

.text-choco-500\/10{
  color: rgb(196 179 167 / 0.1);
}

.text-choco-500\/100{
  color: rgb(196 179 167 / 1);
}

.text-choco-500\/20{
  color: rgb(196 179 167 / 0.2);
}

.text-choco-500\/25{
  color: rgb(196 179 167 / 0.25);
}

.text-choco-500\/30{
  color: rgb(196 179 167 / 0.3);
}

.text-choco-500\/40{
  color: rgb(196 179 167 / 0.4);
}

.text-choco-500\/5{
  color: rgb(196 179 167 / 0.05);
}

.text-choco-500\/50{
  color: rgb(196 179 167 / 0.5);
}

.text-choco-500\/60{
  color: rgb(196 179 167 / 0.6);
}

.text-choco-500\/70{
  color: rgb(196 179 167 / 0.7);
}

.text-choco-500\/75{
  color: rgb(196 179 167 / 0.75);
}

.text-choco-500\/80{
  color: rgb(196 179 167 / 0.8);
}

.text-choco-500\/90{
  color: rgb(196 179 167 / 0.9);
}

.text-choco-500\/95{
  color: rgb(196 179 167 / 0.95);
}

.text-choco-600{
  --tw-text-opacity: 1;
  color: rgb(184 164 149 / var(--tw-text-opacity));
}

.text-choco-600\/0{
  color: rgb(184 164 149 / 0);
}

.text-choco-600\/10{
  color: rgb(184 164 149 / 0.1);
}

.text-choco-600\/100{
  color: rgb(184 164 149 / 1);
}

.text-choco-600\/20{
  color: rgb(184 164 149 / 0.2);
}

.text-choco-600\/25{
  color: rgb(184 164 149 / 0.25);
}

.text-choco-600\/30{
  color: rgb(184 164 149 / 0.3);
}

.text-choco-600\/40{
  color: rgb(184 164 149 / 0.4);
}

.text-choco-600\/5{
  color: rgb(184 164 149 / 0.05);
}

.text-choco-600\/50{
  color: rgb(184 164 149 / 0.5);
}

.text-choco-600\/60{
  color: rgb(184 164 149 / 0.6);
}

.text-choco-600\/70{
  color: rgb(184 164 149 / 0.7);
}

.text-choco-600\/75{
  color: rgb(184 164 149 / 0.75);
}

.text-choco-600\/80{
  color: rgb(184 164 149 / 0.8);
}

.text-choco-600\/90{
  color: rgb(184 164 149 / 0.9);
}

.text-choco-600\/95{
  color: rgb(184 164 149 / 0.95);
}

.text-choco-700{
  --tw-text-opacity: 1;
  color: rgb(173 149 132 / var(--tw-text-opacity));
}

.text-choco-700\/0{
  color: rgb(173 149 132 / 0);
}

.text-choco-700\/10{
  color: rgb(173 149 132 / 0.1);
}

.text-choco-700\/100{
  color: rgb(173 149 132 / 1);
}

.text-choco-700\/20{
  color: rgb(173 149 132 / 0.2);
}

.text-choco-700\/25{
  color: rgb(173 149 132 / 0.25);
}

.text-choco-700\/30{
  color: rgb(173 149 132 / 0.3);
}

.text-choco-700\/40{
  color: rgb(173 149 132 / 0.4);
}

.text-choco-700\/5{
  color: rgb(173 149 132 / 0.05);
}

.text-choco-700\/50{
  color: rgb(173 149 132 / 0.5);
}

.text-choco-700\/60{
  color: rgb(173 149 132 / 0.6);
}

.text-choco-700\/70{
  color: rgb(173 149 132 / 0.7);
}

.text-choco-700\/75{
  color: rgb(173 149 132 / 0.75);
}

.text-choco-700\/80{
  color: rgb(173 149 132 / 0.8);
}

.text-choco-700\/90{
  color: rgb(173 149 132 / 0.9);
}

.text-choco-700\/95{
  color: rgb(173 149 132 / 0.95);
}

.text-choco-800{
  --tw-text-opacity: 1;
  color: rgb(161 133 114 / var(--tw-text-opacity));
}

.text-choco-800\/0{
  color: rgb(161 133 114 / 0);
}

.text-choco-800\/10{
  color: rgb(161 133 114 / 0.1);
}

.text-choco-800\/100{
  color: rgb(161 133 114 / 1);
}

.text-choco-800\/20{
  color: rgb(161 133 114 / 0.2);
}

.text-choco-800\/25{
  color: rgb(161 133 114 / 0.25);
}

.text-choco-800\/30{
  color: rgb(161 133 114 / 0.3);
}

.text-choco-800\/40{
  color: rgb(161 133 114 / 0.4);
}

.text-choco-800\/5{
  color: rgb(161 133 114 / 0.05);
}

.text-choco-800\/50{
  color: rgb(161 133 114 / 0.5);
}

.text-choco-800\/60{
  color: rgb(161 133 114 / 0.6);
}

.text-choco-800\/70{
  color: rgb(161 133 114 / 0.7);
}

.text-choco-800\/75{
  color: rgb(161 133 114 / 0.75);
}

.text-choco-800\/80{
  color: rgb(161 133 114 / 0.8);
}

.text-choco-800\/90{
  color: rgb(161 133 114 / 0.9);
}

.text-choco-800\/95{
  color: rgb(161 133 114 / 0.95);
}

.text-choco-900{
  --tw-text-opacity: 1;
  color: rgb(149 119 97 / var(--tw-text-opacity));
}

.text-choco-900\/0{
  color: rgb(149 119 97 / 0);
}

.text-choco-900\/10{
  color: rgb(149 119 97 / 0.1);
}

.text-choco-900\/100{
  color: rgb(149 119 97 / 1);
}

.text-choco-900\/20{
  color: rgb(149 119 97 / 0.2);
}

.text-choco-900\/25{
  color: rgb(149 119 97 / 0.25);
}

.text-choco-900\/30{
  color: rgb(149 119 97 / 0.3);
}

.text-choco-900\/40{
  color: rgb(149 119 97 / 0.4);
}

.text-choco-900\/5{
  color: rgb(149 119 97 / 0.05);
}

.text-choco-900\/50{
  color: rgb(149 119 97 / 0.5);
}

.text-choco-900\/60{
  color: rgb(149 119 97 / 0.6);
}

.text-choco-900\/70{
  color: rgb(149 119 97 / 0.7);
}

.text-choco-900\/75{
  color: rgb(149 119 97 / 0.75);
}

.text-choco-900\/80{
  color: rgb(149 119 97 / 0.8);
}

.text-choco-900\/90{
  color: rgb(149 119 97 / 0.9);
}

.text-choco-900\/95{
  color: rgb(149 119 97 / 0.95);
}

.text-choco\/0{
  color: rgb(137 103 79 / 0);
}

.text-choco\/10{
  color: rgb(137 103 79 / 0.1);
}

.text-choco\/100{
  color: rgb(137 103 79 / 1);
}

.text-choco\/20{
  color: rgb(137 103 79 / 0.2);
}

.text-choco\/25{
  color: rgb(137 103 79 / 0.25);
}

.text-choco\/30{
  color: rgb(137 103 79 / 0.3);
}

.text-choco\/40{
  color: rgb(137 103 79 / 0.4);
}

.text-choco\/5{
  color: rgb(137 103 79 / 0.05);
}

.text-choco\/50{
  color: rgb(137 103 79 / 0.5);
}

.text-choco\/60{
  color: rgb(137 103 79 / 0.6);
}

.text-choco\/70{
  color: rgb(137 103 79 / 0.7);
}

.text-choco\/75{
  color: rgb(137 103 79 / 0.75);
}

.text-choco\/80{
  color: rgb(137 103 79 / 0.8);
}

.text-choco\/90{
  color: rgb(137 103 79 / 0.9);
}

.text-choco\/95{
  color: rgb(137 103 79 / 0.95);
}

.text-choco2{
  --tw-text-opacity: 1;
  color: rgb(152 106 76 / var(--tw-text-opacity));
}

.text-choco2\/0{
  color: rgb(152 106 76 / 0);
}

.text-choco2\/10{
  color: rgb(152 106 76 / 0.1);
}

.text-choco2\/100{
  color: rgb(152 106 76 / 1);
}

.text-choco2\/20{
  color: rgb(152 106 76 / 0.2);
}

.text-choco2\/25{
  color: rgb(152 106 76 / 0.25);
}

.text-choco2\/30{
  color: rgb(152 106 76 / 0.3);
}

.text-choco2\/40{
  color: rgb(152 106 76 / 0.4);
}

.text-choco2\/5{
  color: rgb(152 106 76 / 0.05);
}

.text-choco2\/50{
  color: rgb(152 106 76 / 0.5);
}

.text-choco2\/60{
  color: rgb(152 106 76 / 0.6);
}

.text-choco2\/70{
  color: rgb(152 106 76 / 0.7);
}

.text-choco2\/75{
  color: rgb(152 106 76 / 0.75);
}

.text-choco2\/80{
  color: rgb(152 106 76 / 0.8);
}

.text-choco2\/90{
  color: rgb(152 106 76 / 0.9);
}

.text-choco2\/95{
  color: rgb(152 106 76 / 0.95);
}

.text-danger-border{
  --tw-text-opacity: 1;
  color: rgb(234 106 114 / var(--tw-text-opacity));
}

.text-danger-border\/0{
  color: rgb(234 106 114 / 0);
}

.text-danger-border\/10{
  color: rgb(234 106 114 / 0.1);
}

.text-danger-border\/100{
  color: rgb(234 106 114 / 1);
}

.text-danger-border\/20{
  color: rgb(234 106 114 / 0.2);
}

.text-danger-border\/25{
  color: rgb(234 106 114 / 0.25);
}

.text-danger-border\/30{
  color: rgb(234 106 114 / 0.3);
}

.text-danger-border\/40{
  color: rgb(234 106 114 / 0.4);
}

.text-danger-border\/5{
  color: rgb(234 106 114 / 0.05);
}

.text-danger-border\/50{
  color: rgb(234 106 114 / 0.5);
}

.text-danger-border\/60{
  color: rgb(234 106 114 / 0.6);
}

.text-danger-border\/70{
  color: rgb(234 106 114 / 0.7);
}

.text-danger-border\/75{
  color: rgb(234 106 114 / 0.75);
}

.text-danger-border\/80{
  color: rgb(234 106 114 / 0.8);
}

.text-danger-border\/90{
  color: rgb(234 106 114 / 0.9);
}

.text-danger-border\/95{
  color: rgb(234 106 114 / 0.95);
}

.text-danger-main{
  --tw-text-opacity: 1;
  color: rgb(220 7 20 / var(--tw-text-opacity));
}

.text-danger-main\/0{
  color: rgb(220 7 20 / 0);
}

.text-danger-main\/10{
  color: rgb(220 7 20 / 0.1);
}

.text-danger-main\/100{
  color: rgb(220 7 20 / 1);
}

.text-danger-main\/20{
  color: rgb(220 7 20 / 0.2);
}

.text-danger-main\/25{
  color: rgb(220 7 20 / 0.25);
}

.text-danger-main\/30{
  color: rgb(220 7 20 / 0.3);
}

.text-danger-main\/40{
  color: rgb(220 7 20 / 0.4);
}

.text-danger-main\/5{
  color: rgb(220 7 20 / 0.05);
}

.text-danger-main\/50{
  color: rgb(220 7 20 / 0.5);
}

.text-danger-main\/60{
  color: rgb(220 7 20 / 0.6);
}

.text-danger-main\/70{
  color: rgb(220 7 20 / 0.7);
}

.text-danger-main\/75{
  color: rgb(220 7 20 / 0.75);
}

.text-danger-main\/80{
  color: rgb(220 7 20 / 0.8);
}

.text-danger-main\/90{
  color: rgb(220 7 20 / 0.9);
}

.text-danger-main\/95{
  color: rgb(220 7 20 / 0.95);
}

.text-danger-surface{
  --tw-text-opacity: 1;
  color: rgb(245 181 185 / var(--tw-text-opacity));
}

.text-danger-surface\/0{
  color: rgb(245 181 185 / 0);
}

.text-danger-surface\/10{
  color: rgb(245 181 185 / 0.1);
}

.text-danger-surface\/100{
  color: rgb(245 181 185 / 1);
}

.text-danger-surface\/20{
  color: rgb(245 181 185 / 0.2);
}

.text-danger-surface\/25{
  color: rgb(245 181 185 / 0.25);
}

.text-danger-surface\/30{
  color: rgb(245 181 185 / 0.3);
}

.text-danger-surface\/40{
  color: rgb(245 181 185 / 0.4);
}

.text-danger-surface\/5{
  color: rgb(245 181 185 / 0.05);
}

.text-danger-surface\/50{
  color: rgb(245 181 185 / 0.5);
}

.text-danger-surface\/60{
  color: rgb(245 181 185 / 0.6);
}

.text-danger-surface\/70{
  color: rgb(245 181 185 / 0.7);
}

.text-danger-surface\/75{
  color: rgb(245 181 185 / 0.75);
}

.text-danger-surface\/80{
  color: rgb(245 181 185 / 0.8);
}

.text-danger-surface\/90{
  color: rgb(245 181 185 / 0.9);
}

.text-danger-surface\/95{
  color: rgb(245 181 185 / 0.95);
}

.text-gold{
  --tw-text-opacity: 1;
  color: rgb(173 143 107 / var(--tw-text-opacity));
}

.text-gold-100{
  --tw-text-opacity: 1;
  color: rgb(247 244 240 / var(--tw-text-opacity));
}

.text-gold-100\/0{
  color: rgb(247 244 240 / 0);
}

.text-gold-100\/10{
  color: rgb(247 244 240 / 0.1);
}

.text-gold-100\/100{
  color: rgb(247 244 240 / 1);
}

.text-gold-100\/20{
  color: rgb(247 244 240 / 0.2);
}

.text-gold-100\/25{
  color: rgb(247 244 240 / 0.25);
}

.text-gold-100\/30{
  color: rgb(247 244 240 / 0.3);
}

.text-gold-100\/40{
  color: rgb(247 244 240 / 0.4);
}

.text-gold-100\/5{
  color: rgb(247 244 240 / 0.05);
}

.text-gold-100\/50{
  color: rgb(247 244 240 / 0.5);
}

.text-gold-100\/60{
  color: rgb(247 244 240 / 0.6);
}

.text-gold-100\/70{
  color: rgb(247 244 240 / 0.7);
}

.text-gold-100\/75{
  color: rgb(247 244 240 / 0.75);
}

.text-gold-100\/80{
  color: rgb(247 244 240 / 0.8);
}

.text-gold-100\/90{
  color: rgb(247 244 240 / 0.9);
}

.text-gold-100\/95{
  color: rgb(247 244 240 / 0.95);
}

.text-gold-200{
  --tw-text-opacity: 1;
  color: rgb(239 233 225 / var(--tw-text-opacity));
}

.text-gold-200\/0{
  color: rgb(239 233 225 / 0);
}

.text-gold-200\/10{
  color: rgb(239 233 225 / 0.1);
}

.text-gold-200\/100{
  color: rgb(239 233 225 / 1);
}

.text-gold-200\/20{
  color: rgb(239 233 225 / 0.2);
}

.text-gold-200\/25{
  color: rgb(239 233 225 / 0.25);
}

.text-gold-200\/30{
  color: rgb(239 233 225 / 0.3);
}

.text-gold-200\/40{
  color: rgb(239 233 225 / 0.4);
}

.text-gold-200\/5{
  color: rgb(239 233 225 / 0.05);
}

.text-gold-200\/50{
  color: rgb(239 233 225 / 0.5);
}

.text-gold-200\/60{
  color: rgb(239 233 225 / 0.6);
}

.text-gold-200\/70{
  color: rgb(239 233 225 / 0.7);
}

.text-gold-200\/75{
  color: rgb(239 233 225 / 0.75);
}

.text-gold-200\/80{
  color: rgb(239 233 225 / 0.8);
}

.text-gold-200\/90{
  color: rgb(239 233 225 / 0.9);
}

.text-gold-200\/95{
  color: rgb(239 233 225 / 0.95);
}

.text-gold-300{
  --tw-text-opacity: 1;
  color: rgb(230 221 211 / var(--tw-text-opacity));
}

.text-gold-300\/0{
  color: rgb(230 221 211 / 0);
}

.text-gold-300\/10{
  color: rgb(230 221 211 / 0.1);
}

.text-gold-300\/100{
  color: rgb(230 221 211 / 1);
}

.text-gold-300\/20{
  color: rgb(230 221 211 / 0.2);
}

.text-gold-300\/25{
  color: rgb(230 221 211 / 0.25);
}

.text-gold-300\/30{
  color: rgb(230 221 211 / 0.3);
}

.text-gold-300\/40{
  color: rgb(230 221 211 / 0.4);
}

.text-gold-300\/5{
  color: rgb(230 221 211 / 0.05);
}

.text-gold-300\/50{
  color: rgb(230 221 211 / 0.5);
}

.text-gold-300\/60{
  color: rgb(230 221 211 / 0.6);
}

.text-gold-300\/70{
  color: rgb(230 221 211 / 0.7);
}

.text-gold-300\/75{
  color: rgb(230 221 211 / 0.75);
}

.text-gold-300\/80{
  color: rgb(230 221 211 / 0.8);
}

.text-gold-300\/90{
  color: rgb(230 221 211 / 0.9);
}

.text-gold-300\/95{
  color: rgb(230 221 211 / 0.95);
}

.text-gold-400{
  --tw-text-opacity: 1;
  color: rgb(222 210 196 / var(--tw-text-opacity));
}

.text-gold-400\/0{
  color: rgb(222 210 196 / 0);
}

.text-gold-400\/10{
  color: rgb(222 210 196 / 0.1);
}

.text-gold-400\/100{
  color: rgb(222 210 196 / 1);
}

.text-gold-400\/20{
  color: rgb(222 210 196 / 0.2);
}

.text-gold-400\/25{
  color: rgb(222 210 196 / 0.25);
}

.text-gold-400\/30{
  color: rgb(222 210 196 / 0.3);
}

.text-gold-400\/40{
  color: rgb(222 210 196 / 0.4);
}

.text-gold-400\/5{
  color: rgb(222 210 196 / 0.05);
}

.text-gold-400\/50{
  color: rgb(222 210 196 / 0.5);
}

.text-gold-400\/60{
  color: rgb(222 210 196 / 0.6);
}

.text-gold-400\/70{
  color: rgb(222 210 196 / 0.7);
}

.text-gold-400\/75{
  color: rgb(222 210 196 / 0.75);
}

.text-gold-400\/80{
  color: rgb(222 210 196 / 0.8);
}

.text-gold-400\/90{
  color: rgb(222 210 196 / 0.9);
}

.text-gold-400\/95{
  color: rgb(222 210 196 / 0.95);
}

.text-gold-500{
  --tw-text-opacity: 1;
  color: rgb(214 199 181 / var(--tw-text-opacity));
}

.text-gold-500\/0{
  color: rgb(214 199 181 / 0);
}

.text-gold-500\/10{
  color: rgb(214 199 181 / 0.1);
}

.text-gold-500\/100{
  color: rgb(214 199 181 / 1);
}

.text-gold-500\/20{
  color: rgb(214 199 181 / 0.2);
}

.text-gold-500\/25{
  color: rgb(214 199 181 / 0.25);
}

.text-gold-500\/30{
  color: rgb(214 199 181 / 0.3);
}

.text-gold-500\/40{
  color: rgb(214 199 181 / 0.4);
}

.text-gold-500\/5{
  color: rgb(214 199 181 / 0.05);
}

.text-gold-500\/50{
  color: rgb(214 199 181 / 0.5);
}

.text-gold-500\/60{
  color: rgb(214 199 181 / 0.6);
}

.text-gold-500\/70{
  color: rgb(214 199 181 / 0.7);
}

.text-gold-500\/75{
  color: rgb(214 199 181 / 0.75);
}

.text-gold-500\/80{
  color: rgb(214 199 181 / 0.8);
}

.text-gold-500\/90{
  color: rgb(214 199 181 / 0.9);
}

.text-gold-500\/95{
  color: rgb(214 199 181 / 0.95);
}

.text-gold-600{
  --tw-text-opacity: 1;
  color: rgb(206 188 166 / var(--tw-text-opacity));
}

.text-gold-600\/0{
  color: rgb(206 188 166 / 0);
}

.text-gold-600\/10{
  color: rgb(206 188 166 / 0.1);
}

.text-gold-600\/100{
  color: rgb(206 188 166 / 1);
}

.text-gold-600\/20{
  color: rgb(206 188 166 / 0.2);
}

.text-gold-600\/25{
  color: rgb(206 188 166 / 0.25);
}

.text-gold-600\/30{
  color: rgb(206 188 166 / 0.3);
}

.text-gold-600\/40{
  color: rgb(206 188 166 / 0.4);
}

.text-gold-600\/5{
  color: rgb(206 188 166 / 0.05);
}

.text-gold-600\/50{
  color: rgb(206 188 166 / 0.5);
}

.text-gold-600\/60{
  color: rgb(206 188 166 / 0.6);
}

.text-gold-600\/70{
  color: rgb(206 188 166 / 0.7);
}

.text-gold-600\/75{
  color: rgb(206 188 166 / 0.75);
}

.text-gold-600\/80{
  color: rgb(206 188 166 / 0.8);
}

.text-gold-600\/90{
  color: rgb(206 188 166 / 0.9);
}

.text-gold-600\/95{
  color: rgb(206 188 166 / 0.95);
}

.text-gold-700{
  --tw-text-opacity: 1;
  color: rgb(198 177 151 / var(--tw-text-opacity));
}

.text-gold-700\/0{
  color: rgb(198 177 151 / 0);
}

.text-gold-700\/10{
  color: rgb(198 177 151 / 0.1);
}

.text-gold-700\/100{
  color: rgb(198 177 151 / 1);
}

.text-gold-700\/20{
  color: rgb(198 177 151 / 0.2);
}

.text-gold-700\/25{
  color: rgb(198 177 151 / 0.25);
}

.text-gold-700\/30{
  color: rgb(198 177 151 / 0.3);
}

.text-gold-700\/40{
  color: rgb(198 177 151 / 0.4);
}

.text-gold-700\/5{
  color: rgb(198 177 151 / 0.05);
}

.text-gold-700\/50{
  color: rgb(198 177 151 / 0.5);
}

.text-gold-700\/60{
  color: rgb(198 177 151 / 0.6);
}

.text-gold-700\/70{
  color: rgb(198 177 151 / 0.7);
}

.text-gold-700\/75{
  color: rgb(198 177 151 / 0.75);
}

.text-gold-700\/80{
  color: rgb(198 177 151 / 0.8);
}

.text-gold-700\/90{
  color: rgb(198 177 151 / 0.9);
}

.text-gold-700\/95{
  color: rgb(198 177 151 / 0.95);
}

.text-gold-800{
  --tw-text-opacity: 1;
  color: rgb(189 165 137 / var(--tw-text-opacity));
}

.text-gold-800\/0{
  color: rgb(189 165 137 / 0);
}

.text-gold-800\/10{
  color: rgb(189 165 137 / 0.1);
}

.text-gold-800\/100{
  color: rgb(189 165 137 / 1);
}

.text-gold-800\/20{
  color: rgb(189 165 137 / 0.2);
}

.text-gold-800\/25{
  color: rgb(189 165 137 / 0.25);
}

.text-gold-800\/30{
  color: rgb(189 165 137 / 0.3);
}

.text-gold-800\/40{
  color: rgb(189 165 137 / 0.4);
}

.text-gold-800\/5{
  color: rgb(189 165 137 / 0.05);
}

.text-gold-800\/50{
  color: rgb(189 165 137 / 0.5);
}

.text-gold-800\/60{
  color: rgb(189 165 137 / 0.6);
}

.text-gold-800\/70{
  color: rgb(189 165 137 / 0.7);
}

.text-gold-800\/75{
  color: rgb(189 165 137 / 0.75);
}

.text-gold-800\/80{
  color: rgb(189 165 137 / 0.8);
}

.text-gold-800\/90{
  color: rgb(189 165 137 / 0.9);
}

.text-gold-800\/95{
  color: rgb(189 165 137 / 0.95);
}

.text-gold-900{
  --tw-text-opacity: 1;
  color: rgb(181 154 122 / var(--tw-text-opacity));
}

.text-gold-900\/0{
  color: rgb(181 154 122 / 0);
}

.text-gold-900\/10{
  color: rgb(181 154 122 / 0.1);
}

.text-gold-900\/100{
  color: rgb(181 154 122 / 1);
}

.text-gold-900\/20{
  color: rgb(181 154 122 / 0.2);
}

.text-gold-900\/25{
  color: rgb(181 154 122 / 0.25);
}

.text-gold-900\/30{
  color: rgb(181 154 122 / 0.3);
}

.text-gold-900\/40{
  color: rgb(181 154 122 / 0.4);
}

.text-gold-900\/5{
  color: rgb(181 154 122 / 0.05);
}

.text-gold-900\/50{
  color: rgb(181 154 122 / 0.5);
}

.text-gold-900\/60{
  color: rgb(181 154 122 / 0.6);
}

.text-gold-900\/70{
  color: rgb(181 154 122 / 0.7);
}

.text-gold-900\/75{
  color: rgb(181 154 122 / 0.75);
}

.text-gold-900\/80{
  color: rgb(181 154 122 / 0.8);
}

.text-gold-900\/90{
  color: rgb(181 154 122 / 0.9);
}

.text-gold-900\/95{
  color: rgb(181 154 122 / 0.95);
}

.text-gold\/0{
  color: rgb(173 143 107 / 0);
}

.text-gold\/10{
  color: rgb(173 143 107 / 0.1);
}

.text-gold\/100{
  color: rgb(173 143 107 / 1);
}

.text-gold\/20{
  color: rgb(173 143 107 / 0.2);
}

.text-gold\/25{
  color: rgb(173 143 107 / 0.25);
}

.text-gold\/30{
  color: rgb(173 143 107 / 0.3);
}

.text-gold\/40{
  color: rgb(173 143 107 / 0.4);
}

.text-gold\/5{
  color: rgb(173 143 107 / 0.05);
}

.text-gold\/50{
  color: rgb(173 143 107 / 0.5);
}

.text-gold\/60{
  color: rgb(173 143 107 / 0.6);
}

.text-gold\/70{
  color: rgb(173 143 107 / 0.7);
}

.text-gold\/75{
  color: rgb(173 143 107 / 0.75);
}

.text-gold\/80{
  color: rgb(173 143 107 / 0.8);
}

.text-gold\/90{
  color: rgb(173 143 107 / 0.9);
}

.text-gold\/95{
  color: rgb(173 143 107 / 0.95);
}

.text-primary{
  --tw-text-opacity: 1;
  color: rgb(18 94 250 / var(--tw-text-opacity));
}

.text-primary-100{
  --tw-text-opacity: 1;
  color: rgb(229 239 246 / var(--tw-text-opacity));
}

.text-primary-100\/0{
  color: rgb(229 239 246 / 0);
}

.text-primary-100\/10{
  color: rgb(229 239 246 / 0.1);
}

.text-primary-100\/100{
  color: rgb(229 239 246 / 1);
}

.text-primary-100\/20{
  color: rgb(229 239 246 / 0.2);
}

.text-primary-100\/25{
  color: rgb(229 239 246 / 0.25);
}

.text-primary-100\/30{
  color: rgb(229 239 246 / 0.3);
}

.text-primary-100\/40{
  color: rgb(229 239 246 / 0.4);
}

.text-primary-100\/5{
  color: rgb(229 239 246 / 0.05);
}

.text-primary-100\/50{
  color: rgb(229 239 246 / 0.5);
}

.text-primary-100\/60{
  color: rgb(229 239 246 / 0.6);
}

.text-primary-100\/70{
  color: rgb(229 239 246 / 0.7);
}

.text-primary-100\/75{
  color: rgb(229 239 246 / 0.75);
}

.text-primary-100\/80{
  color: rgb(229 239 246 / 0.8);
}

.text-primary-100\/90{
  color: rgb(229 239 246 / 0.9);
}

.text-primary-100\/95{
  color: rgb(229 239 246 / 0.95);
}

.text-primary-200{
  --tw-text-opacity: 1;
  color: rgb(204 223 237 / var(--tw-text-opacity));
}

.text-primary-200\/0{
  color: rgb(204 223 237 / 0);
}

.text-primary-200\/10{
  color: rgb(204 223 237 / 0.1);
}

.text-primary-200\/100{
  color: rgb(204 223 237 / 1);
}

.text-primary-200\/20{
  color: rgb(204 223 237 / 0.2);
}

.text-primary-200\/25{
  color: rgb(204 223 237 / 0.25);
}

.text-primary-200\/30{
  color: rgb(204 223 237 / 0.3);
}

.text-primary-200\/40{
  color: rgb(204 223 237 / 0.4);
}

.text-primary-200\/5{
  color: rgb(204 223 237 / 0.05);
}

.text-primary-200\/50{
  color: rgb(204 223 237 / 0.5);
}

.text-primary-200\/60{
  color: rgb(204 223 237 / 0.6);
}

.text-primary-200\/70{
  color: rgb(204 223 237 / 0.7);
}

.text-primary-200\/75{
  color: rgb(204 223 237 / 0.75);
}

.text-primary-200\/80{
  color: rgb(204 223 237 / 0.8);
}

.text-primary-200\/90{
  color: rgb(204 223 237 / 0.9);
}

.text-primary-200\/95{
  color: rgb(204 223 237 / 0.95);
}

.text-primary-300{
  --tw-text-opacity: 1;
  color: rgb(179 208 229 / var(--tw-text-opacity));
}

.text-primary-300\/0{
  color: rgb(179 208 229 / 0);
}

.text-primary-300\/10{
  color: rgb(179 208 229 / 0.1);
}

.text-primary-300\/100{
  color: rgb(179 208 229 / 1);
}

.text-primary-300\/20{
  color: rgb(179 208 229 / 0.2);
}

.text-primary-300\/25{
  color: rgb(179 208 229 / 0.25);
}

.text-primary-300\/30{
  color: rgb(179 208 229 / 0.3);
}

.text-primary-300\/40{
  color: rgb(179 208 229 / 0.4);
}

.text-primary-300\/5{
  color: rgb(179 208 229 / 0.05);
}

.text-primary-300\/50{
  color: rgb(179 208 229 / 0.5);
}

.text-primary-300\/60{
  color: rgb(179 208 229 / 0.6);
}

.text-primary-300\/70{
  color: rgb(179 208 229 / 0.7);
}

.text-primary-300\/75{
  color: rgb(179 208 229 / 0.75);
}

.text-primary-300\/80{
  color: rgb(179 208 229 / 0.8);
}

.text-primary-300\/90{
  color: rgb(179 208 229 / 0.9);
}

.text-primary-300\/95{
  color: rgb(179 208 229 / 0.95);
}

.text-primary-400{
  --tw-text-opacity: 1;
  color: rgb(153 192 220 / var(--tw-text-opacity));
}

.text-primary-400\/0{
  color: rgb(153 192 220 / 0);
}

.text-primary-400\/10{
  color: rgb(153 192 220 / 0.1);
}

.text-primary-400\/100{
  color: rgb(153 192 220 / 1);
}

.text-primary-400\/20{
  color: rgb(153 192 220 / 0.2);
}

.text-primary-400\/25{
  color: rgb(153 192 220 / 0.25);
}

.text-primary-400\/30{
  color: rgb(153 192 220 / 0.3);
}

.text-primary-400\/40{
  color: rgb(153 192 220 / 0.4);
}

.text-primary-400\/5{
  color: rgb(153 192 220 / 0.05);
}

.text-primary-400\/50{
  color: rgb(153 192 220 / 0.5);
}

.text-primary-400\/60{
  color: rgb(153 192 220 / 0.6);
}

.text-primary-400\/70{
  color: rgb(153 192 220 / 0.7);
}

.text-primary-400\/75{
  color: rgb(153 192 220 / 0.75);
}

.text-primary-400\/80{
  color: rgb(153 192 220 / 0.8);
}

.text-primary-400\/90{
  color: rgb(153 192 220 / 0.9);
}

.text-primary-400\/95{
  color: rgb(153 192 220 / 0.95);
}

.text-primary-500{
  --tw-text-opacity: 1;
  color: rgb(128 176 211 / var(--tw-text-opacity));
}

.text-primary-500\/0{
  color: rgb(128 176 211 / 0);
}

.text-primary-500\/10{
  color: rgb(128 176 211 / 0.1);
}

.text-primary-500\/100{
  color: rgb(128 176 211 / 1);
}

.text-primary-500\/20{
  color: rgb(128 176 211 / 0.2);
}

.text-primary-500\/25{
  color: rgb(128 176 211 / 0.25);
}

.text-primary-500\/30{
  color: rgb(128 176 211 / 0.3);
}

.text-primary-500\/40{
  color: rgb(128 176 211 / 0.4);
}

.text-primary-500\/5{
  color: rgb(128 176 211 / 0.05);
}

.text-primary-500\/50{
  color: rgb(128 176 211 / 0.5);
}

.text-primary-500\/60{
  color: rgb(128 176 211 / 0.6);
}

.text-primary-500\/70{
  color: rgb(128 176 211 / 0.7);
}

.text-primary-500\/75{
  color: rgb(128 176 211 / 0.75);
}

.text-primary-500\/80{
  color: rgb(128 176 211 / 0.8);
}

.text-primary-500\/90{
  color: rgb(128 176 211 / 0.9);
}

.text-primary-500\/95{
  color: rgb(128 176 211 / 0.95);
}

.text-primary-600{
  --tw-text-opacity: 1;
  color: rgb(102 160 202 / var(--tw-text-opacity));
}

.text-primary-600\/0{
  color: rgb(102 160 202 / 0);
}

.text-primary-600\/10{
  color: rgb(102 160 202 / 0.1);
}

.text-primary-600\/100{
  color: rgb(102 160 202 / 1);
}

.text-primary-600\/20{
  color: rgb(102 160 202 / 0.2);
}

.text-primary-600\/25{
  color: rgb(102 160 202 / 0.25);
}

.text-primary-600\/30{
  color: rgb(102 160 202 / 0.3);
}

.text-primary-600\/40{
  color: rgb(102 160 202 / 0.4);
}

.text-primary-600\/5{
  color: rgb(102 160 202 / 0.05);
}

.text-primary-600\/50{
  color: rgb(102 160 202 / 0.5);
}

.text-primary-600\/60{
  color: rgb(102 160 202 / 0.6);
}

.text-primary-600\/70{
  color: rgb(102 160 202 / 0.7);
}

.text-primary-600\/75{
  color: rgb(102 160 202 / 0.75);
}

.text-primary-600\/80{
  color: rgb(102 160 202 / 0.8);
}

.text-primary-600\/90{
  color: rgb(102 160 202 / 0.9);
}

.text-primary-600\/95{
  color: rgb(102 160 202 / 0.95);
}

.text-primary-700{
  --tw-text-opacity: 1;
  color: rgb(77 144 193 / var(--tw-text-opacity));
}

.text-primary-700\/0{
  color: rgb(77 144 193 / 0);
}

.text-primary-700\/10{
  color: rgb(77 144 193 / 0.1);
}

.text-primary-700\/100{
  color: rgb(77 144 193 / 1);
}

.text-primary-700\/20{
  color: rgb(77 144 193 / 0.2);
}

.text-primary-700\/25{
  color: rgb(77 144 193 / 0.25);
}

.text-primary-700\/30{
  color: rgb(77 144 193 / 0.3);
}

.text-primary-700\/40{
  color: rgb(77 144 193 / 0.4);
}

.text-primary-700\/5{
  color: rgb(77 144 193 / 0.05);
}

.text-primary-700\/50{
  color: rgb(77 144 193 / 0.5);
}

.text-primary-700\/60{
  color: rgb(77 144 193 / 0.6);
}

.text-primary-700\/70{
  color: rgb(77 144 193 / 0.7);
}

.text-primary-700\/75{
  color: rgb(77 144 193 / 0.75);
}

.text-primary-700\/80{
  color: rgb(77 144 193 / 0.8);
}

.text-primary-700\/90{
  color: rgb(77 144 193 / 0.9);
}

.text-primary-700\/95{
  color: rgb(77 144 193 / 0.95);
}

.text-primary-800{
  --tw-text-opacity: 1;
  color: rgb(51 129 185 / var(--tw-text-opacity));
}

.text-primary-800\/0{
  color: rgb(51 129 185 / 0);
}

.text-primary-800\/10{
  color: rgb(51 129 185 / 0.1);
}

.text-primary-800\/100{
  color: rgb(51 129 185 / 1);
}

.text-primary-800\/20{
  color: rgb(51 129 185 / 0.2);
}

.text-primary-800\/25{
  color: rgb(51 129 185 / 0.25);
}

.text-primary-800\/30{
  color: rgb(51 129 185 / 0.3);
}

.text-primary-800\/40{
  color: rgb(51 129 185 / 0.4);
}

.text-primary-800\/5{
  color: rgb(51 129 185 / 0.05);
}

.text-primary-800\/50{
  color: rgb(51 129 185 / 0.5);
}

.text-primary-800\/60{
  color: rgb(51 129 185 / 0.6);
}

.text-primary-800\/70{
  color: rgb(51 129 185 / 0.7);
}

.text-primary-800\/75{
  color: rgb(51 129 185 / 0.75);
}

.text-primary-800\/80{
  color: rgb(51 129 185 / 0.8);
}

.text-primary-800\/90{
  color: rgb(51 129 185 / 0.9);
}

.text-primary-800\/95{
  color: rgb(51 129 185 / 0.95);
}

.text-primary-900{
  --tw-text-opacity: 1;
  color: rgb(26 113 176 / var(--tw-text-opacity));
}

.text-primary-900\/0{
  color: rgb(26 113 176 / 0);
}

.text-primary-900\/10{
  color: rgb(26 113 176 / 0.1);
}

.text-primary-900\/100{
  color: rgb(26 113 176 / 1);
}

.text-primary-900\/20{
  color: rgb(26 113 176 / 0.2);
}

.text-primary-900\/25{
  color: rgb(26 113 176 / 0.25);
}

.text-primary-900\/30{
  color: rgb(26 113 176 / 0.3);
}

.text-primary-900\/40{
  color: rgb(26 113 176 / 0.4);
}

.text-primary-900\/5{
  color: rgb(26 113 176 / 0.05);
}

.text-primary-900\/50{
  color: rgb(26 113 176 / 0.5);
}

.text-primary-900\/60{
  color: rgb(26 113 176 / 0.6);
}

.text-primary-900\/70{
  color: rgb(26 113 176 / 0.7);
}

.text-primary-900\/75{
  color: rgb(26 113 176 / 0.75);
}

.text-primary-900\/80{
  color: rgb(26 113 176 / 0.8);
}

.text-primary-900\/90{
  color: rgb(26 113 176 / 0.9);
}

.text-primary-900\/95{
  color: rgb(26 113 176 / 0.95);
}

.text-primary\/0{
  color: rgb(0 97 167 / 0);
}

.text-primary\/10{
  color: rgb(0 97 167 / 0.1);
}

.text-primary\/100{
  color: rgb(0 97 167 / 1);
}

.text-primary\/20{
  color: rgb(0 97 167 / 0.2);
}

.text-primary\/25{
  color: rgb(0 97 167 / 0.25);
}

.text-primary\/30{
  color: rgb(0 97 167 / 0.3);
}

.text-primary\/40{
  color: rgb(0 97 167 / 0.4);
}

.text-primary\/5{
  color: rgb(0 97 167 / 0.05);
}

.text-primary\/50{
  color: rgb(0 97 167 / 0.5);
}

.text-primary\/60{
  color: rgb(0 97 167 / 0.6);
}

.text-primary\/70{
  color: rgb(0 97 167 / 0.7);
}

.text-primary\/75{
  color: rgb(0 97 167 / 0.75);
}

.text-primary\/80{
  color: rgb(0 97 167 / 0.8);
}

.text-primary\/90{
  color: rgb(0 97 167 / 0.9);
}

.text-primary\/95{
  color: rgb(0 97 167 / 0.95);
}

.text-primaryBlue{
  --tw-text-opacity: 1;
  color: rgb(18 94 250 / var(--tw-text-opacity));
}

.text-primaryBlue-light{
  --tw-text-opacity: 1;
  color: rgb(89 142 251 / var(--tw-text-opacity));
}

.text-primaryBlue-light\/0{
  color: rgb(89 142 251 / 0);
}

.text-primaryBlue-light\/10{
  color: rgb(89 142 251 / 0.1);
}

.text-primaryBlue-light\/100{
  color: rgb(89 142 251 / 1);
}

.text-primaryBlue-light\/20{
  color: rgb(89 142 251 / 0.2);
}

.text-primaryBlue-light\/25{
  color: rgb(89 142 251 / 0.25);
}

.text-primaryBlue-light\/30{
  color: rgb(89 142 251 / 0.3);
}

.text-primaryBlue-light\/40{
  color: rgb(89 142 251 / 0.4);
}

.text-primaryBlue-light\/5{
  color: rgb(89 142 251 / 0.05);
}

.text-primaryBlue-light\/50{
  color: rgb(89 142 251 / 0.5);
}

.text-primaryBlue-light\/60{
  color: rgb(89 142 251 / 0.6);
}

.text-primaryBlue-light\/70{
  color: rgb(89 142 251 / 0.7);
}

.text-primaryBlue-light\/75{
  color: rgb(89 142 251 / 0.75);
}

.text-primaryBlue-light\/80{
  color: rgb(89 142 251 / 0.8);
}

.text-primaryBlue-light\/90{
  color: rgb(89 142 251 / 0.9);
}

.text-primaryBlue-light\/95{
  color: rgb(89 142 251 / 0.95);
}

.text-primaryBlue\/0{
  color: rgb(18 94 250 / 0);
}

.text-primaryBlue\/10{
  color: rgb(18 94 250 / 0.1);
}

.text-primaryBlue\/100{
  color: rgb(18 94 250 / 1);
}

.text-primaryBlue\/20{
  color: rgb(18 94 250 / 0.2);
}

.text-primaryBlue\/25{
  color: rgb(18 94 250 / 0.25);
}

.text-primaryBlue\/30{
  color: rgb(18 94 250 / 0.3);
}

.text-primaryBlue\/40{
  color: rgb(18 94 250 / 0.4);
}

.text-primaryBlue\/5{
  color: rgb(18 94 250 / 0.05);
}

.text-primaryBlue\/50{
  color: rgb(18 94 250 / 0.5);
}

.text-primaryBlue\/60{
  color: rgb(18 94 250 / 0.6);
}

.text-primaryBlue\/70{
  color: rgb(18 94 250 / 0.7);
}

.text-primaryBlue\/75{
  color: rgb(18 94 250 / 0.75);
}

.text-primaryBlue\/80{
  color: rgb(18 94 250 / 0.8);
}

.text-primaryBlue\/90{
  color: rgb(18 94 250 / 0.9);
}

.text-primaryBlue\/95{
  color: rgb(18 94 250 / 0.95);
}

.text-primaryRed{
  --tw-text-opacity: 1;
  color: rgb(255 0 0 / var(--tw-text-opacity));
}

.text-primaryRed\/0{
  color: rgb(255 0 0 / 0);
}

.text-primaryRed\/10{
  color: rgb(255 0 0 / 0.1);
}

.text-primaryRed\/100{
  color: rgb(255 0 0 / 1);
}

.text-primaryRed\/20{
  color: rgb(255 0 0 / 0.2);
}

.text-primaryRed\/25{
  color: rgb(255 0 0 / 0.25);
}

.text-primaryRed\/30{
  color: rgb(255 0 0 / 0.3);
}

.text-primaryRed\/40{
  color: rgb(255 0 0 / 0.4);
}

.text-primaryRed\/5{
  color: rgb(255 0 0 / 0.05);
}

.text-primaryRed\/50{
  color: rgb(255 0 0 / 0.5);
}

.text-primaryRed\/60{
  color: rgb(255 0 0 / 0.6);
}

.text-primaryRed\/70{
  color: rgb(255 0 0 / 0.7);
}

.text-primaryRed\/75{
  color: rgb(255 0 0 / 0.75);
}

.text-primaryRed\/80{
  color: rgb(255 0 0 / 0.8);
}

.text-primaryRed\/90{
  color: rgb(255 0 0 / 0.9);
}

.text-primaryRed\/95{
  color: rgb(255 0 0 / 0.95);
}

.text-red{
  --tw-text-opacity: 1;
  color: rgb(220 7 20 / var(--tw-text-opacity));
}

.text-red-100{
  --tw-text-opacity: 1;
  color: rgb(251 230 231 / var(--tw-text-opacity));
}

.text-red-100\/0{
  color: rgb(251 230 231 / 0);
}

.text-red-100\/10{
  color: rgb(251 230 231 / 0.1);
}

.text-red-100\/100{
  color: rgb(251 230 231 / 1);
}

.text-red-100\/20{
  color: rgb(251 230 231 / 0.2);
}

.text-red-100\/25{
  color: rgb(251 230 231 / 0.25);
}

.text-red-100\/30{
  color: rgb(251 230 231 / 0.3);
}

.text-red-100\/40{
  color: rgb(251 230 231 / 0.4);
}

.text-red-100\/5{
  color: rgb(251 230 231 / 0.05);
}

.text-red-100\/50{
  color: rgb(251 230 231 / 0.5);
}

.text-red-100\/60{
  color: rgb(251 230 231 / 0.6);
}

.text-red-100\/70{
  color: rgb(251 230 231 / 0.7);
}

.text-red-100\/75{
  color: rgb(251 230 231 / 0.75);
}

.text-red-100\/80{
  color: rgb(251 230 231 / 0.8);
}

.text-red-100\/90{
  color: rgb(251 230 231 / 0.9);
}

.text-red-100\/95{
  color: rgb(251 230 231 / 0.95);
}

.text-red-200{
  --tw-text-opacity: 1;
  color: rgb(248 205 208 / var(--tw-text-opacity));
}

.text-red-200\/0{
  color: rgb(248 205 208 / 0);
}

.text-red-200\/10{
  color: rgb(248 205 208 / 0.1);
}

.text-red-200\/100{
  color: rgb(248 205 208 / 1);
}

.text-red-200\/20{
  color: rgb(248 205 208 / 0.2);
}

.text-red-200\/25{
  color: rgb(248 205 208 / 0.25);
}

.text-red-200\/30{
  color: rgb(248 205 208 / 0.3);
}

.text-red-200\/40{
  color: rgb(248 205 208 / 0.4);
}

.text-red-200\/5{
  color: rgb(248 205 208 / 0.05);
}

.text-red-200\/50{
  color: rgb(248 205 208 / 0.5);
}

.text-red-200\/60{
  color: rgb(248 205 208 / 0.6);
}

.text-red-200\/70{
  color: rgb(248 205 208 / 0.7);
}

.text-red-200\/75{
  color: rgb(248 205 208 / 0.75);
}

.text-red-200\/80{
  color: rgb(248 205 208 / 0.8);
}

.text-red-200\/90{
  color: rgb(248 205 208 / 0.9);
}

.text-red-200\/95{
  color: rgb(248 205 208 / 0.95);
}

.text-red-300{
  --tw-text-opacity: 1;
  color: rgb(245 181 185 / var(--tw-text-opacity));
}

.text-red-300\/0{
  color: rgb(245 181 185 / 0);
}

.text-red-300\/10{
  color: rgb(245 181 185 / 0.1);
}

.text-red-300\/100{
  color: rgb(245 181 185 / 1);
}

.text-red-300\/20{
  color: rgb(245 181 185 / 0.2);
}

.text-red-300\/25{
  color: rgb(245 181 185 / 0.25);
}

.text-red-300\/30{
  color: rgb(245 181 185 / 0.3);
}

.text-red-300\/40{
  color: rgb(245 181 185 / 0.4);
}

.text-red-300\/5{
  color: rgb(245 181 185 / 0.05);
}

.text-red-300\/50{
  color: rgb(245 181 185 / 0.5);
}

.text-red-300\/60{
  color: rgb(245 181 185 / 0.6);
}

.text-red-300\/70{
  color: rgb(245 181 185 / 0.7);
}

.text-red-300\/75{
  color: rgb(245 181 185 / 0.75);
}

.text-red-300\/80{
  color: rgb(245 181 185 / 0.8);
}

.text-red-300\/90{
  color: rgb(245 181 185 / 0.9);
}

.text-red-300\/95{
  color: rgb(245 181 185 / 0.95);
}

.text-red-400{
  --tw-text-opacity: 1;
  color: rgb(241 156 161 / var(--tw-text-opacity));
}

.text-red-400\/0{
  color: rgb(241 156 161 / 0);
}

.text-red-400\/10{
  color: rgb(241 156 161 / 0.1);
}

.text-red-400\/100{
  color: rgb(241 156 161 / 1);
}

.text-red-400\/20{
  color: rgb(241 156 161 / 0.2);
}

.text-red-400\/25{
  color: rgb(241 156 161 / 0.25);
}

.text-red-400\/30{
  color: rgb(241 156 161 / 0.3);
}

.text-red-400\/40{
  color: rgb(241 156 161 / 0.4);
}

.text-red-400\/5{
  color: rgb(241 156 161 / 0.05);
}

.text-red-400\/50{
  color: rgb(241 156 161 / 0.5);
}

.text-red-400\/60{
  color: rgb(241 156 161 / 0.6);
}

.text-red-400\/70{
  color: rgb(241 156 161 / 0.7);
}

.text-red-400\/75{
  color: rgb(241 156 161 / 0.75);
}

.text-red-400\/80{
  color: rgb(241 156 161 / 0.8);
}

.text-red-400\/90{
  color: rgb(241 156 161 / 0.9);
}

.text-red-400\/95{
  color: rgb(241 156 161 / 0.95);
}

.text-red-50{
  --tw-text-opacity: 1;
  color: rgb(254 242 242 / var(--tw-text-opacity));
}

.text-red-50\/0{
  color: rgb(254 242 242 / 0);
}

.text-red-50\/10{
  color: rgb(254 242 242 / 0.1);
}

.text-red-50\/100{
  color: rgb(254 242 242 / 1);
}

.text-red-50\/20{
  color: rgb(254 242 242 / 0.2);
}

.text-red-50\/25{
  color: rgb(254 242 242 / 0.25);
}

.text-red-50\/30{
  color: rgb(254 242 242 / 0.3);
}

.text-red-50\/40{
  color: rgb(254 242 242 / 0.4);
}

.text-red-50\/5{
  color: rgb(254 242 242 / 0.05);
}

.text-red-50\/50{
  color: rgb(254 242 242 / 0.5);
}

.text-red-50\/60{
  color: rgb(254 242 242 / 0.6);
}

.text-red-50\/70{
  color: rgb(254 242 242 / 0.7);
}

.text-red-50\/75{
  color: rgb(254 242 242 / 0.75);
}

.text-red-50\/80{
  color: rgb(254 242 242 / 0.8);
}

.text-red-50\/90{
  color: rgb(254 242 242 / 0.9);
}

.text-red-50\/95{
  color: rgb(254 242 242 / 0.95);
}

.text-red-500{
  --tw-text-opacity: 1;
  color: rgb(237 131 137 / var(--tw-text-opacity));
}

.text-red-500\/0{
  color: rgb(237 131 137 / 0);
}

.text-red-500\/10{
  color: rgb(237 131 137 / 0.1);
}

.text-red-500\/100{
  color: rgb(237 131 137 / 1);
}

.text-red-500\/20{
  color: rgb(237 131 137 / 0.2);
}

.text-red-500\/25{
  color: rgb(237 131 137 / 0.25);
}

.text-red-500\/30{
  color: rgb(237 131 137 / 0.3);
}

.text-red-500\/40{
  color: rgb(237 131 137 / 0.4);
}

.text-red-500\/5{
  color: rgb(237 131 137 / 0.05);
}

.text-red-500\/50{
  color: rgb(237 131 137 / 0.5);
}

.text-red-500\/60{
  color: rgb(237 131 137 / 0.6);
}

.text-red-500\/70{
  color: rgb(237 131 137 / 0.7);
}

.text-red-500\/75{
  color: rgb(237 131 137 / 0.75);
}

.text-red-500\/80{
  color: rgb(237 131 137 / 0.8);
}

.text-red-500\/90{
  color: rgb(237 131 137 / 0.9);
}

.text-red-500\/95{
  color: rgb(237 131 137 / 0.95);
}

.text-red-600{
  --tw-text-opacity: 1;
  color: rgb(234 106 114 / var(--tw-text-opacity));
}

.text-red-600\/0{
  color: rgb(234 106 114 / 0);
}

.text-red-600\/10{
  color: rgb(234 106 114 / 0.1);
}

.text-red-600\/100{
  color: rgb(234 106 114 / 1);
}

.text-red-600\/20{
  color: rgb(234 106 114 / 0.2);
}

.text-red-600\/25{
  color: rgb(234 106 114 / 0.25);
}

.text-red-600\/30{
  color: rgb(234 106 114 / 0.3);
}

.text-red-600\/40{
  color: rgb(234 106 114 / 0.4);
}

.text-red-600\/5{
  color: rgb(234 106 114 / 0.05);
}

.text-red-600\/50{
  color: rgb(234 106 114 / 0.5);
}

.text-red-600\/60{
  color: rgb(234 106 114 / 0.6);
}

.text-red-600\/70{
  color: rgb(234 106 114 / 0.7);
}

.text-red-600\/75{
  color: rgb(234 106 114 / 0.75);
}

.text-red-600\/80{
  color: rgb(234 106 114 / 0.8);
}

.text-red-600\/90{
  color: rgb(234 106 114 / 0.9);
}

.text-red-600\/95{
  color: rgb(234 106 114 / 0.95);
}

.text-red-700{
  --tw-text-opacity: 1;
  color: rgb(231 81 91 / var(--tw-text-opacity));
}

.text-red-700\/0{
  color: rgb(231 81 91 / 0);
}

.text-red-700\/10{
  color: rgb(231 81 91 / 0.1);
}

.text-red-700\/100{
  color: rgb(231 81 91 / 1);
}

.text-red-700\/20{
  color: rgb(231 81 91 / 0.2);
}

.text-red-700\/25{
  color: rgb(231 81 91 / 0.25);
}

.text-red-700\/30{
  color: rgb(231 81 91 / 0.3);
}

.text-red-700\/40{
  color: rgb(231 81 91 / 0.4);
}

.text-red-700\/5{
  color: rgb(231 81 91 / 0.05);
}

.text-red-700\/50{
  color: rgb(231 81 91 / 0.5);
}

.text-red-700\/60{
  color: rgb(231 81 91 / 0.6);
}

.text-red-700\/70{
  color: rgb(231 81 91 / 0.7);
}

.text-red-700\/75{
  color: rgb(231 81 91 / 0.75);
}

.text-red-700\/80{
  color: rgb(231 81 91 / 0.8);
}

.text-red-700\/90{
  color: rgb(231 81 91 / 0.9);
}

.text-red-700\/95{
  color: rgb(231 81 91 / 0.95);
}

.text-red-800{
  --tw-text-opacity: 1;
  color: rgb(227 57 67 / var(--tw-text-opacity));
}

.text-red-800\/0{
  color: rgb(227 57 67 / 0);
}

.text-red-800\/10{
  color: rgb(227 57 67 / 0.1);
}

.text-red-800\/100{
  color: rgb(227 57 67 / 1);
}

.text-red-800\/20{
  color: rgb(227 57 67 / 0.2);
}

.text-red-800\/25{
  color: rgb(227 57 67 / 0.25);
}

.text-red-800\/30{
  color: rgb(227 57 67 / 0.3);
}

.text-red-800\/40{
  color: rgb(227 57 67 / 0.4);
}

.text-red-800\/5{
  color: rgb(227 57 67 / 0.05);
}

.text-red-800\/50{
  color: rgb(227 57 67 / 0.5);
}

.text-red-800\/60{
  color: rgb(227 57 67 / 0.6);
}

.text-red-800\/70{
  color: rgb(227 57 67 / 0.7);
}

.text-red-800\/75{
  color: rgb(227 57 67 / 0.75);
}

.text-red-800\/80{
  color: rgb(227 57 67 / 0.8);
}

.text-red-800\/90{
  color: rgb(227 57 67 / 0.9);
}

.text-red-800\/95{
  color: rgb(227 57 67 / 0.95);
}

.text-red-900{
  --tw-text-opacity: 1;
  color: rgb(223 32 44 / var(--tw-text-opacity));
}

.text-red-900\/0{
  color: rgb(223 32 44 / 0);
}

.text-red-900\/10{
  color: rgb(223 32 44 / 0.1);
}

.text-red-900\/100{
  color: rgb(223 32 44 / 1);
}

.text-red-900\/20{
  color: rgb(223 32 44 / 0.2);
}

.text-red-900\/25{
  color: rgb(223 32 44 / 0.25);
}

.text-red-900\/30{
  color: rgb(223 32 44 / 0.3);
}

.text-red-900\/40{
  color: rgb(223 32 44 / 0.4);
}

.text-red-900\/5{
  color: rgb(223 32 44 / 0.05);
}

.text-red-900\/50{
  color: rgb(223 32 44 / 0.5);
}

.text-red-900\/60{
  color: rgb(223 32 44 / 0.6);
}

.text-red-900\/70{
  color: rgb(223 32 44 / 0.7);
}

.text-red-900\/75{
  color: rgb(223 32 44 / 0.75);
}

.text-red-900\/80{
  color: rgb(223 32 44 / 0.8);
}

.text-red-900\/90{
  color: rgb(223 32 44 / 0.9);
}

.text-red-900\/95{
  color: rgb(223 32 44 / 0.95);
}

.text-red-950{
  --tw-text-opacity: 1;
  color: rgb(69 10 10 / var(--tw-text-opacity));
}

.text-red-950\/0{
  color: rgb(69 10 10 / 0);
}

.text-red-950\/10{
  color: rgb(69 10 10 / 0.1);
}

.text-red-950\/100{
  color: rgb(69 10 10 / 1);
}

.text-red-950\/20{
  color: rgb(69 10 10 / 0.2);
}

.text-red-950\/25{
  color: rgb(69 10 10 / 0.25);
}

.text-red-950\/30{
  color: rgb(69 10 10 / 0.3);
}

.text-red-950\/40{
  color: rgb(69 10 10 / 0.4);
}

.text-red-950\/5{
  color: rgb(69 10 10 / 0.05);
}

.text-red-950\/50{
  color: rgb(69 10 10 / 0.5);
}

.text-red-950\/60{
  color: rgb(69 10 10 / 0.6);
}

.text-red-950\/70{
  color: rgb(69 10 10 / 0.7);
}

.text-red-950\/75{
  color: rgb(69 10 10 / 0.75);
}

.text-red-950\/80{
  color: rgb(69 10 10 / 0.8);
}

.text-red-950\/90{
  color: rgb(69 10 10 / 0.9);
}

.text-red-950\/95{
  color: rgb(69 10 10 / 0.95);
}

.text-red\/0{
  color: rgb(220 7 20 / 0);
}

.text-red\/10{
  color: rgb(220 7 20 / 0.1);
}

.text-red\/100{
  color: rgb(220 7 20 / 1);
}

.text-red\/20{
  color: rgb(220 7 20 / 0.2);
}

.text-red\/25{
  color: rgb(220 7 20 / 0.25);
}

.text-red\/30{
  color: rgb(220 7 20 / 0.3);
}

.text-red\/40{
  color: rgb(220 7 20 / 0.4);
}

.text-red\/5{
  color: rgb(220 7 20 / 0.05);
}

.text-red\/50{
  color: rgb(220 7 20 / 0.5);
}

.text-red\/60{
  color: rgb(220 7 20 / 0.6);
}

.text-red\/70{
  color: rgb(220 7 20 / 0.7);
}

.text-red\/75{
  color: rgb(220 7 20 / 0.75);
}

.text-red\/80{
  color: rgb(220 7 20 / 0.8);
}

.text-red\/90{
  color: rgb(220 7 20 / 0.9);
}

.text-red\/95{
  color: rgb(220 7 20 / 0.95);
}

.text-success-border{
  --tw-text-opacity: 1;
  color: rgb(69 175 135 / var(--tw-text-opacity));
}

.text-success-border\/0{
  color: rgb(69 175 135 / 0);
}

.text-success-border\/10{
  color: rgb(69 175 135 / 0.1);
}

.text-success-border\/100{
  color: rgb(69 175 135 / 1);
}

.text-success-border\/20{
  color: rgb(69 175 135 / 0.2);
}

.text-success-border\/25{
  color: rgb(69 175 135 / 0.25);
}

.text-success-border\/30{
  color: rgb(69 175 135 / 0.3);
}

.text-success-border\/40{
  color: rgb(69 175 135 / 0.4);
}

.text-success-border\/5{
  color: rgb(69 175 135 / 0.05);
}

.text-success-border\/50{
  color: rgb(69 175 135 / 0.5);
}

.text-success-border\/60{
  color: rgb(69 175 135 / 0.6);
}

.text-success-border\/70{
  color: rgb(69 175 135 / 0.7);
}

.text-success-border\/75{
  color: rgb(69 175 135 / 0.75);
}

.text-success-border\/80{
  color: rgb(69 175 135 / 0.8);
}

.text-success-border\/90{
  color: rgb(69 175 135 / 0.9);
}

.text-success-border\/95{
  color: rgb(69 175 135 / 0.95);
}

.text-success-main{
  --tw-text-opacity: 1;
  color: rgb(22 155 105 / var(--tw-text-opacity));
}

.text-success-main\/0{
  color: rgb(22 155 105 / 0);
}

.text-success-main\/10{
  color: rgb(22 155 105 / 0.1);
}

.text-success-main\/100{
  color: rgb(22 155 105 / 1);
}

.text-success-main\/20{
  color: rgb(22 155 105 / 0.2);
}

.text-success-main\/25{
  color: rgb(22 155 105 / 0.25);
}

.text-success-main\/30{
  color: rgb(22 155 105 / 0.3);
}

.text-success-main\/40{
  color: rgb(22 155 105 / 0.4);
}

.text-success-main\/5{
  color: rgb(22 155 105 / 0.05);
}

.text-success-main\/50{
  color: rgb(22 155 105 / 0.5);
}

.text-success-main\/60{
  color: rgb(22 155 105 / 0.6);
}

.text-success-main\/70{
  color: rgb(22 155 105 / 0.7);
}

.text-success-main\/75{
  color: rgb(22 155 105 / 0.75);
}

.text-success-main\/80{
  color: rgb(22 155 105 / 0.8);
}

.text-success-main\/90{
  color: rgb(22 155 105 / 0.9);
}

.text-success-main\/95{
  color: rgb(22 155 105 / 0.95);
}

.text-success-surface{
  --tw-text-opacity: 1;
  color: rgb(162 215 195 / var(--tw-text-opacity));
}

.text-success-surface\/0{
  color: rgb(162 215 195 / 0);
}

.text-success-surface\/10{
  color: rgb(162 215 195 / 0.1);
}

.text-success-surface\/100{
  color: rgb(162 215 195 / 1);
}

.text-success-surface\/20{
  color: rgb(162 215 195 / 0.2);
}

.text-success-surface\/25{
  color: rgb(162 215 195 / 0.25);
}

.text-success-surface\/30{
  color: rgb(162 215 195 / 0.3);
}

.text-success-surface\/40{
  color: rgb(162 215 195 / 0.4);
}

.text-success-surface\/5{
  color: rgb(162 215 195 / 0.05);
}

.text-success-surface\/50{
  color: rgb(162 215 195 / 0.5);
}

.text-success-surface\/60{
  color: rgb(162 215 195 / 0.6);
}

.text-success-surface\/70{
  color: rgb(162 215 195 / 0.7);
}

.text-success-surface\/75{
  color: rgb(162 215 195 / 0.75);
}

.text-success-surface\/80{
  color: rgb(162 215 195 / 0.8);
}

.text-success-surface\/90{
  color: rgb(162 215 195 / 0.9);
}

.text-success-surface\/95{
  color: rgb(162 215 195 / 0.95);
}

.text-warning-border{
  --tw-text-opacity: 1;
  color: rgb(255 235 102 / var(--tw-text-opacity));
}

.text-warning-border\/0{
  color: rgb(255 235 102 / 0);
}

.text-warning-border\/10{
  color: rgb(255 235 102 / 0.1);
}

.text-warning-border\/100{
  color: rgb(255 235 102 / 1);
}

.text-warning-border\/20{
  color: rgb(255 235 102 / 0.2);
}

.text-warning-border\/25{
  color: rgb(255 235 102 / 0.25);
}

.text-warning-border\/30{
  color: rgb(255 235 102 / 0.3);
}

.text-warning-border\/40{
  color: rgb(255 235 102 / 0.4);
}

.text-warning-border\/5{
  color: rgb(255 235 102 / 0.05);
}

.text-warning-border\/50{
  color: rgb(255 235 102 / 0.5);
}

.text-warning-border\/60{
  color: rgb(255 235 102 / 0.6);
}

.text-warning-border\/70{
  color: rgb(255 235 102 / 0.7);
}

.text-warning-border\/75{
  color: rgb(255 235 102 / 0.75);
}

.text-warning-border\/80{
  color: rgb(255 235 102 / 0.8);
}

.text-warning-border\/90{
  color: rgb(255 235 102 / 0.9);
}

.text-warning-border\/95{
  color: rgb(255 235 102 / 0.95);
}

.text-warning-main{
  --tw-text-opacity: 1;
  color: rgb(255 221 0 / var(--tw-text-opacity));
}

.text-warning-main\/0{
  color: rgb(255 221 0 / 0);
}

.text-warning-main\/10{
  color: rgb(255 221 0 / 0.1);
}

.text-warning-main\/100{
  color: rgb(255 221 0 / 1);
}

.text-warning-main\/20{
  color: rgb(255 221 0 / 0.2);
}

.text-warning-main\/25{
  color: rgb(255 221 0 / 0.25);
}

.text-warning-main\/30{
  color: rgb(255 221 0 / 0.3);
}

.text-warning-main\/40{
  color: rgb(255 221 0 / 0.4);
}

.text-warning-main\/5{
  color: rgb(255 221 0 / 0.05);
}

.text-warning-main\/50{
  color: rgb(255 221 0 / 0.5);
}

.text-warning-main\/60{
  color: rgb(255 221 0 / 0.6);
}

.text-warning-main\/70{
  color: rgb(255 221 0 / 0.7);
}

.text-warning-main\/75{
  color: rgb(255 221 0 / 0.75);
}

.text-warning-main\/80{
  color: rgb(255 221 0 / 0.8);
}

.text-warning-main\/90{
  color: rgb(255 221 0 / 0.9);
}

.text-warning-main\/95{
  color: rgb(255 221 0 / 0.95);
}

.text-warning-surface{
  --tw-text-opacity: 1;
  color: rgb(255 241 153 / var(--tw-text-opacity));
}

.text-warning-surface\/0{
  color: rgb(255 241 153 / 0);
}

.text-warning-surface\/10{
  color: rgb(255 241 153 / 0.1);
}

.text-warning-surface\/100{
  color: rgb(255 241 153 / 1);
}

.text-warning-surface\/20{
  color: rgb(255 241 153 / 0.2);
}

.text-warning-surface\/25{
  color: rgb(255 241 153 / 0.25);
}

.text-warning-surface\/30{
  color: rgb(255 241 153 / 0.3);
}

.text-warning-surface\/40{
  color: rgb(255 241 153 / 0.4);
}

.text-warning-surface\/5{
  color: rgb(255 241 153 / 0.05);
}

.text-warning-surface\/50{
  color: rgb(255 241 153 / 0.5);
}

.text-warning-surface\/60{
  color: rgb(255 241 153 / 0.6);
}

.text-warning-surface\/70{
  color: rgb(255 241 153 / 0.7);
}

.text-warning-surface\/75{
  color: rgb(255 241 153 / 0.75);
}

.text-warning-surface\/80{
  color: rgb(255 241 153 / 0.8);
}

.text-warning-surface\/90{
  color: rgb(255 241 153 / 0.9);
}

.text-warning-surface\/95{
  color: rgb(255 241 153 / 0.95);
}

.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.text-yellow{
  --tw-text-opacity: 1;
  color: rgb(255 221 0 / var(--tw-text-opacity));
}

.text-yellow-100{
  --tw-text-opacity: 1;
  color: rgb(255 252 229 / var(--tw-text-opacity));
}

.text-yellow-100\/0{
  color: rgb(255 252 229 / 0);
}

.text-yellow-100\/10{
  color: rgb(255 252 229 / 0.1);
}

.text-yellow-100\/100{
  color: rgb(255 252 229 / 1);
}

.text-yellow-100\/20{
  color: rgb(255 252 229 / 0.2);
}

.text-yellow-100\/25{
  color: rgb(255 252 229 / 0.25);
}

.text-yellow-100\/30{
  color: rgb(255 252 229 / 0.3);
}

.text-yellow-100\/40{
  color: rgb(255 252 229 / 0.4);
}

.text-yellow-100\/5{
  color: rgb(255 252 229 / 0.05);
}

.text-yellow-100\/50{
  color: rgb(255 252 229 / 0.5);
}

.text-yellow-100\/60{
  color: rgb(255 252 229 / 0.6);
}

.text-yellow-100\/70{
  color: rgb(255 252 229 / 0.7);
}

.text-yellow-100\/75{
  color: rgb(255 252 229 / 0.75);
}

.text-yellow-100\/80{
  color: rgb(255 252 229 / 0.8);
}

.text-yellow-100\/90{
  color: rgb(255 252 229 / 0.9);
}

.text-yellow-100\/95{
  color: rgb(255 252 229 / 0.95);
}

.text-yellow-200{
  --tw-text-opacity: 1;
  color: rgb(255 248 204 / var(--tw-text-opacity));
}

.text-yellow-200\/0{
  color: rgb(255 248 204 / 0);
}

.text-yellow-200\/10{
  color: rgb(255 248 204 / 0.1);
}

.text-yellow-200\/100{
  color: rgb(255 248 204 / 1);
}

.text-yellow-200\/20{
  color: rgb(255 248 204 / 0.2);
}

.text-yellow-200\/25{
  color: rgb(255 248 204 / 0.25);
}

.text-yellow-200\/30{
  color: rgb(255 248 204 / 0.3);
}

.text-yellow-200\/40{
  color: rgb(255 248 204 / 0.4);
}

.text-yellow-200\/5{
  color: rgb(255 248 204 / 0.05);
}

.text-yellow-200\/50{
  color: rgb(255 248 204 / 0.5);
}

.text-yellow-200\/60{
  color: rgb(255 248 204 / 0.6);
}

.text-yellow-200\/70{
  color: rgb(255 248 204 / 0.7);
}

.text-yellow-200\/75{
  color: rgb(255 248 204 / 0.75);
}

.text-yellow-200\/80{
  color: rgb(255 248 204 / 0.8);
}

.text-yellow-200\/90{
  color: rgb(255 248 204 / 0.9);
}

.text-yellow-200\/95{
  color: rgb(255 248 204 / 0.95);
}

.text-yellow-300{
  --tw-text-opacity: 1;
  color: rgb(255 245 179 / var(--tw-text-opacity));
}

.text-yellow-300\/0{
  color: rgb(255 245 179 / 0);
}

.text-yellow-300\/10{
  color: rgb(255 245 179 / 0.1);
}

.text-yellow-300\/100{
  color: rgb(255 245 179 / 1);
}

.text-yellow-300\/20{
  color: rgb(255 245 179 / 0.2);
}

.text-yellow-300\/25{
  color: rgb(255 245 179 / 0.25);
}

.text-yellow-300\/30{
  color: rgb(255 245 179 / 0.3);
}

.text-yellow-300\/40{
  color: rgb(255 245 179 / 0.4);
}

.text-yellow-300\/5{
  color: rgb(255 245 179 / 0.05);
}

.text-yellow-300\/50{
  color: rgb(255 245 179 / 0.5);
}

.text-yellow-300\/60{
  color: rgb(255 245 179 / 0.6);
}

.text-yellow-300\/70{
  color: rgb(255 245 179 / 0.7);
}

.text-yellow-300\/75{
  color: rgb(255 245 179 / 0.75);
}

.text-yellow-300\/80{
  color: rgb(255 245 179 / 0.8);
}

.text-yellow-300\/90{
  color: rgb(255 245 179 / 0.9);
}

.text-yellow-300\/95{
  color: rgb(255 245 179 / 0.95);
}

.text-yellow-400{
  --tw-text-opacity: 1;
  color: rgb(255 241 153 / var(--tw-text-opacity));
}

.text-yellow-400\/0{
  color: rgb(255 241 153 / 0);
}

.text-yellow-400\/10{
  color: rgb(255 241 153 / 0.1);
}

.text-yellow-400\/100{
  color: rgb(255 241 153 / 1);
}

.text-yellow-400\/20{
  color: rgb(255 241 153 / 0.2);
}

.text-yellow-400\/25{
  color: rgb(255 241 153 / 0.25);
}

.text-yellow-400\/30{
  color: rgb(255 241 153 / 0.3);
}

.text-yellow-400\/40{
  color: rgb(255 241 153 / 0.4);
}

.text-yellow-400\/5{
  color: rgb(255 241 153 / 0.05);
}

.text-yellow-400\/50{
  color: rgb(255 241 153 / 0.5);
}

.text-yellow-400\/60{
  color: rgb(255 241 153 / 0.6);
}

.text-yellow-400\/70{
  color: rgb(255 241 153 / 0.7);
}

.text-yellow-400\/75{
  color: rgb(255 241 153 / 0.75);
}

.text-yellow-400\/80{
  color: rgb(255 241 153 / 0.8);
}

.text-yellow-400\/90{
  color: rgb(255 241 153 / 0.9);
}

.text-yellow-400\/95{
  color: rgb(255 241 153 / 0.95);
}

.text-yellow-50{
  --tw-text-opacity: 1;
  color: rgb(254 252 232 / var(--tw-text-opacity));
}

.text-yellow-50\/0{
  color: rgb(254 252 232 / 0);
}

.text-yellow-50\/10{
  color: rgb(254 252 232 / 0.1);
}

.text-yellow-50\/100{
  color: rgb(254 252 232 / 1);
}

.text-yellow-50\/20{
  color: rgb(254 252 232 / 0.2);
}

.text-yellow-50\/25{
  color: rgb(254 252 232 / 0.25);
}

.text-yellow-50\/30{
  color: rgb(254 252 232 / 0.3);
}

.text-yellow-50\/40{
  color: rgb(254 252 232 / 0.4);
}

.text-yellow-50\/5{
  color: rgb(254 252 232 / 0.05);
}

.text-yellow-50\/50{
  color: rgb(254 252 232 / 0.5);
}

.text-yellow-50\/60{
  color: rgb(254 252 232 / 0.6);
}

.text-yellow-50\/70{
  color: rgb(254 252 232 / 0.7);
}

.text-yellow-50\/75{
  color: rgb(254 252 232 / 0.75);
}

.text-yellow-50\/80{
  color: rgb(254 252 232 / 0.8);
}

.text-yellow-50\/90{
  color: rgb(254 252 232 / 0.9);
}

.text-yellow-50\/95{
  color: rgb(254 252 232 / 0.95);
}

.text-yellow-500{
  --tw-text-opacity: 1;
  color: rgb(255 238 128 / var(--tw-text-opacity));
}

.text-yellow-500\/0{
  color: rgb(255 238 128 / 0);
}

.text-yellow-500\/10{
  color: rgb(255 238 128 / 0.1);
}

.text-yellow-500\/100{
  color: rgb(255 238 128 / 1);
}

.text-yellow-500\/20{
  color: rgb(255 238 128 / 0.2);
}

.text-yellow-500\/25{
  color: rgb(255 238 128 / 0.25);
}

.text-yellow-500\/30{
  color: rgb(255 238 128 / 0.3);
}

.text-yellow-500\/40{
  color: rgb(255 238 128 / 0.4);
}

.text-yellow-500\/5{
  color: rgb(255 238 128 / 0.05);
}

.text-yellow-500\/50{
  color: rgb(255 238 128 / 0.5);
}

.text-yellow-500\/60{
  color: rgb(255 238 128 / 0.6);
}

.text-yellow-500\/70{
  color: rgb(255 238 128 / 0.7);
}

.text-yellow-500\/75{
  color: rgb(255 238 128 / 0.75);
}

.text-yellow-500\/80{
  color: rgb(255 238 128 / 0.8);
}

.text-yellow-500\/90{
  color: rgb(255 238 128 / 0.9);
}

.text-yellow-500\/95{
  color: rgb(255 238 128 / 0.95);
}

.text-yellow-600{
  --tw-text-opacity: 1;
  color: rgb(255 235 102 / var(--tw-text-opacity));
}

.text-yellow-600\/0{
  color: rgb(255 235 102 / 0);
}

.text-yellow-600\/10{
  color: rgb(255 235 102 / 0.1);
}

.text-yellow-600\/100{
  color: rgb(255 235 102 / 1);
}

.text-yellow-600\/20{
  color: rgb(255 235 102 / 0.2);
}

.text-yellow-600\/25{
  color: rgb(255 235 102 / 0.25);
}

.text-yellow-600\/30{
  color: rgb(255 235 102 / 0.3);
}

.text-yellow-600\/40{
  color: rgb(255 235 102 / 0.4);
}

.text-yellow-600\/5{
  color: rgb(255 235 102 / 0.05);
}

.text-yellow-600\/50{
  color: rgb(255 235 102 / 0.5);
}

.text-yellow-600\/60{
  color: rgb(255 235 102 / 0.6);
}

.text-yellow-600\/70{
  color: rgb(255 235 102 / 0.7);
}

.text-yellow-600\/75{
  color: rgb(255 235 102 / 0.75);
}

.text-yellow-600\/80{
  color: rgb(255 235 102 / 0.8);
}

.text-yellow-600\/90{
  color: rgb(255 235 102 / 0.9);
}

.text-yellow-600\/95{
  color: rgb(255 235 102 / 0.95);
}

.text-yellow-700{
  --tw-text-opacity: 1;
  color: rgb(255 231 77 / var(--tw-text-opacity));
}

.text-yellow-700\/0{
  color: rgb(255 231 77 / 0);
}

.text-yellow-700\/10{
  color: rgb(255 231 77 / 0.1);
}

.text-yellow-700\/100{
  color: rgb(255 231 77 / 1);
}

.text-yellow-700\/20{
  color: rgb(255 231 77 / 0.2);
}

.text-yellow-700\/25{
  color: rgb(255 231 77 / 0.25);
}

.text-yellow-700\/30{
  color: rgb(255 231 77 / 0.3);
}

.text-yellow-700\/40{
  color: rgb(255 231 77 / 0.4);
}

.text-yellow-700\/5{
  color: rgb(255 231 77 / 0.05);
}

.text-yellow-700\/50{
  color: rgb(255 231 77 / 0.5);
}

.text-yellow-700\/60{
  color: rgb(255 231 77 / 0.6);
}

.text-yellow-700\/70{
  color: rgb(255 231 77 / 0.7);
}

.text-yellow-700\/75{
  color: rgb(255 231 77 / 0.75);
}

.text-yellow-700\/80{
  color: rgb(255 231 77 / 0.8);
}

.text-yellow-700\/90{
  color: rgb(255 231 77 / 0.9);
}

.text-yellow-700\/95{
  color: rgb(255 231 77 / 0.95);
}

.text-yellow-800{
  --tw-text-opacity: 1;
  color: rgb(255 228 51 / var(--tw-text-opacity));
}

.text-yellow-800\/0{
  color: rgb(255 228 51 / 0);
}

.text-yellow-800\/10{
  color: rgb(255 228 51 / 0.1);
}

.text-yellow-800\/100{
  color: rgb(255 228 51 / 1);
}

.text-yellow-800\/20{
  color: rgb(255 228 51 / 0.2);
}

.text-yellow-800\/25{
  color: rgb(255 228 51 / 0.25);
}

.text-yellow-800\/30{
  color: rgb(255 228 51 / 0.3);
}

.text-yellow-800\/40{
  color: rgb(255 228 51 / 0.4);
}

.text-yellow-800\/5{
  color: rgb(255 228 51 / 0.05);
}

.text-yellow-800\/50{
  color: rgb(255 228 51 / 0.5);
}

.text-yellow-800\/60{
  color: rgb(255 228 51 / 0.6);
}

.text-yellow-800\/70{
  color: rgb(255 228 51 / 0.7);
}

.text-yellow-800\/75{
  color: rgb(255 228 51 / 0.75);
}

.text-yellow-800\/80{
  color: rgb(255 228 51 / 0.8);
}

.text-yellow-800\/90{
  color: rgb(255 228 51 / 0.9);
}

.text-yellow-800\/95{
  color: rgb(255 228 51 / 0.95);
}

.text-yellow-900{
  --tw-text-opacity: 1;
  color: rgb(255 224 26 / var(--tw-text-opacity));
}

.text-yellow-900\/0{
  color: rgb(255 224 26 / 0);
}

.text-yellow-900\/10{
  color: rgb(255 224 26 / 0.1);
}

.text-yellow-900\/100{
  color: rgb(255 224 26 / 1);
}

.text-yellow-900\/20{
  color: rgb(255 224 26 / 0.2);
}

.text-yellow-900\/25{
  color: rgb(255 224 26 / 0.25);
}

.text-yellow-900\/30{
  color: rgb(255 224 26 / 0.3);
}

.text-yellow-900\/40{
  color: rgb(255 224 26 / 0.4);
}

.text-yellow-900\/5{
  color: rgb(255 224 26 / 0.05);
}

.text-yellow-900\/50{
  color: rgb(255 224 26 / 0.5);
}

.text-yellow-900\/60{
  color: rgb(255 224 26 / 0.6);
}

.text-yellow-900\/70{
  color: rgb(255 224 26 / 0.7);
}

.text-yellow-900\/75{
  color: rgb(255 224 26 / 0.75);
}

.text-yellow-900\/80{
  color: rgb(255 224 26 / 0.8);
}

.text-yellow-900\/90{
  color: rgb(255 224 26 / 0.9);
}

.text-yellow-900\/95{
  color: rgb(255 224 26 / 0.95);
}

.text-yellow-950{
  --tw-text-opacity: 1;
  color: rgb(66 32 6 / var(--tw-text-opacity));
}

.text-yellow-950\/0{
  color: rgb(66 32 6 / 0);
}

.text-yellow-950\/10{
  color: rgb(66 32 6 / 0.1);
}

.text-yellow-950\/100{
  color: rgb(66 32 6 / 1);
}

.text-yellow-950\/20{
  color: rgb(66 32 6 / 0.2);
}

.text-yellow-950\/25{
  color: rgb(66 32 6 / 0.25);
}

.text-yellow-950\/30{
  color: rgb(66 32 6 / 0.3);
}

.text-yellow-950\/40{
  color: rgb(66 32 6 / 0.4);
}

.text-yellow-950\/5{
  color: rgb(66 32 6 / 0.05);
}

.text-yellow-950\/50{
  color: rgb(66 32 6 / 0.5);
}

.text-yellow-950\/60{
  color: rgb(66 32 6 / 0.6);
}

.text-yellow-950\/70{
  color: rgb(66 32 6 / 0.7);
}

.text-yellow-950\/75{
  color: rgb(66 32 6 / 0.75);
}

.text-yellow-950\/80{
  color: rgb(66 32 6 / 0.8);
}

.text-yellow-950\/90{
  color: rgb(66 32 6 / 0.9);
}

.text-yellow-950\/95{
  color: rgb(66 32 6 / 0.95);
}

.text-yellow\/0{
  color: rgb(255 221 0 / 0);
}

.text-yellow\/10{
  color: rgb(255 221 0 / 0.1);
}

.text-yellow\/100{
  color: rgb(255 221 0 / 1);
}

.text-yellow\/20{
  color: rgb(255 221 0 / 0.2);
}

.text-yellow\/25{
  color: rgb(255 221 0 / 0.25);
}

.text-yellow\/30{
  color: rgb(255 221 0 / 0.3);
}

.text-yellow\/40{
  color: rgb(255 221 0 / 0.4);
}

.text-yellow\/5{
  color: rgb(255 221 0 / 0.05);
}

.text-yellow\/50{
  color: rgb(255 221 0 / 0.5);
}

.text-yellow\/60{
  color: rgb(255 221 0 / 0.6);
}

.text-yellow\/70{
  color: rgb(255 221 0 / 0.7);
}

.text-yellow\/75{
  color: rgb(255 221 0 / 0.75);
}

.text-yellow\/80{
  color: rgb(255 221 0 / 0.8);
}

.text-yellow\/90{
  color: rgb(255 221 0 / 0.9);
}

.text-yellow\/95{
  color: rgb(255 221 0 / 0.95);
}

.underline{
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.decoration-red{
  -webkit-text-decoration-color: #DC0714;
          text-decoration-color: #DC0714;
}

.decoration-yellow{
  -webkit-text-decoration-color: #FFDD00;
          text-decoration-color: #FFDD00;
}

.decoration-2{
  text-decoration-thickness: 2px;
}

.underline-offset-4{
  text-underline-offset: 4px;
}

.underline-offset-8{
  text-underline-offset: 8px;
}

.\!opacity-100{
  opacity: 1 !important;
}

.opacity-10{
  opacity: 0.1;
}

.opacity-100{
  opacity: 1;
}

.opacity-20{
  opacity: 0.2;
}

.opacity-60{
  opacity: 0.6;
}

.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_0px_15px_0px_\#00000026\]{
  --tw-shadow: 0px 0px 15px 0px #00000026;
  --tw-shadow-colored: 0px 0px 15px 0px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_1px_30px_0px_\#0000001A\]{
  --tw-shadow: 0px 1px 30px 0px #0000001A;
  --tw-shadow-colored: 0px 1px 30px 0px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_2px_10px_0px_\#0000001A\]{
  --tw-shadow: 0px 2px 10px 0px #0000001A;
  --tw-shadow-colored: 0px 2px 10px 0px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_4px_39px_0px_\#00000014\]{
  --tw-shadow: 0px 4px 39px 0px #00000014;
  --tw-shadow-colored: 0px 4px 39px 0px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.blur{
  --tw-blur: blur(8px);
  -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
          filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter{
  -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
          filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition{
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
}

.transition-all{
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
}

.duration-150{
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
}

.duration-300{
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.ease-in-out{
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-out{
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

/* Header */
/* Top Nav */
.top-nav{
  display: none;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom-width: 1px;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 72px;
  padding-right: 72px;
  --tw-text-opacity: 1;
  color: rgb(37 37 37 / var(--tw-text-opacity));
}
@media (min-width: 1024px){

  .top-nav{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.top-nav {
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}

.top-nav__menu,
.top-nav__utils{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.top-nav__utils{
  gap: 1rem;
}

@media (min-width: 1280px){

  .top-nav__utils{
    gap: 1.25rem;
  }
}

.top-nav__utils button i{
  font-weight: 700;
}

.top-nav div a i{
  --tw-text-opacity: 1 !important;
  color: rgb(37 37 37 / var(--tw-text-opacity)) !important;
}

.top-nav .top-nav__menu a,
.top-nav .top-nav__utils a,
.top-nav .top-nav__utils button{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

@media (min-width: 1280px){

  .top-nav .top-nav__menu a,
.top-nav .top-nav__utils a,
.top-nav .top-nav__utils button{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.top-nav .top-nav__menu a{
  width: 105px;
  border-top-width: 4px;
  border-color: transparent;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

@media (min-width: 1280px){

  .top-nav .top-nav__menu a{
    width: 145px;
  }
}

.top-nav div a.active,
.top-nav div a:hover,
.top-nav div a:hover i{
  --tw-border-opacity: 1;
  border-color: rgb(18 94 250 / var(--tw-border-opacity));
  --tw-text-opacity: 1 !important;
  color: rgb(0 97 167 / var(--tw-text-opacity)) !important;
}

.lang-dropdown{
  position: relative;
  white-space: nowrap;
}

.lang-dropdown button{
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.lang-dropdown button:hover{
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}

.lang-dropdown__options{
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0px;
  z-index: 100;
  width: 100%;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.5rem;
  text-align: left;
  font-weight: 500;
  opacity: 0;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.lang-dropdown__options.active{
  visibility: visible;
  opacity: 1;
}

.lang-dropdown__options ul li a.active{
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}

#btnDropCurr,
#btnDropCurrDesktop{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 110px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
}

#btnDropCurrRes,
#btnDropCurrResDesktop{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  border-width: 1px;
  border-color: rgb(0 0 0 / 0.2);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.5rem;
}

.curr-dropdown,
.curr-dropdown-desktop,
.curr-res-dropdown,
.curr-res-dropdown-desktop{
  position: relative;
  width: 100%;
}

@media (min-width: 1280px){

  .curr-dropdown,
.curr-dropdown-desktop,
.curr-res-dropdown,
.curr-res-dropdown-desktop{
    width: auto;
  }
}

.curr-dropdown button,
.curr-dropdown-desktop button,
.curr-res-dropdown button,
.curr-res-dropdown-desktop button{
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.curr-dropdown button:hover,
.curr-dropdown-desktop button:hover,
.curr-res-dropdown button:hover,
.curr-res-dropdown-desktop button:hover{
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}

.curr-dropdown__options__depo,
.curr-dropdown__options,
.curr-dropdown-desktop__options,
.curr-res-dropdown__options,
.curr-res-dropdown-desktop__options{
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0px;
  z-index: 100;
  max-height: 8rem;
  overflow-y: auto;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  text-align: left;
  font-weight: 500;
  opacity: 0;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.curr-dropdown__options__depo li button,
.curr-dropdown__options li button,
.curr-dropdown-desktop__options li button,
.curr-res-dropdown__options li button,
.curr-res-dropdown-desktop__options li button{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.curr-dropdown__options__depo.active,
.curr-dropdown__options.active,
.curr-dropdown-desktop__options.active,
.curr-res-dropdown__options.active,
.curr-res-dropdown-desktop__options.active{
  visibility: visible;
  opacity: 1;
}

.curr-dropdown__options__depo ul li button.active,
.curr-dropdown__options ul li button.active,
.curr-dropdown-desktop__options ul li button.active,
.curr-res-dropdown__options ul li button.active,
.curr-res-dropdown-desktop__options ul li button.active{
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}

input[type="radio"].curr-radio {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    margin: 0 5px;
    accent-color: green;
}

.g-recaptcha{
  margin-bottom: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (min-width: 768px){

  .g-recaptcha{
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

/* Priority Top Nav */
.top-nav.priority{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(18 20 21 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.top-nav.priority div a i{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.top-nav.priority div a.active,
.top-nav.priority div a:hover,
.top-nav.priority div a:hover i{
  --tw-border-opacity: 1 !important;
  border-color: rgb(137 103 79 / var(--tw-border-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(137 103 79 / var(--tw-text-opacity)) !important;
}

.top-nav.priority .lang-dropdown button:hover{
  --tw-text-opacity: 1;
  color: rgb(198 177 151 / var(--tw-text-opacity));
}

.top-nav.priority .lang-dropdown__options{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(18 20 21 / var(--tw-bg-opacity)) !important;
}

.top-nav.priority .lang-dropdown__options ul li a.active{
  --tw-text-opacity: 1;
  color: rgb(198 177 151 / var(--tw-text-opacity));
}
/* End Priority Top Nav */
/* Syariah Top Nav */
.top-nav.syariah div a.active,
.top-nav.syariah div a:hover,
.top-nav.syariah div a:hover i{
  --tw-border-opacity: 1 !important;
  border-color: rgb(173 143 107 / var(--tw-border-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(173 143 107 / var(--tw-text-opacity)) !important;
}

.top-nav.syariah .lang-dropdown button:hover{
  --tw-text-opacity: 1;
  color: rgb(198 177 151 / var(--tw-text-opacity));
}

.top-nav.syariah .lang-dropdown__options ul li a.active{
  --tw-text-opacity: 1;
  color: rgb(198 177 151 / var(--tw-text-opacity));
}
/* End Syariah Top Nav */
/* End Top Nav */

/* Main Nav */
.sticky-header{
  position: fixed;
  left: 0px;
  top: 1rem;
  z-index: 50;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 9999px;
  padding-left: 1rem;
  padding-right: 1rem;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
@media (min-width: 1024px){

  .sticky-header{
    top: 4rem;
    padding-left: 72px;
    padding-right: 72px;
  }
}
.sticky-header.stick{
  top: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 1024px){

  .sticky-header.stick{
    height: 72px;
  }
}
.sticky-header.hide{
  --tw-translate-y: -9rem;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.sticky-header .overlay{
  position: fixed;
  left: 50%;
  top: 50%;
  height: 100vh;
  width: 100vw;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #39393980;
}

.sticky-header nav{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 55px;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 9999px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

@media (min-width: 1024px){

  .sticky-header nav{
    height: auto;
  }
}

.sticky-header nav {
    background: -webkit-gradient(
        linear,
        left top, left bottom,
        color-stop(13.22%, rgba(255, 255, 255, 0.75)),
        color-stop(46.95%, rgba(255, 255, 255, 0.58)),
        color-stop(115.38%, rgba(255, 255, 255, 0.35))
    );
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.75) 13.22%,
        rgba(255, 255, 255, 0.58) 46.95%,
        rgba(255, 255, 255, 0.35) 115.38%
    );
    -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
}
.sticky-header nav.stick{
  border-radius: 0px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 1024px){

  .sticky-header nav.stick{
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
}
.sticky-header nav.stick {
    background: -webkit-gradient(
        linear,
        left top, left bottom,
        color-stop(13.22%, rgba(255, 255, 255, 0.75)),
        color-stop(46.95%, rgba(255, 255, 255, 0.58)),
        color-stop(115.38%, rgba(255, 255, 255, 0.35))
    );
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.75) 13.22%,
        rgba(255, 255, 255, 0.58) 46.95%,
        rgba(255, 255, 255, 0.35) 115.38%
    );
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
}
.sticky-header nav.hide{
  --tw-translate-y: -9rem;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.sticky-header nav.on-top{
  border-radius: 0px;
}
@media (min-width: 1024px){

  .sticky-header nav.on-top{
    padding-left: 72px;
    padding-right: 72px;
  }
}

.sticky-header nav .nav__content{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.sticky-header nav .nav__logo{
  max-height: 40px;
}

.sticky-header nav .nav__list{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}

/* Request - One condition only - otherwise reset - hover, is-open, active */
.sticky-header nav .nav__list .nav__cta{
  display: none;
  border-bottom-width: 3px;
  border-color: transparent;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 22px;
  padding-bottom: 22px;
  --tw-text-opacity: 1;
  color: rgb(18 94 250 / var(--tw-text-opacity));
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
@media (min-width: 1024px){

  .sticky-header nav .nav__list .nav__cta{
    display: block;
  }
}
.sticky-header nav .nav__list .nav__item:hover .nav__cta{
  --tw-border-opacity: 1;
  border-color: rgb(255 0 0 / var(--tw-border-opacity));
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(18 94 250 / var(--tw-text-opacity));
}
/* .sticky-header nav .nav__list .nav__item.on-hover .nav__cta {
    @apply text-primary border-yellow font-bold;
} */
.sticky-header nav .nav__list .nav__item.active .nav__cta,
.sticky-header nav .nav__list .nav__item.is-open .nav__cta,
.sticky-header nav .nav__list .nav__item .nav__cta.active{
  --tw-border-opacity: 1;
  border-color: rgb(255 0 0 / var(--tw-border-opacity));
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(18 94 250 / var(--tw-text-opacity));
}

.sticky-header nav .nav__list i{
  --tw-text-opacity: 1;
  color: rgb(18 94 250 / var(--tw-text-opacity));
}

/* Main Nav - Sub Nav + Megamenu */
.nav__list .sub-nav {
    /* @apply hidden; */
    visibility: hidden;
    position: absolute;
    top: 55px;
    left: 0px;
    height: 100vh;
    max-height: calc(100vh - 55px - 65px);
    width: 100vw;
    --tw-translate-y: -1rem;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    opacity: 0;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
}
@media (min-width: 1024px){

  .nav__list .sub-nav{
    top: auto;
    left: auto;
    height: auto;
    width: auto;
    max-width: 275px;
    --tw-translate-y: 0px;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    overflow: hidden;
    border-radius: 0.5rem;
  }

  .nav__list .megamenu .sub-nav{
    left: 50%;
    height: auto;
    max-height: calc(100vh - 70px - 20px - 45px - 24px);
    width: 100vw;
    max-width: 1092px;
    --tw-translate-x: -50%;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    gap: 0.5rem;
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional/megamenu-bg.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 3rem;
    padding-bottom: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .nav__list .megamenu:not(.megamenu--four-level) .sub-nav{
    min-height: 500px;
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .nav__list .megamenu--four-level .sub-nav{
    height: 100vh;
    max-width: calc(100vw - 64px);
    padding-top: 18px;
    padding-bottom: 18px;
  }
}

.sticky-header.stick nav.hide .megamenu .sub-nav {
    /* @apply hidden; */
    visibility: hidden;
    --tw-translate-y: -1rem;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 0;
}

@media (min-width: 1024px){

  .sticky-header.stick nav.hide .megamenu .sub-nav{
    --tw-translate-y: 0px;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
.nav__list .nav__item.is-open .sub-nav {
    /* @apply block; */
    visibility: visible;
    --tw-translate-y: 0px;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1;
}
@media (min-width: 1024px){

  .nav__list .nav__item.is-open .sub-nav{
    --tw-translate-y: 1rem;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
.nav__list .nav__item.is-open .megamenu .sub-nav {
    /* @apply lg:flex; */
}

@media (min-width: 1024px){

  .sticky-header.stick nav .megamenu .sub-nav{
    max-height: calc(100vh - 70px - 24px);
  }
}

.nav__list .sub-nav .sub-nav__main{
  width: 100%;
}
@media (min-width: 1024px){

  .nav__list .megamenu--four-level .sub-nav .sub-nav__main{
    max-width: 225px;
  }
}

.nav__list .sub-nav__parent{
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 246 / var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 1024px){

  .nav__list .sub-nav__parent{
    display: none;
  }
}
.nav__list .sub-nav__parent-cont{
  margin-left: auto;
  margin-right: auto;
  width: 92% !important;
  max-width: 960px;
}
@media (min-width: 768px){

  .nav__list .sub-nav__parent-cont{
    width: 94%;
  }
}
@media (min-width: 1280px){

  .nav__list .sub-nav__parent-cont{
    max-width: 1280px;
  }
}
.nav__list .sub-nav__parent-cont{
  width: 100%;
}
@media (min-width: 480px){

  .nav__list .sub-nav__parent-cont{
    max-width: 480px;
  }
}
@media (min-width: 640px){

  .nav__list .sub-nav__parent-cont{
    max-width: 640px;
  }
}
@media (min-width: 768px){

  .nav__list .sub-nav__parent-cont{
    max-width: 768px;
  }
}
@media (min-width: 1024px){

  .nav__list .sub-nav__parent-cont{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){

  .nav__list .sub-nav__parent-cont{
    max-width: 1280px;
  }
}
@media (min-width: 1536px){

  .nav__list .sub-nav__parent-cont{
    max-width: 1536px;
  }
}
.nav__list .sub-nav__parent-cont{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.25rem;
}
footer .nav__list .sub-nav__parent-cont{
  margin-left: auto;
  margin-right: auto;
}
.conv-landing-rates .nav__list .sub-nav__parent-cont{
  margin-left: auto;
  margin-right: auto;
}
.conv-landing-ecosystem__cover__preview > .nav__list .sub-nav__parent-cont{
  height: 100%;
  width: 100%;
}
.conv-landing-article .nav__list .sub-nav__parent-cont{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px){

  .conv-landing-article .nav__list .sub-nav__parent-cont{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}
.conventional-kpr__contents .nav__list .sub-nav__parent-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-rates .nav__list .sub-nav__parent-cont,
.conventional-pricing .nav__list .sub-nav__parent-cont,
.conventional-solution .nav__list .sub-nav__parent-cont,
.conventional-service .nav__list .sub-nav__parent-cont,
.conventional-price-list .nav__list .sub-nav__parent-cont,
.conventional-service-benefit .nav__list .sub-nav__parent-cont,
.conventional-cost-facility .nav__list .sub-nav__parent-cont{
  margin-left: auto;
  margin-right: auto;
}
.one-table .nav__list .sub-nav__parent-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-banner-rates .nav__list .sub-nav__parent-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-promo-point-spekta .nav__list .sub-nav__parent-cont{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 400px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  overflow: hidden;
  border-radius: 0.75rem;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-ebatarapos/poin-spekta/banner-mobile-poin-spekta.png");
  background-size: contain;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-left: 3rem;
  padding-right: 3rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
  text-align: center;
}
@media (min-width: 768px){

  .conventional-promo-point-spekta .nav__list .sub-nav__parent-cont{
    height: auto;
  }
}
@media (min-width: 1024px){

  .conventional-promo-point-spekta .nav__list .sub-nav__parent-cont{
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0.5rem;
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-ebatarapos/poin-spekta/banner-poin-spekta.png");
    padding-top: 1.5rem;
    padding-bottom: 2rem;
  }
}
.conventional-promo-point-spekta .nav__list .sub-nav__parent-cont .conventional-title{
  margin-bottom: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 1024px){

  .conventional-promo-point-spekta .nav__list .sub-nav__parent-cont .conventional-title{
    font-size: 32px;
  }
}
.conventional-promo-point-spekta .nav__list .sub-nav__parent-cont p{
  margin-bottom: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.conventional-promo-point-spekta .nav__list .sub-nav__parent-cont button{
  margin-left: auto;
  margin-right: auto;
}
.conventional-snk .nav__list .sub-nav__parent-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-tcard .nav__list .sub-nav__parent-cont > div > div{
  max-width: 480px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  text-align: center;
}
@media (min-width: 640px){

  .conventional-tcard .nav__list .sub-nav__parent-cont > div > div{
    width: 476px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (min-width: 1024px){

  .conventional-tcard .nav__list .sub-nav__parent-cont > div > div{
    padding-left: 0px;
    padding-right: 0px;
    text-align: justify;
  }
}
.conventional-tcard .nav__list .sub-nav__parent-cont > div > div > p{
  text-align: center;
}
@media (min-width: 1024px){

  .conventional-tcard .nav__list .sub-nav__parent-cont > div > div > p{
    max-width: 400px;
    text-align: justify;
  }
}
.conventional-banner-more-info .nav__list .sub-nav__parent-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-features .nav__list .sub-nav__parent-cont{
  position: relative;
  height: 625px;
}
@media (min-width: 1280px){

  .conventional-features .nav__list .sub-nav__parent-cont{
    height: 600px;
  }
}
.conventional-features.--smart-residence .nav__list .sub-nav__parent-cont{
  position: relative;
  height: 600px;
}
@media (min-width: 1280px){

  .conventional-features.--smart-residence .nav__list .sub-nav__parent-cont{
    height: 560px;
  }
}
.conventional-features--kartu-kredit .nav__list .sub-nav__parent-cont{
  margin-left: auto;
  margin-right: auto;
}
.step-features .nav__list .sub-nav__parent-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-promo .nav__list .sub-nav__parent-cont{
  height: 100%;
}
.conventional-banner-transaction .nav__list .sub-nav__parent-cont{
  position: relative;
  height: 480px;
  overflow: hidden;
  border-radius: 0.75rem;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-product-detail/banner/conventional-banner-more-info-mobile.png");
  background-size: cover;
  background-position: center;
  padding-top: 2.75rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 1024px){

  .conventional-banner-transaction .nav__list .sub-nav__parent-cont{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 268px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-product-detail/banner/conventional-banner-more-info-large.png");
  }
}
.conventional-register .nav__list .sub-nav__parent-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-faq .nav__list .sub-nav__parent-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-article .nav__list .sub-nav__parent-cont{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px){

  .conventional-article .nav__list .sub-nav__parent-cont{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}
@media (min-width: 1024px){

  .conventional-article .nav__list .sub-nav__parent-cont{
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 38px;
  }
}
.conventional-card-link .nav__list .sub-nav__parent-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-kpr__contents .nav__list .sub-nav__parent-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-rates .nav__list .sub-nav__parent-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-banner-rates .nav__list .sub-nav__parent-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-snk .nav__list .sub-nav__parent-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-banner-more-info .nav__list .sub-nav__parent-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-register .nav__list .sub-nav__parent-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-faq .nav__list .sub-nav__parent-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-article .nav__list .sub-nav__parent-cont{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px){

  .priority-article .nav__list .sub-nav__parent-cont{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}
.priority-card-link .nav__list .sub-nav__parent-cont{
  margin-left: auto;
  margin-right: auto;
}
.produk-dana__products .nav__list .sub-nav__parent-cont h2{
  padding-bottom: 1.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
.syariah-kpr__contents .nav__list .sub-nav__parent-cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-rates .nav__list .sub-nav__parent-cont,
.syariah-transaction .nav__list .sub-nav__parent-cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-snk .nav__list .sub-nav__parent-cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-banner-more-info .nav__list .sub-nav__parent-cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-register .nav__list .sub-nav__parent-cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-faq .nav__list .sub-nav__parent-cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-article .nav__list .sub-nav__parent-cont{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px){

  .syariah-article .nav__list .sub-nav__parent-cont{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}
.syariah-card-link .nav__list .sub-nav__parent-cont{
  margin-left: auto;
  margin-right: auto;
}
.investor-kpr__contents .nav__list .sub-nav__parent-cont{
  margin-left: auto;
  margin-right: auto;
}
.investor-rates .nav__list .sub-nav__parent-cont{
  margin-left: auto;
  margin-right: auto;
}
.investor-rates__market-summary.nav__list .sub-nav__parent-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-recall .nav__list .sub-nav__parent-cont{
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.25rem;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 768px){

  .conventional-recall .nav__list .sub-nav__parent-cont{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
.informasi-investor-hero .nav__list .sub-nav__parent-cont{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.informasi-investor-contents .nav__list .sub-nav__parent-cont{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 80px;
}
@media (min-width: 768px){

  .informasi-investor-contents .nav__list .sub-nav__parent-cont{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.informasi-investor-rups__pagination .nav__list .sub-nav__parent-cont{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}
.syariah-benefit .nav__list .sub-nav__parent-cont{
  position: relative;
  z-index: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -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;
}
@media (min-width: 768px){

  .syariah-benefit .nav__list .sub-nav__parent-cont{
    display: block;
  }
}
@media (min-width: 1024px){

  .conventional-dm-features .nav__list .sub-nav__parent-cont{
    min-height: inherit;
  }
}
.sticky-footer-container-item.--pdf .conventional-features .nav__list .sub-nav__parent-cont{
  height: auto;
}
@media (min-width: 1024px){

  .nav__list .sub-nav__parent-cont{
    width: 100%;
  }
}
.nav__list .sub-nav__parent-title{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}

/* Nav - Level 2 */
.nav__list .megamenu:not(.megamenu--four-level) .sub-nav .sub-nav__list{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 1024px){

  .nav__list .megamenu:not(.megamenu--four-level) .sub-nav .sub-nav__list{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
  }
}
.nav__list .megamenu--four-level .sub-nav .sub-nav__list{
  margin-top: 0.875rem;
}
@media (min-width: 1024px){

  .nav__list .megamenu--four-level .sub-nav .sub-nav__list{
    margin-top: 0px;
  }
}

.nav__list .sub-nav .sub-nav__item:last-child{
  margin-bottom: 0px;
}
.nav__list .megamenu--four-level .sub-nav .sub-nav__item{
  margin-bottom: 2rem;
}
@media (min-width: 1024px){

  .nav__list .megamenu--four-level .sub-nav .sub-nav__item{
    margin-bottom: 0.75rem;
  }
}

.nav__list
    .megamenu:not(.megamenu--four-level)
    .sub-nav
    .sub-nav__item.level-two-group {
    --n: 1;
    grid-row: auto / span var(--n);
}
.nav__list
    .megamenu:not(.megamenu--four-level)
    .sub-nav
    .sub-nav__item.level-two-group
    .level-two__item:first-child{
  margin-top: 0px;
}
@media (min-width: 1024px){

  .nav__list
    .megamenu:not(.megamenu--four-level)
    .sub-nav
    .sub-nav__item.level-two-group
    .level-two__item{
    margin-top: 2rem;
  }
}

.nav__list .sub-nav .sub-nav__item .sub-nav__cta{
  display: block;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 246 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: start;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

@media (min-width: 1024px){

  .nav__list .sub-nav .sub-nav__item .sub-nav__cta{
    border-left-width: 4px;
    border-color: transparent;
    background-color: transparent;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .nav__list .megamenu .sub-nav .sub-nav__item .sub-nav__cta{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.nav__list
    .megamenu:not(.megamenu--four-level)
    .sub-nav
    .sub-nav__item
    .sub-nav__cta{
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 1024px){

  .nav__list
    .megamenu:not(.megamenu--four-level)
    .sub-nav
    .sub-nav__item
    .sub-nav__cta{
    border-style: none;
  }
}
.nav__list .megamenu--four-level .sub-nav .sub-nav__item .sub-nav__cta{
  background-color: transparent;
  padding-top: 0px;
  padding-bottom: 0px;
}
@media (min-width: 1024px){

  .nav__list .megamenu--four-level .sub-nav .sub-nav__item .sub-nav__cta{
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }

  .nav__list .sub-nav .sub-nav__item.active .sub-nav__cta,
.nav__list .sub-nav .sub-nav__item.on-select .sub-nav__cta,
.nav__list .sub-nav .sub-nav__item .sub-nav__cta:hover{
    --tw-border-opacity: 1;
    border-color: rgb(255 0 0 / var(--tw-border-opacity));
  }

  .nav__list
    .megamenu:not(.megamenu--four-level)
    .sub-nav
    .sub-nav__item.active
    .sub-nav__cta,
.nav__list
    .megamenu:not(.megamenu--four-level)
    .sub-nav
    .sub-nav__item.on-select
    .sub-nav__cta,
.nav__list
    .megamenu:not(.megamenu--four-level)
    .sub-nav
    .sub-nav__item
    .sub-nav__cta:hover{
    border-color: transparent;
  }
}

.nav__list .sub-nav .sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
  width: 92% !important;
  max-width: 960px;
}

@media (min-width: 768px){

  .nav__list .sub-nav .sub-nav__cta-cont{
    width: 94%;
  }
}

@media (min-width: 1280px){

  .nav__list .sub-nav .sub-nav__cta-cont{
    max-width: 1280px;
  }
}

.nav__list .sub-nav .sub-nav__cta-cont{
  width: 100%;
}

@media (min-width: 480px){

  .nav__list .sub-nav .sub-nav__cta-cont{
    max-width: 480px;
  }
}

@media (min-width: 640px){

  .nav__list .sub-nav .sub-nav__cta-cont{
    max-width: 640px;
  }
}

@media (min-width: 768px){

  .nav__list .sub-nav .sub-nav__cta-cont{
    max-width: 768px;
  }
}

@media (min-width: 1024px){

  .nav__list .sub-nav .sub-nav__cta-cont{
    max-width: 1024px;
  }
}

@media (min-width: 1280px){

  .nav__list .sub-nav .sub-nav__cta-cont{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){

  .nav__list .sub-nav .sub-nav__cta-cont{
    max-width: 1536px;
  }
}

.nav__list .sub-nav .sub-nav__cta-cont{
  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;
  gap: 0.25rem;
}

footer .nav__list .sub-nav .sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}

.conv-landing-rates .nav__list .sub-nav .sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}

.conv-landing-ecosystem__cover__preview > .nav__list .sub-nav .sub-nav__cta-cont{
  height: 100%;
  width: 100%;
}

.conv-landing-article .nav__list .sub-nav .sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px){

  .conv-landing-article .nav__list .sub-nav .sub-nav__cta-cont{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}

.conventional-kpr__contents .nav__list .sub-nav .sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}

.conventional-rates .nav__list .sub-nav .sub-nav__cta-cont,
.conventional-pricing .nav__list .sub-nav .sub-nav__cta-cont,
.conventional-solution .nav__list .sub-nav .sub-nav__cta-cont,
.conventional-service .nav__list .sub-nav .sub-nav__cta-cont,
.conventional-price-list .nav__list .sub-nav .sub-nav__cta-cont,
.conventional-service-benefit .nav__list .sub-nav .sub-nav__cta-cont,
.conventional-cost-facility .nav__list .sub-nav .sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}

.one-table .nav__list .sub-nav .sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}

.conventional-banner-rates .nav__list .sub-nav .sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}

.conventional-promo-point-spekta .nav__list .sub-nav .sub-nav__cta-cont{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 400px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  overflow: hidden;
  border-radius: 0.75rem;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-ebatarapos/poin-spekta/banner-mobile-poin-spekta.png");
  background-size: contain;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-left: 3rem;
  padding-right: 3rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
  text-align: center;
}

@media (min-width: 768px){

  .conventional-promo-point-spekta .nav__list .sub-nav .sub-nav__cta-cont{
    height: auto;
  }
}

@media (min-width: 1024px){

  .conventional-promo-point-spekta .nav__list .sub-nav .sub-nav__cta-cont{
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0.5rem;
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-ebatarapos/poin-spekta/banner-poin-spekta.png");
    padding-top: 1.5rem;
    padding-bottom: 2rem;
  }
}

.conventional-promo-point-spekta .nav__list .sub-nav .sub-nav__cta-cont .conventional-title{
  margin-bottom: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  .conventional-promo-point-spekta .nav__list .sub-nav .sub-nav__cta-cont .conventional-title{
    font-size: 32px;
  }
}

.conventional-promo-point-spekta .nav__list .sub-nav .sub-nav__cta-cont p{
  margin-bottom: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.conventional-promo-point-spekta .nav__list .sub-nav .sub-nav__cta-cont button{
  margin-left: auto;
  margin-right: auto;
}

.conventional-snk .nav__list .sub-nav .sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}

.conventional-tcard .nav__list .sub-nav .sub-nav__cta-cont > div > div{
  max-width: 480px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  text-align: center;
}

@media (min-width: 640px){

  .conventional-tcard .nav__list .sub-nav .sub-nav__cta-cont > div > div{
    width: 476px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 1024px){

  .conventional-tcard .nav__list .sub-nav .sub-nav__cta-cont > div > div{
    padding-left: 0px;
    padding-right: 0px;
    text-align: justify;
  }
}

.conventional-tcard .nav__list .sub-nav .sub-nav__cta-cont > div > div > p{
  text-align: center;
}

@media (min-width: 1024px){

  .conventional-tcard .nav__list .sub-nav .sub-nav__cta-cont > div > div > p{
    max-width: 400px;
    text-align: justify;
  }
}

.conventional-banner-more-info .nav__list .sub-nav .sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}

.conventional-features .nav__list .sub-nav .sub-nav__cta-cont{
  position: relative;
  height: 625px;
}

@media (min-width: 1280px){

  .conventional-features .nav__list .sub-nav .sub-nav__cta-cont{
    height: 600px;
  }
}

.conventional-features.--smart-residence .nav__list .sub-nav .sub-nav__cta-cont{
  position: relative;
  height: 600px;
}

@media (min-width: 1280px){

  .conventional-features.--smart-residence .nav__list .sub-nav .sub-nav__cta-cont{
    height: 560px;
  }
}

.conventional-features--kartu-kredit .nav__list .sub-nav .sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}

.step-features .nav__list .sub-nav .sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}

.conventional-promo .nav__list .sub-nav .sub-nav__cta-cont{
  height: 100%;
}

.conventional-banner-transaction .nav__list .sub-nav .sub-nav__cta-cont{
  position: relative;
  height: 480px;
  overflow: hidden;
  border-radius: 0.75rem;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-product-detail/banner/conventional-banner-more-info-mobile.png");
  background-size: cover;
  background-position: center;
  padding-top: 2.75rem;
  padding-bottom: 2.5rem;
}

@media (min-width: 1024px){

  .conventional-banner-transaction .nav__list .sub-nav .sub-nav__cta-cont{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 268px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-product-detail/banner/conventional-banner-more-info-large.png");
  }
}

.conventional-register .nav__list .sub-nav .sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}

.conventional-faq .nav__list .sub-nav .sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}

.conventional-article .nav__list .sub-nav .sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px){

  .conventional-article .nav__list .sub-nav .sub-nav__cta-cont{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}

@media (min-width: 1024px){

  .conventional-article .nav__list .sub-nav .sub-nav__cta-cont{
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 38px;
  }
}

.conventional-card-link .nav__list .sub-nav .sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}

.priority-kpr__contents .nav__list .sub-nav .sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}

.priority-rates .nav__list .sub-nav .sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}

.priority-banner-rates .nav__list .sub-nav .sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}

.priority-snk .nav__list .sub-nav .sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}

.priority-banner-more-info .nav__list .sub-nav .sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}

.priority-register .nav__list .sub-nav .sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}

.priority-faq .nav__list .sub-nav .sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}

.priority-article .nav__list .sub-nav .sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px){

  .priority-article .nav__list .sub-nav .sub-nav__cta-cont{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}

.priority-card-link .nav__list .sub-nav .sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}

.produk-dana__products .nav__list .sub-nav .sub-nav__cta-cont h2{
  padding-bottom: 1.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

.syariah-kpr__contents .nav__list .sub-nav .sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}

.syariah-rates .nav__list .sub-nav .sub-nav__cta-cont,
.syariah-transaction .nav__list .sub-nav .sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}

.syariah-snk .nav__list .sub-nav .sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}

.syariah-banner-more-info .nav__list .sub-nav .sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}

.syariah-register .nav__list .sub-nav .sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}

.syariah-faq .nav__list .sub-nav .sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}

.syariah-article .nav__list .sub-nav .sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px){

  .syariah-article .nav__list .sub-nav .sub-nav__cta-cont{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}

.syariah-card-link .nav__list .sub-nav .sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}

.investor-kpr__contents .nav__list .sub-nav .sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}

.investor-rates .nav__list .sub-nav .sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}

.investor-rates__market-summary.nav__list .sub-nav .sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}

.conventional-recall .nav__list .sub-nav .sub-nav__cta-cont{
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.25rem;
  padding-left: 0px;
  padding-right: 0px;
}

@media (min-width: 768px){

  .conventional-recall .nav__list .sub-nav .sub-nav__cta-cont{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

.informasi-investor-hero .nav__list .sub-nav .sub-nav__cta-cont{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.informasi-investor-contents .nav__list .sub-nav .sub-nav__cta-cont{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 80px;
}

@media (min-width: 768px){

  .informasi-investor-contents .nav__list .sub-nav .sub-nav__cta-cont{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.informasi-investor-rups__pagination .nav__list .sub-nav .sub-nav__cta-cont{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}

.syariah-benefit .nav__list .sub-nav .sub-nav__cta-cont{
  position: relative;
  z-index: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -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;
}

@media (min-width: 768px){

  .syariah-benefit .nav__list .sub-nav .sub-nav__cta-cont{
    display: block;
  }
}

@media (min-width: 1024px){

  .conventional-dm-features .nav__list .sub-nav .sub-nav__cta-cont{
    min-height: inherit;
  }
}

.sticky-footer-container-item.--pdf .conventional-features .nav__list .sub-nav .sub-nav__cta-cont{
  height: auto;
}

@media (min-width: 1024px){

  .nav__list .sub-nav .sub-nav__cta-cont{
    width: 100% !important;
    max-width: none !important;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.nav__list .megamenu--four-level .sub-nav .sub-nav__cta-cont{
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.nav__list .sub-nav .sub-nav__item .sub-nav__title{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  .nav__list .sub-nav .sub-nav__item .sub-nav__title{
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .nav__list .megamenu .sub-nav .sub-nav__item .sub-nav__title{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .nav__list .megamenu:not(.megamenu--four-level) .sub-nav .sub-nav__item.has-child .sub-nav__title{
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(110 110 110 / var(--tw-text-opacity));
  }
}
.nav__list .megamenu--four-level .sub-nav .sub-nav__item .sub-nav__title{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
@media (min-width: 1024px){

  .nav__list .megamenu--four-level .sub-nav .sub-nav__item .sub-nav__title{
    font-size: 1.125rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(86 86 86 / var(--tw-text-opacity));
  }
}
.nav__list .sub-nav .sub-nav__item.active .sub-nav__title,
.nav__list .sub-nav .sub-nav__item.on-select .sub-nav__title,
.nav__list .sub-nav .sub-nav__item .sub-nav__cta:hover .sub-nav__title{
  --tw-text-opacity: 1;
  color: rgb(18 94 250 / var(--tw-text-opacity)) !important;
}
@media (min-width: 1024px){

  .nav__list .sub-nav .sub-nav__item.active .sub-nav__title,
.nav__list .sub-nav .sub-nav__item.on-select .sub-nav__title,
.nav__list .sub-nav .sub-nav__item .sub-nav__cta:hover .sub-nav__title{
    --tw-text-opacity: 1 !important;
    color: rgb(18 94 250 / var(--tw-text-opacity)) !important;
  }
}
.nav__list
    :not(.megamenu:not(.megamenu--four-level))
    .sub-nav
    .sub-nav__item:not(.has-child).active
    .sub-nav__title,
.nav__list
    :not(.megamenu:not(.megamenu--four-level))
    .sub-nav
    .sub-nav__item:not(.has-child).on-select
    .sub-nav__title,
.nav__list
    :not(.megamenu:not(.megamenu--four-level))
    .sub-nav
    .sub-nav__item:not(.has-child)
    .sub-nav__cta:hover
    .sub-nav__title {
    /* @apply lg:font-semibold; */
}

.nav__list .sub-nav .sub-nav__item .sub-nav__description{
  display: none;
}
.nav__list .megamenu--four-level .sub-nav .sub-nav__item .sub-nav__description{
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
@media (min-width: 1024px){

  .nav__list .megamenu--four-level .sub-nav .sub-nav__item .sub-nav__description{
    display: none;
  }
}

.nav__list .sub-nav .sub-nav__item .sub-nav__angle{
  display: none;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav__list .sub-nav .sub-nav__item.has-child .sub-nav__angle{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 1024px){

  .nav__list .sub-nav .sub-nav__item.has-child .sub-nav__angle{
    display: none;
  }
}
.nav__list .sub-nav .sub-nav__item.is-open .sub-nav__angle{
  --tw-rotate: 180deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.nav__list .megamenu--four-level .sub-nav .sub-nav__item.is-open .sub-nav__angle{
  --tw-rotate: 0deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.nav__list
    .megamenu--four-level
    .sub-nav
    .sub-nav__item
    .sub-nav__angle
    .bzi-angle-down{
  display: none;
}
.nav__list
    .megamenu:not(.megamenu--four-level)
    .sub-nav
    .sub-nav__item
    .sub-nav__angle
    .bzi-angle-right{
  display: none;
}

/* Nav - Level 3 */
.nav__list .sub-nav .sub-nav__item .grand-sub-nav{
  display: none;
}
@media (min-width: 1024px){

  .nav__list
    .megamenu:not(.megamenu--four-level)
    .sub-nav
    .sub-nav__item
    .grand-sub-nav{
    display: block;
  }
}
.nav__list .megamenu:not(.megamenu--four-level) .sub-nav .sub-nav__item.is-open .grand-sub-nav{
  display: block;
}

.nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta{
  display: block;
  width: 100%;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  text-align: start;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

@media (min-width: 1024px){

  .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
  width: 92% !important;
  max-width: 960px;
}
@media (min-width: 768px){

  .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
    width: 94%;
  }
}
@media (min-width: 1280px){

  .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
    max-width: 1280px;
  }
}
.nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  width: 100%;
}
@media (min-width: 480px){

  .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
    max-width: 480px;
  }
}
@media (min-width: 640px){

  .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
    max-width: 640px;
  }
}
@media (min-width: 768px){

  .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
    max-width: 768px;
  }
}
@media (min-width: 1024px){

  .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){

  .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
    max-width: 1280px;
  }
}
@media (min-width: 1536px){

  .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
    max-width: 1536px;
  }
}
.nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  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;
  gap: 0.25rem;
  padding-left: 0.625rem;
}
footer .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conv-landing-rates .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conv-landing-ecosystem__cover__preview > .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  height: 100%;
  width: 100%;
}
.conv-landing-article .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px){

  .conv-landing-article .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}
.conventional-kpr__contents .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-rates .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont,
.conventional-pricing .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont,
.conventional-solution .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont,
.conventional-service .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont,
.conventional-price-list .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont,
.conventional-service-benefit .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont,
.conventional-cost-facility .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.one-table .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-banner-rates .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-promo-point-spekta .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 400px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  overflow: hidden;
  border-radius: 0.75rem;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-ebatarapos/poin-spekta/banner-mobile-poin-spekta.png");
  background-size: contain;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-left: 3rem;
  padding-right: 3rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
  text-align: center;
}
@media (min-width: 768px){

  .conventional-promo-point-spekta .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
    height: auto;
  }
}
@media (min-width: 1024px){

  .conventional-promo-point-spekta .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0.5rem;
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-ebatarapos/poin-spekta/banner-poin-spekta.png");
    padding-top: 1.5rem;
    padding-bottom: 2rem;
  }
}
.conventional-promo-point-spekta .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont .conventional-title{
  margin-bottom: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 1024px){

  .conventional-promo-point-spekta .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont .conventional-title{
    font-size: 32px;
  }
}
.conventional-promo-point-spekta .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont p{
  margin-bottom: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.conventional-promo-point-spekta .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont button{
  margin-left: auto;
  margin-right: auto;
}
.conventional-snk .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-tcard .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont > div > div{
  max-width: 480px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  text-align: center;
}
@media (min-width: 640px){

  .conventional-tcard .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont > div > div{
    width: 476px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (min-width: 1024px){

  .conventional-tcard .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont > div > div{
    padding-left: 0px;
    padding-right: 0px;
    text-align: justify;
  }
}
.conventional-tcard .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont > div > div > p{
  text-align: center;
}
@media (min-width: 1024px){

  .conventional-tcard .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont > div > div > p{
    max-width: 400px;
    text-align: justify;
  }
}
.conventional-banner-more-info .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-features .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  position: relative;
  height: 625px;
}
@media (min-width: 1280px){

  .conventional-features .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
    height: 600px;
  }
}
.conventional-features.--smart-residence .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  position: relative;
  height: 600px;
}
@media (min-width: 1280px){

  .conventional-features.--smart-residence .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
    height: 560px;
  }
}
.conventional-features--kartu-kredit .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.step-features .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-promo .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  height: 100%;
}
.conventional-banner-transaction .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  position: relative;
  height: 480px;
  overflow: hidden;
  border-radius: 0.75rem;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-product-detail/banner/conventional-banner-more-info-mobile.png");
  background-size: cover;
  background-position: center;
  padding-top: 2.75rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 1024px){

  .conventional-banner-transaction .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 268px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-product-detail/banner/conventional-banner-more-info-large.png");
  }
}
.conventional-register .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-faq .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-article .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px){

  .conventional-article .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}
@media (min-width: 1024px){

  .conventional-article .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 38px;
  }
}
.conventional-card-link .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-kpr__contents .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-rates .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-banner-rates .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-snk .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-banner-more-info .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-register .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-faq .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-article .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px){

  .priority-article .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}
.priority-card-link .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.produk-dana__products .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont h2{
  padding-bottom: 1.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
.syariah-kpr__contents .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-rates .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont,
.syariah-transaction .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-snk .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-banner-more-info .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-register .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-faq .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-article .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px){

  .syariah-article .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}
.syariah-card-link .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.investor-kpr__contents .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.investor-rates .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.investor-rates__market-summary.nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-recall .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.25rem;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 768px){

  .conventional-recall .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
.informasi-investor-hero .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.informasi-investor-contents .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 80px;
}
@media (min-width: 768px){

  .informasi-investor-contents .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.informasi-investor-rups__pagination .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}
.syariah-benefit .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  position: relative;
  z-index: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -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;
}
@media (min-width: 768px){

  .syariah-benefit .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
    display: block;
  }
}
@media (min-width: 1024px){

  .conventional-dm-features .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
    min-height: inherit;
  }
}
.sticky-footer-container-item.--pdf .conventional-features .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
  height: auto;
}
@media (min-width: 1024px){

  .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta-cont{
    width: 100% !important;
    max-width: none !important;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-left: 0px;
  }
}
.nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__title{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item.active
    .grand-sub-nav__title,
.nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta:hover
    .grand-sub-nav__title{
  --tw-text-opacity: 1;
  color: rgb(18 94 250 / var(--tw-text-opacity));
}

/* Megamenu Divider */
.nav__list .sub-nav .sub-nav__megamenu-divider{
  display: none;
  height: auto;
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(231 231 231 / var(--tw-bg-opacity));
}
@media (min-width: 1024px){

  .nav__list .megamenu--four-level .sub-nav .sub-nav__megamenu-divider{
    display: block;
  }
}

/* Megamenu Cont */
.nav__list .sub-nav .sub-nav__megamenu-cont{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  display: none;
  height: 100%;
  width: 100%;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
@media (min-width: 1024px){

  .nav__list .sub-nav .sub-nav__megamenu-cont{
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    background-color: transparent;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
}
.nav__list .sub-nav .sub-nav__megamenu-cont.is-open{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1024px){

  .nav__list .sub-nav .sub-nav__megamenu-cont.is-open{
    display: block;
  }

  .nav__list .sub-nav .sub-nav__megamenu-cont.is-open--default{
    display: block;
  }

  .nav__list .megamenu--four-level .sub-nav .sub-nav__megamenu-cont{
    position: static;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .nav__list .megamenu--four-level .sub-nav .sub-nav__megamenu-cont.is-open, .nav__list .megamenu--four-level .sub-nav .sub-nav__megamenu-cont.is-open--default{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

/* Megamenu Cont Header */
@media (min-width: 1024px){

  .nav__list .megamenu-cont__header .header__back{
    display: none;
  }
}
.nav__list .megamenu-cont__header .header-back__cta{
  display: block;
  width: 100%;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
.nav__list .megamenu-cont__header .header-back__cta-cont{
  margin-left: auto;
  margin-right: auto;
  width: 92% !important;
  max-width: 960px;
}
@media (min-width: 768px){

  .nav__list .megamenu-cont__header .header-back__cta-cont{
    width: 94%;
  }
}
@media (min-width: 1280px){

  .nav__list .megamenu-cont__header .header-back__cta-cont{
    max-width: 1280px;
  }
}
.nav__list .megamenu-cont__header .header-back__cta-cont{
  width: 100%;
}
@media (min-width: 480px){

  .nav__list .megamenu-cont__header .header-back__cta-cont{
    max-width: 480px;
  }
}
@media (min-width: 640px){

  .nav__list .megamenu-cont__header .header-back__cta-cont{
    max-width: 640px;
  }
}
@media (min-width: 768px){

  .nav__list .megamenu-cont__header .header-back__cta-cont{
    max-width: 768px;
  }
}
@media (min-width: 1024px){

  .nav__list .megamenu-cont__header .header-back__cta-cont{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){

  .nav__list .megamenu-cont__header .header-back__cta-cont{
    max-width: 1280px;
  }
}
@media (min-width: 1536px){

  .nav__list .megamenu-cont__header .header-back__cta-cont{
    max-width: 1536px;
  }
}
.nav__list .megamenu-cont__header .header-back__cta-cont{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0.625rem;
}
footer .nav__list .megamenu-cont__header .header-back__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conv-landing-rates .nav__list .megamenu-cont__header .header-back__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conv-landing-ecosystem__cover__preview > .nav__list .megamenu-cont__header .header-back__cta-cont{
  height: 100%;
  width: 100%;
}
.conv-landing-article .nav__list .megamenu-cont__header .header-back__cta-cont{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px){

  .conv-landing-article .nav__list .megamenu-cont__header .header-back__cta-cont{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}
.conventional-kpr__contents .nav__list .megamenu-cont__header .header-back__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-rates .nav__list .megamenu-cont__header .header-back__cta-cont,
.conventional-pricing .nav__list .megamenu-cont__header .header-back__cta-cont,
.conventional-solution .nav__list .megamenu-cont__header .header-back__cta-cont,
.conventional-service .nav__list .megamenu-cont__header .header-back__cta-cont,
.conventional-price-list .nav__list .megamenu-cont__header .header-back__cta-cont,
.conventional-service-benefit .nav__list .megamenu-cont__header .header-back__cta-cont,
.conventional-cost-facility .nav__list .megamenu-cont__header .header-back__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.one-table .nav__list .megamenu-cont__header .header-back__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-banner-rates .nav__list .megamenu-cont__header .header-back__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-promo-point-spekta .nav__list .megamenu-cont__header .header-back__cta-cont{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 400px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  overflow: hidden;
  border-radius: 0.75rem;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-ebatarapos/poin-spekta/banner-mobile-poin-spekta.png");
  background-size: contain;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-left: 3rem;
  padding-right: 3rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
  text-align: center;
}
@media (min-width: 768px){

  .conventional-promo-point-spekta .nav__list .megamenu-cont__header .header-back__cta-cont{
    height: auto;
  }
}
@media (min-width: 1024px){

  .conventional-promo-point-spekta .nav__list .megamenu-cont__header .header-back__cta-cont{
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0.5rem;
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-ebatarapos/poin-spekta/banner-poin-spekta.png");
    padding-top: 1.5rem;
    padding-bottom: 2rem;
  }
}
.conventional-promo-point-spekta .nav__list .megamenu-cont__header .header-back__cta-cont .conventional-title{
  margin-bottom: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 1024px){

  .conventional-promo-point-spekta .nav__list .megamenu-cont__header .header-back__cta-cont .conventional-title{
    font-size: 32px;
  }
}
.conventional-promo-point-spekta .nav__list .megamenu-cont__header .header-back__cta-cont p{
  margin-bottom: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.conventional-promo-point-spekta .nav__list .megamenu-cont__header .header-back__cta-cont button{
  margin-left: auto;
  margin-right: auto;
}
.conventional-snk .nav__list .megamenu-cont__header .header-back__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-tcard .nav__list .megamenu-cont__header .header-back__cta-cont > div > div{
  max-width: 480px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  text-align: center;
}
@media (min-width: 640px){

  .conventional-tcard .nav__list .megamenu-cont__header .header-back__cta-cont > div > div{
    width: 476px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (min-width: 1024px){

  .conventional-tcard .nav__list .megamenu-cont__header .header-back__cta-cont > div > div{
    padding-left: 0px;
    padding-right: 0px;
    text-align: justify;
  }
}
.conventional-tcard .nav__list .megamenu-cont__header .header-back__cta-cont > div > div > p{
  text-align: center;
}
@media (min-width: 1024px){

  .conventional-tcard .nav__list .megamenu-cont__header .header-back__cta-cont > div > div > p{
    max-width: 400px;
    text-align: justify;
  }
}
.conventional-banner-more-info .nav__list .megamenu-cont__header .header-back__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-features .nav__list .megamenu-cont__header .header-back__cta-cont{
  position: relative;
  height: 625px;
}
@media (min-width: 1280px){

  .conventional-features .nav__list .megamenu-cont__header .header-back__cta-cont{
    height: 600px;
  }
}
.conventional-features.--smart-residence .nav__list .megamenu-cont__header .header-back__cta-cont{
  position: relative;
  height: 600px;
}
@media (min-width: 1280px){

  .conventional-features.--smart-residence .nav__list .megamenu-cont__header .header-back__cta-cont{
    height: 560px;
  }
}
.conventional-features--kartu-kredit .nav__list .megamenu-cont__header .header-back__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.step-features .nav__list .megamenu-cont__header .header-back__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-promo .nav__list .megamenu-cont__header .header-back__cta-cont{
  height: 100%;
}
.conventional-banner-transaction .nav__list .megamenu-cont__header .header-back__cta-cont{
  position: relative;
  height: 480px;
  overflow: hidden;
  border-radius: 0.75rem;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-product-detail/banner/conventional-banner-more-info-mobile.png");
  background-size: cover;
  background-position: center;
  padding-top: 2.75rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 1024px){

  .conventional-banner-transaction .nav__list .megamenu-cont__header .header-back__cta-cont{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 268px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-product-detail/banner/conventional-banner-more-info-large.png");
  }
}
.conventional-register .nav__list .megamenu-cont__header .header-back__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-faq .nav__list .megamenu-cont__header .header-back__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-article .nav__list .megamenu-cont__header .header-back__cta-cont{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px){

  .conventional-article .nav__list .megamenu-cont__header .header-back__cta-cont{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}
@media (min-width: 1024px){

  .conventional-article .nav__list .megamenu-cont__header .header-back__cta-cont{
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 38px;
  }
}
.conventional-card-link .nav__list .megamenu-cont__header .header-back__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-kpr__contents .nav__list .megamenu-cont__header .header-back__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-rates .nav__list .megamenu-cont__header .header-back__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-banner-rates .nav__list .megamenu-cont__header .header-back__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-snk .nav__list .megamenu-cont__header .header-back__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-banner-more-info .nav__list .megamenu-cont__header .header-back__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-register .nav__list .megamenu-cont__header .header-back__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-faq .nav__list .megamenu-cont__header .header-back__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-article .nav__list .megamenu-cont__header .header-back__cta-cont{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px){

  .priority-article .nav__list .megamenu-cont__header .header-back__cta-cont{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}
.priority-card-link .nav__list .megamenu-cont__header .header-back__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.produk-dana__products .nav__list .megamenu-cont__header .header-back__cta-cont h2{
  padding-bottom: 1.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
.syariah-kpr__contents .nav__list .megamenu-cont__header .header-back__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-rates .nav__list .megamenu-cont__header .header-back__cta-cont,
.syariah-transaction .nav__list .megamenu-cont__header .header-back__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-snk .nav__list .megamenu-cont__header .header-back__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-banner-more-info .nav__list .megamenu-cont__header .header-back__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-register .nav__list .megamenu-cont__header .header-back__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-faq .nav__list .megamenu-cont__header .header-back__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-article .nav__list .megamenu-cont__header .header-back__cta-cont{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px){

  .syariah-article .nav__list .megamenu-cont__header .header-back__cta-cont{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}
.syariah-card-link .nav__list .megamenu-cont__header .header-back__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.investor-kpr__contents .nav__list .megamenu-cont__header .header-back__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.investor-rates .nav__list .megamenu-cont__header .header-back__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.investor-rates__market-summary.nav__list .megamenu-cont__header .header-back__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-recall .nav__list .megamenu-cont__header .header-back__cta-cont{
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.25rem;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 768px){

  .conventional-recall .nav__list .megamenu-cont__header .header-back__cta-cont{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
.informasi-investor-hero .nav__list .megamenu-cont__header .header-back__cta-cont{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.informasi-investor-contents .nav__list .megamenu-cont__header .header-back__cta-cont{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 80px;
}
@media (min-width: 768px){

  .informasi-investor-contents .nav__list .megamenu-cont__header .header-back__cta-cont{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.informasi-investor-rups__pagination .nav__list .megamenu-cont__header .header-back__cta-cont{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}
.syariah-benefit .nav__list .megamenu-cont__header .header-back__cta-cont{
  position: relative;
  z-index: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -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;
}
@media (min-width: 768px){

  .syariah-benefit .nav__list .megamenu-cont__header .header-back__cta-cont{
    display: block;
  }
}
@media (min-width: 1024px){

  .conventional-dm-features .nav__list .megamenu-cont__header .header-back__cta-cont{
    min-height: inherit;
  }
}
.sticky-footer-container-item.--pdf .conventional-features .nav__list .megamenu-cont__header .header-back__cta-cont{
  height: auto;
}
@media (min-width: 1024px){

  .nav__list .megamenu-cont__header .header-back__cta-cont{
    width: 100% !important;
    max-width: none !important;
  }
}

.nav__list .megamenu-cont__header .header-main__cta{
  display: block;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(240 246 251 / var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: start;
}

@media (min-width: 1024px){

  .nav__list .megamenu-cont__header .header-main__cta{
    background-color: transparent;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.nav__list .megamenu-cont__header .header-main__cta-cont{
  margin-left: auto;
  margin-right: auto;
  width: 92% !important;
  max-width: 960px;
}
@media (min-width: 768px){

  .nav__list .megamenu-cont__header .header-main__cta-cont{
    width: 94%;
  }
}
@media (min-width: 1280px){

  .nav__list .megamenu-cont__header .header-main__cta-cont{
    max-width: 1280px;
  }
}
.nav__list .megamenu-cont__header .header-main__cta-cont{
  width: 100%;
}
@media (min-width: 480px){

  .nav__list .megamenu-cont__header .header-main__cta-cont{
    max-width: 480px;
  }
}
@media (min-width: 640px){

  .nav__list .megamenu-cont__header .header-main__cta-cont{
    max-width: 640px;
  }
}
@media (min-width: 768px){

  .nav__list .megamenu-cont__header .header-main__cta-cont{
    max-width: 768px;
  }
}
@media (min-width: 1024px){

  .nav__list .megamenu-cont__header .header-main__cta-cont{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){

  .nav__list .megamenu-cont__header .header-main__cta-cont{
    max-width: 1280px;
  }
}
@media (min-width: 1536px){

  .nav__list .megamenu-cont__header .header-main__cta-cont{
    max-width: 1536px;
  }
}
.nav__list .megamenu-cont__header .header-main__cta-cont{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0.5rem;
}
footer .nav__list .megamenu-cont__header .header-main__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conv-landing-rates .nav__list .megamenu-cont__header .header-main__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conv-landing-ecosystem__cover__preview > .nav__list .megamenu-cont__header .header-main__cta-cont{
  height: 100%;
  width: 100%;
}
.conv-landing-article .nav__list .megamenu-cont__header .header-main__cta-cont{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px){

  .conv-landing-article .nav__list .megamenu-cont__header .header-main__cta-cont{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}
.conventional-kpr__contents .nav__list .megamenu-cont__header .header-main__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-rates .nav__list .megamenu-cont__header .header-main__cta-cont,
.conventional-pricing .nav__list .megamenu-cont__header .header-main__cta-cont,
.conventional-solution .nav__list .megamenu-cont__header .header-main__cta-cont,
.conventional-service .nav__list .megamenu-cont__header .header-main__cta-cont,
.conventional-price-list .nav__list .megamenu-cont__header .header-main__cta-cont,
.conventional-service-benefit .nav__list .megamenu-cont__header .header-main__cta-cont,
.conventional-cost-facility .nav__list .megamenu-cont__header .header-main__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.one-table .nav__list .megamenu-cont__header .header-main__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-banner-rates .nav__list .megamenu-cont__header .header-main__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-promo-point-spekta .nav__list .megamenu-cont__header .header-main__cta-cont{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 400px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  overflow: hidden;
  border-radius: 0.75rem;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-ebatarapos/poin-spekta/banner-mobile-poin-spekta.png");
  background-size: contain;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-left: 3rem;
  padding-right: 3rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
  text-align: center;
}
@media (min-width: 768px){

  .conventional-promo-point-spekta .nav__list .megamenu-cont__header .header-main__cta-cont{
    height: auto;
  }
}
@media (min-width: 1024px){

  .conventional-promo-point-spekta .nav__list .megamenu-cont__header .header-main__cta-cont{
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0.5rem;
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-ebatarapos/poin-spekta/banner-poin-spekta.png");
    padding-top: 1.5rem;
    padding-bottom: 2rem;
  }
}
.conventional-promo-point-spekta .nav__list .megamenu-cont__header .header-main__cta-cont .conventional-title{
  margin-bottom: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 1024px){

  .conventional-promo-point-spekta .nav__list .megamenu-cont__header .header-main__cta-cont .conventional-title{
    font-size: 32px;
  }
}
.conventional-promo-point-spekta .nav__list .megamenu-cont__header .header-main__cta-cont p{
  margin-bottom: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.conventional-promo-point-spekta .nav__list .megamenu-cont__header .header-main__cta-cont button{
  margin-left: auto;
  margin-right: auto;
}
.conventional-snk .nav__list .megamenu-cont__header .header-main__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-tcard .nav__list .megamenu-cont__header .header-main__cta-cont > div > div{
  max-width: 480px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  text-align: center;
}
@media (min-width: 640px){

  .conventional-tcard .nav__list .megamenu-cont__header .header-main__cta-cont > div > div{
    width: 476px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (min-width: 1024px){

  .conventional-tcard .nav__list .megamenu-cont__header .header-main__cta-cont > div > div{
    padding-left: 0px;
    padding-right: 0px;
    text-align: justify;
  }
}
.conventional-tcard .nav__list .megamenu-cont__header .header-main__cta-cont > div > div > p{
  text-align: center;
}
@media (min-width: 1024px){

  .conventional-tcard .nav__list .megamenu-cont__header .header-main__cta-cont > div > div > p{
    max-width: 400px;
    text-align: justify;
  }
}
.conventional-banner-more-info .nav__list .megamenu-cont__header .header-main__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-features .nav__list .megamenu-cont__header .header-main__cta-cont{
  position: relative;
  height: 625px;
}
@media (min-width: 1280px){

  .conventional-features .nav__list .megamenu-cont__header .header-main__cta-cont{
    height: 600px;
  }
}
.conventional-features.--smart-residence .nav__list .megamenu-cont__header .header-main__cta-cont{
  position: relative;
  height: 600px;
}
@media (min-width: 1280px){

  .conventional-features.--smart-residence .nav__list .megamenu-cont__header .header-main__cta-cont{
    height: 560px;
  }
}
.conventional-features--kartu-kredit .nav__list .megamenu-cont__header .header-main__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.step-features .nav__list .megamenu-cont__header .header-main__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-promo .nav__list .megamenu-cont__header .header-main__cta-cont{
  height: 100%;
}
.conventional-banner-transaction .nav__list .megamenu-cont__header .header-main__cta-cont{
  position: relative;
  height: 480px;
  overflow: hidden;
  border-radius: 0.75rem;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-product-detail/banner/conventional-banner-more-info-mobile.png");
  background-size: cover;
  background-position: center;
  padding-top: 2.75rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 1024px){

  .conventional-banner-transaction .nav__list .megamenu-cont__header .header-main__cta-cont{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 268px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-product-detail/banner/conventional-banner-more-info-large.png");
  }
}
.conventional-register .nav__list .megamenu-cont__header .header-main__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-faq .nav__list .megamenu-cont__header .header-main__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-article .nav__list .megamenu-cont__header .header-main__cta-cont{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px){

  .conventional-article .nav__list .megamenu-cont__header .header-main__cta-cont{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}
@media (min-width: 1024px){

  .conventional-article .nav__list .megamenu-cont__header .header-main__cta-cont{
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 38px;
  }
}
.conventional-card-link .nav__list .megamenu-cont__header .header-main__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-kpr__contents .nav__list .megamenu-cont__header .header-main__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-rates .nav__list .megamenu-cont__header .header-main__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-banner-rates .nav__list .megamenu-cont__header .header-main__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-snk .nav__list .megamenu-cont__header .header-main__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-banner-more-info .nav__list .megamenu-cont__header .header-main__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-register .nav__list .megamenu-cont__header .header-main__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-faq .nav__list .megamenu-cont__header .header-main__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-article .nav__list .megamenu-cont__header .header-main__cta-cont{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px){

  .priority-article .nav__list .megamenu-cont__header .header-main__cta-cont{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}
.priority-card-link .nav__list .megamenu-cont__header .header-main__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.produk-dana__products .nav__list .megamenu-cont__header .header-main__cta-cont h2{
  padding-bottom: 1.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
.syariah-kpr__contents .nav__list .megamenu-cont__header .header-main__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-rates .nav__list .megamenu-cont__header .header-main__cta-cont,
.syariah-transaction .nav__list .megamenu-cont__header .header-main__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-snk .nav__list .megamenu-cont__header .header-main__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-banner-more-info .nav__list .megamenu-cont__header .header-main__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-register .nav__list .megamenu-cont__header .header-main__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-faq .nav__list .megamenu-cont__header .header-main__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-article .nav__list .megamenu-cont__header .header-main__cta-cont{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px){

  .syariah-article .nav__list .megamenu-cont__header .header-main__cta-cont{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}
.syariah-card-link .nav__list .megamenu-cont__header .header-main__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.investor-kpr__contents .nav__list .megamenu-cont__header .header-main__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.investor-rates .nav__list .megamenu-cont__header .header-main__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.investor-rates__market-summary.nav__list .megamenu-cont__header .header-main__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-recall .nav__list .megamenu-cont__header .header-main__cta-cont{
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.25rem;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 768px){

  .conventional-recall .nav__list .megamenu-cont__header .header-main__cta-cont{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
.informasi-investor-hero .nav__list .megamenu-cont__header .header-main__cta-cont{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.informasi-investor-contents .nav__list .megamenu-cont__header .header-main__cta-cont{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 80px;
}
@media (min-width: 768px){

  .informasi-investor-contents .nav__list .megamenu-cont__header .header-main__cta-cont{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.informasi-investor-rups__pagination .nav__list .megamenu-cont__header .header-main__cta-cont{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}
.syariah-benefit .nav__list .megamenu-cont__header .header-main__cta-cont{
  position: relative;
  z-index: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -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;
}
@media (min-width: 768px){

  .syariah-benefit .nav__list .megamenu-cont__header .header-main__cta-cont{
    display: block;
  }
}
@media (min-width: 1024px){

  .conventional-dm-features .nav__list .megamenu-cont__header .header-main__cta-cont{
    min-height: inherit;
  }
}
.sticky-footer-container-item.--pdf .conventional-features .nav__list .megamenu-cont__header .header-main__cta-cont{
  height: auto;
}
@media (min-width: 1024px){

  .nav__list .megamenu-cont__header .header-main__cta-cont{
    width: 100% !important;
    max-width: none !important;
  }
}
.nav__list .megamenu-cont__header .header-main__cta .header__icon{
  display: none;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
@media (min-width: 1024px){

  .nav__list .megamenu-cont__header .header-main__cta .header__icon{
    display: block;
  }
}
.nav__list .megamenu-cont__header .header-main__cta .header-icon__img{
  width: 100%;
  max-width: 38px;
  -o-object-fit: contain;
     font-family: "object-fit:contain;object-position:center";
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.nav__list .megamenu-cont__header .header-main__cta .header__content{
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}
.nav__list .megamenu-cont__header .header-main__cta .header__title{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(18 94 250 / var(--tw-text-opacity));
}
@media (min-width: 1024px){

  .nav__list .megamenu-cont__header .header-main__cta .header__title{
    margin-bottom: 0.5rem;
    gap: 0.375rem;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
  }
}
.nav__list .megamenu-cont__header .header-main__cta .header__description{
  display: none;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
@media (min-width: 1024px){

  .nav__list .megamenu-cont__header .header-main__cta .header__description{
    display: block;
  }
}

/* Megamenu Cont Divider */
.nav__list .megamenu-cont__divider{
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: none;
  height: 1px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(231 231 231 / var(--tw-bg-opacity));
}
@media (min-width: 1024px){

  .nav__list .megamenu-cont__divider{
    display: block;
  }
}

/* Megamenu Cont Main - Level 3 */
.nav__list .megamenu-cont__main{
  height: 100%;
  overflow: auto;
}

.nav__list .megamenu-cont__main .grand-sub-nav__list{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 1024px){

  .nav__list .megamenu-cont__main .grand-sub-nav__list{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
  }
}
.nav__list .megamenu-cont__main .grand-sub-nav__item:last-child{
  margin-bottom: 0px;
}
@media (min-width: 1024px){

  .nav__list .megamenu-cont__main .grand-sub-nav__item{
    margin-bottom: 0.625rem;
  }
}

.nav__list .megamenu-cont__main .grand-sub-nav__cta{
  display: block;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 246 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: start;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

@media (min-width: 1024px){

  .nav__list .megamenu-cont__main .grand-sub-nav__cta{
    background-color: transparent;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
  width: 92% !important;
  max-width: 960px;
}
@media (min-width: 768px){

  .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
    width: 94%;
  }
}
@media (min-width: 1280px){

  .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
    max-width: 1280px;
  }
}
.nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  width: 100%;
}
@media (min-width: 480px){

  .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
    max-width: 480px;
  }
}
@media (min-width: 640px){

  .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
    max-width: 640px;
  }
}
@media (min-width: 768px){

  .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
    max-width: 768px;
  }
}
@media (min-width: 1024px){

  .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){

  .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
    max-width: 1280px;
  }
}
@media (min-width: 1536px){

  .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
    max-width: 1536px;
  }
}
.nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  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;
  gap: 0.25rem;
}
footer .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conv-landing-rates .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conv-landing-ecosystem__cover__preview > .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  height: 100%;
  width: 100%;
}
.conv-landing-article .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px){

  .conv-landing-article .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}
.conventional-kpr__contents .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-rates .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont,
.conventional-pricing .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont,
.conventional-solution .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont,
.conventional-service .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont,
.conventional-price-list .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont,
.conventional-service-benefit .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont,
.conventional-cost-facility .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.one-table .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-banner-rates .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-promo-point-spekta .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 400px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  overflow: hidden;
  border-radius: 0.75rem;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-ebatarapos/poin-spekta/banner-mobile-poin-spekta.png");
  background-size: contain;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-left: 3rem;
  padding-right: 3rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
  text-align: center;
}
@media (min-width: 768px){

  .conventional-promo-point-spekta .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
    height: auto;
  }
}
@media (min-width: 1024px){

  .conventional-promo-point-spekta .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0.5rem;
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-ebatarapos/poin-spekta/banner-poin-spekta.png");
    padding-top: 1.5rem;
    padding-bottom: 2rem;
  }
}
.conventional-promo-point-spekta .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont .conventional-title{
  margin-bottom: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 1024px){

  .conventional-promo-point-spekta .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont .conventional-title{
    font-size: 32px;
  }
}
.conventional-promo-point-spekta .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont p{
  margin-bottom: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.conventional-promo-point-spekta .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont button{
  margin-left: auto;
  margin-right: auto;
}
.conventional-snk .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-tcard .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont > div > div{
  max-width: 480px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  text-align: center;
}
@media (min-width: 640px){

  .conventional-tcard .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont > div > div{
    width: 476px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (min-width: 1024px){

  .conventional-tcard .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont > div > div{
    padding-left: 0px;
    padding-right: 0px;
    text-align: justify;
  }
}
.conventional-tcard .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont > div > div > p{
  text-align: center;
}
@media (min-width: 1024px){

  .conventional-tcard .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont > div > div > p{
    max-width: 400px;
    text-align: justify;
  }
}
.conventional-banner-more-info .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-features .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  position: relative;
  height: 625px;
}
@media (min-width: 1280px){

  .conventional-features .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
    height: 600px;
  }
}
.conventional-features.--smart-residence .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  position: relative;
  height: 600px;
}
@media (min-width: 1280px){

  .conventional-features.--smart-residence .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
    height: 560px;
  }
}
.conventional-features--kartu-kredit .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.step-features .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-promo .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  height: 100%;
}
.conventional-banner-transaction .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  position: relative;
  height: 480px;
  overflow: hidden;
  border-radius: 0.75rem;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-product-detail/banner/conventional-banner-more-info-mobile.png");
  background-size: cover;
  background-position: center;
  padding-top: 2.75rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 1024px){

  .conventional-banner-transaction .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 268px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-product-detail/banner/conventional-banner-more-info-large.png");
  }
}
.conventional-register .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-faq .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-article .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px){

  .conventional-article .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}
@media (min-width: 1024px){

  .conventional-article .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 38px;
  }
}
.conventional-card-link .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-kpr__contents .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-rates .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-banner-rates .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-snk .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-banner-more-info .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-register .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-faq .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-article .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px){

  .priority-article .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}
.priority-card-link .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.produk-dana__products .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont h2{
  padding-bottom: 1.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
.syariah-kpr__contents .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-rates .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont,
.syariah-transaction .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-snk .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-banner-more-info .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-register .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-faq .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-article .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px){

  .syariah-article .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}
.syariah-card-link .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.investor-kpr__contents .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.investor-rates .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.investor-rates__market-summary.nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-recall .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.25rem;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 768px){

  .conventional-recall .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
.informasi-investor-hero .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.informasi-investor-contents .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 80px;
}
@media (min-width: 768px){

  .informasi-investor-contents .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.informasi-investor-rups__pagination .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}
.syariah-benefit .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  position: relative;
  z-index: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -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;
}
@media (min-width: 768px){

  .syariah-benefit .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
    display: block;
  }
}
@media (min-width: 1024px){

  .conventional-dm-features .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
    min-height: inherit;
  }
}
.sticky-footer-container-item.--pdf .conventional-features .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
  height: auto;
}
@media (min-width: 1024px){

  .nav__list .megamenu-cont__main .grand-sub-nav__cta-cont{
    width: 100% !important;
    max-width: none !important;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.nav__list .megamenu-cont__main .grand-sub-nav__title{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
@media (min-width: 1024px){

  .nav__list .megamenu-cont__main .grand-sub-nav__item.has-child .grand-sub-nav__title{
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(110 110 110 / var(--tw-text-opacity));
  }
}
.nav__list .megamenu-cont__main .grand-sub-nav__cta:hover .grand-sub-nav__title{
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}
.nav__list .megamenu-cont__main .grand-sub-nav__angle{
  display: none;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav__list .megamenu-cont__main .grand-sub-nav__item.has-child .grand-sub-nav__angle{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 1024px){

  .nav__list .megamenu-cont__main .grand-sub-nav__item.has-child .grand-sub-nav__angle{
    display: none;
  }
}

/* Megamenu Cont Main - Level 4 */
.nav__list .megamenu-cont__main .grand-grand-sub-nav{
  display: none;
}
@media (min-width: 1024px){

  .nav__list .megamenu-cont__main .grand-grand-sub-nav{
    display: block;
  }
}
.nav__list .megamenu-cont__main .grand-sub-nav__item.is-open .grand-grand-sub-nav{
  display: block;
}
.nav__list .megamenu-cont__main .grand-sub-nav__item.is-open .grand-sub-nav__angle{
  --tw-rotate: 180deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.nav__list .megamenu-cont__main .grand-grand-sub-nav__cta{
  display: block;
  width: 100%;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  text-align: start;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

@media (min-width: 1024px){

  .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
  width: 92% !important;
  max-width: 960px;
}
@media (min-width: 768px){

  .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
    width: 94%;
  }
}
@media (min-width: 1280px){

  .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
    max-width: 1280px;
  }
}
.nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  width: 100%;
}
@media (min-width: 480px){

  .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
    max-width: 480px;
  }
}
@media (min-width: 640px){

  .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
    max-width: 640px;
  }
}
@media (min-width: 768px){

  .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
    max-width: 768px;
  }
}
@media (min-width: 1024px){

  .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){

  .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
    max-width: 1280px;
  }
}
@media (min-width: 1536px){

  .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
    max-width: 1536px;
  }
}
.nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  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;
  gap: 0.25rem;
  padding-left: 0.625rem;
}
footer .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conv-landing-rates .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conv-landing-ecosystem__cover__preview > .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  height: 100%;
  width: 100%;
}
.conv-landing-article .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px){

  .conv-landing-article .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}
.conventional-kpr__contents .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-rates .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont,
.conventional-pricing .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont,
.conventional-solution .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont,
.conventional-service .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont,
.conventional-price-list .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont,
.conventional-service-benefit .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont,
.conventional-cost-facility .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.one-table .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-banner-rates .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-promo-point-spekta .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 400px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  overflow: hidden;
  border-radius: 0.75rem;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-ebatarapos/poin-spekta/banner-mobile-poin-spekta.png");
  background-size: contain;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-left: 3rem;
  padding-right: 3rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
  text-align: center;
}
@media (min-width: 768px){

  .conventional-promo-point-spekta .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
    height: auto;
  }
}
@media (min-width: 1024px){

  .conventional-promo-point-spekta .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0.5rem;
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-ebatarapos/poin-spekta/banner-poin-spekta.png");
    padding-top: 1.5rem;
    padding-bottom: 2rem;
  }
}
.conventional-promo-point-spekta .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont .conventional-title{
  margin-bottom: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 1024px){

  .conventional-promo-point-spekta .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont .conventional-title{
    font-size: 32px;
  }
}
.conventional-promo-point-spekta .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont p{
  margin-bottom: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.conventional-promo-point-spekta .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont button{
  margin-left: auto;
  margin-right: auto;
}
.conventional-snk .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-tcard .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont > div > div{
  max-width: 480px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  text-align: center;
}
@media (min-width: 640px){

  .conventional-tcard .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont > div > div{
    width: 476px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (min-width: 1024px){

  .conventional-tcard .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont > div > div{
    padding-left: 0px;
    padding-right: 0px;
    text-align: justify;
  }
}
.conventional-tcard .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont > div > div > p{
  text-align: center;
}
@media (min-width: 1024px){

  .conventional-tcard .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont > div > div > p{
    max-width: 400px;
    text-align: justify;
  }
}
.conventional-banner-more-info .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-features .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  position: relative;
  height: 625px;
}
@media (min-width: 1280px){

  .conventional-features .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
    height: 600px;
  }
}
.conventional-features.--smart-residence .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  position: relative;
  height: 600px;
}
@media (min-width: 1280px){

  .conventional-features.--smart-residence .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
    height: 560px;
  }
}
.conventional-features--kartu-kredit .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.step-features .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-promo .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  height: 100%;
}
.conventional-banner-transaction .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  position: relative;
  height: 480px;
  overflow: hidden;
  border-radius: 0.75rem;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-product-detail/banner/conventional-banner-more-info-mobile.png");
  background-size: cover;
  background-position: center;
  padding-top: 2.75rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 1024px){

  .conventional-banner-transaction .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 268px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-product-detail/banner/conventional-banner-more-info-large.png");
  }
}
.conventional-register .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-faq .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-article .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px){

  .conventional-article .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}
@media (min-width: 1024px){

  .conventional-article .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 38px;
  }
}
.conventional-card-link .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-kpr__contents .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-rates .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-banner-rates .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-snk .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-banner-more-info .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-register .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-faq .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-article .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px){

  .priority-article .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}
.priority-card-link .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.produk-dana__products .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont h2{
  padding-bottom: 1.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
.syariah-kpr__contents .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-rates .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont,
.syariah-transaction .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-snk .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-banner-more-info .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-register .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-faq .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-article .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px){

  .syariah-article .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}
.syariah-card-link .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.investor-kpr__contents .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.investor-rates .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.investor-rates__market-summary.nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-recall .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.25rem;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 768px){

  .conventional-recall .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
.informasi-investor-hero .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.informasi-investor-contents .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 80px;
}
@media (min-width: 768px){

  .informasi-investor-contents .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.informasi-investor-rups__pagination .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}
.syariah-benefit .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  position: relative;
  z-index: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -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;
}
@media (min-width: 768px){

  .syariah-benefit .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
    display: block;
  }
}
@media (min-width: 1024px){

  .conventional-dm-features .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
    min-height: inherit;
  }
}
.sticky-footer-container-item.--pdf .conventional-features .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
  height: auto;
}
@media (min-width: 1024px){

  .nav__list .megamenu-cont__main .grand-grand-sub-nav__cta-cont{
    width: 100% !important;
    max-width: none !important;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-left: 0px;
  }
}
.nav__list .megamenu-cont__main .grand-grand-sub-nav__title{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav__list
    .megamenu-cont__main
    .grand-grand-sub-nav__cta:hover
    .grand-grand-sub-nav__title{
  --tw-text-opacity: 1;
  color: rgb(18 94 250 / var(--tw-text-opacity));
}

/* Nav Login */
@media (min-width: 1024px){

  .nav__list .nav__login .nav__item-cont{
    position: relative;
  }

  .nav__list .nav__login .sub-nav{
    right: 0px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}
.nav__list .nav__login .sub-nav .sub-nav__list{
  margin-top: 0.875rem;
}
@media (min-width: 1024px){

  .nav__list .nav__login .sub-nav .sub-nav__list{
    margin-top: 0px;
  }
}
.nav__list .nav__login .sub-nav .sub-nav__item{
  margin-bottom: 2rem;
}
.nav__list .nav__login .sub-nav .sub-nav__item:last-child{
  margin-bottom: 0px;
}
@media (min-width: 1024px){

  .nav__list .nav__login .sub-nav .sub-nav__item{
    margin-bottom: 0px;
  }
}
.nav__list .nav__login .sub-nav .sub-nav__item .sub-nav__cta{
  background-color: transparent;
  padding-top: 0px;
  padding-bottom: 0px;
}
@media (min-width: 1024px){

  .nav__list .nav__login .sub-nav .sub-nav__item .sub-nav__cta{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}
.nav__list .nav__login .sub-nav .sub-nav__item .sub-nav__icon{
  width: 100%;
  max-width: 30px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.nav__list .nav__login .sub-nav .sub-nav__item .sub-nav__angle{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.nav__list .nav__login .sub-nav .sub-nav__item.is-open .sub-nav__angle{
  --tw-rotate: 0deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.nav__list .nav__login .sub-nav .sub-nav__item .sub-nav__title{
  font-size: 1.125rem;
  line-height: 1.75rem;
}

@media (min-width: 1024px){

  .nav__list .nav__login .sub-nav .sub-nav__item .sub-nav__title{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
/* End Main Nav */

.btn--circled-bars{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2rem;
  width: 2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(18 94 250 / var(--tw-border-opacity));
  padding: 0px;
}

.icon-bars{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3px;
}

.icon-bars span{
  height: 2px;
  width: 15px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(18 94 250 / var(--tw-bg-opacity));
}

/* Priority Sticky Header */
.sticky-header.priority nav{
  border-style: none;
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(rgba(78, 78, 78, 0.69)),
            color-stop(57.81%, rgba(18, 19, 19, 0.83)),
            to(rgba(31, 31, 31, 0.45))
        ),
        -webkit-gradient(
            linear,
            left top, left bottom,
            from(rgba(255, 255, 255, 0.3575)),
            to(rgba(255, 255, 255, 0.1815))
        );
    background: linear-gradient(
            180deg,
            rgba(78, 78, 78, 0.69) 0%,
            rgba(18, 19, 19, 0.83) 57.81%,
            rgba(31, 31, 31, 0.45) 100%
        ),
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.3575) 0%,
            rgba(255, 255, 255, 0.1815) 100%
        );
}

.sticky-header.priority nav.stick {
    background: -webkit-gradient(
        linear,
        left top, left bottom,
        from(rgba(78, 78, 78, 0.69)),
        color-stop(57.81%, rgba(18, 19, 19, 0.83)),
        to(rgba(31, 31, 31, 0.45))
    );
    background: linear-gradient(
        180deg,
        rgba(78, 78, 78, 0.69) 0%,
        rgba(18, 19, 19, 0.83) 57.81%,
        rgba(31, 31, 31, 0.45) 100%
    );
}

.sticky-header.priority nav .nav__list .nav__cta{
  --tw-text-opacity: 1;
  color: rgb(208 194 185 / var(--tw-text-opacity));
}

.sticky-header.priority nav .nav__list .nav__cta:hover{
  --tw-border-opacity: 1;
  border-color: rgb(137 103 79 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(137 103 79 / var(--tw-text-opacity));
}
.sticky-header.priority nav .nav__list .nav__cta.active{
  --tw-border-opacity: 1;
  border-color: rgb(137 103 79 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(137 103 79 / var(--tw-text-opacity));
}
.sticky-header.priority nav .nav__list .sub-nav__parent-title{
  --tw-text-opacity: 1;
  color: rgb(137 103 79 / var(--tw-text-opacity));
}

.sticky-header.priority .nav__list.nav__list--mobile i{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.sticky-header.priority .nav__list.nav__list--mobile .btn-hamburger{
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
}
.sticky-header.priority
    .nav__list.nav__list--mobile
    .btn-hamburger
    .icon-bars
    span{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}

@media (min-width: 1024px){

  .sticky-header.priority .nav__list .sub-nav .sub-nav__item.active .sub-nav__cta,
.sticky-header.priority
    .nav__list
    .sub-nav
    .sub-nav__item.on-select
    .sub-nav__cta,
.sticky-header.priority .nav__list .sub-nav .sub-nav__item .sub-nav__cta:hover{
    --tw-border-opacity: 1;
    border-color: rgb(137 103 79 / var(--tw-border-opacity));
  }
}
.sticky-header.priority
    .nav__list
    .sub-nav
    .sub-nav__item.active
    .sub-nav__title,
.sticky-header.priority
    .nav__list
    .sub-nav
    .sub-nav__item.on-select
    .sub-nav__title,
.sticky-header.priority
    .nav__list
    .sub-nav
    .sub-nav__item
    .sub-nav__cta:hover
    .sub-nav__title{
  --tw-text-opacity: 1;
  color: rgb(137 103 79 / var(--tw-text-opacity));
}
@media (min-width: 1024px){

  .sticky-header.priority
    .nav__list
    .sub-nav
    .sub-nav__item.active
    .sub-nav__title,
.sticky-header.priority
    .nav__list
    .sub-nav
    .sub-nav__item.on-select
    .sub-nav__title,
.sticky-header.priority
    .nav__list
    .sub-nav
    .sub-nav__item
    .sub-nav__cta:hover
    .sub-nav__title{
    --tw-text-opacity: 1 !important;
    color: rgb(137 103 79 / var(--tw-text-opacity)) !important;
  }
}
.sticky-header.priority
    .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item.active
    .grand-sub-nav__title,
.sticky-header.priority
    .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta:hover
    .grand-sub-nav__title{
  --tw-text-opacity: 1;
  color: rgb(137 103 79 / var(--tw-text-opacity));
}

.sticky-header.priority
    .nav__list
    .megamenu-cont__header
    .header-main__cta
    .header__title{
  --tw-text-opacity: 1;
  color: rgb(137 103 79 / var(--tw-text-opacity));
}
.sticky-header.priority
    .nav__list
    .megamenu-cont__main
    .grand-sub-nav__cta:hover
    .grand-sub-nav__title{
  --tw-text-opacity: 1;
  color: rgb(137 103 79 / var(--tw-text-opacity));
}
.sticky-header.priority
    .nav__list
    .megamenu-cont__main
    .grand-grand-sub-nav__cta:hover
    .grand-grand-sub-nav__title{
  --tw-text-opacity: 1;
  color: rgb(137 103 79 / var(--tw-text-opacity));
}
/* End Priority Sticky Header */
/* Syariah Sticky Header */
.sticky-header.syariah nav .nav__list .nav__cta{
  --tw-text-opacity: 1;
  color: rgb(137 103 79 / var(--tw-text-opacity));
}
.sticky-header.syariah nav .nav__list .nav__cta:hover{
  --tw-border-opacity: 1;
  border-color: rgb(84 65 33 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(84 65 33 / var(--tw-text-opacity));
}
.sticky-header.syariah nav .nav__list .nav__cta.active{
  --tw-border-opacity: 1;
  border-color: rgb(84 65 33 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(84 65 33 / var(--tw-text-opacity));
}
.sticky-header.syariah nav .nav__list .sub-nav__parent-title{
  --tw-text-opacity: 1;
  color: rgb(84 65 33 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  .sticky-header.syariah .nav__list .sub-nav .sub-nav__item.active .sub-nav__cta,
.sticky-header.syariah
    .nav__list
    .sub-nav
    .sub-nav__item.on-select
    .sub-nav__cta,
.sticky-header.syariah .nav__list .sub-nav .sub-nav__item .sub-nav__cta:hover{
    --tw-border-opacity: 1;
    border-color: rgb(84 65 33 / var(--tw-border-opacity));
  }
}
.sticky-header.syariah
    .nav__list
    .sub-nav
    .sub-nav__item.active
    .sub-nav__title,
.sticky-header.syariah
    .nav__list
    .sub-nav
    .sub-nav__item.on-select
    .sub-nav__title,
.sticky-header.syariah
    .nav__list
    .sub-nav
    .sub-nav__item
    .sub-nav__cta:hover
    .sub-nav__title{
  --tw-text-opacity: 1;
  color: rgb(84 65 33 / var(--tw-text-opacity));
}
@media (min-width: 1024px){

  .sticky-header.syariah
    .nav__list
    .sub-nav
    .sub-nav__item.active
    .sub-nav__title,
.sticky-header.syariah
    .nav__list
    .sub-nav
    .sub-nav__item.on-select
    .sub-nav__title,
.sticky-header.syariah
    .nav__list
    .sub-nav
    .sub-nav__item
    .sub-nav__cta:hover
    .sub-nav__title{
    --tw-text-opacity: 1 !important;
    color: rgb(84 65 33 / var(--tw-text-opacity)) !important;
  }
}
.sticky-header.syariah
    .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item.active
    .grand-sub-nav__title,
.sticky-header.syariah
    .nav__list
    .sub-nav
    .sub-nav__item
    .grand-sub-nav
    .grand-sub-nav__item
    .grand-sub-nav__cta:hover
    .grand-sub-nav__title{
  --tw-text-opacity: 1;
  color: rgb(84 65 33 / var(--tw-text-opacity));
}

.sticky-header.syariah
    .nav__list
    .megamenu-cont__header
    .header-main__cta
    .header__title{
  --tw-text-opacity: 1;
  color: rgb(84 65 33 / var(--tw-text-opacity));
}
.sticky-header.syariah
    .nav__list
    .megamenu-cont__main
    .grand-sub-nav__cta:hover
    .grand-sub-nav__title{
  --tw-text-opacity: 1;
  color: rgb(84 65 33 / var(--tw-text-opacity));
}
.sticky-header.syariah
    .nav__list
    .megamenu-cont__main
    .grand-grand-sub-nav__cta:hover
    .grand-grand-sub-nav__title{
  --tw-text-opacity: 1;
  color: rgb(84 65 33 / var(--tw-text-opacity));
}
/* End Syariah Sticky Header */
/* Nav Section Marker */
.nav-marker{
  display: grid;
  height: auto;
  max-height: 0px;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
    -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

.nav-marker.stick{
  max-height: 4rem;
}
.nav-marker.stick.hide{
  display: none;
}

.nav-marker.show-jumper{
  max-height: calc(100vh - 55px);
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.nav-marker__text{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 26px;
  padding-right: 26px;
    -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

.nav-marker__text i{
  --tw-rotate: 0deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.nav-marker__text i.active{
  --tw-rotate: 180deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.nav-marker__menu{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  max-height: calc(100vh - 55px - 64px);
  -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: flex-start;
  overflow-y: auto;
}

.nav-marker__menu a{
  width: 100%;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 26px;
  padding-right: 26px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

.nav-marker__menu a:not(:last-child){
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(232 234 239 / var(--tw-border-opacity));
}

.nav-marker-lg{
  display: none;
  width: 100%;
  --tw-translate-y: -15rem;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 74px;
  padding-right: 74px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

@media (min-width: 1024px){

  .nav-marker-lg{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.nav-marker-lg {
    background: -webkit-gradient(
        linear,
        left top, left bottom,
        color-stop(13.22%, rgba(255, 255, 255, 0.75)),
        color-stop(46.95%, rgba(255, 255, 255, 0.58)),
        color-stop(115.38%, rgba(255, 255, 255, 0.35))
    );
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.75) 13.22%,
        rgba(255, 255, 255, 0.58) 46.95%,
        rgba(255, 255, 255, 0.35) 115.38%
    );
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
}

.nav-marker-lg__links{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
}

.nav-marker-lg.stick{
  --tw-translate-y: -72px;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.nav-marker-lg.stick.--long-menu{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
    --tw-translate-y: -77%;
}
.nav-marker-lg.--long-menu{
  display: none;
}
.nav-marker-lg.on-top{
  --tw-translate-y: 0px;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.nav-marker-lg__links a{
  border-bottom-width: 4px;
  border-color: transparent;
  padding-top: 22px;
  padding-bottom: 22px;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.nav-marker-lg__links a:hover{
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}

.nav-marker-lg__links a.active{
  --tw-border-opacity: 1;
  border-color: rgb(255 0 0 / var(--tw-border-opacity));
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(18 94 250 / var(--tw-text-opacity));
}

.nav-marker-lg__dropdown{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  border-radius: 40px;
  --tw-bg-opacity: 1;
  background-color: rgb(229 239 246 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}

.nav-marker-lg__dropdown .buttons{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.nav-marker-lg__dropdown span{
  cursor: pointer;
}

.nav-marker-lg__dropdown .buttons button{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0.625rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.nav-marker-lg__dropdown .buttons button i{
  font-weight: 600;
}

/* Priority Nav Section Marker */
.sticky-header.priority .nav-marker{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(57 57 57 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(152 106 76 / var(--tw-text-opacity)) !important;
}

.sticky-header.priority .nav-marker__menu a{
  --tw-border-opacity: 1 !important;
  border-bottom-color: rgb(184 164 149 / var(--tw-border-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(173 149 132 / var(--tw-text-opacity)) !important;
}

.sticky-header.priority .nav-marker-lg{
  border-style: none;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(18 20 21 / var(--tw-bg-opacity)) !important;
    background: unset;
}

.sticky-header.priority .nav-marker-lg a{
  --tw-text-opacity: 1 !important;
  color: rgb(207 207 207 / var(--tw-text-opacity)) !important;
}

.sticky-header.priority .nav-marker-lg a.active{
  --tw-border-opacity: 1 !important;
  border-color: rgb(152 106 76 / var(--tw-border-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(152 106 76 / var(--tw-text-opacity)) !important;
}
/* End Priority Nav Section Marker */
/* Syariah Nav Section Marker */
.sticky-header.syariah .nav-marker{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(231 231 231 / var(--tw-border-opacity));
  --tw-text-opacity: 1 !important;
  color: rgb(84 65 33 / var(--tw-text-opacity)) !important;
}
@media (min-width: 1024px){

  .sticky-header.syariah .nav-marker{
    border-style: none;
  }
}

.sticky-header.syariah .nav-marker-lg a{
  --tw-text-opacity: 1 !important;
  color: rgb(37 37 37 / var(--tw-text-opacity)) !important;
}

.sticky-header.syariah .nav-marker-lg a.active{
  --tw-border-opacity: 1 !important;
  border-color: rgb(84 65 33 / var(--tw-border-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(84 65 33 / var(--tw-text-opacity)) !important;
}
/* End Syariah Nav Section Marker */
/* End Nav Section Marker */
/* End Header */

/* Sticky Button */
.sticky-buttons{
  position: fixed;
  right: 2.75rem;
  bottom: 1rem;
  z-index: 50;
  margin-right: 0.75rem;
  display: none;
  --tw-translate-x: 0px;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.25rem;
  border-radius: 9999px;
  padding-bottom: 2.75rem;
  font-size: 24px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
@media (min-width: 1024px){

  .sticky-buttons{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 1280px){

  .sticky-buttons{
    right: 0px;
    bottom: 0px;
  }
}

.sticky-buttons.hide{
  --tw-translate-x: 150%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.sticky-buttons button{
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  width: 60px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  border-radius: 9999px !important;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.sticky-buttons button::before{
  visibility: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  height: 100%;
  width: 100%;
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  --tw-content: "";
  content: var(--tw-content);
    background: radial-gradient(
      69.79% 69.79% at 50.56% -19.79%,
      #295CC3 17.05%,
      #0040C4 100%
    );
    -webkit-box-shadow: 0px 0px 0px 2px rgba(240, 204, 1, 0.15);
            box-shadow: 0px 0px 0px 2px rgba(240, 204, 1, 0.15);
}

.sticky-buttons button:hover::before{
  visibility: visible;
  opacity: 1;
}

/* Priority Sticky Buttons */
.sticky-buttons button.btn--choco:hover::before{
  visibility: visible;
  opacity: 1;
}

.sticky-buttons button.btn--choco::before{
  visibility: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  height: 100%;
  width: 100%;
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  --tw-content: "";
  content: var(--tw-content);
    background: radial-gradient(
        92.71% 92.71% at 50.56% -9.37%,
        #986a4c 17.05%,
        #57331b 100%
    );
}
/* End Priority Sticky Buttons */
/* Syariah Sticky Buttons */
.sticky-buttons button.btn--gold:hover::before{
  visibility: visible;
  opacity: 1;
}

.sticky-buttons button.btn--gold::before{
  visibility: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  height: 100%;
  width: 100%;
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  --tw-content: "";
  content: var(--tw-content);
    background: radial-gradient(
        83.33% 83.33% at 50.56% 133.33%,
        #a68462 17.05%,
        #eccaa9 100%
    );
}
/* End Syariah Sticky Buttons */
/* End Sticky Button */

/* Sticky Btn Offer */
.sticky-btn-offer{
  position: fixed;
  bottom: 65px;
  z-index: 50;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 68px;
  width: 100%;
  --tw-translate-y: 9rem;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(229 239 246 / var(--tw-bg-opacity));
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
@media (min-width: 1024px){

  .sticky-btn-offer{
    display: none;
  }
}

.sticky-btn-offer.--syariah{
  position: fixed;
  bottom: 65px;
  z-index: 50;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 68px;
  width: 100%;
  --tw-translate-y: 9rem;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(249 246 243 / var(--tw-bg-opacity));
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

@media (min-width: 1024px){

  .sticky-btn-offer.--syariah{
    display: none;
  }
}

.sticky-btn-offer.show{
  --tw-translate-y: 0px;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.sticky-btn-offer button{
  width: 100%;
  padding-left: 99px;
  padding-right: 99px;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
/* End Sticky Btn Offer */

/* Bottom Navbar */
.bottom-nav{
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 50;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 65px;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
@media (min-width: 768px){

  .bottom-nav{
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 1024px){

  .bottom-nav{
    display: none;
  }
}
.bottom-nav {
    background: -webkit-gradient(
        linear,
        left top, left bottom,
        from(rgba(255, 255, 255, 0.85)),
        color-stop(0.01%, rgba(255, 255, 255, 0.85)),
        to(rgba(255, 255, 255, 0.91))
    );
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.85) 0%,
        rgba(255, 255, 255, 0.85) 0.01%,
        rgba(255, 255, 255, 0.91) 100%
    );
    -webkit-box-shadow: 0px 4px 35px 0px #e9ebed inset;
            box-shadow: 0px 4px 35px 0px #e9ebed inset;
    -webkit-backdrop-filter: blur(2.5px);
            backdrop-filter: blur(2.5px);
}

.bottom-nav.hide{
  --tw-translate-y: 9rem;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.bottom-nav .bottom-nav__cta{
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 10px;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
.bottom-nav .bottom-nav__cta.active,
.bottom-nav .bottom-nav__cta.is-open{
  font-weight: 500;
  --tw-text-opacity: 1;
  rgb(173 143 107 / var(--tw-text-opacity))
}

.bottom-nav .bottom-nav__cta .bottom-nav__icon{
  position: relative;
  height: 2.25rem;
  width: 2.25rem;
}
.bottom-nav .bottom-nav__cta .bottom-nav__icon .ellipse{
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  width: 100%;
  --tw-translate-y: -50%;
  --tw-translate-x: -50%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 9999px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.bottom-nav .bottom-nav__cta .bottom-nav__icon .ellipse:nth-child(1){
  margin-top: -2px;
  margin-left: -2px;
}
.bottom-nav .bottom-nav__cta .bottom-nav__icon .ellipse:nth-child(2){
  bottom: 0.25rem;
  right: 0.5rem;
}

.bottom-nav .bottom-nav__cta.active .bottom-nav__icon .ellipse:nth-child(1),
.bottom-nav .bottom-nav__cta.is-open .bottom-nav__icon .ellipse:nth-child(1){
  --tw-bg-opacity: 1;
  background-color: rgb(203 233 255 / var(--tw-bg-opacity));
}
.bottom-nav .bottom-nav__cta.active .bottom-nav__icon .ellipse:nth-child(2),
.bottom-nav .bottom-nav__cta.is-open .bottom-nav__icon .ellipse:nth-child(2) {
  background: linear-gradient(317.18deg, #125efa -8.29%, #729efc 107.04%);
}

.bottom-nav .bottom-nav__cta .bottom-nav__icon .ellipse__bubble{
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  height: 0.625rem;
  width: 0.625rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(207 207 207 / var(--tw-bg-opacity));
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.bottom-nav .bottom-nav__cta.active .bottom-nav__icon .ellipse__bubble,
.bottom-nav .bottom-nav__cta.is-open .bottom-nav__icon .ellipse__bubble{
  bottom: 0.375rem;
  right: 0.5rem;
  top: unset;
  z-index: 10;
  --tw-bg-opacity: 1;
  background-color: rgb(225 43 54 / var(--tw-bg-opacity));
}

.bottom-nav .bottom-nav__cta .bottom-nav__icon img{
  position: absolute;
  top: 50%;
  left: 50%;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.bottom-nav .bottom-nav__cta.active .bottom-nav__icon img,
.bottom-nav .bottom-nav__cta.is-open .bottom-nav__icon img {
    -webkit-filter: invert(0) grayscale(1) contrast(9);
            filter: invert(0) grayscale(1) contrast(9);
}

/* Priority Bottom Nav */
.bottom-nav.priority a.active{
  --tw-text-opacity: 1;
  color: rgb(137 103 79 / var(--tw-text-opacity));
}

.bottom-nav.priority
    .bottom-nav__cta.active
    .bottom-nav__icon
    .ellipse:nth-child(1),
.bottom-nav.priority
    .bottom-nav__cta.is-open
    .bottom-nav__icon
    .ellipse:nth-child(1){
  --tw-bg-opacity: 1;
  background-color: rgb(220 210 203 / var(--tw-bg-opacity));
}
.bottom-nav.priority
    .bottom-nav__cta.active
    .bottom-nav__icon
    .ellipse:nth-child(2).
    .bottom-nav.priority
    .bottom-nav__cta.is-open
    .bottom-nav__icon
    .ellipse:nth-child(2) {
    background: linear-gradient(163deg, #58331b 10.45%, #986a4c 91.75%);
}

.bottom-nav.priority
    .bottom-nav__cta.active
    .bottom-nav__icon
    .ellipse__bubble
    .bottom-nav.priority
    .bottom-nav__cta.is-open
    .bottom-nav__icon
    .ellipse__bubble{
  left: 0.5rem;
  opacity: 0.7;
    background: linear-gradient(317deg, #ad8f6b -8.29%, #cebca6 107.04%);
}
/* End Priority Bottom Nav */
/* Syariah Bottom Nav */
.bottom-nav.syariah a.active{
  --tw-text-opacity: 1;
  color: rgb(173 143 107 / var(--tw-text-opacity));
}

.bottom-nav.syariah .bottom-nav__cta.active .bottom-nav__icon .ellipse:nth-child(1),
.bottom-nav.syariah .bottom-nav__cta.is-open .bottom-nav__icon .ellipse:nth-child(1){
  --tw-bg-opacity: 1;
  background-color: rgb(220 210 203 / var(--tw-bg-opacity));
}

.bottom-nav.syariah .bottom-nav__cta.active .bottom-nav__icon .ellipse:nth-child(2),
.bottom-nav.syariah .bottom-nav__cta.is-open .bottom-nav__icon .ellipse:nth-child(2){
    background: radial-gradient(83.33% 83.33% at 50.56% 133.33%,#eccaa9 17.05%,#a68462 100%);
    -webkit-filter: drop-shadow(1px 2px 0px rgba(152, 106, 76, 0.15));
            filter: drop-shadow(1px 2px 0px rgba(152, 106, 76, 0.15));
}

.bottom-nav.syariah .bottom-nav__cta.active .bottom-nav__icon .ellipse__bubble,
.bottom-nav.syariah .bottom-nav__cta.is-open .bottom-nav__icon .ellipse__bubble{
  right: 0.5rem;
  opacity: 0.7;
    background: linear-gradient(317deg, #ad8f6b -8.29%, #cebca6 107.04%);
}
/* End Syariah Bottom Nav */
/* End Bottom Navbar */

/* Overlay Contact Us */
.contact-us-popup{
  visibility: hidden;
  position: fixed;
  top: 6rem;
  left: 50%;
  z-index: 20;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: 91.666667%;
  --tw-translate-x: -50%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1.75rem;
  opacity: 0;
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
@media (min-width: 768px){

  .contact-us-popup{
    top: unset;
    bottom: 4rem;
  }
}
@media (min-width: 1024px){

  .contact-us-popup{
    bottom: 2.5rem;
    right: 5.5rem;
    left: unset;
    width: 450px;
    --tw-translate-x: unset;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.contact-us-popup.active{
  visibility: visible;
  bottom: 5rem;
  opacity: 1;
}

@media (min-width: 768px){

  .contact-us-popup.active{
    bottom: 6rem;
  }
}

@media (min-width: 1024px){

  .contact-us-popup.active{
    bottom: 3rem;
  }
}

.contact-us-popup__contents{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}

.contact-us-popup__header{
  margin-bottom: 1.5rem;
  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;
}

.contact-us-popup__header h4{
  --tw-text-opacity: 1;
  color: rgb(18 94 250 / var(--tw-text-opacity));
}

.contact-us-popup__header .close-icon{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2rem;
  width: 2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 167 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}

.contact-us-popup.syariah .contact-us-popup__header h4{
  --tw-text-opacity: 1;
  color: rgb(173 143 107 / var(--tw-text-opacity));
}

.contact-us-popup.syariah .contact-us-popup__header .close-icon{
  --tw-border-opacity: 1;
  border-color: rgb(173 143 107 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(173 143 107 / var(--tw-text-opacity));
}

.contact-us-popup.priority .contact-us-popup__header h4{
  --tw-text-opacity: 1;
  color: rgb(137 103 79 / var(--tw-text-opacity));
}

.contact-us-popup.priority .contact-us-popup__header .close-icon{
  --tw-border-opacity: 1;
  border-color: rgb(137 103 79 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(137 103 79 / var(--tw-text-opacity));
}

.contact-us-popup__menu{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  row-gap: 0.75rem;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}

.contact-us-popup__menu a{
  grid-column: span 1 / span 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.contact-us-popup__menu a:hover{
  --tw-text-opacity: 1;
  color: rgb(152 106 76 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .contact-us-popup__menu a{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.contact-us-popup__menu a:last-child{
  grid-column: span 2 / span 2;
}

.contact-us-popup__menu a i{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1.5rem;
  width: 1.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: visible;
}
/* End Overlay Contact Us */

/* Overlay Simulation */
.simulation-popup{
  visibility: hidden;
  position: fixed;
  bottom: 4rem;
  left: 50%;
  z-index: 20;
  width: 91.666667%;
  --tw-translate-x: -50%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1.75rem;
  opacity: 0;
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
@media (min-width: 1024px){

  .simulation-popup{
    bottom: 2.5rem;
    right: 5.5rem;
    left: unset;
    width: 630px;
    --tw-translate-x: unset;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.simulation-popup.active{
  visibility: visible;
  bottom: 5rem;
  opacity: 1;
}

@media (min-width: 768px){

  .simulation-popup.active{
    bottom: 6rem;
  }
}

@media (min-width: 1024px){

  .simulation-popup.active{
    bottom: 3rem;
  }
}

.simulation-popup__contents{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}

.simulation-popup__header{
  margin-bottom: 1.5rem;
  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;
}

.simulation-popup__header .close-icon{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2rem;
  width: 2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 167 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}

.simulation-popup__menu{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.75rem;
}

@media (min-width: 768px){

  .simulation-popup__menu{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.simulation-popup__menu a{
  grid-column: span 1 / span 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.simulation-popup__menu a:hover{
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}

.simulation-popup__other{
  margin-top: 1.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 26px;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}

.simulation-popup__other a{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
}

.simulation-popup__other span{
  font-weight: 500;
}
/* Priority Overlay Simulation */
.simulation-popup.priority{
  width: 294px;
}

.simulation-popup.priority .simulation-popup__header h4,
.simulation-popup.priority .simulation-popup__header .close-icon{
  --tw-border-opacity: 1;
  border-color: rgb(137 103 79 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(137 103 79 / var(--tw-text-opacity));
}

.simulation-popup.syariah .simulation-popup__header h4,
.simulation-popup.syariah .simulation-popup__header .close-icon{
  --tw-border-opacity: 1;
  border-color: rgb(173 143 107 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(173 143 107 / var(--tw-text-opacity));
}

.simulation-popup.priority .simulation-popup__menu a:hover{
  --tw-text-opacity: 1;
  color: rgb(152 106 76 / var(--tw-text-opacity));
}

.simulation-popup.syariah .simulation-popup__menu a:hover{
  --tw-text-opacity: 1;
  color: rgb(173 143 107 / var(--tw-text-opacity));
}

.simulation-popup.priority .simulation-popup__menu{
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

/* End Priority Overlay Simulation */
/* End Overlay Simulation */

/* Popup Global Search */
.global-search-popup .global-search__cont{
  margin-left: auto;
  margin-right: auto;
  width: 92% !important;
  max-width: 960px;
}
@media (min-width: 768px){

  .global-search-popup .global-search__cont{
    width: 94%;
  }
}
@media (min-width: 1280px){

  .global-search-popup .global-search__cont{
    max-width: 1280px;
  }
}
.global-search-popup .global-search__cont{
  width: 100%;
}
@media (min-width: 480px){

  .global-search-popup .global-search__cont{
    max-width: 480px;
  }
}
@media (min-width: 640px){

  .global-search-popup .global-search__cont{
    max-width: 640px;
  }
}
@media (min-width: 768px){

  .global-search-popup .global-search__cont{
    max-width: 768px;
  }
}
@media (min-width: 1024px){

  .global-search-popup .global-search__cont{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){

  .global-search-popup .global-search__cont{
    max-width: 1280px;
  }
}
@media (min-width: 1536px){

  .global-search-popup .global-search__cont{
    max-width: 1536px;
  }
}
.global-search-popup .global-search__cont{
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 844px;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
footer .global-search-popup .global-search__cont{
  margin-left: auto;
  margin-right: auto;
}
.conv-landing-rates .global-search-popup .global-search__cont{
  margin-left: auto;
  margin-right: auto;
}
.conv-landing-ecosystem__cover__preview > .global-search-popup .global-search__cont{
  height: 100%;
  width: 100%;
}
.conv-landing-article .global-search-popup .global-search__cont{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px){

  .conv-landing-article .global-search-popup .global-search__cont{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}
.conventional-kpr__contents .global-search-popup .global-search__cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-rates .global-search-popup .global-search__cont,
.conventional-pricing .global-search-popup .global-search__cont,
.conventional-solution .global-search-popup .global-search__cont,
.conventional-service .global-search-popup .global-search__cont,
.conventional-price-list .global-search-popup .global-search__cont,
.conventional-service-benefit .global-search-popup .global-search__cont,
.conventional-cost-facility .global-search-popup .global-search__cont{
  margin-left: auto;
  margin-right: auto;
}
.one-table .global-search-popup .global-search__cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-banner-rates .global-search-popup .global-search__cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-promo-point-spekta .global-search-popup .global-search__cont{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 400px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  overflow: hidden;
  border-radius: 0.75rem;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-ebatarapos/poin-spekta/banner-mobile-poin-spekta.png");
  background-size: contain;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-left: 3rem;
  padding-right: 3rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
  text-align: center;
}
@media (min-width: 768px){

  .conventional-promo-point-spekta .global-search-popup .global-search__cont{
    height: auto;
  }
}
@media (min-width: 1024px){

  .conventional-promo-point-spekta .global-search-popup .global-search__cont{
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0.5rem;
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-ebatarapos/poin-spekta/banner-poin-spekta.png");
    padding-top: 1.5rem;
    padding-bottom: 2rem;
  }
}
.conventional-promo-point-spekta .global-search-popup .global-search__cont .conventional-title{
  margin-bottom: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 1024px){

  .conventional-promo-point-spekta .global-search-popup .global-search__cont .conventional-title{
    font-size: 32px;
  }
}
.conventional-promo-point-spekta .global-search-popup .global-search__cont p{
  margin-bottom: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.conventional-promo-point-spekta .global-search-popup .global-search__cont button{
  margin-left: auto;
  margin-right: auto;
}
.conventional-snk .global-search-popup .global-search__cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-tcard .global-search-popup .global-search__cont > div > div{
  max-width: 480px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  text-align: center;
}
@media (min-width: 640px){

  .conventional-tcard .global-search-popup .global-search__cont > div > div{
    width: 476px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (min-width: 1024px){

  .conventional-tcard .global-search-popup .global-search__cont > div > div{
    padding-left: 0px;
    padding-right: 0px;
    text-align: justify;
  }
}
.conventional-tcard .global-search-popup .global-search__cont > div > div > p{
  text-align: center;
}
@media (min-width: 1024px){

  .conventional-tcard .global-search-popup .global-search__cont > div > div > p{
    max-width: 400px;
    text-align: justify;
  }
}
.conventional-banner-more-info .global-search-popup .global-search__cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-features .global-search-popup .global-search__cont{
  position: relative;
  height: 625px;
}
@media (min-width: 1280px){

  .conventional-features .global-search-popup .global-search__cont{
    height: 600px;
  }
}
.conventional-features.--smart-residence .global-search-popup .global-search__cont{
  position: relative;
  height: 600px;
}
@media (min-width: 1280px){

  .conventional-features.--smart-residence .global-search-popup .global-search__cont{
    height: 560px;
  }
}
.conventional-features--kartu-kredit .global-search-popup .global-search__cont{
  margin-left: auto;
  margin-right: auto;
}
.step-features .global-search-popup .global-search__cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-promo .global-search-popup .global-search__cont{
  height: 100%;
}
.conventional-banner-transaction .global-search-popup .global-search__cont{
  position: relative;
  height: 480px;
  overflow: hidden;
  border-radius: 0.75rem;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-product-detail/banner/conventional-banner-more-info-mobile.png");
  background-size: cover;
  background-position: center;
  padding-top: 2.75rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 1024px){

  .conventional-banner-transaction .global-search-popup .global-search__cont{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 268px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-product-detail/banner/conventional-banner-more-info-large.png");
  }
}
.conventional-register .global-search-popup .global-search__cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-faq .global-search-popup .global-search__cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-article .global-search-popup .global-search__cont{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px){

  .conventional-article .global-search-popup .global-search__cont{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}
@media (min-width: 1024px){

  .conventional-article .global-search-popup .global-search__cont{
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 38px;
  }
}
.conventional-card-link .global-search-popup .global-search__cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-kpr__contents .global-search-popup .global-search__cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-rates .global-search-popup .global-search__cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-banner-rates .global-search-popup .global-search__cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-snk .global-search-popup .global-search__cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-banner-more-info .global-search-popup .global-search__cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-register .global-search-popup .global-search__cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-faq .global-search-popup .global-search__cont{
  margin-left: auto;
  margin-right: auto;
}
.priority-article .global-search-popup .global-search__cont{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px){

  .priority-article .global-search-popup .global-search__cont{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}
.priority-card-link .global-search-popup .global-search__cont{
  margin-left: auto;
  margin-right: auto;
}
.produk-dana__products .global-search-popup .global-search__cont h2{
  padding-bottom: 1.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
.syariah-kpr__contents .global-search-popup .global-search__cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-rates .global-search-popup .global-search__cont,
.syariah-transaction .global-search-popup .global-search__cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-snk .global-search-popup .global-search__cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-banner-more-info .global-search-popup .global-search__cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-register .global-search-popup .global-search__cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-faq .global-search-popup .global-search__cont{
  margin-left: auto;
  margin-right: auto;
}
.syariah-article .global-search-popup .global-search__cont{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px){

  .syariah-article .global-search-popup .global-search__cont{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}
.syariah-card-link .global-search-popup .global-search__cont{
  margin-left: auto;
  margin-right: auto;
}
.investor-kpr__contents .global-search-popup .global-search__cont{
  margin-left: auto;
  margin-right: auto;
}
.investor-rates .global-search-popup .global-search__cont{
  margin-left: auto;
  margin-right: auto;
}
.investor-rates__market-summary.global-search-popup .global-search__cont{
  margin-left: auto;
  margin-right: auto;
}
.conventional-recall .global-search-popup .global-search__cont{
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.25rem;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 768px){

  .conventional-recall .global-search-popup .global-search__cont{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
.informasi-investor-hero .global-search-popup .global-search__cont{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.informasi-investor-contents .global-search-popup .global-search__cont{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 80px;
}
@media (min-width: 768px){

  .informasi-investor-contents .global-search-popup .global-search__cont{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.informasi-investor-rups__pagination .global-search-popup .global-search__cont{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}
.syariah-benefit .global-search-popup .global-search__cont{
  position: relative;
  z-index: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -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;
}
@media (min-width: 768px){

  .syariah-benefit .global-search-popup .global-search__cont{
    display: block;
  }
}
@media (min-width: 1024px){

  .conventional-dm-features .global-search-popup .global-search__cont{
    min-height: inherit;
  }
}
.sticky-footer-container-item.--pdf .conventional-features .global-search-popup .global-search__cont{
  height: auto;
}
@media (min-width: 768px){

  .global-search-popup .global-search__cont{
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
.global-search-popup .global-search-cont__header{
  margin-bottom: 0.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 768px){

  .global-search-popup .global-search-cont__header{
    margin-bottom: 1.25rem;
  }
}
.global-search-popup .global-search-cont__btn-close{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 22px;
  width: 22px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 167 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}
.global-search-popup .global-search-cont__btn-close:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 204 / var(--tw-bg-opacity));
}
@media (min-width: 768px){

  .global-search-popup .global-search-cont__btn-close{
    position: absolute;
    top: 1rem;
    right: 18px;
    height: 2rem;
    width: 2rem;
  }
}
.global-search-popup .global-search-cont__title{
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  text-align: center;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
@media (min-width: 768px){

  .global-search-popup .global-search-cont__title{
    font-size: 22px;
  }
}

.global-search-popup .global-search-suggestion__title{
  margin-bottom: 0.875rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .global-search-popup .global-search-suggestion__title{
    margin-bottom: 1.5rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.global-search-popup .suggestion__list{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.75rem;
     -moz-column-gap: 0.75rem;
          column-gap: 0.75rem;
  row-gap: 0.625rem;
}
@media (min-width: 768px){

  .global-search-popup .suggestion__list{
    row-gap: 0.375rem;
  }
}
/* End Popup Global Search */

/* Hamburger Menu */
.hamburger-menu{
  position: fixed;
  top: 3.4rem;
  left: 0px;
  z-index: 50;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  max-height: calc(100vh - 55px);
  width: 100%;
  --tw-translate-y: calc(calc(100vh + 3.4rem) * -1);
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: auto;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.hamburger-menu.active{
  --tw-translate-y: 0px;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
}

.hamburger-menu__header{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  --tw-text-opacity: 1;
  color: rgb(37 37 37 / var(--tw-text-opacity));
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}

.hamburger-menu__body{
  width: 100%;
  overflow: auto;
  padding-top: 1.25rem;
  padding-bottom: 0.5rem;
}

.hamburger-menu__card-wrapper{
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.5rem;
}

.hamburger-menu__card{
  position: relative;
  overflow: hidden;
  border-radius: 0.5rem;
}

.hamburger-menu__card figure figcaption{
  position: absolute;
  top: 3rem;
  left: 25%;
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
}

.hamburger-menu__link{
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  min-height: 60px;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(37 37 37 / var(--tw-text-opacity));
}

@media (min-width: 640px){

  .hamburger-menu__link{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.hamburger-menu__link {
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}

.hamburger-menu__check{
  position: absolute;
  top: 0.75rem;
  left: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1.5rem;
  width: 1.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(134 134 134 / var(--tw-border-opacity));
  background-color: transparent;
}

/* Active State */
.hamburger-menu__card.active.conventional,
.hamburger-menu__card.active.priority,
.hamburger-menu__card.active.syariah,
.hamburger-menu__card.active.about{
  border-width: 4px;
}

.hamburger-menu__card.active.conventional,
.hamburger-menu__card.active.about{
  --tw-border-opacity: 1;
  border-color: rgb(0 97 167 / var(--tw-border-opacity));
}

.hamburger-menu__card.active.syariah{
  --tw-border-opacity: 1;
  border-color: rgb(173 143 107 / var(--tw-border-opacity));
}

.hamburger-menu__card.active.priority{
  --tw-border-opacity: 1;
  border-color: rgb(137 103 79 / var(--tw-border-opacity));
}

.hamburger-menu__card.active .hamburger-menu__check{
  border-style: none;
}

.hamburger-menu__card.active.conventional .hamburger-menu__check,
.hamburger-menu__card.active.about .hamburger-menu__check{
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 167 / var(--tw-bg-opacity));
}

.hamburger-menu__card.active.syariah .hamburger-menu__check{
  --tw-bg-opacity: 1;
  background-color: rgb(173 143 107 / var(--tw-bg-opacity));
}

.hamburger-menu__card.active.priority .hamburger-menu__check{
  --tw-bg-opacity: 1;
  background-color: rgb(137 103 79 / var(--tw-bg-opacity));
}

.hamburger-menu__check i{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(134 134 134 / var(--tw-text-opacity));
}

.hamburger-menu__card.active .hamburger-menu__check i{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
/* Active State */
/* End Hamburger Menu */

/* Footer */
footer{
  height: 850px;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-product-detail/banner/bg-footer-large.png");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  padding-top: 22px;
}
@media (min-width: 768px){

  footer{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-product-detail/banner/bg-footer-large.png");
  }
}
@media (min-width: 1024px){

  footer{
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
  }
}
footer.footer-syariah{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah/background/syariah-footer-mobile.png");
}
@media (min-width: 768px){

  footer.footer-syariah{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah/background/syariah-footer-large.png");
  }
}

footer .container{
  margin-left: auto;
  margin-right: auto;
}

.footer__contents{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 22px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 2rem;
  padding-top: 1.5rem;
}

@media (min-width: 1024px){

  .footer__contents{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media (min-width: 1280px){

  .footer__contents{
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 1.5rem;
    padding-top: unset;
  }
}

.footer__menu{
  font-weight: 500 !important;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.footer__menu .menu__title{
  --tw-text-opacity: 1;
  color: rgb(153 192 220 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  .footer__menu p{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.footer__menu a{
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.footer__menu a:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(230 239 255 / var(--tw-text-opacity)) !important;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

@media (min-width: 1024px){

  .footer__menu a{
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.footer__menu .menu__icon{
  --tw-text-opacity: 1;
  color: rgb(198 177 151 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  .footer__menu .menu__icon{
    --tw-text-opacity: 1;
    color: rgb(182 182 182 / var(--tw-text-opacity));
  }
}

/* .footer__menu a i {
    @apply text-primary-400;
} */

.footer__menu a:hover span,
.footer__menu a:hover i{
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  --tw-text-opacity: 1 !important;
  color: rgb(208 224 254 / var(--tw-text-opacity)) !important;
}

.footer__bottom{
  margin-top: 2.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 14px;
  padding-bottom: 14px;
}

@media (min-width: 1024px){

  .footer__bottom{
    margin-top: 0px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}

.footer__bottom > div{
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (min-width: 1024px){

  .footer__bottom > div{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

/* Priority Footer */
footer.priority{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/priority-product-detail/banner/bg-footer-mobile.png");
}
@media (min-width: 768px){

  footer.priority{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/priority-product-detail/banner/bg-footer-large.png");
  }
}

footer.priority .footer__menu p,
footer.priority .footer__menu a i{
  --tw-text-opacity: 1;
  color: rgb(182 182 182 / var(--tw-text-opacity));
}

footer.priority .footer__menu a:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(198 177 151 / var(--tw-text-opacity)) !important;
}

footer.priority .footer__menu a:hover span,
footer.priority .footer__menu a:hover i{
  --tw-text-opacity: 1 !important;
  color: rgb(198 177 151 / var(--tw-text-opacity)) !important;
}
/* End Priority Footer */
/* Syariah Footer */
footer.syariah{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-product-detail/banner/bg-footer-mobile.png");
}
@media (min-width: 768px){

  footer.syariah{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-product-detail/banner/bg-footer-large.png");
  }
}

footer.syariah .footer__menu p{
  --tw-text-opacity: 1 !important;
  color: rgb(230 221 211 / var(--tw-text-opacity)) !important;
}

footer.syariah .footer__menu a:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(198 177 151 / var(--tw-text-opacity)) !important;
}

footer.syariah .footer__menu a i{
  --tw-text-opacity: 1 !important;
  color: rgb(230 221 211 / var(--tw-text-opacity)) !important;
}

footer.syariah .footer__menu a:hover span,
footer.syariah .footer__menu a:hover i{
  --tw-text-opacity: 1 !important;
  color: rgb(198 177 151 / var(--tw-text-opacity)) !important;
}
/* End Syariah Footer */
/* End Footer */

/* Semantic Heading and Class */
.product-title{
  margin-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(18 94 250 / var(--tw-text-opacity));
}
@media (min-width: 1024px){

  .product-title{
    margin-bottom: 0.875rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.product-title.--syariah{
  --tw-text-opacity: 1;
  color: rgb(173 143 107 / var(--tw-text-opacity));
}
.--secondary{
  --tw-text-opacity: 1;
  color: rgb(255 221 0 / var(--tw-text-opacity));
}
.hero-title{
  margin-bottom: 0.75rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
@media (min-width: 1024px){

  .hero-title{
    margin-bottom: 0.875rem;
    font-size: 3rem;
    line-height: 1;
  }
}
.hero-subtitle{
  margin-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}
@media (min-width: 1024px){

  .hero-subtitle{
    margin-bottom: 0.875rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.step-title{
  font-weight: 600;
}
.article-title{
  margin-bottom: 0px !important;
  margin-top: 1rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: none;
  font-weight: 500 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(61 61 61 / var(--tw-text-opacity)) !important;
}
@media (min-width: 1024px){

  .article-title{
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
  }
}
.article-title {
    display: -webkit-box !important;
}
.article-title-small{
  margin-bottom: 0px !important;
  margin-top: 1rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: none;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  font-weight: 500 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(61 61 61 / var(--tw-text-opacity)) !important;
}
@media (min-width: 768px){

  .article-title-small{
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
  }
}
.article-title-small {
    display: -webkit-box !important;
}
.conv-landing-article .article-title{
  margin-bottom: 1rem !important;
}
.article-date{
  display: inline;
}
.icon-calendar{
  position: relative;
  margin-right: 0.5rem;
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}
.article-calendar-date{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 0.5rem;
}
h4.step-title{
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}
.feature-title{
  margin-bottom: 0.25rem;
  font-size: 22px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
/* End Semantic Heading */

/* Conventional Landing */
/* Common El */
h2.conv-landing-title{
  margin-bottom: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
@media (min-width: 1024px){

  h2.conv-landing-title{
    margin-bottom: 1.25rem;
    font-size: 2.25rem !important;
    line-height: 2.5rem !important;
  }
}
h2.conv-landing-title {
    font-size: 22px;
}
p.conv-landing-subtitle{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}
@media (min-width: 1024px){

  p.conv-landing-subtitle{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
/* End Common El */

/* Hero */
.hero-wrapper{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-landing/banner/bg-hero-sm.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 768px){

  .hero-wrapper{
    max-height: 90vh;
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-landing/banner/bg-hero-lg.jpg");
  }
}
@media (min-width: 1024px){

  .hero-wrapper{
    max-height: 100vh;
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-landing/banner/bg-hero-lg.jpg");
  }
}

.hero-copy{
  margin-top: 8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -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: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 8rem;
  text-align: left;
}

@media (min-width: 768px){

  .hero-copy{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 14rem;
    text-align: center;
  }
}

@media (min-width: 1024px){

  .hero-copy{
    margin-top: 0px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-bottom: 0.75rem;
    text-align: left;
  }
}

.hero-copy > *:not(:last-child){
  width: 83.333333%;
}

@media (min-width: 480px){

  .hero-copy > *:not(:last-child){
    width: 75%;
  }
}

@media (min-width: 1024px){

  .hero-copy > *:not(:last-child){
    width: 40%;
  }

  .hero-copy > p{
    width: 29% !important;
  }
}

.hero-chat{
  position: absolute;
  bottom: 3rem;
  left: 50%;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 176px;
  width: 83.333333%;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  border-radius: 1rem;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.7;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.25rem;
  padding-top: 1rem;
}

@media (min-width: 768px){

  .hero-chat{
    right: 1.75rem;
    left: unset;
    max-height: 205px;
    width: 416px;
    --tw-translate-x: unset;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

@media (min-width: 1024px){

  .hero-chat{
    right: 8rem;
    bottom: 6rem;
  }
}

.hero-chat {
    -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2);
}

.hero-chat__chat-area{
  margin-bottom: 0.625rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 90px;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

@media (min-width: 768px){

  .hero-chat__chat-area{
    max-height: 115px;
  }
}

/* Custom scrollbar */
.hero-chat__chat-area::-webkit-scrollbar{
  width: 0.375rem;
}

.hero-chat__dropdown-area{
  width: 100%;
}

.hero-chat__dropdown-input{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 167 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.hero-chat__dropdown-input input{
  width: 100%;
  cursor: pointer;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.hero-chat__dropdown-list::-webkit-scrollbar{
  width: 0.375rem;
}

.hero-chat__dropdown-list{
  position: absolute;
  z-index: 10;
  margin-top: 0.5rem;
  height: 100%;
  max-height: 0px;
  width: 85%;
  overflow: hidden;
  overflow-y: auto;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

@media (min-width: 768px){

  .hero-chat__dropdown-list{
    width: 89%;
  }
}

.hero-chat__dropdown-list.active{
  max-height: 130px;
  opacity: 1;
}

@media (min-width: 768px){

  .hero-chat__dropdown-list.active{
    max-height: 10rem;
  }
}

.hero-chat__dropdown-list li:not(:last-child){
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(232 234 239 / var(--tw-border-opacity));
}

.hero-chat__dropdown-list li a{
  display: inline-block;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .hero-chat__dropdown-list li a{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.conv-landing-hero{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-landing/banner/bg-hero-sm.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media (min-width: 768px){

  .conv-landing-hero{
    max-height: 90vh;
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-landing/banner/bg-hero-lg.jpg");
  }
}

@media (min-width: 1024px){

  .conv-landing-hero{
    max-height: 100vh;
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-landing/banner/bg-hero-lg.jpg");
  }
}

.conv-landing-hero__copy{
  margin-top: 8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -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: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 8rem;
  text-align: left;
}

@media (min-width: 768px){

  .conv-landing-hero__copy{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 14rem;
    text-align: center;
  }
}

@media (min-width: 1024px){

  .conv-landing-hero__copy{
    margin-top: 0px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-bottom: 0.75rem;
    text-align: left;
  }
}

.conv-landing-hero__copy > *:not(:last-child){
  width: 83.333333%;
}

@media (min-width: 480px){

  .conv-landing-hero__copy > *:not(:last-child){
    width: 75%;
  }
}

@media (min-width: 1024px){

  .conv-landing-hero__copy > *:not(:last-child){
    width: 40%;
  }

  .conv-landing-hero__copy > p{
    width: 29% !important;
  }
}

.conv-landing-hero__floating-chat{
  position: absolute;
  bottom: 3rem;
  left: 50%;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 176px;
  width: 83.333333%;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  border-radius: 1rem;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.7;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.25rem;
  padding-top: 1rem;
}

@media (min-width: 768px){

  .conv-landing-hero__floating-chat{
    right: 1.75rem;
    left: unset;
    max-height: 205px;
    width: 416px;
    --tw-translate-x: unset;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

@media (min-width: 1024px){

  .conv-landing-hero__floating-chat{
    right: 8rem;
    bottom: 6rem;
  }
}

.conv-landing-hero__floating-chat {
    -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2);
}

.conv-landing-hero__floating-chat__chat-area{
  margin-bottom: 0.625rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 90px;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

@media (min-width: 768px){

  .conv-landing-hero__floating-chat__chat-area{
    max-height: 115px;
  }
}

/* Custom scrollbar */
.conv-landing-hero__floating-chat__chat-area::-webkit-scrollbar{
  width: 0.375rem;
}

.conv-landing-hero__floating-chat__dropdown-area{
  width: 100%;
}

.conv-landing-hero__floating-chat__dropdown-input{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 167 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.conv-landing-hero__floating-chat__dropdown-input input{
  width: 100%;
  cursor: pointer;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.conv-landing-hero__floating-chat__dropdown-list::-webkit-scrollbar{
  width: 0.375rem;
}

.conv-landing-hero__floating-chat__dropdown-list{
  position: absolute;
  z-index: 10;
  margin-top: 0.5rem;
  height: 100%;
  max-height: 0px;
  width: 85%;
  overflow: hidden;
  overflow-y: auto;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

@media (min-width: 768px){

  .conv-landing-hero__floating-chat__dropdown-list{
    width: 89%;
  }
}

.conv-landing-hero__floating-chat__dropdown-list.active{
  max-height: 130px;
  opacity: 1;
}

@media (min-width: 768px){

  .conv-landing-hero__floating-chat__dropdown-list.active{
    max-height: 10rem;
  }
}

/* .conv-landing-hero__floating-chat__dropdown-list li {
    @apply ;
} */

.conv-landing-hero__floating-chat__dropdown-list li:not(:last-child){
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(232 234 239 / var(--tw-border-opacity));
}

.conv-landing-hero__floating-chat__dropdown-list li a{
  display: inline-block;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .conv-landing-hero__floating-chat__dropdown-list li a{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

/* Bubble Chat */
.bubble-chat{
  position: relative;
  margin-bottom: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 9999px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
}
@media (min-width: 768px){

  .bubble-chat{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.bubble-chat:last-child{
  margin-bottom: 0.625rem;
}

.bubble-chat:before{
  position: absolute;
  top: 73%;
  width: 0px;
  border-top-width: 10px;
  border-left-width: 10px;
  border-right-width: 10px;
  border-color: transparent;
  --tw-content: "";
  content: var(--tw-content);
}

.bubble-chat.left:before{
  left: -0.25rem;
  --tw-rotate: -72deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-border-opacity: 1;
  border-top-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.hero-chat.--syariah .bubble-chat.left:before{
  --tw-border-opacity: 1;
  border-top-color: rgb(173 143 107 / var(--tw-border-opacity));
}

.bubble-chat.right:before{
  right: -0.25rem;
  --tw-rotate: 72deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-border-opacity: 1;
  border-top-color: rgb(255 0 0 / var(--tw-border-opacity));
}
.hero-chat.--syariah .bubble-chat.right:before{
  --tw-border-opacity: 1;
  border-top-color: rgb(0 97 167 / var(--tw-border-opacity));
}

.bubble-chat.left{
  border-bottom-left-radius: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(18 94 250 / var(--tw-text-opacity));
}
.hero-chat.--syariah .bubble-chat.left{
  --tw-bg-opacity: 1;
  background-color: rgb(173 143 107 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.bubble-chat.right{
  margin-left: auto;
  border-bottom-right-radius: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 0 0 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hero-chat.--syariah .bubble-chat.right{
  --tw-bg-opacity: 1;
  background-color: rgb(18 94 250 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
/* End Bubble Chat */
/* End Hero */

.page-ornaments__cont{
  display: none;
}

/* Rates */
.conv-landing-rates{
  overflow: hidden;
  padding-top: 26px;
  padding-bottom: 26px;
}
@media (min-width: 1024px){

  .conv-landing-rates{
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
}

.conv-landing-rates .container{
  margin-left: auto;
  margin-right: auto;
}

.conv-landing-rates__contents{
  padding-left: 26px;
  padding-right: 26px;
}

@media (min-width: 768px){

  .conv-landing-rates__contents{
    padding-left: 104px;
    padding-right: 104px;
  }
}

.conv-landing-rates__contents h2{
  margin-bottom: 0.625rem;
  text-align: center;
}

.conv-landing-rates__tabbed{
  margin-bottom: 2.25rem;
}

@media (min-width: 1024px){

  .conv-landing-rates__tabbed{
    margin-bottom: 42px;
  }
}

.conv-landing-rates__tabbed__nav ul{
  margin-bottom: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

@media (min-width: 768px){

  .conv-landing-rates__tabbed__nav ul{
    margin-bottom: 1.25rem;
  }
}

.conv-landing-rates__tabbed__nav__item{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 120px;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(182 182 182 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  --tw-text-opacity: 1;
  color: rgb(182 182 182 / var(--tw-text-opacity));
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

@media (min-width: 768px){

  .conv-landing-rates__tabbed__nav__item{
    width: 168px;
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
  }
}

.conv-landing-rates__tabbed__nav__item button{
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

@media (min-width: 768px){

  .conv-landing-rates__tabbed__nav__item button{
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }
}

.conv-landing-rates__tabbed__nav__item
    .conv-landing-rates__tabbed__nav__tooltip
    span:first-child{
  cursor: help;
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(237 131 137 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .conv-landing-rates__tabbed__nav__item
    .conv-landing-rates__tabbed__nav__tooltip
    span:first-child{
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.conv-landing-rates__tabbed__nav__item
    .conv-landing-rates__tabbed__nav__tooltip__content{
  visibility: hidden;
  position: absolute;
  bottom: -150%;
  left: 0px;
  z-index: 1;
  max-width: 20rem;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(13 13 13 / var(--tw-bg-opacity));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

@media (min-width: 768px){

  .conv-landing-rates__tabbed__nav__item
    .conv-landing-rates__tabbed__nav__tooltip__content{
    bottom: -3rem;
    right: -100%;
    max-width: none;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.conv-landing-rates__tabbed__nav__item
    .conv-landing-rates__tabbed__nav__tooltip__content::after{
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(13 13 13 / var(--tw-border-opacity));
  --tw-content: "";
  content: var(--tw-content);
}

.conv-landing-rates__tabbed__nav__item.active{
  border-bottom-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgb(255 0 0 / var(--tw-border-opacity));
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(18 94 250 / var(--tw-text-opacity));
}
.js-tab-nav-item.active,
.js-tab-nav__item.active{
  border-bottom-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgb(255 221 0 / var(--tw-border-opacity));
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}

.conv-landing-rates__tabbed__content__item{
  display: none;
}

.conventional__tabbed__content__outside__item{
  display: none;
}

.conv-landing-rates__tabbed__content__item.active{
  display: block;
}

.conventional__tabbed__content__outside__item.active{
  display: block;
}

.conv-landing-rates__tabbed__content table{
  width: 100%;
  overflow: hidden;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}

@media (min-width: 768px){

  .conv-landing-rates__tabbed__content table{
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }
}

.conv-landing-rates__tabbed__content table {
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}

.conv-landing-rates__tabbed__content thead{
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 167 / var(--tw-bg-opacity));
}

.conv-landing-rates__tabbed__content th{
  padding: 0.625rem;
  text-align: left;
  vertical-align: top;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .conv-landing-rates__tabbed__content th{
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .conv-landing-rates__tabbed__content th:nth-child(2){
    white-space: nowrap;
  }
}

.conv-landing-rates__tabbed__content tbody{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.conv-landing-rates__tabbed__content tbody tr td{
  padding: 0.625rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .conv-landing-rates__tabbed__content tbody tr td{
    padding: 22px;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .conv-landing-rates__tabbed__content tbody tr td:nth-child(1){
    white-space: nowrap;
  }

  .conv-landing-rates__tabbed__content tbody tr td:nth-child(2){
    text-align: center;
  }
}

.conv-landing-rates__tabbed__content tbody tr:nth-child(even){
  --tw-bg-opacity: 1;
  background-color: rgb(247 244 240 / var(--tw-bg-opacity));
  opacity: 0.9;
}
/* End Rates */

/* Products */
.conv-landing-products{
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 167 / var(--tw-bg-opacity));
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.conv-landing-products.active{
  --tw-bg-opacity: 1;
  background-color: rgb(220 7 20 / var(--tw-bg-opacity));
}

.conv-landing-products__overlay {
    /* Change the height to slow down the transition */
    visibility: visible;
    position: sticky;
    top: 0px;
    left: 0px;
    z-index: 10;
    height: 100%;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(134 134 134 / var(--tw-bg-opacity));
    opacity: 1;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 1000ms;
            transition-duration: 1000ms;
}

.conv-landing-products__overlay.hide,
.conv-landing-products__overlay__target.hide{
  visibility: hidden !important;
  position: absolute;
  opacity: 0 !important;
}

.conv-landing-products__overlay__cover{
  position: sticky;
  top: 0px;
  left: 0px;
  height: 100vh;
  width: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.conv-landing-products__overlay__cover__text{
  position: absolute;
  top: 33.333333%;
  left: 0px;
  --tw-translate-y: -50%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1024px){

  .conv-landing-products__overlay__cover__text{
    top: 50%;
    margin-left: 10rem;
    width: 50%;
  }
}

.conv-landing-products__overlay__cover h1{
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 600;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 480px){

  .conv-landing-products__overlay__cover h1{
    font-size: 3rem;
    line-height: 1;
  }
}

.conv-landing-products__overlay__cover h1::before,
.conv-landing-products__overlay__cover h1::after{
  position: absolute;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 64px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 0 0 / var(--tw-text-opacity));
}

.conv-landing-products__overlay__cover h1::before{
  top: -3.5rem;
  left: 0px;
    content: "\201C";
}

.conv-landing-products__overlay__cover h1::after{
  bottom: 6rem;
  left: 80%;
}

@media (min-width: 480px){

  .conv-landing-products__overlay__cover h1::after{
    left: 65%;
  }
}

@media (min-width: 768px){

  .conv-landing-products__overlay__cover h1::after{
    bottom: 3rem;
    left: 50%;
  }
}

@media (min-width: 1024px){

  .conv-landing-products__overlay__cover h1::after{
    left: unset;
  }
}

.conv-landing-products__overlay__cover h1::after {
    content: "\201D";
}

.conv-landing-products__overlay__cover p{
  margin-top: 2.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(110 110 110 / var(--tw-text-opacity));
}

@media (min-width: 480px){

  .conv-landing-products__overlay__cover p{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.conv-landing-products__overlay__target{
  visibility: hidden;
  position: relative;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 1000ms;
          transition-duration: 1000ms;
}

@media (min-width: 768px){

  .conv-landing-products__overlay__target{
    background-position: center;
  }
}

.conv-landing-products__overlay__target.active{
  visibility: visible;
  opacity: 1;
}

.conv-landing-products__container{
  position: relative;
  -ms-scroll-snap-type: y var(--tw-scroll-snap-strictness);
      scroll-snap-type: y var(--tw-scroll-snap-strictness);
  --tw-scroll-snap-strictness: mandatory;
}

.conv-landing-products__wrapper{
  visibility: hidden;
  position: sticky;
  left: 0px;
  top: 0px;
  width: 100%;
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.conv-landing-products__wrapper.active{
  visibility: visible;
  opacity: 1;
}

.conv-landing-products__container.--syariah .conv-landing-products__wrapper{
  visibility: visible;
  opacity: 1;
}

.conv-landing-products__nav{
  position: absolute;
  top: 2.5rem;
  left: 0px;
  z-index: 50;
  margin-bottom: -9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px){

  .conv-landing-products__nav{
    top: 4rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
}

@media (min-width: 1024px){

  .conv-landing-products__nav{
    top: 90px;
  }
}

.conv-landing-products__nav__dropdown{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 116px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.25rem;
  overflow: hidden;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(229 239 246 / var(--tw-bg-opacity));
  padding-right: 0.625rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .conv-landing-products__nav__dropdown{
    height: 100%;
    min-width: 144px;
  }
}

.conv-landing-products__container.--syariah
    .conv-landing-products__nav__dropdown{
  --tw-bg-opacity: 1;
  background-color: rgb(247 244 240 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

.conv-landing-products__nav__dropdown.active,
.conv-landing-products__container.--syariah
    .conv-landing-products__nav__dropdown.active{
  overflow: visible;
}

.conv-landing-products__nav__dropdown__text{
  z-index: 2;
  margin-top: 0.125rem;
  height: 100%;
  width: 100%;
  cursor: pointer;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(229 239 246 / var(--tw-bg-opacity));
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 0.625rem;
}

@media (min-width: 768px){

  .conv-landing-products__nav__dropdown__text{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.conv-landing-products__container.--syariah
    .conv-landing-products__nav__dropdown__text{
  --tw-bg-opacity: 1;
  background-color: rgb(247 244 240 / var(--tw-bg-opacity));
}

.conv-landing-products__nav__dropdown__text.behind,
.conv-landing-products__container.--syariah
    .conv-landing-products__nav__dropdown__text.behind{
  z-index: 1;
}

.conv-landing-products__nav__dropdown ul{
  position: absolute;
  top: -0.25rem;
  left: 0px;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  cursor: pointer;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.625rem;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(229 239 246 / var(--tw-bg-opacity));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

@media (min-width: 768px){

  .conv-landing-products__nav__dropdown ul{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.conv-landing-products__container.--syariah
    .conv-landing-products__nav__dropdown
    ul{
  --tw-bg-opacity: 1;
  background-color: rgb(247 244 240 / var(--tw-bg-opacity));
}

.conv-landing-products__nav__dropdown.active ul,
.conv-landing-products__container.--syariah
    .conv-landing-products__nav__dropdown.active
    ul{
  opacity: 1;
}

.conv-landing-products__nav__dropdown,
.conv-landing-products__nav__tabs {
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}

.conv-landing-products__nav__tabs{
  margin-top: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0.25rem;
  border-radius: 40px;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 3px;
  padding-bottom: 3px;
}

@media (min-width: 768px){

  .conv-landing-products__nav__tabs{
    margin-top: 0px;
  }
}

.conv-landing-products__nav__tabs {
    background: rgba(255, 255, 255, 0.3);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
}

.conv-landing-products__nav__tabs a{
  white-space: nowrap;
  border-radius: 30px;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  text-align: center;
  font-size: 10px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

@media (min-width: 768px){

  .conv-landing-products__nav__tabs a{
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
  }
}

.conv-landing-products__nav__tabs a.active{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(18 94 250 / var(--tw-text-opacity));
}

.conv-landing-products__container.--syariah
    .conv-landing-products__nav__tabs
    a{
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

.conv-landing-products__container.--syariah
    .conv-landing-products__nav__tabs
    a.active{
  --tw-bg-opacity: 1;
  background-color: rgb(173 143 107 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.conv-landing-products__pause{
  position: absolute;
  bottom: 5rem;
  left: 1rem;
  z-index: 999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2rem !important;
  width: 2rem !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  background-color: transparent;
}

@media (min-width: 768px){

  .conv-landing-products__pause{
    bottom: 2.5rem;
    left: 2.5rem;
  }
}

.conv-landing-products__container.--syariah .conv-landing-products__pause{
  --tw-border-opacity: 1;
  border-color: rgb(173 143 107 / var(--tw-border-opacity));
}

.pause-icon{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0.75rem;
  width: 0.75rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.pause-icon span{
  display: block;
  height: 0.625rem;
  width: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.conv-landing-products__cat{
  visibility: hidden;
  position: sticky;
  top: 0px;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  width: 100%;
  scroll-snap-align: start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}

.conv-landing-products__cat.active{
  visibility: visible;
  opacity: 1;
}

.conv-landing-products__cat__title{
  margin-top: 11rem;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .conv-landing-products__cat__title{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

@media (min-width: 1024px){

  .conv-landing-products__cat__title{
    margin-top: 15rem;
    width: 45%;
  }
}

.conv-landing-products__cat ul li{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}

.conv-landing-products__container.--syariah
    .conv-landing-products__cat
    ul
    li
    .checklist{
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(247 244 240 / var(--tw-bg-opacity));
  padding: 3px;
}

.conv-landing-products__container.--syariah
    .conv-landing-products__cat
    ul
    li
    .checklist
    .path2:before{
  margin: 0px;
  color: rgb(173 143 107 / 1);
}

.conv-landing-products__container.--syariah
    .conv-landing-products__cat
    ul
    li
    p{
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}

.conv-landing-products__cat button{
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

@media (min-width: 768px){

  .conv-landing-products__cat button{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.conv-landing-products__item{
  visibility: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-left: 1rem;
  padding-right: 1rem;
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

@media (min-width: 768px){

  .conv-landing-products__item{
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
}

.conv-landing-products__item.active{
  visibility: visible;
  opacity: 1;
}

.ic-check-circle-blue,
.ic-check-circle-blue span{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.ic-check-circle-blue{
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 9999px;
  opacity: 0.6;
  background: linear-gradient(317deg, #125efa -8.29%, #719efc 107.04%);
}

.ic-check-circle-blue .bzi-check-circle .path2:before{
  margin-left: -0.25rem !important;
  margin-top: 0.25rem !important;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
/* End Products */

/* Ecosystem */
.conv-landing-ecosystem__contents{
  position: relative;
  min-height: 100vh;
  width: 100%;
}

.conv-landing-ecosystem__cover,
.conv-landing-ecosystem__carousel{
  visibility: hidden;
  position: absolute;
  top: 50%;
  --tw-translate-y: -50%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 700ms;
          transition-duration: 700ms;
}
.conv-landing-ecosystem__cover.active,
.conv-landing-ecosystem__carousel.active{
  visibility: visible;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
}

.conv-landing-ecosystem__cover{
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.conv-landing-ecosystem__cover__arc-reactor,
.conv-landing-ecosystem__cover__preview{
  visibility: hidden;
  display: none;
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}
.conv-landing-ecosystem__cover__arc-reactor.active,
.conv-landing-ecosystem__cover__preview.active{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.conv-landing-ecosystem__cover__arc-reactor.show,
.conv-landing-ecosystem__cover__preview.show{
  visibility: visible;
  opacity: 1;
}

.conv-landing-ecosystem__cover__arc-reactor{
  position: relative;
  height: 100vh;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-landing/digital-eco/bg-cover.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.conv-landing-ecosystem__cover__arc-reactor .arc-reactor{
  position: absolute;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-delay: 300ms;
          transition-delay: 300ms;
  -webkit-transition-duration: 1200ms;
          transition-duration: 1200ms;
}

.conv-landing-ecosystem__cover__arc-reactor .arc-reactor--1{
  top: 50%;
  left: 50%;
  width: 420px;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0.22;
}

@media (min-width: 1024px){

  .conv-landing-ecosystem__cover__arc-reactor .arc-reactor--1{
    width: 670px;
  }
}
.conv-landing-ecosystem__cover__arc-reactor .arc-reactor--2{
  top: 100px;
  right: 2rem;
  width: 120px;
  opacity: 0.3;
}
@media (min-width: 1024px){

  .conv-landing-ecosystem__cover__arc-reactor .arc-reactor--2{
    top: 72px;
    right: 200px;
    width: 200px;
  }
}
.conv-landing-ecosystem__cover__arc-reactor .arc-reactor--3{
  bottom: 92px;
  left: 2rem;
  width: 89px;
  opacity: 0.39;
  -webkit-transition-delay: 700ms;
          transition-delay: 700ms;
}
@media (min-width: 1024px){

  .conv-landing-ecosystem__cover__arc-reactor .arc-reactor--3{
    bottom: 96px;
    left: 168px;
    width: 165px;
  }
}
.conv-landing-ecosystem__cover__arc-reactor .arc-reactor--4{
  top: 5rem;
  left: 2rem;
  width: 74px;
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0.5;
}
@media (min-width: 1024px){

  .conv-landing-ecosystem__cover__arc-reactor .arc-reactor--4{
    top: 72px;
    left: 192px;
  }
}
.conv-landing-ecosystem__cover__arc-reactor .arc-reactor--5{
  bottom: 2.5rem;
  right: 1rem;
  width: 145px;
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0.39;
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}
@media (min-width: 1024px){

  .conv-landing-ecosystem__cover__arc-reactor .arc-reactor--5{
    right: 150px;
  }
}
.conv-landing-ecosystem__cover__arc-reactor.transform .arc-reactor--1{
  --tw-scale-x: 2.5;
  --tw-scale-y: 2.5;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0.1;
}
.conv-landing-ecosystem__cover__arc-reactor.transform .arc-reactor--2{
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
}
.conv-landing-ecosystem__cover__arc-reactor.transform .arc-reactor--3{
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
}
.conv-landing-ecosystem__cover__arc-reactor.transform .arc-reactor--4{
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0.1;
}
.conv-landing-ecosystem__cover__arc-reactor.transform .arc-reactor--5{
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
}

.conv-landing-ecosystem__cover__arc-reactor .arc-reactor__text{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 700px;
  text-align: center;
}

.conv-landing-ecosystem__cover__preview{
  height: 100vh;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 72px;
  padding-bottom: 72px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}
.conv-landing-ecosystem__cover__preview > .container{
  height: 100%;
  width: 100%;
}
.conv-landing-ecosystem__cover__preview .preview__bezel-cont{
  position: relative;
  height: 100%;
  width: 100%;
}
.conv-landing-ecosystem__cover__preview .preview__bezel-img{
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     font-family: "object-fit:contain;object-position:center";
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.conv-landing-ecosystem__cover__preview .preview__section{
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  width: 100%;
  --tw-translate-y: calc(-50% - 8px);
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-delay: 100ms;
          transition-delay: 100ms;
  -webkit-transition-duration: 2400ms;
          transition-duration: 2400ms;
}
.conv-landing-ecosystem__cover__preview .preview-section__img{
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  -o-object-fit: contain;
     font-family: "object-fit:contain;object-position:center";
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.conv-landing-ecosystem__cover__preview .preview__section--1 {
    --tw-translate-x: 50%;
}
.conv-landing-ecosystem__cover__preview .preview__section--2 {
    --tw-translate-x: 150%;
}
.conv-landing-ecosystem__cover__preview .preview__section--3 {
    --tw-translate-x: 250%;
}
.conv-landing-ecosystem__cover__preview .preview__section--4 {
    --tw-translate-x: 350%;
}
.conv-landing-ecosystem__cover__preview.transform .preview__section--1 {
    --tw-translate-x: -350%;
}
.conv-landing-ecosystem__cover__preview.transform .preview__section--2 {
    --tw-translate-x: -250%;
}
.conv-landing-ecosystem__cover__preview.transform .preview__section--3 {
    --tw-translate-x: -150%;
}
.conv-landing-ecosystem__cover__preview.transform .preview__section--4 {
    --tw-translate-x: -50%;
}

.conv-landing-ecosystem__carousel{
  height: 100%;
  width: 100%;
  --tw-scale-x: .5;
  --tw-scale-y: .5;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  overflow: hidden;
}

.conv-landing-ecosystem__carousel__group{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  min-height: 100vh;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.conv-landing-ecosystem__carousel__item{
  visibility: hidden;
  position: absolute;
  top: 50%;
  height: 100%;
  --tw-translate-y: -50%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

@media (min-width: 1280px){

  .conv-landing-ecosystem__carousel__item{
    width: 100%;
  }
}

.conv-landing-ecosystem__carousel__item.active{
  visibility: visible;
  opacity: 1;
}

.conv-landing-ecosystem__carousel__item .ecosystem__carousel__item-bg__img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:bottom";
     object-fit: cover;
  -o-object-position: bottom;
     object-position: bottom;
}

@media (min-width: 1024px){

  .conv-landing-ecosystem__carousel__item .ecosystem__carousel__item-bg__img{
    -o-object-fit: contain;
       font-family: "object-fit:contain;object-position:center";
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
  }
}

.conv-landing-ecosystem__carousel__item__contents{
  position: absolute;
  left: 50%;
  margin-top: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  --tw-translate-x: -50%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

@media (min-width: 1024px){

  .conv-landing-ecosystem__carousel__item__contents{
    margin-top: 0px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

.conv-landing-ecosystem__carousel__item__contents button{
  min-width: 180px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.conv-landing-ecosystem__carousel__nav,
.conv-landing-ecosystem__carousel__nav__scope{
  position: absolute;
  bottom: 3rem;
  left: 50%;
  --tw-translate-y: -50%;
  --tw-translate-x: -50%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 768px){

  .conv-landing-ecosystem__carousel__nav,
.conv-landing-ecosystem__carousel__nav__scope{
    bottom: 2rem;
  }
}

@media (min-width: 1024px){

  .conv-landing-ecosystem__carousel__nav,
.conv-landing-ecosystem__carousel__nav__scope{
    bottom: 1.5rem;
  }
}

@media (min-width: 1280px){

  .conv-landing-ecosystem__carousel__nav,
.conv-landing-ecosystem__carousel__nav__scope{
    bottom: 2rem;
  }
}

@media (min-width: 1536px){

  .conv-landing-ecosystem__carousel__nav,
.conv-landing-ecosystem__carousel__nav__scope{
    bottom: 8rem;
  }
}

.conv-landing-ecosystem__carousel__nav{
  height: 2.5rem;
  width: 294px;
  border-radius: 32px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

@media (min-width: 1024px){

  .conv-landing-ecosystem__carousel__nav{
    height: 68px;
  }
}

.conv-landing-ecosystem__carousel__nav {
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}

.conv-landing-ecosystem__carousel__nav__wrapper{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  overflow: hidden;
  border-radius: 32px;
}

.conv-landing-ecosystem__carousel__nav button{
  grid-column: span 1 / span 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.5rem;
  max-width: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 2px;
  padding-right: 2px;
}

@media (min-width: 1024px){

  .conv-landing-ecosystem__carousel__nav button{
    height: 4rem;
    width: 4rem;
    max-width: unset;
  }
}

.conv-landing-ecosystem__carousel__nav button img,
.conv-landing-ecosystem__carousel__nav__scope img{
  height: 26px;
  -o-object-fit: contain;
     font-family: "object-fit:contain";
     object-fit: contain;
}

@media (min-width: 1024px){

  .conv-landing-ecosystem__carousel__nav button img,
.conv-landing-ecosystem__carousel__nav__scope img{
    height: unset;
  }
}

.conv-landing-ecosystem__carousel__nav__scope{
  bottom: -7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.5rem;
  width: 3.5rem;
  --tw-translate-y: 0px;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 167 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 768px){

  .conv-landing-ecosystem__carousel__nav__scope{
    bottom: -0.5rem;
  }
}

@media (min-width: 1024px){

  .conv-landing-ecosystem__carousel__nav__scope{
    bottom: -0.5rem;
    height: 86px;
    width: 86px;
  }
}

@media (min-width: 1280px){

  .conv-landing-ecosystem__carousel__nav__scope{
    bottom: -0.5rem;
  }
}

.conv-landing-ecosystem__carousel__nav__scope {
    -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

.conv-landing-ecosystem__carousel__nav__items{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  --tw-translate-x: 0px;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  gap: 0.875rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

@media (min-width: 1024px){

  .conv-landing-ecosystem__carousel__nav__items{
    gap: 1.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

.conv-landing-ecosystem__carousel__nav__items__group{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.875rem;
}

@media (min-width: 1024px){

  .conv-landing-ecosystem__carousel__nav__items__group{
    gap: 1.5rem;
  }
}

.conv-landing-ecosystem__carousel__nav__items button{
  height: 2.5rem;
  min-width: 2.5rem;
}
/* End Ecosystem */

/* Kurs Valas */
.conv-landing-kurs{
  padding-top: 1.5rem;
  padding-bottom: 2.5rem;
}

.conv-landing-kurs__tabbed{
  width: 100%;
  overflow: hidden;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 1280px){

  .conv-landing-kurs__tabbed{
    display: none;
  }
}

.conv-landing-kurs__tabbed {
    -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

.conv-landing-kurs__tabbed__nav ul{
  margin-bottom: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

@media (min-width: 768px){

  .conv-landing-kurs__tabbed__nav ul{
    margin-bottom: 1.25rem;
  }
}

.conv-landing-kurs__tabbed__nav__item{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
  border-top-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(231 231 231 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(231 231 231 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  --tw-text-opacity: 1;
  color: rgb(134 134 134 / var(--tw-text-opacity));
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

@media (min-width: 768px){

  .conv-landing-kurs__tabbed__nav__item{
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
  }
}

.conv-landing-kurs__tabbed__nav__item button{
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
  font-weight: 500;
}

.conv-landing-kurs__tabbed__nav__item.active{
  --tw-border-opacity: 1;
  border-color: rgb(0 97 167 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}

.conv-landing-kurs__tabbed__content{
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 2rem;
}

.conv-landing-kurs__tabbed__content__item{
  display: none;
}

.conv-landing-kurs__tabbed__content__item.active{
  display: block;
}

.table-kurs-valas{
  width: 100%;
  overflow-x: auto;
  border-radius: 0.75rem;
}

.table-kurs-valas table{
  width: 100%;
  table-layout: fixed;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}

.table-kurs-valas thead{
  display: table;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(18 94 250 / var(--tw-bg-opacity));
}

.table-kurs-valas tr:nth-child(1) th{
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 127px;
}

@media (min-width: 1024px){

  .table-kurs-valas tr:nth-child(1) th{
    max-width: 200px;
  }
}

.table-kurs-valas th{
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 100px;
  border-collapse: collapse;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  padding: 0.625rem;
  padding-top: 7px;
  padding-bottom: 7px;
  text-align: center;
  vertical-align: middle;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .table-kurs-valas th{
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1024px){

  .table-kurs-valas th{
    width: 150px;
    min-width: unset;
  }
}

@media (min-width: 768px){

  .table-kurs-valas th:nth-child(2){
    white-space: nowrap;
  }
}

.table-kurs-valas tbody{
  display: table;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.table-kurs-valas tbody tr td{
  padding: 0.625rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .table-kurs-valas tbody tr td{
    padding: 22px;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.table-kurs-valas tbody tr td:nth-child(1){
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  .table-kurs-valas tbody tr td:nth-child(1){
    width: 100%;
  }
}

.table-kurs-valas tbody tr td:not(:first-child){
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 100px;
}

@media (min-width: 1024px){

  .table-kurs-valas tbody tr td:not(:first-child){
    width: 150px;
    min-width: unset;
  }
}

.table-kurs-valas tbody tr:nth-child(even){
  --tw-bg-opacity: 1;
  background-color: rgb(247 244 240 / var(--tw-bg-opacity));
  opacity: 0.9;
}

/* Tooltip */
.conventional-kurs__tabbed__nav__tooltip__content{
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0px;
  z-index: 1;
  max-width: 20rem;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(13 13 13 / var(--tw-bg-opacity));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
@media (min-width: 768px){

  .conventional-kurs__tabbed__nav__tooltip__content{
    max-width: none;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
/* End Tooltip */

.announcement-kurs-valas ul{
  display: grid;
  list-style-type: disc;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.625rem;
  padding-left: 1rem;
}

@media (min-width: 768px){

  .announcement-kurs-valas ul{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px){

  .announcement-kurs-valas ul{
    margin-top: 1.25rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.announcement-kurs-valas ul li{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(110 110 110 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .announcement-kurs-valas ul li{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.select-input-group{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(207 207 207 / var(--tw-border-opacity));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.select-result-group{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(229 239 246 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.select-result-group select{
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(207 207 207 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(37 37 37 / var(--tw-text-opacity));
}

.conv-landing-kurs__desktop{
  display: none;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1.5rem;
}

@media (min-width: 1280px){

  .conv-landing-kurs__desktop{
    display: grid;
  }
}

.conv-landing-kurs__desktop__table{
  grid-column: span 8 / span 8;
}

.conv-landing-kurs__desktop__converter{
  grid-column: span 4 / span 4;
}

.card-rate-converter{
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
    -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}
/* End Kurs Valas */

/* Promotion */
.conv-landing-promotion{
  margin-bottom: 2rem;
  --tw-bg-opacity: 1;
  background-color: rgb(246 247 247 / var(--tw-bg-opacity));
  padding-top: 3.5rem;
  padding-bottom: 1.75rem;
}
@media (min-width: 768px){

  .conv-landing-promotion{
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.conv-landing-promotion__contents{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 768px){

  .conv-landing-promotion__contents{
    grid-template-columns: repeat(9, minmax(0, 1fr));
    gap: 1.5rem;
  }
}

@media (min-width: 1024px){

  .conv-landing-promotion__contents{
    gap: 0px;
  }
}

.conv-landing-promotion__header{
  grid-column: span 1 / span 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (min-width: 768px){

  .conv-landing-promotion__header{
    grid-column: span 3 / span 3;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 1.5rem;
  }
}

@media (min-width: 1024px){

  .conv-landing-promotion__header{
    padding-left: 5rem;
  }
}

.conv-landing-promotion .conv-landing-title{
  margin-bottom: 0.625rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
}

@media (min-width: 768px){

  .conv-landing-promotion .conv-landing-title{
    padding-left: 0px;
    padding-right: 0px;
    text-align: left;
  }
}

.conv-landing-promotion .btn{
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
}

@media (min-width: 768px){

  .conv-landing-promotion .btn{
    min-width: 170px;
  }
}

.conv-landing-promotion__slider{
  position: relative;
}

.conv-landing-promotion__slider__overlay{
  position: absolute;
  top: 0px;
  left: -1px;
  z-index: 10;
  display: none;
  height: 100%;
  width: 3.5rem;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--tw-gradient-stops)));
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #F6F7F7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(246 247 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

@media (min-width: 768px){

  .conv-landing-promotion__slider__overlay{
    display: block;
  }
}

.conv-landing-promotion__nav-slider{
  margin-bottom: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.75rem;
}

@media (min-width: 768px){

  .conv-landing-promotion__nav-slider{
    -webkit-box-ordinal-group: -9998;
        -ms-flex-order: -9999;
            order: -9999;
  }
}

.btn--slider-controller{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(18 94 250 / var(--tw-text-opacity));
  --tw-shadow: 0px 2px 10px 0px #0000001A;
  --tw-shadow-colored: 0px 2px 10px 0px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.btn--slider-controller.disabled{
  --tw-text-opacity: 1;
  color: rgb(207 207 207 / var(--tw-text-opacity));
}

.slider-item-counter{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(110 110 110 / var(--tw-text-opacity));
}

.slider-item-counter .active{
  --tw-text-opacity: 1;
  color: rgb(220 7 20 / var(--tw-text-opacity));
}

.conv-landing-promotion__slider{
  grid-column: span 1 / span 1;
}

@media (min-width: 768px){

  .conv-landing-promotion__slider{
    grid-column: span 6 / span 6;
  }
}

.conv-landing-promotion__slider__item{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  width: 300px;
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  overflow: hidden;
  border-radius: 0.75rem;
  opacity: 0.5;
  --tw-blur: blur(4px);
  -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
          filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

@media (min-width: 480px){

  .conv-landing-promotion__slider__item{
    width: 360px;
  }
}

@media (min-width: 768px){

  .conv-landing-promotion__slider__item{
    margin-left: 1.5rem;
    width: auto;
  }
}

@media (min-width: 1024px){

  .conv-landing-promotion__slider__item{
    margin-left: 0.75rem;
  }
}

.conv-landing-promotion__slider__item.slick-current{
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
  --tw-blur: blur(0);
  -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
          filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.conv-landing-promotion__slider__item img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
}

@media (min-width: 768px){

  .conv-landing-promotion__slider__item img{
    max-width: 412px;
  }
}

@media (min-width: 1024px){

  .conv-landing-promotion__slider__item img{
    max-width: 640px;
  }
}
/* End Promotion */

/* App Preview */
.conv-landing-app-preview{
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 768px){

  .conv-landing-app-preview{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-landing/banner/bg-app-preview-lg.jpg");
  }
}

.conv-landing-app-preview__contents{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 1024px){

  .conv-landing-app-preview__contents{
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}

.conv-landing-app-preview__copy{
  z-index: 0;
  grid-column: span 1 / span 1;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  text-align: center;
}

@media (min-width: 1024px){

  .conv-landing-app-preview__copy{
    grid-column: span 4 / span 4;
    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;
  }
}

.conv-landing-app-preview__copy h2{
  margin-bottom: 0.625rem;
  text-align: center;
}

@media (min-width: 768px){

  .conv-landing-app-preview__copy h2{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media (min-width: 1024px){

  .conv-landing-app-preview__copy h2{
    width: 110%;
    text-align: left;
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

.conv-landing-app-preview__copy .conv-landing-subtitle{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .conv-landing-app-preview__copy .conv-landing-subtitle{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1024px){

  .conv-landing-app-preview__copy .conv-landing-subtitle{
    width: 110%;
    text-align: left;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.conv-landing-app-preview__frame{
  z-index: 0;
  grid-column: span 1 / span 1;
  margin-top: 1rem;
  margin-bottom: 3.5rem;
}

@media (min-width: 1024px){

  .conv-landing-app-preview__frame{
    grid-column: span 4 / span 4;
  }
}

.conv-landing-app-preview__mobile-frame{
  position: relative;
}

.conv-landing-app-preview__mobile-frame__screen{
  position: relative;
  height: 410px;
}

@media (min-width: 768px){

  .conv-landing-app-preview__mobile-frame__screen{
    height: 910px;
  }
}

@media (min-width: 1024px){

  .conv-landing-app-preview__mobile-frame__screen{
    height: 512px;
  }
}

.conv-landing-app-preview__mobile-frame__screen img{
  visibility: hidden;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  width: 110%;
  max-width: none;
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}

.conv-landing-app-preview__mobile-frame__screen img.active{
  visibility: visible;
  opacity: 1;
}

.conv-landing-app-preview__mobile-frame__nav{
  position: absolute;
  bottom: 3rem;
  left: 40%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  --tw-translate-x: -50%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 768px){

  .conv-landing-app-preview__mobile-frame__nav{
    bottom: 11rem;
  }
}

@media (min-width: 1024px){

  .conv-landing-app-preview__mobile-frame__nav{
    bottom: 5rem;
  }
}

.conv-landing-app-preview__mobile-frame__nav {
    -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2);
}

@media (min-width: 768px){

  .conv-landing-app-preview__mobile-frame__nav img{
    height: 3rem !important;
    width: 3rem !important;
  }
}

@media (min-width: 1024px){

  .conv-landing-app-preview__mobile-frame__nav img{
    height: 2rem !important;
    width: 2rem !important;
  }
}

.btn--screen-controller{
  position: relative;
  z-index: 1;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 22px;
  padding-right: 22px;
}

.btn--screen-controller::before{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  height: 100%;
  width: 100%;
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  --tw-content: "";
  content: var(--tw-content);
    background: #f3f3f3;
}

.btn--screen-controller.active::before{
  opacity: 1;
}

.btn--screen-controller img{
  width: 100%;
}

.conv-landing-app-preview__offer{
  z-index: 0;
  grid-column: span 1 / span 1;
}

@media (min-width: 1024px){

  .conv-landing-app-preview__offer{
    grid-column: span 4 / span 4;
    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;
  }
}

.conv-landing-app-preview__offer button{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.conv-landing-app-preview__offer__text{
  display: none;
}

.conv-landing-app-preview__offer__text.active{
  display: block;
}

.conv-landing-app-preview__offer__text .header-preview{
  margin-bottom: 1rem;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .conv-landing-app-preview__offer__text .header-preview{
    font-size: 26px;
  }
}

@media (min-width: 1024px){

  .conv-landing-app-preview__offer__text .header-preview{
    text-align: left;
  }
}

.conv-landing-app-preview__offer__text .body-preview{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .conv-landing-app-preview__offer__text .body-preview{
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
  }
}

@media (min-width: 1024px){

  .conv-landing-app-preview__offer__text .body-preview{
    padding-left: 0px;
    padding-right: 0px;
    text-align: left;
  }
}

.conv-landing-app-preview__offer__cta{
  margin-top: 1.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.625rem;
}

@media (min-width: 768px){

  .conv-landing-app-preview__offer__cta{
    margin-top: 1rem;
    width: 110%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 0.625rem;
  }
}

@media (min-width: 1024px){

  .conv-landing-app-preview__offer__cta{
    margin-top: 1rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 0.625rem;
  }
}

.store-download-icon{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 167 / var(--tw-border-opacity));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 8.5px;
  padding-bottom: 8.5px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.store-download-icon:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}

@media (min-width: 1024px){

  .store-download-icon{
    border-radius: 9999px;
  }
}

.store-download-icon img{
  height: 1.25rem;
  width: 1.25rem;
}

@media (min-width: 1024px){

  .store-download-icon img{
    height: 100%;
    width: 100%;
  }
}

.store-download-icon.qr-code{
  margin-top: 0.75rem;
  display: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 30px;
  padding: 0.625rem;
}

@media (min-width: 1024px){

  .store-download-icon.qr-code{
    display: block;
  }
}

.store-download-icon.qr-code img{
  height: 5rem;
  width: 5rem;
}
/* End App Preview */

/* Article */
.conv-landing-article{
  margin-top: 3rem;
  margin-bottom: 2rem;
}
@media (min-width: 768px){

  .conv-landing-article{
    margin-top: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

.conv-landing-article .container{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px){

  .conv-landing-article .container{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}

.conv-landing-article .conv-landing-title{
  margin-top: 38px;
  margin-bottom: 2rem;
  text-align: center;
}

.conv-landing-article__contents{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}

.conv-landing-article__group{
  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;
}

.conv-landing-article__card{
  grid-column: span 1 / span 1;
  display: none;
}

@media (min-width: 1024px){

  .conv-landing-article__card{
    display: block;
  }
}

.conv-landing-article__card__slider{
  margin-top: 0.375rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 1024px){

  .conv-landing-article__card__slider{
    display: none;
  }
}

.conv-landing-article__card__grid{
  display: none;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
}

@media (min-width: 1024px){

  .conv-landing-article__card__grid{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.conv-landing-article article.slick-slide{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  width: 256px !important;
}

@media (min-width: 768px){

  .conv-landing-article article.slick-slide{
    width: 480px !important;
  }
}

.conv-landing-article article figure img{
  height: 162px;
  width: 100%;
  overflow: hidden;
  border-radius: 0.5rem;
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center";
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

@media (min-width: 768px){

  .conv-landing-article article figure img{
    height: 184px !important;
  }
}

@media (min-width: 1024px){

  .conv-landing-article article figure img{
    height: 162px !important;
  }
}

.conv-landing-article article figure p{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}

.conv-landing-article article figure figcaption{
  margin-top: 1rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 84px;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

.conv-landing-article button{
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
}
/* End Article */
/* End Conventional Landing */

/* Detail Promo */
.promo-info{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0px 2px 10px 0px #0000001A;
  --tw-shadow-colored: 0px 2px 10px 0px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.promo-info-title {
    color: #6e6e6e;
    font-weight: 600;
}

.promo-info .title {
    color: #6e6e6e;
    font-weight: 400;
}

.promo-info .content {
    color: #565656;
    font-weight: 600;
}

/* Tooltip js clipboard from w3schools.com */
.tooltip {
    position: relative;
    display: inline-block;
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 140px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -70px;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.detail-promo-table{
  width: 100%;
  overflow: auto;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

@media (min-width: 768px){

  .detail-promo-table{
    width: 694px;
  }
}
.detail-promo-table table{
  width: 100%;
  table-layout: fixed;
  overflow: hidden;
  border-radius: 0.375rem;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.detail-promo-table thead tr th{
  --tw-bg-opacity: 1;
  background-color: rgb(18 94 250 / var(--tw-bg-opacity));
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.detail-promo-table tbody tr:nth-child(even){
  --tw-bg-opacity: 1;
  background-color: rgb(247 244 240 / var(--tw-bg-opacity));
}

.detail-promo-table tbody tr:nth-child(odd){
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.detail-promo-table tbody tr td{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
}
/* End Detail Promo */

/* Promo Gabungan */
.promo-gabungan-header__dropdown__items{
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.promo-gabungan-header__dropdown__items.--is-active{
  display: block;
}
/* End Promo Gabungan */

/* Conventional Product Detail */
/* Common El */
.conventional-title{
  margin-bottom: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
@media (min-width: 1024px){

  .conventional-title{
    margin-bottom: 1.25rem;
    font-size: 2.25rem !important;
    line-height: 2.5rem !important;
  }
}
.conventional-title {
    font-size: 22px;
}
h2.conventional-title{
  margin-bottom: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
@media (min-width: 1024px){

  h2.conventional-title{
    margin-bottom: 1.25rem;
    font-size: 2.25rem !important;
    line-height: 2.5rem !important;
  }
}
h2.conventional-title {
    font-size: 22px;
}
h2.conventional-title--qris-btn-merchant{
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 60%;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
@media (min-width: 1024px){

  h2.conventional-title--qris-btn-merchant{
    display: none;
  }
}
h2.conventional-title.--ebatarapos{
  margin-bottom: 2rem;
  text-align: center;
}
@media (min-width: 1024px){

  h2.conventional-title.--ebatarapos{
    margin-bottom: 60px;
  }
}
h2.conventional-title.--kpr-sejahtera{
  margin-bottom: 2rem;
  text-align: center;
}
@media (min-width: 1024px){

  h2.conventional-title.--kpr-sejahtera{
    margin-bottom: 60px;
  }
}
h2.conventional-title.--kpr-tapera{
  margin-bottom: 2rem;
  text-align: center;
}
@media (min-width: 1024px){

  h2.conventional-title.--kpr-tapera{
    margin-bottom: 60px;
  }
}
h2.conventional-title.--krr-tapera{
  margin-bottom: 2rem;
  text-align: center;
}
@media (min-width: 1024px){

  h2.conventional-title.--krr-tapera{
    margin-bottom: 60px;
  }
}
h2.conventional-title.--deposit-ritel{
  margin-bottom: 2rem;
  text-align: center;
}
@media (min-width: 1024px){

  h2.conventional-title.--deposit-ritel{
    margin-bottom: 60px;
  }
}
h2.conventional-title.--internet-banking{
  margin-bottom: 2rem;
  text-align: center;
}
@media (min-width: 1024px){

  h2.conventional-title.--internet-banking{
    margin-bottom: 60px;
  }
}
h3.conventional-title.--detail-promo{
  margin-bottom: 1rem;
  font-size: 22px;
    font-weight: 600;
}
p.conventional-subtitle{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}
@media (min-width: 1024px){

  p.conventional-subtitle{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
/* End Common El */

/* Hero */
.conventional-hero{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-product-detail/hero/conventional-hero-mobile.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 768px){

  .conventional-hero{
    max-height: 90vh;
  }
}
@media (min-width: 1024px){

  .conventional-hero{
    max-height: 100vh;
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-product-detail/hero/conventional-hero-large.jpg");
  }
}
.conventional-hero.--ebatarapos{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-ebatarapos/hero/banner-mobile.jpg");
}
@media (min-width: 1024px){

  .conventional-hero.--ebatarapos{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-ebatarapos/hero/banner.jpg");
  }
}
.conventional-hero.--pensiunan{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-pensiunan/hero/banner-mobile.jpg");
}
@media (min-width: 768px){

  .conventional-hero.--pensiunan{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-pensiunan/hero/banner.jpg");
  }
}
.conventional-hero.--investasi{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-investasi/hero/banner.jpg");
}
.conventional-hero.--batara{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-batara/hero/banner-mobile.jpg");
}
@media (min-width: 768px){

  .conventional-hero.--batara{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-batara/hero/banner.jpg");
  }
}
.conventional-hero.--siap{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-siap/hero/banner.jpg");
  background-position: center;
}
.conventional-hero.--felas{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-felas/hero/banner-mobile.jpg");
}
@media (min-width: 768px){

  .conventional-hero.--felas{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-felas/hero/banner.jpg");
  }
}
.conventional-hero.--payroll{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-payroll/hero/banner.jpg");
}
.conventional-hero.--kartu-blink{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-kartu-blink/hero/banner-mobile.jpg");
}
@media (min-width: 768px){

  .conventional-hero.--kartu-blink{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-kartu-blink/hero/banner.jpg");
  }
}
.conventional-hero.--sdb{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-sdb/hero/hero-mobile.jpg");
}
@media (min-width: 1024px){

  .conventional-hero.--sdb{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-sdb/hero/banner.jpg");
  }
}
.conventional-hero.--giro-perorangan{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-giro-perorangan/hero/banner-mobile.jpg");
}
@media (min-width: 768px){

  .conventional-hero.--giro-perorangan{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-giro-perorangan/hero/banner.jpg");
  }
}
.conventional-hero.--krr-tapera{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-krr-tapera/hero/banner-mobile.jpg");
}
@media (min-width: 768px){

  .conventional-hero.--krr-tapera{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-krr-tapera/hero/banner.jpg");
  }
}
.conventional-hero.--kpr-tapera{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-kpr-tapera/hero/banner-mobile.jpg");
}
@media (min-width: 1024px){

  .conventional-hero.--kpr-tapera{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-kpr-tapera/hero/banner.jpg");
  }
}
.conventional-hero.--kpr-sejahtera{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-kpr-sejahtera/hero/banner-mobile.jpg");
}
@media (min-width: 1024px){

  .conventional-hero.--kpr-sejahtera{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-kpr-sejahtera/hero/banner.jpg");
  }
}
.conventional-hero.--deposito-ritel{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-deposito-ritel/hero/banner.jpg");
}
.conventional-hero.--deposito-valas{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-deposito-valas/hero/banner-mobile.jpg");
}
@media (min-width: 768px){

  .conventional-hero.--deposito-valas{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-deposito-valas/hero/banner.jpg");
  }
}
.conventional-hero.--internet-banking{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-internet-banking/hero/banner-mobile.jpg");
}
@media (min-width: 768px){

  .conventional-hero.--internet-banking{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-internet-banking/hero/banner.jpg");
  }
}
.conventional-hero.--tabungan-btn-bisnis{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-tabungan-btn-bisnis/hero/banner.jpg");
}
.conventional-hero.--qris-btn-merchant{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-qris-btn-merchant/hero/banner-mobile.jpg");
}
@media (min-width: 768px){

  .conventional-hero.--qris-btn-merchant{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-qris-btn-merchant/hero/banner.jpg");
  }
}
.conventional-hero.--kartu-debit{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-kartu-debit/hero/banner-mobile.jpg");
}
@media (min-width: 1024px){

  .conventional-hero.--kartu-debit{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-kartu-debit/hero/banner.jpg");
  }
}
.conventional-hero.--kartu-kredit{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-kartu-kredit/hero/banner-mobile.jpg");
}
@media (min-width: 768px){

  .conventional-hero.--kartu-kredit{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-kartu-kredit/hero/banner.jpg");
  }
}
.conventional-hero.--btn-solusi{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-bisnis-jasa-dan-layanan-transaksi-btn-solusi/hero/banner-mobile.jpg");
}
@media (min-width: 768px){

  .conventional-hero.--btn-solusi{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-bisnis-jasa-dan-layanan-transaksi-btn-solusi/hero/banner.jpg");
  }
}
.conventional-hero.--poin-spekta{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-poin-spekta/hero/banner.jpg");
}
.conventional-hero.--agen-btn{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-agen-btn/hero/banner-mobile.jpg");
}
@media (min-width: 1024px){

  .conventional-hero.--agen-btn{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-agen-btn/hero/banner.jpg");
  }
}
.conventional-hero.--debit-btn-suka-suka{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-debit-btn-suka-suka/hero/banner-mobile.jpg");
}
@media (min-width: 1024px){

  .conventional-hero.--debit-btn-suka-suka{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-debit-btn-suka-suka/hero/banner.jpg");
  }
}
.conventional-hero.--produk-dana{
  margin-bottom: 4rem;
  height: 430px;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-produk-dana/hero/banner.jpg");
}
.conventional-hero.--agunan-rumah{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-kredit-agunan-rumah/hero/hero-mobile.jpg");
}
@media (min-width: 1024px){

  .conventional-hero.--agunan-rumah{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-kredit-agunan-rumah/hero/hero.jpg");
  }
}
.conventional-hero.--fasilitas-bpjs{
  height: 120vh;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-fasilitas-bpjs/hero/banner-mobile.png");
}
@media (min-width: 1024px){

  .conventional-hero.--fasilitas-bpjs{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-fasilitas-bpjs/hero/banner-desktop.png");
  }
}
.conventional-hero.--dual-currency-investment{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-dual-transaction-investment/hero/banner-mobile.jpg");
}
@media (min-width: 768px){

  .conventional-hero.--dual-currency-investment{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-dual-transaction-investment/hero/banner.jpg");
  }
}
.conventional-hero.--market-linked-deposit{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-market-linked-deposit/hero/banner-mobile.jpg");
}
@media (min-width: 768px){

  .conventional-hero.--market-linked-deposit{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-market-linked-deposit/hero/banner.jpg");
  }
}
.conventional-hero.--debit-online{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-debit-online/hero/banner-mobile.jpg");
}
@media (min-width: 768px){

  .conventional-hero.--debit-online{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-debit-online/hero/banner.jpg");
  }
}
.conventional-hero.--pdam{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-pembayaran-pdam/hero/banner-mobile.jpg");
}
@media (min-width: 768px){

  .conventional-hero.--pdam{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-pembayaran-pdam/hero/banner.jpg");
  }
}
.conventional-hero.--smart-residence{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-smart-residence/hero/banner-mobile.jpg");
}
@media (min-width: 1024px){

  .conventional-hero.--smart-residence{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-smart-residence/hero/banner.jpg");
  }
}
.conventional-hero.--api{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-btn-api/hero/banner-mobile.jpg");
}
@media (min-width: 768px){

  .conventional-hero.--api{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-btn-api/hero/banner.jpg");
  }
}
.conventional-hero.--skbdn{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-skbdn/hero/banner-mobile.jpg");
}
@media (min-width: 768px){

  .conventional-hero.--skbdn{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-skbdn/hero/banner.jpg");
  }
}
.conventional-hero.--kredit-umkm{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-kredit-umkm-modal-kerja/hero/banner-mobile.jpg");
}
@media (min-width: 768px){

  .conventional-hero.--kredit-umkm{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-kredit-umkm-modal-kerja/hero/banner.jpg");
  }
}
.conventional-hero.--bisnis-individu{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-tabungan-btn-bisnis-individu/hero/banner-mobile.jpg");
}
@media (min-width: 768px){

  .conventional-hero.--bisnis-individu{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-tabungan-btn-bisnis-individu/hero/banner.jpg");
  }
}
.conventional-hero.--kbr-tapera{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-kbr-tapera/hero/banner-mobile.jpg");
}
@media (min-width: 768px){

  .conventional-hero.--kbr-tapera{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-kbr-tapera/hero/banner.jpg");
  }
}
.conventional-hero.--detail-kredit-platinum{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-detail-kartu-kredit-platinum/hero/banner-mobile.jpg");
}
@media (min-width: 768px){

  .conventional-hero.--detail-kredit-platinum{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-detail-kartu-kredit-platinum/hero/banner.jpg");
  }
}
.conventional-hero.--money-gram{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-money-gram/hero/banner-mobile.jpg");
}
@media (min-width: 768px){

  .conventional-hero.--money-gram{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-money-gram/hero/banner.jpg");
  }
}
.conventional-hero.--documentary-collection{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-documentary-collection/hero/banner-mobile.png");
}
@media (min-width: 1024px){

  .conventional-hero.--documentary-collection{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-documentary-collection/hero/banner.png");
  }
}
.conventional-hero.--visa-contactless{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-debit-btn-visa-contactless-paywave/hero/banner-mobile.png");
}
@media (min-width: 768px){

  .conventional-hero.--visa-contactless{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-debit-btn-visa-contactless-paywave/hero/banner.jpg");
  }
}
.conventional-hero.--bisnis-felas{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-bisnis-btn-felas/hero/banner-mobile.png");
}
@media (min-width: 768px){

  .conventional-hero.--bisnis-felas{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-bisnis-btn-felas/hero/banner.png");
  }
}
.conventional-hero.--atm-link{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-atm-link/hero/banner-mobile.jpg");
}
@media (min-width: 768px){

  .conventional-hero.--atm-link{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-atm-link/hero/banner.jpg");
  }
}
.conventional-hero.--smart-residence-pengelola{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-smart-residence-pengelola/hero/banner-mobile.jpg");
}
@media (min-width: 768px){

  .conventional-hero.--smart-residence-pengelola{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-smart-residence-pengelola/hero/banner.jpg");
  }
}
.conventional-hero.--landing-tentang-kami{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/about-btn/landing/hero/banner-mobile.jpg");
}
@media (min-width: 1024px){

  .conventional-hero.--landing-tentang-kami{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/about-btn/landing/hero/banner.png");
  }
}
.conventional-hero.--footer-faq{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/footer-faq/banner/bg_footer_faq_sm.jpg");
}
@media (min-width: 1024px){

  .conventional-hero.--footer-faq{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/footer-faq/banner/banner.png");
  }
}
.conventional-hero.--complaint-service{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/layanan-pengaduan/hero/banner-mobile.jpg");
}
@media (min-width: 768px){

  .conventional-hero.--complaint-service{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/layanan-pengaduan/hero/banner.jpg");
  }
}
.conventional-hero.--security-awareness{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/security-awareness/banner/mobile.jpg");
}
@media (min-width: 768px){

  .conventional-hero.--security-awareness{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/security-awareness/banner/desktop.jpg");
  }
}

.conventional-hero__copy{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 8rem;
  text-align: center;
}

@media (min-width: 480px){

  .conventional-hero__copy{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 768px){

  .conventional-hero__copy{
    padding-bottom: 14rem;
  }
}

@media (min-width: 1024px){

  .conventional-hero__copy{
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-bottom: 0.75rem;
    text-align: left;
  }
}
.conventional-hero__copy.--kpr-btn-platinum,
.conventional-hero__copy.--ebatarapos,
.conventional-hero__copy.--kpr-sejahtera,
.conventional-hero__copy.--kpr-tapera,
.conventional-hero__copy.--smart-residence
    .conventional-hero__copy.--kredit-umkm,
.conventional-hero__copy.--less-margin{
  margin-top: -64px;
}
@media (min-width: 768px){

  .conventional-hero__copy.--kpr-btn-platinum,
.conventional-hero__copy.--ebatarapos,
.conventional-hero__copy.--kpr-sejahtera,
.conventional-hero__copy.--kpr-tapera,
.conventional-hero__copy.--smart-residence
    .conventional-hero__copy.--kredit-umkm,
.conventional-hero__copy.--less-margin{
    margin-top: 0px;
  }
}

.esg-hero-content.--less-margin{
  margin-top: -25vh;
}
.conventional-hero__copy.--api{
  margin-top: -35px;
}
@media (min-width: 768px){

  .conventional-hero__copy.--api{
    margin-top: 0px;
  }
}
.conventional-hero__copy.--dual-currency-investment,
.conventional-hero__copy.--market-linked-deposit{
  margin-top: -48px;
}
@media (min-width: 768px){

  .conventional-hero__copy.--dual-currency-investment,
.conventional-hero__copy.--market-linked-deposit{
    margin-top: 0px;
  }
}
.conventional-hero__copy.--fasilitas-bpjs{
  height: 75%;
}
@media (min-width: 768px){

  .conventional-hero__copy.--fasilitas-bpjs{
    height: 100%;
  }

  .conventional-hero__copy.--detail-kredit-platinum{
    padding-bottom: 8rem;
  }
}
@media (min-width: 1024px){

  .conventional-hero__copy.--detail-kredit-platinum{
    padding-bottom: 0px;
  }

  .conventional-hero__copy.--more-pt{
    padding-top: 10rem;
  }
}

@media (min-width: 1280px){

  .conventional-hero__copy.--more-pt{
    padding-top: 7rem;
  }
}

.conventional-hero__copy.--more-extra-pt {
    padding-top: 8rem;
}

.conventional-hero__copy > *:not(:last-child){
  width: 100%;
}

@media (min-width: 640px){

  .conventional-hero__copy > *:not(:last-child){
    width: 75%;
  }
}

@media (min-width: 1024px){

  .conventional-hero__copy > *:not(:last-child){
    width: 50%;
  }
}

.conventional-hero__copy .conventional-hero__copy__cta{
  margin-top: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.conventional-hero__copy .conventional-hero__copy__cta .logo-circle-border{
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(255 221 0 / var(--tw-border-opacity));
  padding: 0.5rem;
}

.conventional-hero__copy .conventional-hero__copy__cta .logo-circle-border img{
  height: 32px;
  width: 32px;
}

@media (min-width: 1024px){

  .conventional-hero.--agen-btn .conventional-hero__copy h1,
.conventional-hero.--agen-btn .conventional-hero__copy p{
    width: 75%;
  }

  .conventional-hero__copy > p{
    width: 41.666667%;
  }
}

.conventional-hero.--produk-dana .conventional-hero__copy{
  padding: 0px;
}
.conventional-hero.--produk-dana .conventional-hero__copy h1{
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.conventional-hero__navigation{
  position: absolute;
  right: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(229 239 246 / var(--tw-bg-opacity));
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 2rem;
  padding-right: 3rem;
}

@media (min-width: 768px){

  .conventional-hero__navigation{
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-start-start-radius: 0.75rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

.conventional-hero__navigation.--felas{
  width: 416px;
}

.conventional-hero__navigation.--felas a{
  width: 176px;
}

.conventional-hero__navigation > i{
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}

@media (min-width: 768px){

  .conventional-hero__navigation > i{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.conventional-hero__copy .back{
  margin-top: 6rem;
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -ms-flex-item-align: start;
      align-self: flex-start;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 16px;
}

@media (min-width: 768px){

  .conventional-hero__copy .back{
    margin-top: 2.5rem;
  }
}
/* End Hero */

/* KPR */
.conventional-kpr{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 4rem;
  padding-bottom: 50px;
  text-align: center;
}
@media (min-width: 768px){

  .conventional-kpr{
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }
}
@media (min-width: 1024px){

  .conventional-kpr{
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 72px;
    padding-bottom: 72px;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    text-align: left;
  }
}
.conventional-kpr.--poin-spekta{
  padding-top: 105px;
  padding-bottom: 98px;
}

.conventional-kpr__contents{
  grid-template-columns: repeat(1, minmax(0, 1fr));
  overflow: hidden;
}

@media (min-width: 1024px){

  .conventional-kpr__contents{
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 5rem;
       -moz-column-gap: 5rem;
            column-gap: 5rem;
  }
}

.conventional-kpr__contents .container{
  margin-left: auto;
  margin-right: auto;
}

.conventional-kpr__copy{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

@media (min-width: 1024px){

  .conventional-kpr__copy{
    grid-column: span 4 / span 4;
  }
}

.conventional-kpr__products{
  margin-top: 2.25rem;
  display: none;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.75rem;
}

@media (min-width: 768px){

  .conventional-kpr__products{
    display: grid;
  }
}

@media (min-width: 1024px){

  .conventional-kpr__products{
    grid-column: span 5 / span 5;
    row-gap: 1.5rem;
    -webkit-column-gap: 70px;
       -moz-column-gap: 70px;
            column-gap: 70px;
  }
}

.conventional-kpr__products section figure{
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.conventional-kpr__products section figure img,
.syariah-kpr__products section figure img{
  margin-bottom: 1.25rem;
  height: 60px;
  width: 60px;
}

.conventional-kpr__products section figure figcaption{
  margin-bottom: 0.25rem;
  white-space: nowrap;
  font-size: 22px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
.conventional-kpr__products.--wrap section figure figcaption{
  white-space: normal;
}

.conventional-kpr__products section figure p{
  font-weight: 400;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}

.conventional-kpr__products--slider{
  margin-top: 2.5rem;
  height: 275px;
  padding-bottom: 0.625rem;
}
.conventional-kpr__products--slider.--more-height{
  height: 336px;
  padding-bottom: 0.625rem;
}
@media (min-width: 768px){

  .conventional-kpr__products--slider.--more-height{
    height: 275px;
  }
}

.conventional-kpr__products--slider.--agen-btn{
  height: 296px;
}

@media (min-width: 768px){

  .conventional-kpr__products--slider.--agen-btn{
    height: 275px;
  }
}

.conventional-kpr__products--slider.--internet-banking{
  margin-top: 0px;
  height: auto;
}

.conventional-kpr__products--slider .multiple-items .slick-list{
  overflow: visible;
}

.conventional-kpr__products--slider .multiple-items section.slick-slide{
  width: 225px !important;
  opacity: 0.6;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.conventional-kpr__products--slider .multiple-items section.slick-active{
  opacity: 1;
}

.conventional-kpr__products--slider .multiple-items section figure{
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
}

.conventional-kpr__products--slider .multiple-items section figure img{
  margin-bottom: 1.25rem;
  width: 25%;
}

.conventional-kpr__products--slider .multiple-items section figure figcaption{
  margin-bottom: 0.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

.conventional-kpr__products--slider .multiple-items section figure p{
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}

.conventional-kpr__products--slider.--internet-banking .multiple-items section,
.conventional-kpr__products--slider.--smart-residence .multiple-items section{
  margin-top: 2rem;
  text-align: center;
}

.conventional-kpr__products--slider.--internet-banking
    .multiple-items
    section
    h5,
.conventional-kpr__products--slider.--smart-residence
    .multiple-items
    section
    h5{
  margin-bottom: 0.5rem;
  font-size: 22px;
  font-weight: 600;
}

.conventional-kpr__products--slider.--internet-banking
    .multiple-items
    section
    p,
.conventional-kpr__products--slider.--smart-residence
    .multiple-items
    section
    p{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}

@media (min-width: 768px){

  .conventional-kpr__products--slider{
    display: none;
  }
}

.conventional-kpr__products--slider.--article{
  height: auto;
  padding-bottom: 0.625rem;
}

.conventional-kpr__products--slider .multiple-items .slick-dots{
  bottom: -72px;
}

.conventional-kpr__products--slider.--article .multiple-items .slick-list{
  padding: 0px !important;
  padding-bottom: 1rem !important;
}

.conventional-kpr__products--slider.--article .multiple-items .slick-dots{
  bottom: -40px !important;
}

.conventional-kpr__products--slider .multiple-items .slick-dots li{
  margin-left: 0px;
  margin-right: 0px;
  width: auto;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

/* .conventional-kpr__products--slider
    .multiple-items
    .slick-dots
    li.slick-active {
    @apply w-[30px];
} */

.conventional-kpr__products--slider
    .multiple-items
    .slick-dots
    li.slick-active
    button{
  width: 30px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 0 0 / var(--tw-bg-opacity));
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.conventional-kpr__products--slider.--internet-banking
    .multiple-items
    .slick-dots
    li.slick-active
    button,
.conventional-kpr__products--slider.--smart-residence
    .multiple-items
    .slick-dots
    li.slick-active
    button{
  --tw-bg-opacity: 1;
  background-color: rgb(255 221 0 / var(--tw-bg-opacity));
}

.conventional-kpr__products--slider .multiple-items .slick-dots button{
  margin-left: 2px;
  margin-right: 2px;
  height: 0.375rem;
  width: 0.375rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(231 231 231 / var(--tw-bg-opacity));
  padding: 0px;
}

.conventional-kpr__products--slider
    .multiple-items
    .slick-dots
    li
    button:before{
  display: none;
}

.conventional-kpr__products--slider .card-heading{
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
/* End KPR */

/* Products */
.conventional-product{
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 44px;
  padding-bottom: 44px;
}
@media (min-width: 768px){

  .conventional-product{
    padding-left: 72px;
    padding-right: 72px;
  }
}

.conventional-product__card{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
  border-radius: 0.75rem;
  padding: 24px;
}

@media (min-width: 768px){

  .conventional-product__card{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 32px;
  }
}

.conventional-product__card {
    -webkit-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);
}
.conventional-product__card:not(:last-child){
  margin-bottom: 2rem;
}

.conventional-product__card__image img{
  border-radius: 0.5rem;
}

@media (min-width: 768px){

  .conventional-product__card__image img{
    max-width: 336px;
  }
}

.conventional-product__card__copy h3{
  margin-bottom: 1rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
}

.conventional-product__card__copy h6{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}

.conventional-product__card__copy .conventional-snk__list{
  margin-top: 0px;
  padding-left: 0px;
}

.conventional-product__card__copy .conventional-snk__list p{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.conventional-product__card__copy .conventional-snk__list .bzi-check-circle{
  top: -6px;
}

.see-more{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-right: 12px;
  --tw-text-opacity: 1;
  color: rgb(18 94 250 / var(--tw-text-opacity));
}

.js-see-more-hidden-item,
.conventional-snk__list .js-see-more-hidden-item{
  display: none;
}
.js-see-more-hidden-item.--is-active,
.conventional-snk__list .js-see-more-hidden-item.--is-active{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

tr.js-see-more-hidden-item.--is-active{
  display: table-row;
}

/* End Products */

/* Credit Facility */
.conventional-kredit-facility{
  overflow: hidden;
  padding-left: 4rem;
  padding-right: 4rem;
  padding-top: 72px;
  padding-bottom: 72px;
}

.conventional-kredit-facility h2{
  margin-bottom: 2.5rem;
  text-align: center;
}

.conventional-kredit-facility__content{
  display: block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 4rem;
}

@media (min-width: 768px){

  .conventional-kredit-facility__content{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.conventional-kredit-facility__image img{
  margin-left: auto;
  margin-right: auto;
  width: 412px;
}

.conventional-kredit-facility__copy{
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 148px;
}

@media (min-width: 768px){

  .conventional-kredit-facility__copy{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.conventional-kredit-facility__card img{
  width: 3rem;
}

.conventional-kredit-facility__card h5{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(37 37 37 / var(--tw-text-opacity));
}

.conventional-kredit-facility__card p{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}
/* End Credit Facility */

/* Cost and Facility */
.conventional-cost-facility__table .table-wrapper{
  margin-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.conventional-cost-facility__table
    .table-wrapper
    table.--second-td-center
    tbody
    tr
    td:nth-child(2){
  text-align: center;
}

.conventional-cost-facility__table .table-wrapper button{
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.conventional-cost-facility__table tr td a{
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}

.conventional-cost-facility__table tr td:nth-child(2){
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.conventional-cost-facility__table tr td ul{
  list-style-type: disc;
  padding-left: 1rem;
}

.conventional-cost-facility__table tr td ul li::marker{
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}
/* End Cost and Facility */

/* Rates, Pricing, Transaction, Price List, Service Benefit */
.conventional-rates,
.conventional-pricing,
.conventional-solution,
.conventional-service,
.conventional-cost-facility{
  overflow: hidden;
  padding-top: 26px;
  padding-bottom: 26px;
}
@media (min-width: 1024px){

  .conventional-rates,
.conventional-pricing,
.conventional-solution,
.conventional-service,
.conventional-cost-facility{
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
}
.conventional-price-list,
.conventional-service-benefit{
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.conventional-rates .container,
.conventional-pricing .container,
.conventional-solution .container,
.conventional-service .container,
.conventional-price-list .container,
.conventional-service-benefit .container,
.conventional-cost-facility .container{
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px){

  .conventional-rates__contents{
    padding-left: 104px;
    padding-right: 104px;
  }
}

.conventional-solution__contents,
.conventional-service__contents,
.conventional-price-list__contents,
.conventional-service-benefit__contents,
.conventional-cost-facility__contents,
.conventional-cost-facility__contents{
  padding-left: 26px;
  padding-right: 26px;
}

@media (min-width: 768px){

  .conventional-solution__contents,
.conventional-service__contents,
.conventional-price-list__contents,
.conventional-service-benefit__contents,
.conventional-cost-facility__contents,
.conventional-cost-facility__contents{
    padding-left: 104px;
    padding-right: 104px;
  }
}
.conventional-rates__contents.--qris-btn-merchant{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
@media (min-width: 768px){

  .conventional-rates__contents.--qris-btn-merchant{
    padding-left: 104px;
    padding-right: 104px;
  }
}
.conventional-pricing__contents{
  padding-left: 26px;
  padding-right: 26px;
}
@media (min-width: 768px){

  .conventional-pricing__contents{
    padding-left: 104px;
    padding-right: 104px;
    padding-top: 20px;
  }
}

.conventional-rates__contents h2,
.conventional-pricing__contents h2,
.conventional-solution__contents h2,
.conventional-price-list__contents h2,
.conventional-service-benefit__contents h2,
.conventional-cost-facility__contents h2,
.conventional-cost-facility__contents h2{
  margin-bottom: 0.625rem;
  text-align: center;
}

.conventional-rates__tabbed,
.conventional-pricing__table{
  margin-bottom: 2.25rem;
}

@media (min-width: 1024px){

  .conventional-rates__tabbed,
.conventional-pricing__table{
    margin-bottom: 42px;
  }
}
.conventional-rates__tabbed.--qris-btn-merchant{
  margin-top: 1rem;
}
@media (min-width: 1024px){

  .conventional-rates__tabbed.--qris-btn-merchant{
    margin-top: 2.5rem;
  }
}

.conventional-pricing__table__content{
  padding-top: 1rem;
}
.conventional-rates__tabbed__nav ul,
.js-tab__nav ul{
  margin-bottom: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
@media (min-width: 1024px){

  .conventional-rates__tabbed__nav ul,
.js-tab__nav ul{
    height: 50px;
  }
}
.js-tab__nav.--stretch ul{
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.js-tab__nav.--pdam ul{
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media (min-width: 1024px){

  .conventional-rates__tabbed__nav.--kartu-debit ul{
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

.conventional-qris__tabbed--mdr-qris-btn-merchant{
  width: 100% !important;
  overflow-x: auto !important;
  padding-left: 0px;
  padding-right: 0px;
}

@media (min-width: 1024px){

  .conventional-qris__tabbed--mdr-qris-btn-merchant{
    overflow-x: hidden !important;
    padding-left: 104px;
    padding-right: 104px;
  }
}
.conventional-qris__tabbed--mdr-qris-btn-merchant
    > .conventional-rates__tabbed__nav,
.conventional-qris__tabbed--mdr-qris-btn-merchant
    > .conventional-rates__tabbed__nav
    > ul{
  width: 100% !important;
}
@media (min-width: 768px){

  .conventional-qris__tabbed--mdr-qris-btn-merchant
    > .conventional-rates__tabbed__nav,
.conventional-qris__tabbed--mdr-qris-btn-merchant
    > .conventional-rates__tabbed__nav
    > ul{
    margin-left: auto;
    margin-right: auto;
    width: 80%;
  }
}
.conventional-qris__tabbed--mdr-qris-btn-merchant
    > .conventional-rates__tabbed__nav
    > ul
    > li{
  width: 100% !important;
}
@media (min-width: 768px){

  .conventional-qris__tabbed--mdr-qris-btn-merchant
    > .conventional-rates__tabbed__nav
    > ul
    > li{
    width: auto !important;
  }
}

.conventional-rates__tabbed__nav.--pdam > ul > li{
  padding-left: 1rem;
  padding-right: 1rem;
}

.conventional-rates__tabbed__nav__item{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(182 182 182 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(182 182 182 / var(--tw-text-opacity));
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

@media (min-width: 768px){

  .conventional-rates__tabbed__nav__item{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.conventional-rates__tabbed__nav__item.--simulasi-depo{
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}
.js-tab-nav-item,
.js-tab-nav__item{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(182 182 182 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(182 182 182 / var(--tw-text-opacity));
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
@media (min-width: 768px){

  .js-tab-nav-item,
.js-tab-nav__item{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.js-tab-nav__item{
  background-color: transparent;
}

.conventional-rates__tabbed__nav__item.--more-spacing{
  padding-left: 2.75rem;
  padding-right: 2.75rem;
}

.conventional-rates__tabbed__nav__item
    .conventional-rates__tabbed__nav__tooltip
    span:first-child,
.js-tab-nav-item
    .conventional-rates__tabbed__nav__tooltip
    span:first-child
    .js-tab-nav__item
    .conventional-rates__tabbed__nav__tooltip
    span:first-child{
  cursor: help;
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(237 131 137 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .conventional-rates__tabbed__nav__item
    .conventional-rates__tabbed__nav__tooltip
    span:first-child,
.js-tab-nav-item
    .conventional-rates__tabbed__nav__tooltip
    span:first-child
    .js-tab-nav__item
    .conventional-rates__tabbed__nav__tooltip
    span:first-child{
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.conventional-rates__tabbed__nav__item
    .conventional-rates__tabbed__nav__tooltip__content,
.js-tab-nav-item .conventional-rates__tabbed__nav__tooltip__content,
.js-tab-nav__item .conventional-rates__tabbed__nav__tooltip__content{
  visibility: hidden;
  position: absolute;
  bottom: -3.75rem;
  left: 0px;
  z-index: 1;
  max-width: 20rem;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(13 13 13 / var(--tw-bg-opacity));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

@media (min-width: 768px){

  .conventional-rates__tabbed__nav__item
    .conventional-rates__tabbed__nav__tooltip__content,
.js-tab-nav-item .conventional-rates__tabbed__nav__tooltip__content,
.js-tab-nav__item .conventional-rates__tabbed__nav__tooltip__content{
    bottom: -150%;
    /* bottom: -3rem; */
    bottom: -6rem;
    right: -100%;
    /* max-width: 100%; */
    max-width: 15rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.conventional-rates__tabbed__nav__item
    .conventional-rates__tabbed__nav__tooltip__content::after,
.js-tab-nav-item .conventional-rates__tabbed__nav__tooltip__content::after,
.js-tab-nav__item .conventional-rates__tabbed__nav__tooltip__content::after{
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(13 13 13 / var(--tw-border-opacity));
  --tw-content: "";
  content: var(--tw-content);
}

.conventional-rates__tabbed__nav__item.active,
.js-tab-nav-item.active,
.js-tab-nav__item.active{
  border-bottom-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgb(255 0 0 / var(--tw-border-opacity));
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(18 94 250 / var(--tw-text-opacity));
}

.conventional-rates__tabbed__nav__item.--simulasi-depo-syariah.active{
  --tw-border-opacity: 1;
  border-color: rgb(173 143 107 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(84 65 33 / var(--tw-text-opacity));
}

.conventional-rates__tabbed__description{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}

/* Note: conventional-rates__tabbed__content__item--no-deep is TEMP - before changing all tag to specific class */
.conventional-rates__tabbed__content__item,
.conventional-rates__tabbed__content__item--no-deep
    .syariah-rates__tabbed__content__item,
.syariah-transaction__tabbed__content__item,
.js-tab-nav-item-content,
.js-tab__content-item{
  display: none;
  overflow-x: auto;
  border-radius: 0.375rem;
}

.conventional-rates__tabbed__content__item.--no-scroll{
  overflow: hidden !important;
}

.conventional-rates__tabbed__content__item table a,
.syariah-rates__tabbed__content__item table a,
.syariah-transaction__tabbed__content__item table a{
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.syariah-rates__tabbed__content__item a.btn,
.syariah-transaction__tabbed__content__item a.btn{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.conventional-rates__tabbed__content__item ul li::marker,
.syariah-rates__tabbed__content__item ul li::marker,
.syariah-transaction__tabbed__content__item ul li::marker{
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}

.bullet-indent{
  margin-left: 1rem !important;
}

.conventional-rates__tabbed__content__item.--syariah li::marker{
  --tw-text-opacity: 1 !important;
  color: rgb(13 13 13 / var(--tw-text-opacity)) !important;
}

.conventional-rates__tabbed__content__item thead th,
.syariah-rates__tabbed__content__item thead th,
.js-tab__content-item thead th{
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.5);
  vertical-align: middle;
}
.conventional-rates__tabbed__content__item.--primary-first-col
    td[colspan="2"]:nth-child(1){
  --tw-bg-opacity: 1;
  background-color: rgb(89 142 251 / var(--tw-bg-opacity));
  text-align: left;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.conventional-rates__tabbed__content__item.--gold-first-col td:nth-child(1){
  background-color: rgb(173 143 107 / 0.8);
  text-align: left;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.conventional-rates__tabbed__content__item.--merged tbody:nth-child(odd) td{
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity));
  text-align: center;
}
.conventional-rates__tabbed__content__item.--merged tbody:nth-child(even) td{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  text-align: center;
}
.conventional-rates__tabbed__content__item.--single-merged
    tbody
    tr:nth-child(even)
    td{
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity));
  text-align: center;
}
.conventional-rates__tabbed__content__item.--single-merged
    tbody
    tr:nth-child(odd)
    td{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  text-align: center;
}
.conventional-rates__tabbed__content.--agunan-rumah tbody tr:nth-child(even){
  background-color: transparent;
}
.conventional-rates__tabbed__content__item thead .secondary th,
.js-tab__content-item thead .secondary th{
  --tw-bg-opacity: 1;
  background-color: rgb(89 142 251 / var(--tw-bg-opacity));
}
.conventional-rates__tabbed__content__item.--syariah thead .secondary th{
  --tw-bg-opacity: 1;
  background-color: rgb(189 165 137 / var(--tw-bg-opacity));
}
.conventional-rates__tabbed__content__item img,
.syariah-rates__tabbed__content__item thead .secondary th,
.js-tab__content-item img{
  text-align: center;
}
.conventional-rates__tabbed__content__item img:nth-child(2),
.js-tab__content-item img:nth-child(2){
  margin-top: 2rem;
}
.js-tab__content-item .card img:nth-child(2){
  margin-top: 0px;
}
.conventional-rates__tabbed__content__item figcaption,
.js-tab__content-item figcaption{
  text-align: center;
}
.conventional-qris__tabbed__content__item p,
.conventional-price-list__table p,
.conventional-service-benefit__table p{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}
@media (min-width: 1024px){

  .conventional-qris__tabbed__content__item p,
.conventional-price-list__table p,
.conventional-service-benefit__table p{
    font-size: 22px;
  }
}
.conventional-rates__tabbed__content__item p,
.conventional-price-list__table p,
.conventional-service-benefit__table p,
.js-tab__content-item dt p{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}
@media (min-width: 1024px){

  .conventional-rates__tabbed__content__item p,
.conventional-price-list__table p,
.conventional-service-benefit__table p,
.js-tab__content-item dt p{
    font-size: 22px;
  }
}
.conventional-rates__tabbed__content__item.--reset p{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  font-weight: 400 !important;
}
@media (min-width: 768px){

  .conventional-rates__tabbed__content__item.--reset p{
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }
}
.conventional-rates__tabbed__content__item span,
.js-tab__content-item dt span{
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
.conventional-rates__tabbed__content__item ul,
.js-tab__content-item dt ul{
  margin-top: 2.5rem;
}
.conventional-rates__tabbed__content__item li,
.js-tab__content-item dt li{
  margin-top: 1.5rem;
}
.conventional-rates__tabbed__content__item.--reset li{
  margin-top: 0px !important;
}
.conventional-rates__tabbed__content__item .number,
.js-tab__content-item .number{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  min-width: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(220 7 20 / var(--tw-bg-opacity));
  text-align: center;
  font-size: 26px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(251 230 231 / var(--tw-text-opacity));
}
.conventional-qris__tabbed__content__item{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 1024px){

  .conventional-qris__tabbed__content__item{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.conventional-qris__tabbed__content__item > div{
  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-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}
.conventional-qris__tabbed__content__item_img{
  margin-left: auto;
  margin-right: auto;
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 1024px){

  .conventional-qris__tabbed__content__item_img{
    width: 40% !important;
  }
}
.conventional-qris__tabbed__content__item_img > img{
  margin-left: auto;
  margin-right: auto;
}
.conventional-qris__tabbed__content__item ol{
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}
@media (min-width: 1024px){

  .conventional-qris__tabbed__content__item ol{
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 2.75rem;
  }
}
.conventional-qris__tabbed__content__item ol li{
  width: 80%;
}
@media (min-width: 1024px){

  .conventional-qris__tabbed__content__item ol li{
    width: 100%;
  }
}
.conventional-qris__tabbed__content__item .desain_qris_list{
  margin-bottom: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.75rem;
     -moz-column-gap: 0.75rem;
          column-gap: 0.75rem;
}
@media (min-width: 768px){

  .conventional-qris__tabbed__content__item .desain_qris_list{
    margin-bottom: 1rem;
  }
}
.conventional-qris__tabbed__content__item .desain_qris_list .number{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2rem;
  width: 2rem;
  min-width: 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(220 7 20 / var(--tw-bg-opacity));
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(251 230 231 / var(--tw-text-opacity));
}
.conventional-qris__tabbed__content__item .desain_qris_list p{
  margin: 0px;
  padding: 0px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}
@media (min-width: 768px){

  .conventional-qris__tabbed__content__item .desain_qris_list p{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.conventional-rates__tabbed__content__item .nation,
.js-tab__content-item .nation{
  margin-bottom: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.conventional-rates__tabbed__content__item .nation img,
.js-tab__content-item .nation img{
  height: 100%;
  width: 21px;
}
.conventional-rates__tabbed__content__item .notes p:first-child,
.js-tab__content-item .notes p:first-child{
  margin-top: 2rem;
  padding: 0px;
  font-weight: 600;
}
.conventional-rates__tabbed__content__item .notes p:nth-child(2),
.js-tab__content-item .notes p:nth-child(2){
  margin-top: 1rem;
  padding: 0px;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}
.conventional__tabbed__content__outside__item{
  display: none;
}

/* Note: conventional-rates__tabbed__content__item--no-deep is TEMP - before changing all tag to specific class */
.conventional-rates__tabbed__content__item.active,
.conventional-rates__tabbed__content__item--no-deep.active,
.js-tab-nav-item-content.active,
.js-tab__content-item.active{
  display: block;
}

.conventional__tabbed__content__outside__item.active{
  display: block;
}
.conventional-rates__tabbed__content .--qris-btn-merchant{
  overflow-x: auto;
}

.conventional-table{
  overflow: hidden;
  overflow-x: auto;
  border-radius: 0.5rem !important;
}

@media (min-width: 1024px){

  .conventional-table{
    border-radius: 0.75rem !important;
  }
}

.conventional-table {
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}

.conventional-table table,
.conventional-rates__tabbed__content table,
.conventional-pricing__table__content table,
.conventional-price-list__table table,
.conventional-service-benefit__table table,
.conventional-cost-facility__table table{
  width: 100%;
  overflow: hidden;
  border-radius: 0.5rem;
}

@media (min-width: 1024px){

  .conventional-table table,
.conventional-rates__tabbed__content table,
.conventional-pricing__table__content table,
.conventional-price-list__table table,
.conventional-service-benefit__table table,
.conventional-cost-facility__table table{
    border-radius: 0.75rem;
  }
}

.conventional-table table,
.conventional-rates__tabbed__content table,
.conventional-pricing__table__content table,
.conventional-price-list__table table,
.conventional-service-benefit__table table,
.conventional-cost-facility__table table {
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}

.conventional-table thead,
.conventional-rates__tabbed__content thead,
.conventional-pricing__table__content thead,
.conventional-price-list__table thead,
.conventional-service-benefit__table thead,
.conventional-cost-facility__table thead{
  --tw-bg-opacity: 1;
  background-color: rgb(18 94 250 / var(--tw-bg-opacity));
}

.conventional-rates__tabbed__content__item table.--syariah-qris-btn-merchant {
    -webkit-box-shadow: 0px 2px 10px 0px #0000001a;
            box-shadow: 0px 2px 10px 0px #0000001a;
}

.conventional-rates__tabbed__content__item
    table.--syariah-qris-btn-merchant
    thead{
  --tw-bg-opacity: 1;
  background-color: rgb(173 143 107 / var(--tw-bg-opacity));
}

.notes-conven,
.notes-syariah {
    padding-top: 0 !important;
    font-size: 16px !important;
    font-weight: normal !important;
}

.required {
    font-weight: 600 !important;
}

.conventional-rates__tabbed__content.--syariah thead{
  --tw-bg-opacity: 1;
  background-color: rgb(173 143 107 / var(--tw-bg-opacity));
}

.conventional-table th{
  padding: 1rem !important;
  vertical-align: middle !important;
}

.conventional-table th,
.conventional-rates__tabbed__content th,
.conventional-pricing__table__content th,
.conventional-price-list__table th,
.conventional-service-benefit__table th,
.conventional-cost-facility__table th{
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.5);
  padding: 0.625rem;
  text-align: center;
  vertical-align: top;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .conventional-table th,
.conventional-rates__tabbed__content th,
.conventional-pricing__table__content th,
.conventional-price-list__table th,
.conventional-service-benefit__table th,
.conventional-cost-facility__table th{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.conventional-rates__tabbed__content.--syariah.--qris-btn-merchant table tr{
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.5);
}

.conventional-rates__tabbed__content td.--gold-first-col{
  background-color: rgb(173 143 107 / 0.8) !important;
  vertical-align: middle !important;
  font-weight: 400 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

@media (min-width: 768px){

  .conventional-rates__tabbed__content td.--gold-first-col{
    text-align: left !important;
  }
}

.conventional-table tbody,
.conventional-rates__tabbed__content tbody,
.conventional-pricing__table__content tbody,
.conventional-price-list__table tbody,
.conventional-service-benefit__table tbody,
.conventional-cost-facility__table tbody{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.conventional-table tbody tr td{
  max-width: 136px !important;
  padding-left: 0.625rem !important;
  padding-right: 0.625rem !important;
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  --tw-text-opacity: 1 !important;
  color: rgb(86 86 86 / var(--tw-text-opacity)) !important;
}

@media (min-width: 1024px){

  .conventional-table tbody tr td{
    max-width: 180px !important;
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
    font-weight: 500 !important;
    --tw-text-opacity: 1 !important;
    color: rgb(61 61 61 / var(--tw-text-opacity)) !important;
  }
}

.conventional-table tbody tr td:not(:first-child){
  text-align: center;
}

.conventional-table tbody tr td,
.conventional-rates__tabbed__content tbody tr td,
.conventional-pricing__table__content tbody tr td,
.conventional-price-list__table tbody tr td,
.conventional-service-benefit__table tr td,
.conventional-cost-facility__table tbody tr td{
  padding: 0.625rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .conventional-table tbody tr td,
.conventional-rates__tabbed__content tbody tr td,
.conventional-pricing__table__content tbody tr td,
.conventional-price-list__table tbody tr td,
.conventional-service-benefit__table tr td,
.conventional-cost-facility__table tbody tr td{
    padding: 22px;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.conventional-rates__tabbed__content.--rincian-deposito tbody tr td{
  padding: 0.625rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}
@media (min-width: 768px){

  .conventional-rates__tabbed__content.--rincian-deposito tbody tr td{
    padding-top: 22px;
    padding-bottom: 22px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .conventional-table tbody tr td:nth-child(n + 2),
.conventional-rates__tabbed__content tbody tr td:nth-child(n + 2){
    text-align: center;
  }
}

.conventional-table tbody tr:nth-child(even),
.conventional-rates__tabbed__content tbody tr:nth-child(even),
.conventional-pricing__table__content tbody tr:nth-child(even),
.conventional-price-list__table tbody tr:nth-child(even),
.conventional-service-benefit__table tbody tr:nth-child(even),
.conventional-cost-facility__table tbody tr:nth-child(even){
  --tw-bg-opacity: 1;
  background-color: rgb(247 244 240 / var(--tw-bg-opacity));
  opacity: 0.9;
}

.conventional-rates__tabbed__content.--syariah tbody tr:nth-child(even){
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity));
}

@media (min-width: 1024px){

  .conventional-rates__tabbed__content__item table,
.conventional-pricing__table__content__item table,
.conventional-price-list__table table,
.conventional-service-benefit__table table,
.conventional-cost-facility__table table{
    table-layout: fixed;
  }
}

.conventional-rates__tabbed__content__item table.--text-center tr td,
.conventional-rates__tabbed__content__item table.--text-center tr th{
  text-align: center;
}

.conventional-service__items h6{
  font-size: 22px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}

.conventional-service__items ul{
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
}

@media (min-width: 768px){

  .conventional-service__items ul{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.conventional-service__items li{
  margin: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}

.conventional-service__items img{
  height: 4rem;
}

.conventional-service__items p{
  padding: 0px;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}

.conventional-service__items .path1{
  font-size: 1.5rem;
  line-height: 2rem;
}

.conventional-service__items .path2{
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(220 7 20 / var(--tw-text-opacity));
}

.conventional-service__items.--top-up ul{
  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-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2rem;
}

@media (min-width: 768px){

  .conventional-service__items.--top-up ul{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.conventional-service__items__cta{
  margin-top: 1.5rem;
  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;
  gap: 1.5rem;
  padding-bottom: 0.25rem;
}

@media (min-width: 768px){

  .conventional-service__items__cta{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.conventional-service__items h6{
  font-size: 22px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}

.conventional-service__items ul{
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
}

@media (min-width: 768px){

  .conventional-service__items ul{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.conventional-service__items li{
  margin: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}

.conventional-service__items img{
  height: 4rem;
}

.conventional-service__items p{
  padding: 0px;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}

.conventional-service__items .path1{
  font-size: 1.5rem;
  line-height: 2rem;
}

.conventional-service__items .path2{
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(220 7 20 / var(--tw-text-opacity));
}

.conventional-service__items.--top-up ul{
  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-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2rem;
}

@media (min-width: 768px){

  .conventional-service__items.--top-up ul{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.conventional-service__items__cta{
  margin-top: 1.5rem;
  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;
  gap: 1.5rem;
  padding-bottom: 0.25rem;
}

@media (min-width: 768px){

  .conventional-service__items__cta{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.conventional-rates__tabbed__content.--deposito-ritel .table-wrapper,
.conventional-rates__tabbed__content.--deposito-valas .table-wrapper,
.conventional-price-list__table .table-wrapper,
.conventional-cost-facility__table .table-wrapper,
.syariah-rates__tabbed__content .table-wrapper{
  position: relative;
  z-index: 20;
  width: 100%;
  overflow-x: scroll;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 768px){

  .conventional-rates__tabbed__content.--deposito-ritel .table-wrapper,
.conventional-rates__tabbed__content.--deposito-valas .table-wrapper,
.conventional-price-list__table .table-wrapper,
.conventional-cost-facility__table .table-wrapper,
.syariah-rates__tabbed__content .table-wrapper{
    position: static;
    overflow-x: visible;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

.conventional-rates__tabbed__content.--deposito-ritel table,
.conventional-rates__tabbed__content.--deposito-valas table{
  table-layout: auto;
}

@media (min-width: 1024px){

  .conventional-rates__tabbed__content.--deposito-ritel table,
.conventional-rates__tabbed__content.--deposito-valas table{
    table-layout: fixed;
  }
}

.conventional-rates__tabbed__content.--deposito-ritel table th,
.conventional-rates__tabbed__content.--deposito-ritel table td,
.conventional-rates__tabbed__content.--deposito-valas table th,
.conventional-rates__tabbed__content.--deposito-valas table td{
  min-width: 100px;
  text-align: center;
}

.conventional-price-list__table .table-list-header{
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  font-size: 22px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
.conventional-price-list__table li:not(:first-child) .table-list-header{
  margin-top: 2.5rem;
}

.radio-menu__nav{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
  border-width: 1px;
  border-color: rgb(0 97 167 / 0.4);
  background-color: rgb(204 223 237 / 0.4);
  padding: 1.5rem;
  padding-bottom: 1rem;
}

.radio-menu__nav p{
  margin: 0px;
  margin-right: 0.5rem;
  padding: 0px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .radio-menu__nav p{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.radio-menu__choices{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}

@media (min-width: 768px){

  .radio-menu__choices{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.radio-menu__choice{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.radio-menu__choice,
.radio-menu__choice input,
.radio-menu__choice label{
  cursor: pointer;
}

.radio-menu__choice input{
  min-height: 18px;
  min-width: 18px;
  padding-right: 1rem;
  vertical-align: middle;
}

@media (min-width: 768px){

  .radio-menu__choice input{
    height: 1.25rem;
    width: 1.25rem;
  }
}

.radio-menu__choice label{
  padding-left: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

@media (min-width: 768px){

  .radio-menu__choice label{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1024px){

  .radio-menu__contents .radio-menu__content table{
    table-layout: fixed;
  }
}

.radio-menu__contents .radio-menu__content table:first-child{
  margin-bottom: 2.5rem;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.radio-menu__contents .radio-menu__content table td:not(:first-child),
.radio-menu__contents .radio-menu__content table th:not(:first-child){
  text-align: center;
}

.radio-menu__content{
  margin-left: auto;
  margin-right: auto;
  display: none;
  width: 100%;
  overflow-x: auto;
}
.radio-menu__content.--is-active{
  display: block;
}
/* End Rates, Pricing, Transaction */

/* One Table, e.g. Kelengkapan Dokumen */
.one-table{
  overflow: hidden;
  padding-top: 26px;
  padding-bottom: 26px;
}
@media (min-width: 1024px){

  .one-table{
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
}

.one-table.--document{
  padding-top: 120px;
  padding-bottom: 80px;
}

.one-table.--detail-promo{
  padding-left: 0px;
  padding-right: 0px;
  text-align: center;
}

.one-table.--detail-promo .one-table__contents{
  padding-left: 0px;
  padding-right: 0px;
}

.one-table.--detail-promo .one-table__table__content tbody tr:nth-child(even){
  --tw-bg-opacity: 1;
  background-color: rgb(231 231 231 / var(--tw-bg-opacity));
}

.one-table.--detail-promo .one-table__table__content th{
  text-align: center;
}

.one-table .container{
  margin-left: auto;
  margin-right: auto;
}

.one-table__contents{
  padding-left: 0px;
  padding-right: 0px;
}

@media (min-width: 768px){

  .one-table__contents{
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 20px;
  }
}

.one-table__contents .table__title{
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 22px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

.one-table__contents h2{
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 22px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  .one-table__contents h2{
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    font-size: 2.25rem !important;
    line-height: 2.5rem !important;
  }
}

.one-table__contents .table__nav{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(18 94 250 / var(--tw-text-opacity));
}

.one-table__table{
  margin-bottom: 2.25rem;
}

@media (min-width: 1024px){

  .one-table__table{
    margin-bottom: 42px;
  }
}

.one-table__table__content{
  padding-top: 1rem;
}

.one-table__table__content h5{
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

.one-table__table__content .table-number{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
  width: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(255 221 0 / var(--tw-border-opacity));
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-weight: 600;
}

.one-table__table__content .table-number.--primary{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
  width: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 167 / var(--tw-border-opacity));
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-weight: 600;
}

.one-table__table__content .table-number.--red{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
  width: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(220 7 20 / var(--tw-border-opacity));
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-weight: 600;
}
.one-table__table__content .table-number.--fill-red{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
  width: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(220 7 20 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(220 7 20 / var(--tw-bg-opacity));
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.one-table__table__content table{
  width: 100%;
  overflow: hidden;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}

@media (min-width: 768px){

  .one-table__table__content table{
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }
}

.one-table__table__content table {
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}

.one-table__table__content thead{
  --tw-bg-opacity: 1;
  background-color: rgb(18 94 250 / var(--tw-bg-opacity));
}

.one-table__table__content.--gold thead{
  --tw-bg-opacity: 1;
  background-color: rgb(173 143 107 / var(--tw-bg-opacity));
}

.one-table__table__content.--syariah tbody tr:nth-child(even){
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity));
}

.one-table__table__content.--revert-row-color tbody tr:nth-child(odd){
  --tw-bg-opacity: 1;
  background-color: rgb(247 244 240 / var(--tw-bg-opacity));
  opacity: 0.9;
}
.one-table__table__content.--revert-row-color tbody tr:nth-child(even){
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.one-table__table__content th{
  padding: 0.625rem;
  text-align: left;
  vertical-align: top;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .one-table__table__content th{
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.one-table__table__content tbody{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.one-table__table__content tbody tr td{
  padding: 0.625rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .one-table__table__content tbody tr td{
    padding: 22px;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.one-table__table__content tbody tr td img{
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  height: 24px;
  width: 24px;
}

.one-table__table__content tbody tr:nth-child(even){
  --tw-bg-opacity: 1;
  background-color: rgb(247 244 240 / var(--tw-bg-opacity));
  opacity: 0.9;
}

.one-table__table__content__item{
  overflow-x: auto;
  border-radius: 0.375rem;
}

@media (min-width: 768px){

  .one-table__table__content__item table{
    table-layout: fixed;
  }
}
.one-table__table__content__item table.--thead-center th{
  text-align: center;
}

.one-table__table__content__item .keterangan{
  margin-top: 2.5rem;
  margin-bottom: 4rem;
}

.one-table__table__content__item .keterangan h3{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
}

.one-table__table__content__item .keterangan ul{
  margin-top: 1rem;
}

.one-table__table__content__item .keterangan ul li span{
  margin-right: 0.5rem;
  display: inline-block;
  width: 1rem;
}
/* End One Table */

/* Banner Rates */
.conventional-banner-rates{
  margin-top: 0.75rem;
  height: 600px;
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 246 / var(--tw-bg-opacity));
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-product-detail/banner/conventional-banner-rates-mobile.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 2.25rem;
  text-align: center;
}
@media (min-width: 768px){

  .conventional-banner-rates{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-product-detail/banner/conventional-banner-rates-tablet.jpg");
  }
}
@media (min-width: 1024px){

  .conventional-banner-rates{
    margin-top: 22px;
    height: 420px;
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-product-detail/banner/conventional-banner-rates-large.jpg");
    padding-top: 72px;
  }
}

.conventional-banner-rates .container{
  margin-left: auto;
  margin-right: auto;
}

.conventional-banner-rates__copy{
  margin-bottom: 3.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media (min-width: 1024px){

  .conventional-banner-rates__copy{
    margin-bottom: 30px;
  }
}

.conventional-banner-rates__copy h2{
  margin: auto;
  margin-bottom: 1rem;
  max-width: 946px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  .conventional-banner-rates__copy h2{
    margin-bottom: 26px;
    margin-bottom: 1.25rem;
    font-size: 2.25rem !important;
    line-height: 2.5rem !important;
  }

  .conventional-banner-rates__copy p{
    --tw-text-opacity: 1;
    color: rgb(37 37 37 / var(--tw-text-opacity));
  }
}

.conventional-banner-rates h1{
  font-size: 40px;
  font-weight: 600;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(134 134 134 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  .conventional-banner-rates h1{
    font-size: 3rem;
    line-height: 1;
  }
}

.conventional-banner-rates button{
  margin-top: 26px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

@media (min-width: 768px){

  .conventional-banner-rates button{
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1024px){

  .conventional-banner-rates button{
    margin-top: 2.25rem;
  }
}
/* End Banner Rates */

/* Promo Point Spekta */
.conventional-promo-point-spekta{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

/* .conventional-promo-point-spekta .container {
    @apply px-12 py-8 text-center flex flex-col gap-4 items-center justify-between bg-cover bg-center bg-[url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-ebatarapos/hero/banner-poin-spekta.png")] rounded-xl;
}

.conventional-promo-point-spekta .container .conventional-title {
    @apply text-[32px] text-white mb-2 font-semibold;
} */

/* .conventional-promo-point-spekta .container {
    @apply px-12 py-12 text-center flex flex-col gap-4 items-center lg:justify-between bg-contain bg-no-repeat h-[400px] lg:h-auto bg-[url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-ebatarapos/hero/banner-poin-spekta-mobile.png")] rounded-xl lg:gap-2 lg:pt-[1.5rem] lg:pb-8 lg:bg-[url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-ebatarapos/hero/banner-poin-spekta.png")];
} */
.conventional-promo-point-spekta .container{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 400px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  overflow: hidden;
  border-radius: 0.75rem;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-ebatarapos/poin-spekta/banner-mobile-poin-spekta.png");
  background-size: contain;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-left: 3rem;
  padding-right: 3rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
  text-align: center;
}
@media (min-width: 768px){

  .conventional-promo-point-spekta .container{
    height: auto;
  }
}
@media (min-width: 1024px){

  .conventional-promo-point-spekta .container{
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0.5rem;
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-ebatarapos/poin-spekta/banner-poin-spekta.png");
    padding-top: 1.5rem;
    padding-bottom: 2rem;
  }
}

.conventional-promo-point-spekta__wrapper{
  z-index: 20;
  margin: auto;
}

.conventional-promo-point-spekta .container .conventional-title{
  margin-bottom: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  .conventional-promo-point-spekta .container .conventional-title{
    font-size: 32px;
  }
}

.conventional-promo-point-spekta .container p{
  margin-bottom: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.conventional-promo-point-spekta .container button{
  margin-left: auto;
  margin-right: auto;
}

.conventional-promo-point-spekta .poin-spekta-logo{
  position: absolute;
  right: 24px;
  bottom: 28px;
  width: 112px;
  --tw-rotate: -15deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.coins{
  z-index: 10;
}
.coins .coin-1{
  position: absolute;
  top: -10px;
  right: -10px;
  width: 52px;
  --tw-rotate: -32deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.coins .coin-2{
  position: absolute;
  right: 180px;
  bottom: 24px;
  display: none;
  width: 52px;
  --tw-rotate: -148deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 768px){

  .coins .coin-2{
    display: block;
  }
}
.coins .coin-3{
  position: absolute;
  right: 140px;
  top: 40px;
  display: none;
  width: 18px;
}
@media (min-width: 768px){

  .coins .coin-3{
    display: block;
  }
}
.coins .coin-4{
  position: absolute;
  top: 30px;
  left: 30px;
  width: 52px;
  --tw-rotate: -148deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 768px){

  .coins .coin-4{
    top: 56px;
    left: 60px;
    width: 76px;
    --tw-rotate: -100deg;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
.coins .coin-5{
  position: absolute;
  bottom: 32px;
  left: 32px;
  width: 40px;
  --tw-rotate: -50deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 768px){

  .coins .coin-5{
    left: 140px;
  }
}

/* Syarat & Ketentuan (SnK) */
.conventional-snk{
  padding-top: 2rem;
  padding-bottom: 4rem;
}
@media (min-width: 768px){

  .conventional-snk{
    padding-left: 75px;
    padding-right: 75px;
  }
}
@media (min-width: 1024px){

  .conventional-snk{
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.conventional-snk.--internet-banking{
  padding-top: 1rem;
  padding-bottom: 4rem;
}
@media (min-width: 768px){

  .conventional-snk.--internet-banking{
    padding-top: 138px;
  }
}
.conventional-snk.--poin-spekta{
  padding-top: 45px;
  padding-bottom: 26px;
}
.conventional-snk.--agen-btn{
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.conventional-snk.--detail-promo{
  padding: 0px;
}

.conventional-snk .container{
  margin-left: auto;
  margin-right: auto;
}

.conventional-snk__list{
  margin-top: 0.375rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px){

  .conventional-snk__list{
    margin-top: 38px;
    padding-left: 0px;
    padding-right: 0px;
  }
}

.conventional-snk__list.--no-mt{
  margin-top: 0px;
}

.conventional-snk__list .bzi-check-circle{
  position: relative;
  top: -6px;
}

@media (min-width: 1024px){

  .conventional-snk__list .bzi-check-circle{
    top: auto;
  }
}

.conventional-snk__list .bzi-check-circle .path2{
  position: absolute;
  top: -2px;
}

.conventional-snk__list ul{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 30px;
}

@media (min-width: 768px){

  .conventional-snk__list ul{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.conventional-snk__list ul.--smaller-gap{
  gap: 0.625rem;
}
.conventional-snk__list ul.--single-col,
.syariah-snk__list ul.--single-col{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.conventional-snk__list ul li{
  grid-column: span 1 / span 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .conventional-snk__list ul li{
    grid-template-columns: repeat(1, minmax(0, 1fr));
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.conventional-snk__list ul li.hide{
  display: none;
}
.conventional-snk__list ul li.active{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.conventional-snk__list ul li a{
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-color: #FFDD00;
          text-decoration-color: #FFDD00;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}

.conventional-snk__list ul li span{
  margin-top: 0.125rem;
  font-size: 1.5rem;
  line-height: 2rem;
}

.conventional-snk__list ul li div ul{
  display: block;
}

.conventional-snk__contents button{
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 6px;
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.conventional-snk__contents button.hide{
  display: none;
}

.conventional-snk__contents button span{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.conventional-snk__contents button p{
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}
/* End Syarat & Ketentuan */

/* Ilustrasi Transaksi */

.conventional-transaction{
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.conventional-transaction__contents{
  padding-left: 26px;
  padding-right: 26px;
}

@media (min-width: 768px){

  .conventional-transaction__contents{
    padding-left: 104px;
    padding-right: 104px;
    padding-top: 20px;
  }
}

.conventional-transaction__contents .conventional-title{
  text-align: center;
}

.conventional-transaction__contents__description{
  margin-bottom: 2rem;
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.conventional-transaction__contents__description__footnote{
  margin-top: 1rem;
  margin-bottom: 2rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.sub-th-1{
  --tw-bg-opacity: 1;
  background-color: rgb(204 223 237 / var(--tw-bg-opacity));
  padding: 1rem;
  text-align: left !important;
  font-weight: 500;
}

.sub-th-2{
  --tw-bg-opacity: 1;
  background-color: rgb(229 239 246 / var(--tw-bg-opacity));
  padding: 1rem;
  text-align: left !important;
  font-weight: 500;
}

.acgs ol {
    list-style: decimal;
}

.acgs ul {
    list-style: disc;
}

.acgs a{
  --tw-text-opacity: 1;
  color: rgb(18 94 250 / var(--tw-text-opacity));
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.acgs td:nth-child(3) a{
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}

.scenario__content__table{
  margin-bottom: 1rem;
}

.conventional-transaction__table__content table,
.scenario__content__table table{
  margin-bottom: 2rem;
  width: 100%;
  overflow: hidden;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

@media (min-width: 768px){

  .conventional-transaction__table__content table,
.scenario__content__table table{
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }
}

.conventional-transaction__table__content table,
.scenario__content__table table {
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}

.conventional-transaction__table__content thead,
.scenario__content__table thead{
  --tw-bg-opacity: 1;
  background-color: rgb(18 94 250 / var(--tw-bg-opacity));
}

.conventional-transaction__table__content th,
.scenario__content__table th{
  padding: 0.625rem;
  text-align: left;
  vertical-align: top;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .conventional-transaction__table__content th,
.scenario__content__table th{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.conventional-transaction__table__content th,
.conventional-transaction__table__content td,
.scenario__content__table th,
.scenario__content__table td{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  vertical-align: middle;
}

@media (min-width: 768px){

  .conventional-transaction__table__content th,
.conventional-transaction__table__content td,
.scenario__content__table th,
.scenario__content__table td{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

.conventional-transaction__table__content tbody,
.scenario__content__table tbody{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.conventional-transaction__table__content tbody tr:not(:last-child),
.conventional-transaction__table__content thead tr{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(247 244 240 / var(--tw-border-opacity));
}

.conventional-transaction__table__content tbody tr th{
  --tw-bg-opacity: 1;
  background-color: rgb(89 142 251 / var(--tw-bg-opacity));
}

.conventional-transaction__table__content tbody tr td,
.scenario__content__table tbody tr td{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .conventional-transaction__table__content tbody tr td,
.scenario__content__table tbody tr td{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.conventional-transaction__table__content tbody tr:nth-child(even) td,
.scenario__content__table tbody tr:nth-child(even) td{
  --tw-bg-opacity: 1;
  background-color: rgb(247 244 240 / var(--tw-bg-opacity));
  opacity: 0.9;
}

@media (min-width: 1024px){

  .conventional-transaction__table__content__item table{
    table-layout: fixed;
  }
}

.conventional-transaction__table__content__item.--market-linked-deposit,
.scenario__content__table{
  overflow-x: auto;
}

.conventional-transaction__table__content__item.--market-linked-deposit table{
  table-layout: auto;
}

.conventional-transaction__table__content__item.--market-linked-deposit table,
.scenario__content__table table{
  margin-bottom: 0px;
  border-collapse: collapse;
}

.conventional-transaction__table__content__item.--market-linked-deposit
    thead
    tr{
  border-bottom-width: 0px;
}

.conventional-transaction__table__content__item.--market-linked-deposit
    thead
    th[colspan="3"],
.scenario__content__table th:not(:first-child),
.scenario__content__table td:not(:first-child){
  min-width: 256px;
}

.conventional-transaction__table__content__item.--market-linked-deposit
    table
    th:not(:last-child),
.scenario__content__table table th:not(:last-child){
  border-right-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(128 176 211 / var(--tw-border-opacity));
}

.conventional-transaction__table__content__item.--market-linked-deposit
    table
    th,
.conventional-transaction__table__content__item.--market-linked-deposit
    table
    td,
.scenario__content__table table thead tr th,
.scenario__content__table table tbody tr td{
  text-align: center;
}

.conventional-transaction__scenario{
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(207 207 207 / var(--tw-border-opacity));
  padding: 2.5rem;
}

.scenario__contents{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}

.scenario__contents__card h5{
  margin-bottom: 1.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .scenario__contents__card h5{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

.scenario__contents__card p{
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

@media (min-width: 768px){

  .scenario__contents__card p{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.scenario__content__equation{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

@media (min-width: 768px){

  .scenario__content__equation{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.scenario__content__equation span{
  width: 5rem;
}

.scenario__contents.--market-linked-deposit
    .scenario__contents__card
    .scenario__content__equation
    span{
  width: 8rem;
}

.scenario__content__equation ul{
  width: 100%;
  list-style-type: "=";
}

.scenario__content__equation ul li{
  margin-bottom: 0.5rem;
  padding-left: 0.5rem;
}
/* End Ilustrasi Transaksi */

/* Kartu Debit */
.conventional-tcard .container > div > div{
  max-width: 480px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  text-align: center;
}
@media (min-width: 640px){

  .conventional-tcard .container > div > div{
    width: 476px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (min-width: 1024px){

  .conventional-tcard .container > div > div{
    padding-left: 0px;
    padding-right: 0px;
    text-align: justify;
  }
}

.conventional-tcard .container > div > div > p{
  text-align: center;
}

@media (min-width: 1024px){

  .conventional-tcard .container > div > div > p{
    max-width: 400px;
    text-align: justify;
  }
}

/* End Kartu Debit */

/* Banner More Info */
.conventional-banner-more-info{
  position: relative;
  margin-top: 2.5rem;
  height: 640px;
  overflow: hidden;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-product-detail/banner/conventional-banner-more-info-mobile.png");
  background-size: cover;
  background-position: center;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media (min-width: 1024px){

  .conventional-banner-more-info{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 300px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-product-detail/banner/conventional-banner-more-info-large.png");
  }
}
.conventional-banner-more-info.--batara{
  height: 480px;
  overflow: hidden;
}
@media (min-width: 768px){

  .conventional-banner-more-info.--batara{
    height: 640px;
  }
}
@media (min-width: 1024px){

  .conventional-banner-more-info.--batara{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 300px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-batara/banner-info.png");
  }
}
.conventional-banner-more-info.--internet-banking{
  margin-top: 0px;
}

.conventional-banner-more-info .container{
  margin-left: auto;
  margin-right: auto;
}

.conventional-banner-more-info__img{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 500px;
}

@media (min-width: 480px){

  .conventional-banner-more-info__img{
    width: 600px;
  }
}

@media (min-width: 640px){

  .conventional-banner-more-info__img{
    width: 100%;
  }
}

@media (min-width: 1024px){

  .conventional-banner-more-info__img{
    display: none;
  }
}

.conventional-banner-more-info__img img{
  position: absolute;
  bottom: -0.625rem;
  right: 15%;
}

@media (min-width: 480px){

  .conventional-banner-more-info__img img{
    right: 12%;
  }
}

@media (min-width: 640px){

  .conventional-banner-more-info__img img{
    left: 50%;
    --tw-translate-x: -50%;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
.conventional-banner-more-info.--batara
    .conventional-banner-more-info__img
    img{
  width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
}

.conventional-banner-more-info .conventional-title{
  margin-bottom: 1.5rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  .conventional-banner-more-info .conventional-title{
    text-align: left;
  }
}

.conventional-banner-more-info__contents{
  position: relative;
  z-index: 10;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

@media (min-width: 768px){

  .conventional-banner-more-info__contents{
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
}

@media (min-width: 1024px){

  .conventional-banner-more-info__contents{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.conventional-banner-more-info__contents img{
  display: none;
}

@media (min-width: 1024px){

  .conventional-banner-more-info__contents img{
    display: block;
  }
}

.conventional-banner-more-info__contents__copy{
  -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: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media (min-width: 1024px){

  .conventional-banner-more-info__contents__copy{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.conventional-banner-more-info__btn{
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.875rem;
}

@media (min-width: 768px){

  .conventional-banner-more-info__btn{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.conventional-banner-more-info__btn button{
  width: 100%;
  white-space: nowrap;
  padding: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

@media (min-width: 768px){

  .conventional-banner-more-info__btn button{
    width: auto;
  }
}

@media (min-width: 1024px){

  .conventional-banner-more-info__btn button{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
/* End Banner More Info */

/* Features */
.conventional-features{
  position: relative;
  z-index: 10;
  overflow: hidden;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 92px;
}
@media (min-width: 1280px){

  .conventional-features{
    padding-left: 96px;
    padding-right: 96px;
  }
}
.conventional-features.--smart-residence{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-smart-residence/feature/banner-feature.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.conventional-features .container{
  position: relative;
  height: 625px;
}

@media (min-width: 1280px){

  .conventional-features .container{
    height: 600px;
  }
}
.conventional-features.--smart-residence .container{
  position: relative;
  height: 600px;
}
@media (min-width: 1280px){

  .conventional-features.--smart-residence .container{
    height: 560px;
  }
}

.conventional-features--kartu-kredit{
  position: relative;
  z-index: 10;
  width: 100%;
  overflow: hidden;
  padding-top: 92px;
  padding-bottom: 64px;
}

@media (min-width: 768px){

  .conventional-features--kartu-kredit{
    overflow: visible;
  }
}
.conventional-features--kartu-kredit .container{
  margin-left: auto;
  margin-right: auto;
}
.conventional-features .conventional-title{
  margin: auto;
  max-width: 918px;
  font-size: 22px;
  font-weight: 600;
}
@media (min-width: 768px){

  .conventional-features .conventional-title{
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-weight: 700;
  }
}
.conventional-features--kartu-kredit .conventional-title{
  margin: auto;
  font-size: 22px;
  font-weight: 600;
}
@media (min-width: 768px){

  .conventional-features--kartu-kredit .conventional-title{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}
@media (min-width: 1024px){

  .conventional-features--kartu-kredit .conventional-title{
    font-size: 40px;
  }
}

.conventional-features__wrapper{
  position: relative;
  z-index: 20;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (min-width: 1024px){

  .conventional-features__wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 1280px){

  .conventional-features__wrapper{
    margin-top: -54px;
  }
}
.conventional-features__wrapper.--smart-residence{
  margin-top: 48px;
}
@media (min-width: 768px){

  .conventional-features__wrapper.--smart-residence{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.conventional-features__wrapper--kartu-kredit{
  position: relative;
  z-index: 20;
  margin-top: 2.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 1rem;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-smart-residence/register/banner-register-mobile.png");
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat;
}
@media (min-width: 768px){

  .conventional-features__wrapper--kartu-kredit{
    height: 460px;
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-smart-residence/register/banner-register.png");
  }
}

.conventional-features__wrapper--kartu-kredit > section{
  padding-left: 0px;
}

@media (min-width: 768px){

  .conventional-features__wrapper--kartu-kredit > section{
    padding-left: 5rem;
  }
}
.conventional-features__wrapper--kartu-kredit .phone-image{
  position: static;
  right: 80px;
  bottom: -45px;
  z-index: 10;
  display: block;
  width: 100%;
}
@media (min-width: 768px){

  .conventional-features__wrapper--kartu-kredit .phone-image{
    position: absolute;
    width: 198px;
  }
}
.conventional-features__wrapper--kartu-kredit .phone-image.--smart-residence{
  width: 242px;
}

.conventional-features__wrapper--kartu-kredit .phone-image img{
  margin-left: auto;
  margin-right: auto;
  margin-top: 16px;
  margin-bottom: 16px;
  width: 170px;
}

@media (min-width: 768px){

  .conventional-features__wrapper--kartu-kredit .phone-image img{
    margin-top: 0px;
    margin-bottom: 0px;
    width: 100%;
  }
}

/* Step Bar */
.step-features{
  position: relative;
  z-index: 10;
  width: 100%;
  overflow: hidden;
  padding-top: 92px;
  padding-bottom: 64px;
}
@media (min-width: 768px){

  .step-features{
    overflow: visible;
  }
}
.step-features .container{
  margin-left: auto;
  margin-right: auto;
}
/* End Step Bar */

.conventional-features__navigation{
  width: 300px;
}

@media (min-width: 1280px){

  .conventional-features__navigation{
    width: 512px;
  }
}
.conventional-features__navigation--kartu-kredit{
  z-index: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  overflow: hidden;
}
@media (min-width: 768px){

  .conventional-features__navigation--kartu-kredit{
    width: 700px;
    overflow: visible;
  }
}

.conventional-features__navigation button{
  height: 37px;
  width: 37px;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 221 0 / var(--tw-border-opacity));
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.conventional-features__navigation .toggle-up{
  --tw-rotate: -90deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.conventional-features__navigation .toggle-down{
  --tw-rotate: 90deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.conventional-features__navigation .toggle-up i{
  position: absolute;
  top: 0px;
  left: -13px;
  height: 37px;
  width: 37px;
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}

.conventional-features__navigation .toggle-down i{
  position: absolute;
  top: 0px;
  left: -13px;
  height: 37px;
  width: 37px;
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}

.conventional-features__navigation__items{
  width: 250px;
}

.conventional-features__navigation__items ul{
  margin-top: 55px;
  margin-bottom: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 42px;
}

.conventional-features__navigation__items ul li{
  cursor: pointer;
  padding-left: 1rem;
  font-size: 1.5rem;
  line-height: 2rem;
}

.conventional-features__navigation__items ul li.active{
  border-left-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgb(255 221 0 / var(--tw-border-opacity));
  padding-left: 0.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}

.conventional-features__navigation__items.--syariah ul li.active{
  --tw-text-opacity: 1;
  color: rgb(173 143 107 / var(--tw-text-opacity));
}

.conventional-features__navigation__items-kk{
  position: relative;
  display: none;
}

@media (min-width: 768px){

  .conventional-features__navigation__items-kk{
    display: block;
  }
}

.conventional-features__navigation__items-kk.--mobile{
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media (min-width: 768px){

  .conventional-features__navigation__items-kk.--mobile{
    display: none;
  }
}

.conventional-features__navigation__items-kk::before{
  position: absolute;
  top: 52px;
  left: 52%;
  z-index: 10;
  display: block;
  height: 3px;
  width: 85%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    content: "";
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
}
.conventional-features__navigation__items-kk.--smart-residence::before{
  left: 50%;
  width: 82%;
}
.conventional-features__navigation__items-kk .progress-bar{
  position: absolute;
  top: 52px;
  left: 56px;
  z-index: 10;
  display: block;
  height: 3px;
  width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 221 0 / var(--tw-bg-opacity));
}

.conventional-features__navigation__items-kk ul{
  position: relative;
  z-index: 20;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}

@media (min-width: 768px){

  .conventional-features__navigation__items-kk ul{
    margin-left: 0px;
    margin-right: 0px;
  }
}

@media (min-width: 1024px){

  .conventional-features__navigation__items-kk ul{
    gap: 26px;
  }
}

.conventional-features__navigation__items-kk ul li{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 55px;
  cursor: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-size: 10px;
  --tw-text-opacity: 1;
  color: rgb(128 176 211 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .conventional-features__navigation__items-kk ul li{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1024px){

  .conventional-features__navigation__items-kk ul li{
    width: 116px;
    padding-left: 1rem;
  }
}

.conventional-features__navigation__items-kk ul li p{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.25rem;
  height: 1.75rem;
  width: 1.75rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.25rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(134 134 134 / var(--tw-text-opacity));
}

.conventional-features__navigation__items-kk ul li.active{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.conventional-features__navigation__items-kk ul li.active p{
  --tw-bg-opacity: 1;
  background-color: rgb(255 221 0 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}

.features-nav-item-kk.feature-2 > div::before,
.features-nav-item-kk.feature-3 > div::before,
.features-nav-item-kk.feature-4 > div::before,
.features-nav-item-kk.feature-5 > div::before,
.features-nav-item-kk.feature-6 > div::before{
  position: absolute;
  top: 47%;
  left: -350% !important;
  height: 3px;
  width: 350% !important;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-kartu-kredit/icon/line.svg");
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
    /* background: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-kartu-kredit/icon/line.svg") no-repeat 0; */
    z-index: -1;
    opacity: 0.8;
    pointer-events: none;
}

.features-nav-item-kk.feature-2 > div.active::before,
.features-nav-item-kk.feature-3 > div.active::before,
.features-nav-item-kk.feature-4 > div.active::before,
.features-nav-item-kk.feature-5 > div.active::before,
.features-nav-item-kk.feature-6 > div.active::before{
  position: absolute;
  top: 47%;
  left: -350% !important;
  height: 3px;
  width: 350% !important;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-kartu-kredit/icon/line-active.svg");
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
    /* background: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-kartu-kredit/icon/line.svg") no-repeat 0; */
    z-index: -1;
    opacity: 0.8;
    pointer-events: none;
}
.conventional-features__contents{
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  text-align: center;
}
@media (min-width: 768px){

  .conventional-features__contents{
    margin-left: 0px;
    margin-right: 0px;
    text-align: left;
  }
}

.conventional-features__contents > div:first-of-type{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
}

@media (min-width: 768px){

  .conventional-features__contents > div:first-of-type{
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.conventional-features__contents > div button{
  height: 37px;
  width: 37px;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 221 0 / var(--tw-border-opacity));
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.conventional-features__contents div .toggle-left{
  --tw-rotate: 180deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.conventional-features__contents div .toggle-right{
  --tw-rotate: 0deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.conventional-features__contents div .toggle-left.disabled,
.conventional-features__contents div .toggle-right.disabled{
  --tw-border-opacity: 1 !important;
  border-color: rgb(182 182 182 / var(--tw-border-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(182 182 182 / var(--tw-text-opacity)) !important;
}
.conventional-features__contents div .toggle-left i{
  position: absolute;
  top: 0px;
  left: -13px;
  height: 37px;
  width: 37px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.conventional-features__contents div .toggle-right i{
  position: absolute;
  top: 0px;
  left: -13px;
  height: 37px;
  width: 37px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.conventional-features__contents .card,
.conventional-features__contents div .card{
  display: none;
  width: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media (min-width: 768px){

  .conventional-features__contents .card,
.conventional-features__contents div .card{
    width: 216px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (min-width: 1280px){

  .conventional-features__contents .card,
.conventional-features__contents div .card{
    width: 300px;
  }
}

.conventional-features__contents .card h5{
  margin-bottom: 1.5rem;
  font-size: 26px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
.conventional-features__contents div .card h5{
  margin-bottom: 1rem;
  font-size: 32px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.conventional-features__contents .card .step-bar-title{
  margin-bottom: 1.5rem;
  font-size: 26px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.conventional-features__contents div .card p{
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(207 207 207 / var(--tw-text-opacity));
}

.conventional-features__contents .card-heading{
  margin-bottom: 1.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
}

.conventional-features__contents .card.active,
.conventional-features__contents.--vertical .card.active,
.conventional-features__contents.--vertical div .card.active{
  display: block;
}

.conventional-features__contents.--vertical > div:first-of-type{
  display: none;
}

.conventional-features__image{
  position: static;
  top: 120px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 10;
  margin: auto;
  margin-bottom: 1.5rem;
  max-width: 535px;
}

@media (min-width: 768px){

  .conventional-features__image{
    position: absolute;
    margin-bottom: auto;
  }
}

.conventional-features__image.--smart-residence-pengelola{
  bottom: auto;
  top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (min-width: 768px){

  .conventional-features__image.--smart-residence-pengelola{
    top: 72px;
  }
}
.conventional-features__image.--smart-residence-pengelola img{
  min-width: 342px;
}
@media (min-width: 768px){

  .conventional-features__image.--smart-residence-pengelola img{
    width: auto;
  }
}

.conventional-features__background{
  position: absolute;
  top: 3.5rem;
  left: 0px;
  right: 0px;
  z-index: -1;
}

@media (min-width: 768px){

  .conventional-features__background{
    top: 2rem;
  }
}

.conventional-features__background img{
  margin-left: auto;
  margin-right: auto;
  width: 600px;
}
/* End Features */

/* Promo */
.conventional-promo{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-poin-spekta/hero/banner-promo-mobile.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 38px;
  padding-bottom: 38px;
}
@media (min-width: 768px){

  .conventional-promo{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-poin-spekta/hero/banner-promo.png");
  }
}

.conventional-promo .container{
  height: 100%;
}

.conventional-promo__contents{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 3rem;
}

@media (min-width: 1280px){

  .conventional-promo__contents{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.conventional-promo__contents__info{
  width: 100%;
  text-align: center;
}

@media (min-width: 768px){

  .conventional-promo__contents__info{
    max-width: 638px;
  }
}

@media (min-width: 1024px){

  .conventional-promo__contents__info{
    text-align: start;
  }
}

.conventional-promo__contents__info .info__cont-title{
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .conventional-promo__contents__info .info__cont-title{
    margin-bottom: 0.625rem;
    font-size: 22px;
  }
}

.conventional-promo__contents__info .info__title{
  margin-bottom: 0.625rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .conventional-promo__contents__info .info__title{
    margin-bottom: 1rem;
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

.conventional-promo__contents__info .info__description{
  margin-bottom: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .conventional-promo__contents__info .info__description{
    margin-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.conventional-promo__contents__info .info__highlight-note{
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 70 120 / var(--tw-bg-opacity));
  padding: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .conventional-promo__contents__info .info__highlight-note{
    padding: 0.625rem;
  }
}

.conventional-promo__contents__timeline{
  position: relative;
  width: 100%;
  max-width: 530px;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 2rem;
}

@media (min-width: 768px){

  .conventional-promo__contents__timeline{
    border-radius: 26px;
    padding-top: 38px;
    padding-left: 2.75rem;
    padding-right: 2.5rem;
    padding-bottom: 3.5rem;
  }
}

.conventional-promo__contents__timeline .timeline__title{
  margin-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .conventional-promo__contents__timeline .timeline__title{
    margin-bottom: 1.5rem;
    font-size: 22px;
  }
}

.conventional-promo__contents__timeline .timeline__list{
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.25rem;
}
.conventional-promo__contents__timeline .timeline__list::before{
  position: absolute;
  top: 50%;
  left: 14px;
  z-index: -1;
  height: calc(100% - 10px - 10px);
  width: 2px;
  --tw-translate-y: -50%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(255 0 0 / var(--tw-bg-opacity));
}
@media (min-width: 768px){

  .conventional-promo__contents__timeline .timeline__list::before{
    left: 21px;
    height: calc(100% - 16px - 16px);
  }
}
.conventional-promo__contents__timeline .timeline__list::before {
    content: "";
}

.conventional-promo__contents__timeline .timeline__list .timeline__item{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.conventional-promo__contents__timeline
    .timeline__list
    .timeline__item
    .timeline-item__content{
  margin-left: 0.875rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .conventional-promo__contents__timeline
    .timeline__list
    .timeline__item
    .timeline-item__content{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.conventional-promo__contents__timeline
    .timeline__list
    .timeline__item.active
    .timeline-item__content{
  font-weight: 700;
}

.conventional-promo__contents__timeline
.timeline__list
.timeline__item
.timeline-item__marker{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  width: 30px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 9999px;
  padding: 0.375rem;
}

@media (min-width: 768px){

  .conventional-promo__contents__timeline
    .timeline__list
    .timeline__item
    .timeline-item__marker{
    height: 44px;
    width: 44px;
    padding: 0.5rem;
  }
}
.conventional-promo__contents__timeline
    .timeline__list
    .timeline__item.active
    .timeline-item__marker{
  --tw-bg-opacity: 1;
  background-color: rgb(255 0 0 / var(--tw-bg-opacity));
  padding: 0.5rem;
}
@media (min-width: 768px){

  .conventional-promo__contents__timeline
    .timeline__list
    .timeline__item.active
    .timeline-item__marker{
    padding: 0.625rem;
  }
}
.conventional-promo__contents__timeline
    .timeline__list
    .timeline__item
    .timeline-item__marker
    .dot{
  height: 0.625rem;
  width: 0.625rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 0 0 / var(--tw-bg-opacity));
}
@media (min-width: 768px){

  .conventional-promo__contents__timeline
    .timeline__list
    .timeline__item
    .timeline-item__marker
    .dot{
    height: 1rem;
    width: 1rem;
  }
}
.conventional-promo__contents__timeline
    .timeline__list
    .timeline__item
    .timeline-item__marker
    img{
  width: 100%;
  max-width: 16px;
  -o-object-fit: contain;
     font-family: "object-fit:contain;object-position:center";
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media (min-width: 768px){

  .conventional-promo__contents__timeline
    .timeline__list
    .timeline__item
    .timeline-item__marker
    img{
    max-width: 24px;
  }
}

.conventional-promo__contents__timeline > img{
  position: absolute;
  bottom: -16px;
  right: 64px;
  width: 40px;
}
/* End Promo*/

/* Points */
.conventional-point{
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.conventional-point__contents .conventional-title{
  margin-bottom: 2.5rem;
  text-align: center;
}

.conventional-point__contents table{
  width: 100%;
  table-layout: fixed;
  border-radius: 0.375rem;
}

.conventional-point__contents table thead tr th{
  width: 33.333333%;
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.5);
  --tw-bg-opacity: 1;
  background-color: rgb(18 94 250 / var(--tw-bg-opacity));
  padding: 1rem;
  vertical-align: middle;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.conventional-point__contents table tbody tr th{
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.5);
  --tw-bg-opacity: 1;
  background-color: rgb(89 142 251 / var(--tw-bg-opacity));
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  text-align: left;
  vertical-align: middle;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.conventional-point__contents table tbody tr td{
  padding-top: 17px;
  padding-bottom: 17px;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.conventional-point__contents table tbody tr td:last-child{
  text-align: center;
}

.conventional-point__contents table tbody tr:nth-child(even){
  --tw-bg-opacity: 1;
  background-color: rgb(247 244 240 / var(--tw-bg-opacity));
}

.conventional-point__contents .table-wrapper{
  width: 100%;
  overflow-x: scroll;
}

@media (min-width: 1024px){

  .conventional-point__contents .table-wrapper{
    overflow: hidden;
  }
}

.conventional-point__contents table{
  table-layout: auto;
}

@media (min-width: 1024px){

  .conventional-point__contents table{
    table-layout: fixed;
  }
}

.conventional-point__contents table th,
.conventional-point__contents td{
  min-width: 256px;
  text-align: center;
}
/* End Points */

/* Banner Transaction */
.conventional-banner-transaction{
  margin-top: 2.5rem;
  height: 640px;
  padding-top: 60px;
  padding-bottom: 60px;
}
@media (min-width: 768px){

  .conventional-banner-transaction{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 1024px){

  .conventional-banner-transaction{
    height: 300px;
  }
}

.conventional-banner-transaction .container{
  position: relative;
  height: 480px;
  overflow: hidden;
  border-radius: 0.75rem;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-product-detail/banner/conventional-banner-more-info-mobile.png");
  background-size: cover;
  background-position: center;
  padding-top: 2.75rem;
  padding-bottom: 2.5rem;
}

@media (min-width: 1024px){

  .conventional-banner-transaction .container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 268px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-product-detail/banner/conventional-banner-more-info-large.png");
  }
}

.conventional-banner-transaction__contents{
  margin: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  text-align: center;
}

.conventional-banner-transaction__contents h2.conventional-title{
  margin: 0px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.conventional-banner-transaction__contents p{
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.conventional-banner-transaction__contents button{
  margin: auto;
}

.conventional-banner-transaction__contents img:nth-child(4){
  position: absolute;
  top: 212px;
  left: -100px;
  max-width: 313px;
}

@media (min-width: 1024px){

  .conventional-banner-transaction__contents img:nth-child(4){
    top: -10px;
    left: -46px;
  }
}

.conventional-banner-transaction__contents img:nth-child(5){
  position: absolute;
  top: 273px;
  right: -143px;
  max-width: 380px;
}

@media (min-width: 1024px){

  .conventional-banner-transaction__contents img:nth-child(5){
    top: 20px;
    right: -53px;
  }
}
/* End Banner Transaction */

/* Banner Application */
.conventional-app-promo{
  position: relative;
  min-height: 412px;
  overflow: hidden;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-smart-residence/application/banner-app-promo-mobile.png");
  background-size: cover;
  background-position: left;
  background-repeat: no-repeat;
}
@media (min-width: 768px){

  .conventional-app-promo{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-smart-residence/application/banner-app-promo.png");
  }
}

.conventional-app-promo__contents{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -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;
  gap: 64px;
  padding-left: 64px;
  padding-right: 64px;
  padding-top: 32px;
  padding-bottom: 32px;
}

@media (min-width: 768px){

  .conventional-app-promo__contents{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0px;
  }
}

.contentional-app-promo__contents__image{
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  min-height: 0;
  min-width: 0px;
}

@media (min-width: 768px){

  .contentional-app-promo__contents__image{
    position: relative;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    min-height: 412px;
    min-width: 480px;
  }
}

@media (min-width: 1024px){

  .contentional-app-promo__contents__image{
    min-width: 650px;
  }
}
.contentional-app-promo__contents__image.--less-bottom img{
  bottom: 0px;
}
@media (min-width: 768px){

  .contentional-app-promo__contents__image.--less-bottom img{
    bottom: -32px;
  }
}

.contentional-app-promo__contents__image img{
  position: absolute;
  bottom: -60px;
  left: 50%;
  --tw-translate-x: -50%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 1024px){

  .contentional-app-promo__contents__image img{
    bottom: -102px;
  }
}

.conventional-app-promo__contents__text{
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 500px;
  max-width: 560px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  text-align: center;
}

@media (min-width: 640px){

  .conventional-app-promo__contents__text{
    min-height: 600px;
  }
}

@media (min-width: 768px){

  .conventional-app-promo__contents__text{
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-left: 0px;
    margin-right: 0px;
    min-height: 0px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    text-align: left;
  }
}

.conventional-app-promo__contents__text .conventional-title{
  margin-bottom: 0px;
}

.conventional-app-promo__cta{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

@media (min-width: 768px){

  .conventional-app-promo__cta{
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

@media (min-width: 1024px){

  .conventional-app-promo__cta{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.conventional-app-promo__cta .platform{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.conventional-app-promo__cta .qr-code{
  border-radius: 30px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 167 / var(--tw-border-opacity));
  padding: 0.75rem;
}

.conventional-app-promo__cta .qr-code img{
  height: auto;
  width: 55px;
}

.conventional-app-promo__cta img{
  height: 40px;
}

.conventional-app-promo__cta button{
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px){

  .conventional-app-promo__cta button{
    margin-left: 0px;
    margin-right: 0px;
  }
}
/* End Banner Application */

/* Register */
.conventional-register{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 768px){

  .conventional-register{
    padding-left: 75px;
    padding-right: 75px;
  }
}
@media (min-width: 1024px){

  .conventional-register{
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.conventional-register.--internet-banking{
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.conventional-register.--poin-spekta{
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.conventional-register .container{
  margin-left: auto;
  margin-right: auto;
}

.conventional-register__contents .conventional-title{
  margin-bottom: 1.5rem;
}

.conventional-register__list{
  margin-top: 26px;
  margin-bottom: 42px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

@media (min-width: 768px){

  .conventional-register__list{
    margin-top: 38px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
.conventional-register__list.--internet-banking{
  margin-bottom: 0px;
}
.conventional-register__list.--no-mt{
  margin-top: 0px;
}

.conventional-register__list:not(:first-child){
  margin-top: 1rem;
}

@media (min-width: 768px){

  .conventional-register__list:not(:first-child){
    margin-top: 4rem;
  }
}

.conventional-register__list ul{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 30px;
}

.conventional-register__list ul li{
  grid-column: span 1 / span 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .conventional-register__list ul li{
    grid-template-columns: repeat(1, minmax(0, 1fr));
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.conventional-register__list.--syariah ul li{
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.conventional-register__list.--kartu-blink ul li{
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.conventional-register__list.--list-center ul li{
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.conventional-register__list .list-header,
.syariah-register__list .list-header{
  margin-bottom: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .conventional-register__list .list-header,
.syariah-register__list .list-header{
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.conventional-register__list.--list-center ul li,
.syariah-register__list.--list-center ul li{
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.conventional-register__list .list-header{
  margin-bottom: 0.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .conventional-register__list .list-header{
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.conventional-register__list ul li a{
  --tw-text-opacity: 1;
  color: rgb(18 94 250 / var(--tw-text-opacity));
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-color: #FF0000;
          text-decoration-color: #FF0000;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}

.conventional-register__list ul li span{
  margin-top: 0.125rem;
  min-width: 54px;
  text-align: center;
  font-size: 3.75rem;
  line-height: 1;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(251 230 231 / var(--tw-text-opacity));
    -webkit-text-stroke: 3px #dc0714;
}

.conventional-register__list ul li span::before {
    content: attr(data-content);
    -webkit-text-fill-color: #fbe6e7;
    -webkit-text-stroke: 0;
    position: absolute;
}

.conventional-register__list ul li h5{
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
.conventional-register__list.--syariah ul li h5{
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}
.conventional-register__list.--kartu-blink ul li h5{
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}
.conventional-register .conventional-register__check-btn{
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
@media (min-width: 768px){

  .conventional-register .conventional-register__check-btn{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
@media (min-width: 1024px){

  .conventional-register .conventional-register__check-btn{
    margin-top: 0.5rem;
  }
}

.conventional-rates__tabbed__content__item table tbody tr.hide{
  display: none;
}

.conventional-rates__tabbed__content__item .additional-info{
  margin-left: 1rem;
  margin-top: 4rem;
  display: block;
  list-style-type: decimal;
}

.conventional-rates__tabbed__content__item .additional-info.hide{
  display: none;
}

.conventional-rates__tabbed__content__item li{
  margin-top: 1rem;
}

.conventional-rates__tabbed__content__item button{
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 6px;
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.conventional-rates__tabbed__content__item button.hide{
  display: none;
}

.conventional-rates__tabbed__content__item button span{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.conventional-rates__tabbed__content__item button p{
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}

.conventional-rates__tabbed__content__item .SnK ul{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 768px){

  .conventional-rates__tabbed__content__item .SnK ul{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.conventional-rates__tabbed__content__item .SnK ul li{
  margin-bottom: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1.25rem;
}

.conventional-rates__tabbed__content__item .SnK ul li p{
  padding: 0px;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 400;
}

.conventional-rates__tabbed__content__item .SnK .bzi-check-circle{
  position: relative;
  margin-top: 0.125rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
}

.conventional-rates__tabbed__content__item .SnK .bzi-check-circle .path1{
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
}

.conventional-rates__tabbed__content__item .SnK .bzi-check-circle .path2{
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(220 7 20 / var(--tw-text-opacity));
}

.conventional-rates__tabbed__content__item table ul{
  margin-top: 0px;
  list-style-type: disc;
  text-align: start;
}

.conventional-rates__tabbed__content__item table ul li{
  margin-top: 0px;
}

.conventional-rates__tabbed__content__item .conventional-register__list ul{
  gap: 1.5rem;
}

.conventional-rates__tabbed__content__item
    .conventional-register__list
    ul
    li
    .copy
    p{
  padding-top: 0.875rem;
  padding-bottom: 0px;
}
.conventional-rates__tabbed__content__item
    .conventional-register__list.--syariah
    ul
    li
    .copy
    p{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 400;
}
.conventional-rates__tabbed__content__item
    .conventional-register__list.--kartu-blink
    ul
    li
    .copy
    p{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 400;
}

.conventional-rates__tabbed__content__item.--agen-btn table th,
.conventional-rates__tabbed__content__item.--agen-btn table td{
  text-align: center;
}
/* End Register */

/* Guides */
.conventional-guides,
.syariah-guides{
  overflow-x: hidden;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 72px;
  padding-bottom: 84px;
}
@media (min-width: 768px){

  .conventional-guides,
.syariah-guides{
    padding-left: 70px;
    padding-right: 70px;
  }
}

.conventional-guides__items,
.syariah-guides__items{
  display: none;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  row-gap: 72px;
  padding-top: 72px;
}

@media (min-width: 768px){

  .conventional-guides__items,
.syariah-guides__items{
    display: grid;
  }
}

.conventional-guides__card,
.syariah-guides__card{
  max-width: 369px;
  text-align: center;
}

.conventional-guides__card figure img,
.syariah-guides__card figure img{
  margin: auto;
  margin-bottom: 2rem;
  width: 74px;
}

.conventional-guides__card figure .guide-title,
.syariah-guides__card figure .guide-title{
  margin-bottom: 0.5rem;
  font-size: 22px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .conventional-guides__card figure .guide-title,
.syariah-guides__card figure .guide-title{
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
/* .conventional-guides__card figure p,
.conventional-guides__card figure .guide-description, { */
/* @apply mt-8; */
/* } */
/* End Guides */

/* Product View */
.conventional-product-view{
  padding-top: 52px;
  padding-bottom: 74px;
}

.conventional-product-view .conventional-product-view__list{
  margin-top: 2rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
}

@media (min-width: 768px){

  .conventional-product-view .conventional-product-view__list{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.conventional-product-view .conventional-product-view__card{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.25rem;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 2rem;
  --tw-shadow: 0px 2px 10px 0px #0000001A;
  --tw-shadow-colored: 0px 2px 10px 0px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.conventional-product-view .conventional-product-view__card .card__img-cont{
  width: 100%;
}

@media (min-width: 1024px){

  .conventional-product-view .conventional-product-view__card .card__img-cont{
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
  }
}
.conventional-product-view .conventional-product-view__card .card__picture{
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  padding-bottom: calc((232 / 334) * 100%);
}
.conventional-product-view .conventional-product-view__card .card__img{
  position: absolute;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center";
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.conventional-product-view .conventional-product-view__card .card__content{
  width: 100%;
}

@media (min-width: 1024px){

  .conventional-product-view .conventional-product-view__card .card__content{
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
  }
}
.conventional-product-view .conventional-product-view__card .card__title{
  margin-bottom: 0.5rem;
  font-size: 22px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
@media (min-width: 768px){

  .conventional-product-view .conventional-product-view__card .card__title{
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.conventional-product-view .conventional-product-view__card .card__description{
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

/* End Product View */

/* FAQ */
.conventional-faq{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media (min-width: 768px){

  .conventional-faq{
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 1024px){

  .conventional-faq{
    padding-left: 176px;
    padding-right: 176px;
  }
}

.conventional-faq .container{
  margin-left: auto;
  margin-right: auto;
}

.conventional-faq__contents{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.accordion-faq{
  margin-top: 34px;
}

.accordion-faq .div-dl > div{
  margin-bottom: 1.25rem;
  cursor: pointer;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.75rem;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.accordion-faq .div-dl > div:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.accordion-faq .div-dl > div {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.accordion-faq .div-dl > div .div-dt{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

@media (min-width: 768px){

  .accordion-faq .div-dl > div .div-dt{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.accordion-faq .div-dl > div .div-dt.is-active{
  margin-bottom: 0.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(37 37 37 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  .accordion-faq .div-dl > div .div-dt.is-active{
    margin-bottom: 1.5rem;
    font-weight: 700;
  }
}

.accordion-faq .div-dl > div .div-dt a{
  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;
  gap: 1.75rem;
}

.accordion-faq .div-dl > div .div-dt .dt__icon{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2rem;
  width: 2rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-preferred-size: 2rem;
      flex-basis: 2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 0 0 / var(--tw-border-opacity));
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.accordion-faq.--gold .div-dl > div .div-dt .dt__icon{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2rem;
  width: 2rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-preferred-size: 2rem;
      flex-basis: 2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(152 106 76 / var(--tw-border-opacity));
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.accordion-faq .div-dl > div .div-dt.is-active .dt__icon{
  --tw-rotate: 180deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-border-opacity: 1;
  border-color: rgb(18 94 250 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(18 94 250 / var(--tw-bg-opacity));
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.accordion-faq.--gold .div-dl > div .div-dt.is-active .dt__icon{
  --tw-rotate: 180deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(152 106 76 / var(--tw-bg-opacity));
}

.accordion-faq .div-dl > div .div-dt.is-active .dt__icon i{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.accordion-faq.--gold .div-dl > div .div-dt.is-active .dt__icon i{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.accordion-faq .div-dl > div .div-dd{
  display: none;
  border-bottom-left-radius: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(110 110 110 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .accordion-faq .div-dl > div .div-dd{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.accordion-faq .div-dl > div .div-dd.is-active{
  display: block;
}

.accordion-faq .div-dl > div .div-dd ol .li__number{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1.5rem;
  width: 1.5rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 9999px;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
    background: linear-gradient(317.18deg, #125efa -8.29%, #719efc 107.04%);
}

.conventional-faq button{
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

@media (min-width: 768px){

  .conventional-faq button{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.js-accordion-item-content.is-active{
  display: block;
}

.js-accordion-item-content .li__number.--red {
    background: linear-gradient(317.18deg, #dc0714 -8.29%, #ea6a72 107.04%);
}
/* End FAQ */

/* Article */
.conventional-article{
  margin-top: 3rem;
  margin-bottom: 2rem;
}
@media (min-width: 768px){

  .conventional-article{
    margin-top: 85px;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

.conventional-article .container{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px){

  .conventional-article .container{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}

@media (min-width: 1024px){

  .conventional-article .container{
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 38px;
  }
}

.conventional-article .conventional-title{
  margin-top: 38px;
  text-align: center;
}

@media (min-width: 768px){

  .conventional-article .conventional-title{
    text-align: left;
  }
}
.conventional-article .conventional-title.--ebatarapos{
  text-align: center;
}
.conventional-article .conventional-title.--deposit-ritel{
  text-align: center;
}

.conventional-article__contents{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}

.conventional-article__mini-banner{
  grid-column: span 1 / span 1;
  margin: auto;
  height: auto;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
  overflow: hidden;
  border-radius: 0.75rem;
  background-image: radial-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: #598EFB var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(89 142 251 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: rgb(42 111 250 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #2A6FFA var(--tw-gradient-via-position), var(--tw-gradient-to);
  --tw-gradient-to: #125EFA var(--tw-gradient-to-position);
}

@media (min-width: 1024px){

  .conventional-article__mini-banner{
    grid-column: span 4 / span 4;
  }
}

.conventional-article__mini-banner .single-item{
  height: 100%;
  width: 100%;
}

.conventional-article__mini-banner .single-item .slick-list,
.conventional-article__mini-banner .single-item .slick-list .slick-track{
  height: 100%;
}

.conventional-article__mini-banner .slick-dotted.slick-slider{
  margin-bottom: 0px;
}

.conventional-article__mini-banner .single-item div img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center";
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.conventional-article__mini-banner .single-item .slick-dots{
  bottom: 0px;
}

.conventional-article__mini-banner .single-item .slick-dots li{
  margin-left: 0px;
  margin-right: 0px;
  width: 0.875rem;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.conventional-article__mini-banner .single-item .slick-dots li.slick-active{
  width: 30px;
}

.conventional-article__mini-banner
    .single-item
    .slick-dots
    li.slick-active
    button{
  width: 30px;
  --tw-bg-opacity: 1;
  background-color: rgb(220 7 20 / var(--tw-bg-opacity));
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.conventional-article__mini-banner.--syariah
    .single-item
    .slick-dots
    li.slick-active
    button{
  width: 30px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 167 / var(--tw-bg-opacity));
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.conventional-article__mini-banner .single-item .slick-dots button{
  margin-left: auto;
  margin-right: auto;
  height: 0.375rem;
  width: 0.375rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(231 231 231 / var(--tw-bg-opacity));
}

.conventional-article__mini-banner .single-item .slick-dots li button:before{
  display: none;
}

.conventional-article__group{
  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;
}

@media (min-width: 1024px){

  .conventional-article__group{
    grid-column: span 8 / span 8;
  }

  .conventional-article__group.--ebatarapos{
    grid-column: span 12 / span 12;
  }

  .conventional-article__group.--kpr-sejahtera{
    grid-column: span 12 / span 12;
  }

  .conventional-article__group.--kpr-tapera{
    grid-column: span 12 / span 12;
  }

  .conventional-article__group.--krr-tapera{
    grid-column: span 12 / span 12;
  }

  .conventional-article__group.--deposit-ritel{
    grid-column: span 12 / span 12;
  }

  .conventional-article__group.--internet-banking{
    grid-column: span 12 / span 12;
  }

  .conventional-article__group.--four-cols{
    grid-column: span 12 / span 12;
  }
}

.conventional-article__group h2{
  margin-bottom: 2.5rem;
}

.conventional-article__card{
  grid-column: span 1 / span 1;
  display: none;
}

@media (min-width: 1024px){

  .conventional-article__card{
    grid-column: span 8 / span 8;
    display: block;
  }
}
.conventional-article__card.--without-slider{
  display: block;
}
.conventional-article__card.--pengumuman{
  display: block !important;
}
.conventional-article__card.--grid-mobile{
  display: grid !important;
}

.conventional-article__card__slider{
  margin-top: 0.375rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 1024px){

  .conventional-article__card__slider{
    display: none;
  }
}
@media (min-width: 768px){

  .conventional-article__card__slider.--about-btn{
    display: none;
  }
}

.conventional-article__card__grid{
  display: none;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
}

@media (min-width: 1024px){

  .conventional-article__card__grid{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.conventional-article__card__grid.--without-slider{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 768px){

  .conventional-article__card__grid.--without-slider{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1024px){

  .conventional-article__card__grid.--without-slider{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .conventional-article__card__grid.--ebatarapos{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .conventional-article__card__grid.--kpr-sejahtera{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .conventional-article__card__grid.--kpr-tapera{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .conventional-article__card__grid.--krr-tapera{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .conventional-article__card__grid.--deposit-ritel{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .conventional-article__card__grid.--internet-banking{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .conventional-article__card__grid.--pengumuman{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .conventional-article__card__grid.--galeri-btn{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .conventional-article__card__grid.--four-cols{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.conventional-article__card__grid.--no-carousel.--three-cols{
  display: grid !important;
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
@media (min-width: 768px){

  .conventional-article__card__grid.--no-carousel.--three-cols{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (min-width: 1024px){

  .conventional-article__card__grid.--no-carousel.--three-cols{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
.conventional-article__card__grid.--no-carousel.--four-cols{
  display: grid !important;
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
@media (min-width: 768px){

  .conventional-article__card__grid.--no-carousel.--four-cols{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (min-width: 1024px){

  .conventional-article__card__grid.--no-carousel.--four-cols{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
.conventional-article__card__grid.--no-carousel.--three-cols.--galeri-btn{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
@media (min-width: 1024px){

  .conventional-article__card__grid.--no-carousel.--three-cols.--galeri-btn{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
.conventional-article__card__grid.--grid-mobile{
  display: grid !important;
  gap: 1rem !important;
}
@media (min-width: 768px){

  .conventional-article__card__grid.--grid-mobile{
    gap: 1.5rem !important;
  }
}

.ig-card {
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}
.conventional-article article.slick-slide{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  width: 256px !important;
}
@media (min-width: 768px){

  .conventional-article article.slick-slide{
    width: 480px !important;
  }
}

.conventional-article article figure img{
  height: 162px;
  width: 100%;
  overflow: hidden;
  border-radius: 0.5rem;
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center";
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

@media (min-width: 768px){

  .conventional-article article figure img{
    height: 184px !important;
  }
}

@media (min-width: 1024px){

  .conventional-article article figure img{
    height: 162px !important;
  }
}
.conventional-article.--img-height-auto article figure img{
  height: auto !important;
}
.conventional-article.--article-col-2 article figure img{
  height: 95px;
}
.conventional-article
    .conventional-article__card.--pengumuman
    article
    figure
    img{
  height: 200px;
  width: 100%;
  overflow: hidden;
  border-radius: 0.5rem;
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center";
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (min-width: 768px){

  .conventional-article
    .conventional-article__card.--pengumuman
    article
    figure
    img{
    height: 184px !important;
  }
}
@media (min-width: 1024px){

  .conventional-article
    .conventional-article__card.--pengumuman
    article
    figure
    img{
    height: 162px !important;
  }
}

.conventional-article article figure p{
  margin-top: 1rem;
  margin-bottom: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  .conventional-article article figure p{
    margin-top: 1.25rem;
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }
}

.conventional-article article figure figcaption{
  margin-top: 1rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

.conventional-article button{
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
}

.conventional-article__title figcaption{
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.conventional-article__title figcaption:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(0 97 167 / var(--tw-text-opacity)) !important;
}

.conventional-article__card__grid .article__ornament-cont{
  display: none;
}
/* End Article */

/* Card Link */
.conventional-card-link{
  padding-top: 26px;
  padding-bottom: 26px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media (min-width: 480px){

  .conventional-card-link{
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
}
@media (min-width: 1024px){

  .conventional-card-link{
    padding-left: 50px;
    padding-right: 50px;
  }
}
.conventional-card-link-type{
  padding-top: 26px;
  padding-bottom: 26px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media (min-width: 480px){

  .conventional-card-link-type{
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
}
@media (min-width: 1024px){

  .conventional-card-link-type{
    padding-left: 30px;
    padding-right: 30px;
  }
}

.conventional-card-link .container{
  margin-left: auto;
  margin-right: auto;
}

.conventional-card-link__wrapper{
  margin-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.25rem;
}

@media (min-width: 768px){

  .conventional-card-link__wrapper{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 30px;
  }
}

@media (min-width: 1024px){

  .conventional-card-link__wrapper{
    padding-left: 30px;
    padding-right: 30px;
  }
}
.conventional-card-type__wrapper{
  margin-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
}
@media (min-width: 768px){

  .conventional-card-type__wrapper{
    -webkit-column-gap: 1.5rem;
       -moz-column-gap: 1.5rem;
            column-gap: 1.5rem;
  }
}
@media (min-width: 1024px){

  .conventional-card-type__wrapper{
    -webkit-column-gap: 2.5rem;
       -moz-column-gap: 2.5rem;
            column-gap: 2.5rem;
  }
}
.conventional-card-link__wrapper.--internet-banking figcaption{
  font-size: 1.5rem;
  line-height: 2rem;
}

.conventional-card-link__card_type{
  width: 100%;
}

@media (min-width: 768px){

  .conventional-card-link__card_type{
    max-width: 500px;
  }
}
.conventional-card-link__card_type .conventional-card-type__body-cont{
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}

.conventional-card-link__card{
  width: 100%;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  text-align: center;
}

@media (min-width: 768px){

  .conventional-card-link__card{
    -ms-flex-preferred-size: calc(50% - 20px);
        flex-basis: calc(50% - 20px);
  }
}

@media (min-width: 1024px){

  @media (min-width: 768px){

    .conventional-card-link__card{
      -ms-flex-preferred-size: calc(33.33% - 20px);
          flex-basis: calc(33.33% - 20px);
    }
  }
}

.conventional-card-link__card {
    -webkit-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);
}
.conventional-card-link__card.--kartu-kredit{
  width: 100%;
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  text-align: center;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
@media (min-width: 768px){

  .conventional-card-link__card.--kartu-kredit{
    -ms-flex-preferred-size: calc(50% - 20px);
        flex-basis: calc(50% - 20px);
  }
}
@media (min-width: 1024px){

  @media (min-width: 768px){

    .conventional-card-link__card.--kartu-kredit{
      -ms-flex-preferred-size: calc(33.33% - 20px);
          flex-basis: calc(33.33% - 20px);
    }
  }
}

.conventional-card-link__card_type figure{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -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: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.conventional-card-link__card figure{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1rem;
}

@media (min-width: 1024px){

  .conventional-card-link__card.--kartu-kredit figure img{
    width: 60% !important;
  }
}
.conventional-card-link__card_type figure > div{
  margin-top: 0.75rem;
  width: 100%;
}
@media (min-width: 768px){

  .conventional-card-link__card_type figure > div{
    width: 83.333333%;
  }
}
.conventional-card-link__card_type figcaption{
  margin-top: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.25rem;
  text-align: left !important;
  font-size: 18px;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
.conventional-card-link__card_type figcaption div{
  margin-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}
.conventional-card-link__card_type figcaption div span{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.25rem;
  font-size: 18px;
  --tw-text-opacity: 1;
  color: rgb(37 37 37 / var(--tw-text-opacity));
}
.conventional-card-link__card_type figcaption div span img{
  height: 2rem !important;
  width: 2rem !important;
}

.conventional-card-link__card figcaption,
.conventional-card-link__card.--kartu-kredit figcaption{
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .conventional-card-link__card figcaption,
.conventional-card-link__card.--kartu-kredit figcaption{
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.conventional-card-link__card figure a{
  width: 100%;
}

.conventional-card-link__card figure button{
  width: 100%;
  padding: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.conventional-card-link__card figure button.--fit{
  margin-left: auto;
  margin-right: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 768px){

  .conventional-card-link__card figure button.--fit{
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
  }
}
/* End Card Link */

/* CTA KPR */
.conventional-cta-kpr--qris-btn-merchant{
  padding-top: 0px;
}
.conventional-cta-kpr{
  padding-top: 50px;
}
@media (min-width: 1024px){

  .conventional-cta-kpr{
    padding-top: 60px;
  }
}
.conventional-cta-kpr.--no-pt{
  padding-top: 0px;
}

.conventional-cta-kpr__contents{
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (min-width: 768px){

  .conventional-cta-kpr__contents{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.conventional-cta-kpr__card{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 195px;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 167 / var(--tw-bg-opacity));
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-product-detail/kpr/bg-cta-kpr-tapera-mobile.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .conventional-cta-kpr__card{
    height: 220px;
  }
}

.conventional-cta-kpr__card:nth-child(odd){
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-product-detail/kpr/bg-cta-kpr-tapera-large.png");
}

@media (min-width: 768px){

  .conventional-cta-kpr__card:nth-child(odd){
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-product-detail/kpr/bg-cta-kpr-tapera-large.png");
  }
}

.conventional-cta-kpr__card:nth-child(even){
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-product-detail/kpr/bg-cta-kpr-sejahtera-large.png");
}

@media (min-width: 768px){

  .conventional-cta-kpr__card:nth-child(even){
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-product-detail/kpr/bg-cta-kpr-sejahtera-large.png");
  }
}

.conventional-cta-kpr__card a{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 22px;
  font-weight: 600;
}

@media (min-width: 768px){

  .conventional-cta-kpr__card a{
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

@media (min-width: 1024px){

  .conventional-cta-kpr__card a{
    padding-left: 72px;
    padding-right: 72px;
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media (min-width: 1280px){

  .conventional-cta-kpr__card a{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}
.conventional-cta-kpr__card.--single h3{
  width: 100%;
}
.conventional-cta-kpr__card.--single a{
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
}

.conventional-cta-kpr__card.--single .conventional-cta-kpr__icon{
  margin: 0px;
}

@media (min-width: 768px){

  .conventional-cta-kpr__card.--single .conventional-cta-kpr__icon{
    margin: 2rem;
  }
}

.conventional-cta-kpr__card a span{
  max-width: 480px;
}
.conventional-cta-kpr__card.--single a span{
  max-width: none;
}

.conventional-cta-kpr__icon{
  margin: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.5rem;
  min-height: 50px;
  width: 2.5rem;
  min-width: 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  font-size: 32px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.group:hover .conventional-cta-kpr__icon{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(18 94 250 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  .conventional-cta-kpr__icon{
    height: 50px;
    width: 50px;
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

@media (min-width: 1280px){

  .conventional-cta-kpr__icon{
    height: 70px;
    min-width: 70px;
    font-size: 3.75rem;
    line-height: 1;
  }
}
/* End CTA KPR */
/* End Conventional Product Detail */

/* Priority Product Detail */
/* Common El */
h2.priority-title{
  margin-bottom: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
@media (min-width: 1024px){

  h2.priority-title{
    margin-bottom: 1.25rem;
    font-size: 2.25rem !important;
    line-height: 2.5rem !important;
  }
}
h2.priority-title {
    font-size: 22px;
}

p.priority-subtitle{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  p.priority-subtitle{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
/* End Common El */

/* Hero */
.priority-hero{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/priority-product-detail/hero/priority-hero-mobile.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 768px){

  .priority-hero{
    max-height: 90vh;
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/priority-product-detail/hero/priority-hero-tablet.jpg");
  }
}
@media (min-width: 1024px){

  .priority-hero{
    max-height: 100vh;
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/priority-product-detail/hero/priority-hero-large.jpg");
  }
}

.priority-hero__copy{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 15rem;
  text-align: center;
}

@media (min-width: 480px){

  .priority-hero__copy{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1024px){

  .priority-hero__copy{
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    text-align: left;
  }
}

@media (min-width: 1536px){

  .priority-hero__copy{
    padding-top: 20rem;
  }
}

.priority-hero__copy > *:not(:last-child){
  width: 100%;
  line-height: 1.25;
}

@media (min-width: 640px){

  .priority-hero__copy > *:not(:last-child){
    width: 75%;
  }
}

@media (min-width: 1024px){

  .priority-hero__copy > *:not(:last-child){
    width: 41.666667%;
  }
}

@media (min-width: 1536px){

  .priority-hero__copy > *:not(:last-child){
    width: 33.333333%;
  }
}

@media (min-width: 1024px){

  .priority-hero__copy > p{
    width: 33.333333% !important;
  }
}
/* End Hero */

/* KPR */
.priority-kpr{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 4rem;
  padding-bottom: 50px;
  text-align: center;
}
@media (min-width: 768px){

  .priority-kpr{
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }
}
@media (min-width: 1024px){

  .priority-kpr{
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 72px;
    padding-bottom: 72px;
    padding-left: 3.5rem;
    padding-right: 3.5rem;
    text-align: left;
  }
}

.priority-kpr__contents{
  grid-template-columns: repeat(1, minmax(0, 1fr));
  overflow: hidden;
}

@media (min-width: 1024px){

  .priority-kpr__contents{
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 5rem;
       -moz-column-gap: 5rem;
            column-gap: 5rem;
  }
}

.priority-kpr__contents .container{
  margin-left: auto;
  margin-right: auto;
}

.priority-kpr__copy{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

@media (min-width: 1024px){

  .priority-kpr__copy{
    grid-column: span 4 / span 4;
  }
}

.priority-kpr__products{
  margin-top: 2.25rem;
  display: none;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.75rem;
}

@media (min-width: 768px){

  .priority-kpr__products{
    display: grid;
  }
}

@media (min-width: 1024px){

  .priority-kpr__products{
    grid-column: span 5 / span 5;
    row-gap: 1.5rem;
    -webkit-column-gap: 2.5rem;
       -moz-column-gap: 2.5rem;
            column-gap: 2.5rem;
  }
}

.priority-kpr__products section figure{
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.priority-kpr__products section figure img{
  margin-bottom: 1.25rem;
}

.priority-kpr__products section figure figcaption{
  margin-bottom: 0.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

.priority-kpr__products section figure p{
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}

.priority-kpr__products--slider{
  margin-top: 2.5rem;
  height: 275px;
  padding-bottom: 0.625rem;
}

.priority-kpr__products--slider .multiple-items section.slick-slide{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  width: 225px !important;
  opacity: 0.7;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.priority-kpr__products--slider .multiple-items section.slick-active{
  --tw-translate-y: 1.5rem;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
}

.priority-kpr__products--slider .multiple-items section figure{
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.priority-kpr__products--slider .multiple-items section figure img{
  margin-bottom: 1.25rem;
  width: 25%;
}

.priority-kpr__products--slider .multiple-items section figure figcaption{
  margin-bottom: 0.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

.priority-kpr__products--slider .multiple-items section figure p{
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .priority-kpr__products--slider{
    display: none;
  }
}

.priority-kpr__products--slider .multiple-items .slick-dots{
  bottom: -72px;
}

.priority-kpr__products--slider .multiple-items .slick-dots li{
  margin-left: 0px;
  margin-right: 0px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.priority-kpr__products--slider .multiple-items .slick-dots li.slick-active{
  width: 30px;
}

.priority-kpr__products--slider
    .multiple-items
    .slick-dots
    li.slick-active
    button{
  width: 30px;
  --tw-bg-opacity: 1;
  background-color: rgb(152 106 76 / var(--tw-bg-opacity));
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.priority-kpr__products--slider .multiple-items .slick-dots button{
  margin-left: auto;
  margin-right: auto;
  height: 0.375rem;
  width: 0.375rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(231 231 231 / var(--tw-bg-opacity));
}

.priority-kpr__products--slider .multiple-items .slick-dots li button:before{
  display: none;
}
/* End KPR */

/* Rates */
.priority-rates{
  overflow: hidden;
  padding-bottom: 26px;
}
@media (min-width: 1024px){

  .priority-rates{
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
}

.priority-rates .container{
  margin-left: auto;
  margin-right: auto;
}

.priority-rates__contents{
  padding-left: 26px;
  padding-right: 26px;
}

@media (min-width: 768px){

  .priority-rates__contents{
    padding-left: 104px;
    padding-right: 104px;
  }
}

.priority-rates__contents h2{
  margin-bottom: 0.625rem;
  text-align: center;
}

.priority-rates__tabbed{
  margin-bottom: 2.25rem;
}

@media (min-width: 1024px){

  .priority-rates__tabbed{
    margin-bottom: 42px;
  }
}

.priority-rates__tabbed__nav ul{
  margin-bottom: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

@media (min-width: 768px){

  .priority-rates__tabbed__nav ul{
    margin-bottom: 2.5rem;
  }
}

.priority-rates__tabbed__nav__item{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(182 182 182 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(182 182 182 / var(--tw-text-opacity));
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

@media (min-width: 768px){

  .priority-rates__tabbed__nav__item{
    max-width: 272px;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.priority-rates__tabbed__nav__item.active{
  border-bottom-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgb(173 143 107 / var(--tw-border-opacity));
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

.priority-rates__tabbed__content__item{
  display: none;
}

.priority-rates__tabbed__content__item section ol li{
  margin-top: 2.5rem;
}

.priority-rates__tabbed__content__item section ol li span.numbering{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1.5rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-preferred-size: 1.5rem;
      flex-basis: 1.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(152 106 76 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(152 106 76 / var(--tw-text-opacity));
  --tw-content: counter(item);
  content: var(--tw-content);
}

@media (min-width: 768px){

  .priority-rates__tabbed__content__item section ol li span.numbering{
    height: 2.5rem;
    -ms-flex-preferred-size: 2.5rem;
        flex-basis: 2.5rem;
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.priority-rates__tabbed__content__item section ol li span.numbering {
    counter-increment: item;
}

.priority-rates__tabbed__content__item section ol li p{
  display: inline-block;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .priority-rates__tabbed__content__item section ol li p{
    font-size: 22px;
  }
}

.priority-rates__tabbed__content__item.active{
  display: block;
}

.priority-rates__tabbed__content__announcement{
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(110 110 110 / var(--tw-text-opacity));
}

.priority-rates__tabbed__content .table-wrapper{
  margin-top: 1.5rem;
  width: 100%;
  overflow-x: auto;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}

@media (min-width: 768px){

  .priority-rates__tabbed__content .table-wrapper{
    margin-top: 2.5rem;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }
}

.priority-rates__tabbed__content .table-wrapper {
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}

.priority-rates__tabbed__content table{
  width: 100%;
  overflow: hidden;
  border-radius: 0.375rem;
}

@media (min-width: 768px){

  .priority-rates__tabbed__content table{
    border-radius: 0.5rem;
  }
}

.priority-rates__tabbed__content thead{
  --tw-bg-opacity: 1;
  background-color: rgb(152 106 76 / var(--tw-bg-opacity));
}

.priority-rates__tabbed__content th{
  white-space: nowrap;
  padding: 1rem;
  text-align: left;
  vertical-align: top;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .priority-rates__tabbed__content th{
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .priority-rates__tabbed__content th:nth-child(1){
    text-align: left;
  }

  .priority-rates__tabbed__content th:nth-child(2){
    white-space: nowrap;
  }
}

.priority-rates__tabbed__content tbody{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.priority-rates__tabbed__content tbody tr td{
  padding: 0.625rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .priority-rates__tabbed__content tbody tr td{
    padding: 22px;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
  }

  .priority-rates__tabbed__content tbody tr td:nth-child(1){
    white-space: nowrap;
    text-align: left;
  }

  .priority-rates__tabbed__content tbody tr td:nth-child(2){
    text-align: center;
  }
}

.priority-rates__tabbed__content tbody tr:nth-child(even){
  --tw-bg-opacity: 1;
  background-color: rgb(231 231 231 / var(--tw-bg-opacity));
}
/* End Rates */

/* Banner Rates */
.priority-banner-rates{
  margin-top: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 246 / var(--tw-bg-opacity));
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/priority-product-detail/banner/priority-banner-rates-mobile.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 2rem;
  text-align: center;
}
@media (min-width: 1024px){

  .priority-banner-rates{
    margin-top: 22px;
    height: 280px;
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/priority-product-detail/banner/priority-banner-rates-large.png");
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}

.priority-banner-rates .container{
  margin-left: auto;
  margin-right: auto;
}

.priority-banner-rates__copy{
  margin-bottom: 26px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media (min-width: 1024px){

  .priority-banner-rates__copy{
    margin-bottom: 30px;
    padding-left: 16rem;
    padding-right: 16rem;
  }
}

.priority-banner-rates__copy h2{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

@media (min-width: 1024px){

  .priority-banner-rates__copy h2{
    margin-bottom: 26px;
  }
}
/* End Banner Rates */

/* Syarat & Ketentuan (SnK) */
.priority-snk{
  padding-top: 2rem;
  padding-bottom: 4rem;
}
@media (min-width: 768px){

  .priority-snk{
    padding-left: 75px;
    padding-right: 75px;
  }
}
@media (min-width: 1024px){

  .priority-snk{
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.priority-snk .container{
  margin-left: auto;
  margin-right: auto;
}

.priority-snk__list{
  margin-top: 0.375rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

@media (min-width: 768px){

  .priority-snk__list{
    margin-top: 38px;
    padding-left: 0px;
    padding-right: 0px;
  }
}

.priority-snk__list ul{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 30px;
}

@media (min-width: 768px){

  .priority-snk__list ul{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2.5rem;
  }
}

.priority-snk__list ul li{
  grid-column: span 1 / span 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .priority-snk__list ul li{
    grid-template-columns: repeat(1, minmax(0, 1fr));
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.priority-snk__list ul li span{
  margin-top: 0.125rem;
  font-size: 1.5rem;
  line-height: 2rem;
}
/* End Syarat & Ketentuan */

/* Open API */
.conventional-api{
  margin-top: 4rem;
  margin-bottom: 6rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media (min-width: 768px){

  .conventional-api{
    padding-left: 75px;
    padding-right: 75px;
  }
}

.conventional-api__contents .conventional-title{
  text-align: center;
}

@media (min-width: 768px){

  .conventional-api__contents .conventional-title{
    text-align: left;
  }
}

.conventional-api__contents__wrapper{
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (min-width: 768px){

  .conventional-api__contents__wrapper{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.conventional-api__contents__list{
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

@media (min-width: 768px){

  .conventional-api__contents__list{
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

.conventional-api__contents__list .list-heading{
  margin-bottom: 0.625rem;
  font-size: 22px;
  font-weight: 600;
}

.conventional-api__contents__list ul{
  padding-top: 1.5rem;
}

.conventional-api__contents__list ul li{
  margin-bottom: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
}

.conventional-api__contents__list ul li .bzi-check-circle{
  font-size: 1.5rem;
  line-height: 2rem;
}

.conventional-api__contents__list ul li div h5{
  font-size: 22px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

.conventional-api__contents__list button{
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

@media (min-width: 768px){

  .conventional-api__contents__list button{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.conventional-api__contents__image{
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

@media (min-width: 768px){

  .conventional-api__contents__image{
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

.conventional-api__contents__image img{
  width: 700px;
}
/* End Open API */

/* Banner More Info */
.priority-banner-more-info{
  position: relative;
  margin-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 640px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  overflow: hidden;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/priority-product-detail/banner/priority-banner-more-info-mobile.jpg");
  background-size: cover;
  background-position: center;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-bottom: 104px;
}
@media (min-width: 1024px){

  .priority-banner-more-info{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 300px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/priority-product-detail/banner/priority-banner-more-info-large.jpg");
    padding-bottom: 0px;
  }
}

.priority-banner-more-info .container{
  margin-left: auto;
  margin-right: auto;
}

.priority-banner-more-info__img{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 500px;
}

@media (min-width: 480px){

  .priority-banner-more-info__img{
    width: 600px;
  }
}

@media (min-width: 640px){

  .priority-banner-more-info__img{
    width: 100%;
  }
}

@media (min-width: 1024px){

  .priority-banner-more-info__img{
    display: none;
  }
}

.priority-banner-more-info__img img{
  position: absolute;
  bottom: -0.625rem;
  right: 15%;
}

@media (min-width: 480px){

  .priority-banner-more-info__img img{
    right: 12%;
  }
}

@media (min-width: 640px){

  .priority-banner-more-info__img img{
    left: 50%;
    --tw-translate-x: -50%;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.priority-banner-more-info .priority-title{
  margin-bottom: 1.5rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  .priority-banner-more-info .priority-title{
    text-align: left;
  }
}

.priority-banner-more-info__contents{
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (min-width: 768px){

  .priority-banner-more-info__contents{
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
}

@media (min-width: 1024px){

  .priority-banner-more-info__contents{
    margin-right: 9rem;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.priority-banner-more-info__contents img{
  display: none;
}

@media (min-width: 1024px){

  .priority-banner-more-info__contents img{
    display: block;
  }
}

.priority-banner-more-info__contents__copy{
  -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: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media (min-width: 1024px){

  .priority-banner-more-info__contents__copy{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 480px){

  .priority-banner-more-info__contents__copy h2{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 768px){

  .priority-banner-more-info__contents__copy h2{
    margin-left: auto;
    margin-right: auto;
    width: 18rem;
  }
}

@media (min-width: 1024px){

  .priority-banner-more-info__contents__copy h2{
    margin-left: 0px;
    margin-right: 0px;
    width: 24rem;
    padding-left: 0px;
    padding-right: 0px;
    line-height: 2.75rem !important;
  }
}

.priority-banner-more-info__btn{
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.875rem;
}

@media (min-width: 768px){

  .priority-banner-more-info__btn{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.priority-banner-more-info__btn button{
  width: 100%;
  white-space: nowrap;
  padding: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

@media (min-width: 768px){

  .priority-banner-more-info__btn button{
    width: auto;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}

@media (min-width: 1024px){

  .priority-banner-more-info__btn button{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
/* End Banner More Info */

/* Register */
.priority-register{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 768px){

  .priority-register{
    padding-left: 75px;
    padding-right: 75px;
  }
}
@media (min-width: 1024px){

  .priority-register{
    padding-top: 120px;
  }
}

.priority-register .container{
  margin-left: auto;
  margin-right: auto;
}

.priority-register__list{
  margin-top: 26px;
  margin-bottom: 1.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

@media (min-width: 768px){

  .priority-register__list{
    margin-top: 38px;
    padding-left: 0px;
    padding-right: 0px;
  }
}

.priority-register__list ul{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 30px;
}

.priority-register__list ul li{
  grid-column: span 1 / span 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .priority-register__list ul li{
    grid-template-columns: repeat(1, minmax(0, 1fr));
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.priority-register__list ul li a{
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-color: #FFDD00;
          text-decoration-color: #FFDD00;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}

.priority-register__list ul li span{
  margin-top: 0.125rem;
  min-width: 54px;
  font-size: 3rem;
  line-height: 1;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(251 230 231 / var(--tw-text-opacity));
    -webkit-text-stroke: 3px #986a4c;
}

.priority-register__list ul li span::before {
    content: attr(data-content);
    -webkit-text-fill-color: #f7f4f0;
    -webkit-text-stroke: 0;
    position: absolute;
}

.priority-register__list ul li h5{
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
.priority-register button{
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
@media (min-width: 768px){

  .priority-register button{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
@media (min-width: 1024px){

  .priority-register button{
    margin-top: 0.5rem;
  }
}
/* End Register */

/* FAQ */
.priority-faq{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media (min-width: 768px){

  .priority-faq{
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 1024px){

  .priority-faq{
    padding-left: 176px;
    padding-right: 176px;
    padding-top: 120px;
  }
}

.priority-faq .container{
  margin-left: auto;
  margin-right: auto;
}

.priority-faq__contents{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.priority-faq__accordion{
  margin-top: 34px;
}

.priority-faq__accordion dl div{
  margin-bottom: 1.25rem;
  cursor: pointer;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.75rem;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.priority-faq__accordion dl div:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.priority-faq__accordion dl div {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

dt{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

@media (min-width: 768px){

  dt{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

dt.active{
  margin-bottom: 0.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(37 37 37 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  dt.active{
    margin-bottom: 1.5rem;
    font-weight: 700;
  }
}

dt a{
  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;
  gap: 1.75rem;
}

.dt__icon{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2rem;
  width: 2rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-preferred-size: 2rem;
      flex-basis: 2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(152 106 76 / var(--tw-border-opacity));
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.dt__icon.active{
  --tw-rotate: 180deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(152 106 76 / var(--tw-bg-opacity));
}

.dt__icon.active i{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

dd{
  border-bottom-left-radius: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(110 110 110 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  dd{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.priority-faq button{
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

@media (min-width: 768px){

  .priority-faq button{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
/* End FAQ */

/* Article */
.priority-article{
  margin-top: 3rem;
  margin-bottom: 2rem;
}
@media (min-width: 768px){

  .priority-article{
    margin-top: 85px;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

.priority-article .container{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px){

  .priority-article .container{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}

.priority-article .priority-title{
  margin-top: 38px;
  text-align: center;
}

.priority-article__contents{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}

.priority-article__group{
  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;
}

.priority-article__card{
  display: none;
}

@media (min-width: 1024px){

  .priority-article__card{
    display: block;
  }
}

.priority-article__card__slider{
  margin-top: 0.375rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 1024px){

  .priority-article__card__slider{
    display: none;
  }
}

.priority-article__card__slider .slick-track{
  padding-top: 0.625rem;
}

.priority-article__card__grid{
  display: none;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
}

@media (min-width: 1024px){

  .priority-article__card__grid{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.priority-article article.slick-slide{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  width: 256px !important;
}

@media (min-width: 768px){

  .priority-article article.slick-slide{
    width: 480px !important;
  }
}

.priority-article article figure{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 18px;
}

.priority-article article figure img{
  height: 162px;
  width: 100%;
  overflow: hidden;
  border-radius: 0.5rem;
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center";
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.priority-article article figure img:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 768px){

  .priority-article article figure img{
    height: 184px !important;
  }
}

@media (min-width: 1024px){

  .priority-article article figure img{
    height: 162px !important;
  }
}

.priority-article article figure p{
  margin-top: 1.25rem;
  margin-bottom: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}

.priority-article article figure figcaption{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  height: 84px;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.priority-article article figure figcaption:hover{
  --tw-text-opacity: 1;
  color: rgb(137 103 79 / var(--tw-text-opacity));
}

.priority-article button{
  min-width: 185px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
}
/* End Article */

/* Card Link */
.priority-card-link{
  padding-top: 26px;
  padding-bottom: 26px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media (min-width: 480px){

  .priority-card-link{
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
}
@media (min-width: 1024px){

  .priority-card-link{
    padding-left: 50px;
    padding-right: 50px;
  }
}

.priority-card-link .container{
  margin-left: auto;
  margin-right: auto;
}

.priority-card-link__wrapper{
  margin-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.25rem;
}

@media (min-width: 768px){

  .priority-card-link__wrapper{
    gap: 30px;
  }
}

@media (min-width: 1024px){

  .priority-card-link__wrapper{
    padding-left: 30px;
    padding-right: 30px;
  }
}

.priority-card-link__card{
  width: 100%;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  text-align: center;
}

@media (min-width: 768px){

  .priority-card-link__card{
    -ms-flex-preferred-size: calc(50% - 20px);
        flex-basis: calc(50% - 20px);
  }
}

@media (min-width: 1024px){

  @media (min-width: 768px){

    .priority-card-link__card{
      -ms-flex-preferred-size: calc(33.33% - 20px);
          flex-basis: calc(33.33% - 20px);
    }
  }
}

.priority-card-link__card {
    -webkit-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);
}

.priority-card-link__card figure{
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
}

.priority-card-link__card figcaption{
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  .priority-card-link__card figcaption{
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.priority-card-link__card figure a{
  width: 100%;
}

.priority-card-link__card figure button{
  width: 100%;
  padding: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
/* End Card Link */

/* CTA KPR */
.priority-cta-kpr{
  padding-top: 50px;
}
@media (min-width: 1024px){

  .priority-cta-kpr{
    padding-top: 60px;
  }
}

.priority-cta-kpr__contents{
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (min-width: 768px){

  .priority-cta-kpr__contents{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.priority-cta-kpr__card{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 195px;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/priority-product-detail/deposito/bg-card-cta-mobile.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .priority-cta-kpr__card{
    height: 230px;
  }
}

.priority-cta-kpr__card:nth-child(odd){
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/priority-product-detail/deposito/bg-card-cta-mobile.png");
}

@media (min-width: 1024px){

  .priority-cta-kpr__card:nth-child(odd){
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/priority-product-detail/deposito/bg-card-cta-1-large.png");
  }
}

.priority-cta-kpr__card:nth-child(even){
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/priority-product-detail/deposito/bg-card-cta-mobile.png");
}

@media (min-width: 1024px){

  .priority-cta-kpr__card:nth-child(even){
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/priority-product-detail/deposito/bg-card-cta-2-large.png");
  }
}

.priority-cta-kpr__card a{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 22px;
  font-weight: 700;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.priority-cta-kpr__card a:hover{
  --tw-text-opacity: 1;
  color: rgb(173 143 107 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .priority-cta-kpr__card a{
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
  }
}

@media (min-width: 1024px){

  .priority-cta-kpr__card a{
    padding-left: 88px;
    padding-right: 88px;
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media (min-width: 1280px){

  .priority-cta-kpr__card a{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

.priority-cta-kpr__icon{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(173 143 107 / var(--tw-border-opacity));
  font-size: 1.5rem;
  line-height: 2rem;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.group:hover .priority-cta-kpr__icon{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(173 143 107 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

@media (min-width: 1024px){

  .priority-cta-kpr__icon{
    height: 50px;
    width: 50px;
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

@media (min-width: 1280px){

  .priority-cta-kpr__icon{
    height: 70px;
    width: 70px;
    font-size: 3.75rem;
    line-height: 1;
  }
}
/* End CTA KPR */
/* End Priority Product Detail */

/* Produk Dana */
.produk-dana__products{
  padding-bottom: 4rem;
}

.produk-dana__products .container h2{
  padding-bottom: 1.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

.products__items{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
}

@media (min-width: 640px){

  .products__items{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 768px){

  .products__items{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1024px){

  .products__items{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.products__items__card{
  overflow: hidden;
  border-radius: 0.5rem;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}

.products__items__card .card-header{
  position: relative;
}

.products__items__card .card-header h3{
  position: absolute;
  top: 1rem;
  left: 1rem;
  max-width: 194px;
  font-size: 22px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .products__items__card .card-header h3{
    font-size: 18px;
  }
}

.products__items__card .card-content{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 130px;
  -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: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.products__items__card .card-content a{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}

.products__items__card .card-content a span{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}

.products__items__card .card-content a span.arrow{
  position: relative;
  top: -1px;
  height: 36px;
  width: 36px;
}

.products__items__card .card-content a span.circle{
  position: absolute;
  top: 0px;
  bottom: -3px;
  right: -6.5px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: auto;
  margin-bottom: auto;
  display: block;
  height: 30px;
  width: 30px;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 0 0 / var(--tw-border-opacity));
}

.products__items__card .card-content a span i{
  font-size: 2.25rem;
  line-height: 2.5rem;
}
/* End Produk Dana */

/* Error Page */
.conventional-search{
  margin-top: 100px;
  margin-bottom: 6rem;
}
@media (min-width: 768px){

  .conventional-search{
    margin-top: 144px;
  }
}

.header-back__cta{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 1rem;
  padding-right: 1rem;
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}

.conventional-title.--search{
  margin-bottom: 0.5rem;
  margin-top: 1rem;
  text-align: center;
  font-size: 26px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
/* End Error Page */

/* Syariah Product Detail */
/* Common El */
h2.syariah-title{
  margin-bottom: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
@media (min-width: 1024px){

  h2.syariah-title{
    margin-bottom: 1.25rem;
    font-size: 2.25rem !important;
    line-height: 2.5rem !important;
  }
}
h2.syariah-title {
    font-size: 22px;
}

p.syariah-subtitle{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  p.syariah-subtitle{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
/* End Common El */

/* Syariah Decor */
.syariah-card-link.--no-padding{
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}
@media (min-width: 768px){

  .syariah-card-link.--no-padding{
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
  }
}
@media (min-width: 1024px){

  .syariah-card-link.--no-padding{
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
  }
}
.syariah-cta-kpr.--no-padding{
  padding-top: 0px;
}
@media (min-width: 768px){

  .syariah-cta-kpr.--no-padding{
    padding-top: 0px;
  }
}
@media (min-width: 1024px){

  .syariah-cta-kpr.--no-padding{
    padding-top: 0px;
  }
}
/* Enb Syariah Decor */

/* Hero */
.syariah-hero{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-product-detail/hero/syariah-hero-mobile.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 768px){

  .syariah-hero{
    max-height: 90vh;
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-product-detail/hero/syariah-hero-tablet.jpg");
  }
}
@media (min-width: 1024px){

  .syariah-hero{
    max-height: 100vh;
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-product-detail/hero/syariah-hero-large.jpg");
  }
}
.syariah-hero.--syariah-batara-ib{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-batara/hero/banner.jpg");
}
.syariah-hero.--syariah-landing{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah/banner/landing-hero-mobile.jpg");
}
@media (min-width: 1024px){

  .syariah-hero.--syariah-landing{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah/banner/landing-hero-desktop.png");
  }
}
.syariah-hero.--pembangunan-rumah{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-pembangunan-rumah/hero/hero-mobile.jpg");
}
@media (min-width: 1024px){

  .syariah-hero.--pembangunan-rumah{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-pembangunan-rumah/hero/hero.jpg");
  }
}
.syariah-hero.--multijasa{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-multijasa/hero/hero-mobile.jpg");
}
@media (min-width: 1024px){

  .syariah-hero.--multijasa{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-multijasa/hero/hero.jpg");
  }
}
.syariah-hero.--echannels-debit-visa{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-echannels-debit-visa/hero/hero-mobile.jpg");
}
@media (min-width: 1024px){

  .syariah-hero.--echannels-debit-visa{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-echannels-debit-visa/hero/banner.jpg");
  }
}
.syariah-hero.--debit-suka-suka{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-debit-suka-suka/hero/hero-mobile.jpg");
}
@media (min-width: 1024px){

  .syariah-hero.--debit-suka-suka{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-debit-suka-suka/hero/hero.jpg");
  }
}
.syariah-hero.--edc-btn-merchant{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-edc-btn-merchant/banner/hero-mobile.jpg");
}
@media (min-width: 1024px){

  .syariah-hero.--edc-btn-merchant{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-edc-btn-merchant/banner/hero.jpg");
  }
}
.syariah-hero.--syariah-qris-btn-merchant{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-qris-btn-merchant/hero/hero-mobile.jpg");
}
@media (min-width: 1024px){

  .syariah-hero.--syariah-qris-btn-merchant{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-qris-btn-merchant/hero/hero.jpg");
  }
}
.syariah-hero.--deposito-btn-ib{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-deposito-btn-ib/hero/hero.jpg");
}
.syariah-hero.--rtgs{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-rtgs/banner/hero-mobile.jpg");
}
@media (min-width: 1024px){

  .syariah-hero.--rtgs{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-rtgs/banner/hero.jpg");
  }
}
.syariah-hero.--bi-fast{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-bi-fast/banner/hero-mobile.jpg");
}
@media (min-width: 1024px){

  .syariah-hero.--bi-fast{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-bi-fast/banner/hero.jpg");
  }
}
.syariah-hero.--bisnis-bi-fast{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-bisnis-bi-fast/hero/banner-mobile.jpg");
}
@media (min-width: 768px){

  .syariah-hero.--bisnis-bi-fast{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-bisnis-bi-fast/hero/banner.png");
  }
}
.syariah-hero.--bisnis-rtgs{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-bisnis-rtgs/hero/banner-mobile.jpg");
}
@media (min-width: 768px){

  .syariah-hero.--bisnis-rtgs{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-bisnis-rtgs/hero/banner.jpg");
  }
}
.syariah-hero.--mobile-banking{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-mobile-banking/banner/hero-mobile.jpg");
  background-position: right bottom;
}
@media (min-width: 1024px){

  .syariah-hero.--mobile-banking{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-mobile-banking/banner/hero.jpg");
  }
}
.syariah-hero.--syariah-atm-link{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-atm-link/hero/banner.jpg");
}

.syariah-hero__copy{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 15rem;
  text-align: center;
}

@media (min-width: 480px){

  .syariah-hero__copy{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1024px){

  .syariah-hero__copy{
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    text-align: left;
  }
}

@media (min-width: 1536px){

  .syariah-hero__copy{
    padding-top: 20rem;
  }
}
.syariah-hero.--syariah-landing .syariah-hero__copy{
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 8rem;
  text-align: left;
}
@media (min-width: 640px){

  .syariah-hero.--syariah-landing .syariah-hero__copy{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 1024px){

  .syariah-hero.--syariah-landing .syariah-hero__copy{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 0px;
  }
}

.syariah-hero__copy > *:not(:last-child){
  width: 100%;
  line-height: 1.25;
}

@media (min-width: 640px){

  .syariah-hero__copy > *:not(:last-child){
    width: 75%;
  }
}

@media (min-width: 1024px){

  .syariah-hero__copy > *:not(:last-child){
    width: 50%;
  }
}

@media (min-width: 1536px){

  .syariah-hero__copy > *:not(:last-child){
    width: 33.333333%;
  }
}

@media (min-width: 1024px){

  .syariah-hero__copy > p{
    width: 33.333333% !important;
  }
}
/* End Hero */

/* KPR */
.syariah-kpr{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 4rem;
  padding-bottom: 50px;
  text-align: center;
}
@media (min-width: 768px){

  .syariah-kpr{
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }
}
@media (min-width: 1024px){

  .syariah-kpr{
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 72px;
    padding-bottom: 72px;
    padding-left: 3.5rem;
    padding-right: 3.5rem;
    text-align: left;
  }
}

.syariah-kpr__contents{
  grid-template-columns: repeat(1, minmax(0, 1fr));
  overflow: hidden;
}

@media (min-width: 1024px){

  .syariah-kpr__contents{
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 3rem;
       -moz-column-gap: 3rem;
            column-gap: 3rem;
  }
}

.syariah-kpr__contents .container{
  margin-left: auto;
  margin-right: auto;
}

.syariah-kpr__copy{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

@media (min-width: 1024px){

  .syariah-kpr__copy{
    grid-column: span 4 / span 4;
  }
}

@media (min-width: 480px){

  .syariah-kpr__copy .syariah-title{
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}

@media (min-width: 1024px){

  .syariah-kpr__copy .syariah-title{
    padding-left: 0px;
    padding-right: 0px;
  }
}

.syariah-kpr__products{
  margin-top: 2.25rem;
  display: none;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.75rem;
}

@media (min-width: 768px){

  .syariah-kpr__products{
    display: grid;
  }
}

@media (min-width: 1024px){

  .syariah-kpr__products{
    grid-column: span 5 / span 5;
    row-gap: 1.5rem;
    -webkit-column-gap: 2.5rem;
       -moz-column-gap: 2.5rem;
            column-gap: 2.5rem;
  }
}

.syariah-kpr__products section figure{
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.syariah-kpr__products section figure img{
  margin-bottom: 1.25rem;
}

.syariah-kpr__products section figure figcaption{
  margin-bottom: 0.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  .syariah-kpr__products section figure figcaption{
    font-size: 22px;
  }
}

.syariah-kpr__products section figure p{
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  .syariah-kpr__products section figure p{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.syariah-kpr__products--slider{
  padding-bottom: 0.625rem;
}

.syariah-kpr__products--slider .multiple-items section.slick-slide{
  width: 225px !important;
  opacity: 0.6;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.conventional-kpr__products--slider.--full-width
    .multiple-items
    section.slick-slide{
  margin-left: auto;
  margin-right: auto;
  width: 100vw !important;
}

.syariah-kpr__products--slider.--full-width
    .multiple-items
    section.slick-slide{
  margin-left: auto;
  margin-right: auto;
  width: 100vw !important;
}

.syariah-kpr__products--slider .multiple-items section.slick-active{
  opacity: 1;
}

.syariah-kpr__products--slider .multiple-items section figure{
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
}

.syariah-kpr__products--slider .multiple-items section figure img{
  margin-bottom: 1.25rem;
  width: 25%;
}

.syariah-kpr__products--slider .multiple-items section figure figcaption{
  margin-bottom: 0.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

.syariah-kpr__products--slider .multiple-items section figure p{
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .syariah-kpr__products--slider{
    display: none;
  }
}

.syariah-kpr__products--slider.--article{
  height: auto;
  padding-bottom: 0.625rem;
}

.syariah-kpr__products--slider .multiple-items .slick-list{
  padding: 2.5rem !important;
}

.syariah-kpr__products--slider.--article .multiple-items .slick-list{
  padding: 0px !important;
  padding-bottom: 1rem !important;
}

.syariah-kpr__products--slider.--article .multiple-items .slick-dots{
  bottom: -40px;
}

.syariah-kpr__products--slider .multiple-items .slick-dots li{
  margin-left: 0px;
  margin-right: 0px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.syariah-kpr__products--slider .multiple-items .slick-dots li.slick-active{
  width: 30px;
}

.syariah-kpr__products--slider
    .multiple-items
    .slick-dots
    li.slick-active
    button{
  width: 30px;
  --tw-bg-opacity: 1;
  background-color: rgb(173 143 107 / var(--tw-bg-opacity));
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.syariah-kpr__products--slider .multiple-items .slick-dots button{
  margin-left: auto;
  margin-right: auto;
  height: 0.375rem;
  width: 0.375rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(231 231 231 / var(--tw-bg-opacity));
}

.syariah-kpr__products--slider .multiple-items .slick-dots li button:before{
  display: none;
}
/* End KPR */

/* Syariah Tab */
.syariah-rates,
.syariah-transaction{
  overflow: hidden;
  padding-bottom: 8px;
}
@media (min-width: 1024px){

  .syariah-rates,
.syariah-transaction{
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
}

.syariah-rates .container,
.syariah-transaction .container{
  margin-left: auto;
  margin-right: auto;
}

.syariah-rates__contents,
.syariah-transaction__contents{
  padding-left: 26px;
  padding-right: 26px;
}

@media (min-width: 768px){

  .syariah-rates__contents,
.syariah-transaction__contents{
    padding-left: 104px;
    padding-right: 104px;
  }
}

.syariah-rates__contents h2,
.syariah-transaction__contents h2{
  margin-bottom: 0.625rem;
  text-align: center;
}

.syariah-rates__tabbed,
.syariah-transaction__tabbed{
  margin-bottom: 2.25rem;
}

@media (min-width: 1024px){

  .syariah-rates__tabbed,
.syariah-transaction__tabbed{
    margin-bottom: 42px;
  }
}

.syariah-transaction__tabbed__nav{
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.syariah-rates__tabbed__nav ul{
  margin-bottom: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.syariah-transaction__tabbed__nav ul{
  margin-bottom: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.syariah-rates__tabbed__nav__item,
.syariah-transaction__tabbed__nav__item,
.conventional-rates__tabbed__nav__item.--syariah{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(182 182 182 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(182 182 182 / var(--tw-text-opacity));
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

@media (min-width: 768px){

  .syariah-rates__tabbed__nav__item,
.syariah-transaction__tabbed__nav__item,
.conventional-rates__tabbed__nav__item.--syariah{
    max-width: 272px;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.syariah-rates__tabbed__nav__item.active,
.syariah-transaction__tabbed__nav__item.active,
.conventional-rates__tabbed__nav__item.--syariah.active{
  border-bottom-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgb(173 143 107 / var(--tw-border-opacity));
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(84 65 33 / var(--tw-text-opacity));
}

.syariah-rates__tabbed__content__item,
.syariah-transaction__tabbed__content__item{
  display: none;
}

.syariah-rates__tabbed__content__item.active,
.syariah-transaction__tabbed__content__item.active{
  display: block;
}

.syariah-rates__tabbed__content__announcement{
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(110 110 110 / var(--tw-text-opacity));
}

.syariah-rates__tabbed__content .table-wrapper{
  margin-top: 1.5rem;
  width: 100%;
  overflow-x: auto;
  border-radius: 0.75rem;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}

.syariah-rates__tabbed__content table{
  width: 100%;
  table-layout: fixed;
  overflow: hidden;
  border-radius: 0.75rem;
}

@media (min-width: 768px){

  .syariah-rates__tabbed__content table{
    border-radius: 0.5rem;
  }
}

.syariah-rates__tabbed__content.--echannels-crm table{
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

@media (min-width: 1024px){

  .syariah-rates__tabbed__content.--echannels-crm table{
    width: 100%;
  }
}

.syariah-rates__tabbed__content.--echannels-crm .table-wrapper {
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}

.syariah-rates__tabbed__content thead{
  --tw-bg-opacity: 1;
  background-color: rgb(173 143 107 / var(--tw-bg-opacity));
}

.syariah-rates__tabbed__content th{
  border-collapse: collapse;
  white-space: nowrap;
  border-width: 1px;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-border-opacity: 0.5;
  padding: 1rem;
  text-align: center;
  vertical-align: top;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .syariah-rates__tabbed__content th{
    border-style: none;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.syariah-rates__tabbed__content.--echannels-crm th{
  white-space: normal !important;
  border-width: 1px !important;
  border-style: solid !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
  vertical-align: middle;
}

@media (min-width: 768px){

  .syariah-rates__tabbed__content th:nth-child(2){
    white-space: nowrap;
  }
}

.syariah-rates__tabbed__content tbody{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.syariah-rates__tabbed__content tbody tr td{
  padding: 0.625rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .syariah-rates__tabbed__content tbody tr td{
    padding: 22px;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
  }
}

.syariah-rates__tabbed__content.--echannels-crm tbody tr td{
  white-space: normal !important;
  text-align: left;
}

.syariah-rates__tabbed__content.--echannels-crm tbody tr td img{
  margin-left: auto;
  margin-right: auto;
  height: 1.5rem;
  width: 1.5rem;
}

@media (min-width: 768px){

  .syariah-rates__tabbed__content tbody tr td:nth-child(1){
    white-space: nowrap;
  }

  .syariah-rates__tabbed__content tbody tr td:nth-child(2){
    text-align: center;
  }
}

.syariah-rates__tabbed__content tbody tr:nth-child(even){
  background-color: rgb(231 231 231 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.25;
}

/* End Syariah Tab */

/* Syarat & Ketentuan (SnK) */
.syariah-snk{
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media (min-width: 768px){

  .syariah-snk{
    padding-left: 75px;
    padding-right: 75px;
  }
}
@media (min-width: 1024px){

  .syariah-snk{
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.syariah-snk .container{
  margin-left: auto;
  margin-right: auto;
}

.syariah-snk__list{
  margin-top: 0.375rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

@media (min-width: 768px){

  .syariah-snk__list{
    margin-top: 38px;
    padding-left: 0px;
    padding-right: 0px;
  }
}

.syariah-snk__list .bzi-check-circle{
  position: relative;
  top: -6px;
}

@media (min-width: 1024px){

  .syariah-snk__list .bzi-check-circle{
    top: auto;
  }
}

.syariah-snk__list .bzi-check-circle .path2{
  position: absolute;
  top: -2px;
}

.syariah-snk__list ul{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 30px;
}

@media (min-width: 768px){

  .syariah-snk__list ul{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2.5rem;
  }
}

.syariah-snk__list ul li{
  grid-column: span 1 / span 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .syariah-snk__list ul li{
    grid-template-columns: repeat(1, minmax(0, 1fr));
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.syariah-snk__list ul li span{
  margin-top: 0.125rem;
  font-size: 1.5rem;
  line-height: 2rem;
}

.syariah-snk__list ul li div ul{
  display: block;
}
/* End Syarat & Ketentuan */

/* Banner Simulation */
.syariah-banner-simulation{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah/banner/syariah-simulation-banner.jpg");
  padding-top: 2rem;
  padding-bottom: 2rem;
}
/* End Banner Simulation */

/* Banner More Info */
.syariah-banner-more-info{
  position: relative;
  margin-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 640px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  overflow: hidden;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-product-detail/banner/syariah-recall-banner-mobile.jpg");
  background-size: cover;
  background-position: center;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 2.25rem;
}
@media (min-width: 768px){

  .syariah-banner-more-info{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-product-detail/banner/syariah-recall-banner-tablet.jpg");
  }
}
@media (min-width: 1024px){

  .syariah-banner-more-info{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 300px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-product-detail/banner/syariah-recall-banner-large.jpg");
  }
}
.syariah-banner-more-info.--syariah-batara{
  position: relative;
  margin-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 640px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  overflow: hidden;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-batara/banner/banner-more-info-mobile.png");
  background-size: cover;
  background-position: center;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 2.25rem;
}
@media (min-width: 768px){

  .syariah-banner-more-info.--syariah-batara{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-batara/banner/banner-more-info.png");
  }
}
@media (min-width: 1024px){

  .syariah-banner-more-info.--syariah-batara{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 300px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.syariah-banner-more-info.--holding-tab{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah/banner/syariah-recall-banner-holding-tab-mobile.jpg");
}

@media (min-width: 1024px){

  .syariah-banner-more-info.--holding-tab{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah/banner/syariah-recall-banner-holding-tab.jpg");
  }
}
@media (min-width: 768px){

  .syariah-banner-more-info.--height-cover{
    height: 50vh;
    background-position: left;
  }
}

.syariah-banner-more-info .container{
  margin-left: auto;
  margin-right: auto;
}

.syariah-banner-more-info__img{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 500px;
}

@media (min-width: 480px){

  .syariah-banner-more-info__img{
    width: 600px;
  }
}

@media (min-width: 640px){

  .syariah-banner-more-info__img{
    width: 100%;
  }
}

@media (min-width: 1024px){

  .syariah-banner-more-info__img{
    display: none;
  }
}

.syariah-banner-more-info__img img{
  position: absolute;
  bottom: -0.625rem;
  right: 15%;
}

@media (min-width: 480px){

  .syariah-banner-more-info__img img{
    right: 12%;
  }
}

@media (min-width: 640px){

  .syariah-banner-more-info__img img{
    left: 50%;
    --tw-translate-x: -50%;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.syariah-banner-more-info .syariah-title{
  margin-bottom: 1.5rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(37 37 37 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  .syariah-banner-more-info .syariah-title{
    text-align: left;
  }
}

.syariah-banner-more-info__contents{
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (min-width: 768px){

  .syariah-banner-more-info__contents{
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
}

@media (min-width: 1024px){

  .syariah-banner-more-info__contents{
    margin-right: 9rem;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.syariah-banner-more-info__contents img{
  display: none;
}

@media (min-width: 1024px){

  .syariah-banner-more-info__contents img{
    display: block;
  }
}

.syariah-banner-more-info__contents__copy{
  -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: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media (min-width: 1024px){

  .syariah-banner-more-info__contents__copy{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 480px){

  .syariah-banner-more-info__contents__copy h2{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 768px){

  .syariah-banner-more-info__contents__copy h2{
    margin-left: auto;
    margin-right: auto;
    width: 18rem;
  }
}

@media (min-width: 1024px){

  .syariah-banner-more-info__contents__copy h2{
    margin-left: 0px;
    margin-right: 0px;
    width: 24rem;
    padding-left: 0px;
    padding-right: 0px;
    line-height: 2.75rem !important;
  }
}

.syariah-banner-more-info__btn{
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.875rem;
}

@media (min-width: 768px){

  .syariah-banner-more-info__btn{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.syariah-banner-more-info__btn button{
  width: 100%;
  white-space: nowrap;
  padding: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

@media (min-width: 768px){

  .syariah-banner-more-info__btn button{
    width: auto;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}

@media (min-width: 1024px){

  .syariah-banner-more-info__btn button{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
/* End Banner More Info */

/* Register */
.syariah-register{
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media (min-width: 768px){

  .syariah-register{
    padding-left: 75px;
    padding-right: 75px;
  }
}
@media (min-width: 1024px){

  .syariah-register{
    padding-top: 120px;
  }

  .syariah-register.--no-pt{
    padding-top: 0px;
  }
}

.syariah-register .container{
  margin-left: auto;
  margin-right: auto;
}

.syariah-register__list{
  margin-top: 26px;
  margin-bottom: 1.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

@media (min-width: 768px){

  .syariah-register__list{
    margin-top: 38px;
    padding-left: 0px;
    padding-right: 0px;
  }
}

.syariah-register__list ul{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 30px;
}

.syariah-register__list ul li{
  grid-column: span 1 / span 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .syariah-register__list ul li{
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1.5rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.syariah-register__list.--items-center ul li{
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.syariah-register__list ul li a{
  --tw-text-opacity: 1;
  color: rgb(173 143 107 / var(--tw-text-opacity));
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-color: #125EFA;
          text-decoration-color: #125EFA;
  text-decoration-thickness: 2px;
  text-underline-offset: 6px;
}

.syariah-register__list ul li span{
  margin-top: 0.125rem;
  min-width: 54px;
  text-align: center;
  font-size: 3rem;
  line-height: 1;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(251 230 231 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .syariah-register__list ul li span{
    font-size: 3.75rem;
    line-height: 1;
  }
}

.syariah-register__list ul li span {
    -webkit-text-stroke: 3px #dc0714;
}

.syariah-register__list ul li span::before {
    content: attr(data-content);
    -webkit-text-fill-color: #fbe6e7;
    -webkit-text-stroke: 0;
    position: absolute;
}

.syariah-register__list ul li h5{
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
.syariah-register button{
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
@media (min-width: 768px){

  .syariah-register button{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
@media (min-width: 1024px){

  .syariah-register button{
    margin-top: 0.5rem;
  }
}
/* End Register */

/* FAQ */
.syariah-faq{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media (min-width: 768px){

  .syariah-faq{
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 1024px){

  .syariah-faq{
    padding-left: 176px;
    padding-right: 176px;
    padding-top: 120px;
  }
}

.syariah-faq .container{
  margin-left: auto;
  margin-right: auto;
}

.syariah-faq__contents{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.syariah-faq__accordion{
  margin-top: 34px;
}

.syariah-faq__accordion dl div{
  margin-bottom: 1.25rem;
  cursor: pointer;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.75rem;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.syariah-faq__accordion dl div:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.syariah-faq__accordion dl div {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

dt{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

@media (min-width: 768px){

  dt{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

dt.active{
  margin-bottom: 0.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(37 37 37 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  dt.active{
    margin-bottom: 1.5rem;
    font-weight: 700;
  }
}

dt a{
  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;
  gap: 1.75rem;
}

.dt__icon{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2rem;
  width: 2rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-preferred-size: 2rem;
      flex-basis: 2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(173 143 107 / var(--tw-border-opacity));
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.dt__icon.active{
  --tw-rotate: 180deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(173 143 107 / var(--tw-bg-opacity));
}

.dt__icon.active i{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

dd{
  border-bottom-left-radius: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(110 110 110 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  dd{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.syariah-faq button{
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

@media (min-width: 768px){

  .syariah-faq button{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
/* End FAQ */

/* Article */
.syariah-article{
  margin-top: 3rem;
  margin-bottom: 2rem;
}
@media (min-width: 768px){

  .syariah-article{
    margin-top: 85px;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

.syariah-article .container{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px){

  .syariah-article .container{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}

.syariah-article .syariah-title{
  margin-top: 38px;
  text-align: center;
}

.syariah-article__contents{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}

.syariah-article__group{
  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;
}

.syariah-article__card{
  display: none;
}

@media (min-width: 1024px){

  .syariah-article__card{
    display: block;
  }
}

.syariah-article__card__slider{
  margin-top: 0.375rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 1024px){

  .syariah-article__card__slider{
    display: none;
  }
}

.syariah-article__card__slider .slick-track{
  padding-top: 0.625rem;
}

.syariah-article__card__grid{
  display: none;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
}

@media (min-width: 1024px){

  .syariah-article__card__grid{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.syariah-article article.slick-slide{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  width: 256px !important;
}

@media (min-width: 768px){

  .syariah-article article.slick-slide{
    width: 480px !important;
  }
}

.syariah-article article figure{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 18px;
}

.syariah-article article figure img{
  height: 162px;
  width: 100%;
  overflow: hidden;
  border-radius: 0.5rem;
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center";
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.syariah-article article figure img:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 768px){

  .syariah-article article figure img{
    height: 184px !important;
  }
}

@media (min-width: 1024px){

  .syariah-article article figure img{
    height: 162px !important;
  }
}

.syariah-article article figure p{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}

.syariah-article article figure figcaption{
  margin-top: 0.5rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.syariah-article article figure figcaption:hover{
  --tw-text-opacity: 1;
  color: rgb(173 143 107 / var(--tw-text-opacity));
}

.syariah-article button{
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
}
/* End Article */

/* Card Link */
.syariah-card-link{
  padding-top: 26px;
  padding-bottom: 26px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media (min-width: 480px){

  .syariah-card-link{
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
}
@media (min-width: 1024px){

  .syariah-card-link{
    padding-left: 50px;
    padding-right: 50px;
  }
}

.syariah-card-link .container{
  margin-left: auto;
  margin-right: auto;
}

.syariah-card-link__wrapper{
  margin-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.25rem;
}

@media (min-width: 768px){

  .syariah-card-link__wrapper{
    gap: 30px;
  }
}

@media (min-width: 1024px){

  .syariah-card-link__wrapper{
    padding-left: 30px;
    padding-right: 30px;
  }
}

.syariah-card-link__card{
  width: 100%;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  text-align: center;
}

@media (min-width: 768px){

  .syariah-card-link__card{
    -ms-flex-preferred-size: calc(50% - 20px);
        flex-basis: calc(50% - 20px);
  }
}

@media (min-width: 1024px){

  @media (min-width: 768px){

    .syariah-card-link__card{
      -ms-flex-preferred-size: calc(33.33% - 20px);
          flex-basis: calc(33.33% - 20px);
    }
  }
}

.syariah-card-link__card {
    -webkit-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);
}

.syariah-card-link__card figure{
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
}

.syariah-card-link__card figcaption{
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  .syariah-card-link__card figcaption{
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.syariah-card-link__card figure a{
  width: 100%;
}

.syariah-card-link__card figure button{
  width: 100%;
  padding: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
/* End Card Link */

/* CTA KPR */
.syariah-cta-kpr{
  padding-top: 50px;
}
@media (min-width: 1024px){

  .syariah-cta-kpr{
    padding-top: 60px;
  }
}

.syariah-cta-kpr__contents{
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (min-width: 768px){

  .syariah-cta-kpr__contents{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.syariah-cta-kpr__card{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 195px;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-product-detail/other-product/bg-card-cta-large.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .syariah-cta-kpr__card{
    height: 230px;
  }
}

.syariah-cta-kpr__card {
    /* @apply w-full text-white bg-center bg-no-repeat bg-cover bg-primary bg-[url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-product-detail/kpr/bg-cta-kpr-tapera-mobile.png")] h-[195px] md:h-[230px] flex items-center; */
}

.syariah-cta-kpr__card.--single a{
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
}

.syariah-cta-kpr__card a{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 22px;
  font-weight: 600;
}

@media (min-width: 768px){

  .syariah-cta-kpr__card a{
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

@media (min-width: 1024px){

  .syariah-cta-kpr__card a{
    padding-left: 72px;
    padding-right: 72px;
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media (min-width: 1280px){

  .syariah-cta-kpr__card a{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

/* .syariah-cta-kpr__card a span:first-child {
    @apply lg:w-96;
} */

.syariah-cta-kpr__card a.group span:first-child{
  max-width: 480px;
}
.syariah-cta-kpr__card a.group span{
  max-width: 480px;
}

.syariah-cta-kpr__icon{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.5rem;
  min-width: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  font-size: 1.5rem;
  line-height: 2rem;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.group:hover .syariah-cta-kpr__icon{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(173 143 107 / var(--tw-text-opacity)) !important;
}

@media (min-width: 1024px){

  .syariah-cta-kpr__icon{
    height: 50px;
    width: 50px;
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

@media (min-width: 1280px){

  .syariah-cta-kpr__icon{
    height: 70px;
    min-width: 70px;
    font-size: 3.75rem;
    line-height: 1;
  }
}
/* End CTA KPR */
/* End Syariah Product Detail */

/* Conventional Promotion */
.page-conventional-promotion
    .conventional-promo__banner--slider
    .multiple-items{
  position: relative;
}
@media (min-width: 768px){

  .page-conventional-promotion
    .conventional-promo__banner--slider
    .multiple-items{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .page-conventional-promotion .conventional-promo__banner--slider .slick-track{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem;
  }
}

.page-conventional-promotion .conventional-promo__banner--slider .slick-slide{
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

@media (min-width: 768px){

  .page-conventional-promotion .conventional-promo__banner--slider .slick-slide{
    --tw-translate-x: 12.5%;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .page-conventional-promotion
    .conventional-promo__banner--slider
    .slick-slide.slick-active{
    --tw-translate-x: 0px;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .page-conventional-promotion
    .conventional-promo__banner--slider
    .slick-slide.slick-active
    ~ .slick-slide{
    --tw-translate-x: -12.5%;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.page-conventional-promotion
    .conventional-promo__banner--slider
    .slick-slide
    > div{
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

@media (min-width: 768px){

  .page-conventional-promotion
    .conventional-promo__banner--slider
    .slick-slide
    > div{
    --tw-scale-x: .75;
    --tw-scale-y: .75;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .page-conventional-promotion
    .conventional-promo__banner--slider
    .slick-slide.slick-active
    > div{
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.page-conventional-promotion .conventional-promo__banner--slider .slick-arrow,
.page-conventional-promotion
    .conventional-promo__banner--slider
    .slider__button{
  position: absolute;
  display: none;
  height: 55px;
  width: 55px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0px 2px 10px 0px #0000001A;
  --tw-shadow-colored: 0px 2px 10px 0px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

@media (min-width: 768px){

  .page-conventional-promotion .conventional-promo__banner--slider .slick-arrow,
.page-conventional-promotion
    .conventional-promo__banner--slider
    .slider__button{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.page-conventional-promotion .conventional-promo__banner--slider .slick-arrow,
.page-conventional-promotion
    .conventional-promo__banner--slider
    .slider__button{
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}

.page-conventional-promotion .conventional-promo__banner--slider .slick-arrow:hover,
.page-conventional-promotion
    .conventional-promo__banner--slider
    .slider__button:hover{
  --tw-text-opacity: 1;
  color: rgb(51 129 185 / var(--tw-text-opacity));
}

.page-conventional-promotion .conventional-promo__banner--slider .slick-arrow::before,
.page-conventional-promotion
    .conventional-promo__banner--slider
    .slider__button::before{
  content: var(--tw-content);
  display: none;
}
.page-conventional-promotion
    .conventional-promo__banner--slider
    .slick-arrow.slick-prev{
  left: calc(50% - 325px - 32px - 25px - 12px);
  z-index: 1;
}
@media (min-width: 1024px){

  .page-conventional-promotion
    .conventional-promo__banner--slider
    .slick-arrow.slick-prev{
    left: calc(50% - 450px - 32px - 25px - 12px);
  }
}
.page-conventional-promotion
    .conventional-promo__banner--slider
    .slick-arrow.slick-next{
  right: calc(50% - 325px - 32px - 25px - 12px);
  z-index: 1;
}
@media (min-width: 1024px){

  .page-conventional-promotion
    .conventional-promo__banner--slider
    .slick-arrow.slick-next{
    right: calc(50% - 450px - 32px - 25px - 12px);
  }
}

.page-conventional-promotion .conventional-promo__banner--slider ul.slick-dots{
  bottom: 0px !important;
  top: 100% !important;
}

.page-conventional-promotion
    .conventional-promo__banner--slider
    .slick-dots
    li{
  margin-left: 0px;
  margin-right: 0px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.page-conventional-promotion
    .conventional-promo__banner--slider
    .slick-dots
    li.slick-active{
  width: 30px;
}

.page-conventional-promotion
    .conventional-promo__banner--slider
    .slick-dots
    li.slick-active
    button{
  width: 30px;
  --tw-bg-opacity: 1;
  background-color: rgb(220 7 20 / var(--tw-bg-opacity));
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.page-conventional-promotion
    .conventional-promo__banner--slider
    .slick-dots
    button{
  margin-left: auto;
  margin-right: auto;
  height: 0.375rem;
  width: 0.375rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(231 231 231 / var(--tw-bg-opacity));
}

.page-conventional-promotion
    .conventional-promo__banner--slider
    .slick-dots
    li
    button:before{
  display: none;
}

.page-conventional-promotion #searchResultsComp{
  display: none;
}
.page-conventional-promotion #searchResultsComp.active{
  display: block;
}

.page-conventional-promotion .search-results__cont .sub__list .sub__item:last-child{
  margin-bottom: 0px;
}

.page-conventional-promotion .filter-date__cont:has(.active) .bzi-angle-down{
  --tw-rotate: 180deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.page-conventional-promotion .filter-date__cont #inputStartDate + .datepicker{
  z-index: 1;
}
.page-conventional-promotion .filter-date__cont #inputEndDate + .datepicker{
  z-index: 1;
}
.page-conventional-promotion
    .filter-date__cont
    #inputStartDate.on-selecting
    + .datepicker{
  z-index: 2;
}
.page-conventional-promotion
    .filter-date__cont
    #inputEndDate.on-selecting
    + .datepicker{
  z-index: 2;
}

.page-conventional-promotion .highlight-promo__list--slider .slick-track{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.5rem;
}

.page-conventional-promotion .highlight-promo__list--slider .slick-track::before{
  content: var(--tw-content);
  display: none;
}

.page-conventional-promotion .highlight-promo__list--slider .slick-track::after{
  content: var(--tw-content);
  display: none;
}

@media (min-width: 768px){

  .page-conventional-promotion .highlight-promo__list--slider .slick-track{
    gap: 1.5rem;
  }
}
.page-conventional-promotion .highlight-promo__list--slider .slider__button{
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  width: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0px 2px 10px 0px #0000001A;
  --tw-shadow-colored: 0px 2px 10px 0px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}
.page-conventional-promotion .highlight-promo__list--slider .slider__button:hover{
  --tw-text-opacity: 1;
  color: rgb(51 129 185 / var(--tw-text-opacity));
}
.page-conventional-promotion .highlight-promo__list--slider .slider__button::before{
  content: var(--tw-content);
  display: none;
}
.page-conventional-promotion
    .highlight-promo__list--slider
    .slick-arrow.slick-prev{
  z-index: 1;
}
.page-conventional-promotion
    .highlight-promo__list--slider
    .slick-arrow.slick-next{
  z-index: 1;
}
/* End Conventional Promotion */

/* About BTN */
/* Article */
.about-btn__article-card{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 256px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 18px;
}
@media (min-width: 768px){

  .about-btn__article-card{
    width: 100%;
  }
}
.about-btn__article-card .card__header .card__picture{
  position: relative;
  margin-bottom: 0px !important;
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: 0.5rem;
  padding-bottom: calc((162 / 289) * 100%);
}
@media (min-width: 768px){

  .about-btn__article-card .card__header .card__picture{
    padding-bottom: calc((162 / 289) * 100%);
  }
}
.about-btn__article-card .card__header .card__image{
  position: absolute;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center";
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.group:hover .about-btn__article-card .card__header .card__image{
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.about-btn__article-card .card__content{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  -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;
  gap: 0.5rem;
}
.about-btn__article-card .card__content .card__title{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.group:hover .about-btn__article-card .card__content .card__title{
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}
/* End Article */

/* About BTN - About Us */
.about-btn-about-us .hero__component{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/about-btn/about-us/banner/banner-small.png");
}
@media (min-width: 768px){

  .about-btn-about-us .hero__component{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/about-btn/about-us/banner/banner.jpg");
  }
}
@media (min-width: 1024px){

  .about-btn-about-us .hero__component{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/about-btn/about-us/banner/banner.jpg");
  }
}

.about-btn-about-us .value__item{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.25rem;
  width: 100%;
  max-width: 300px;
}

@media (min-width: 640px){

  .about-btn-about-us .value__item{
    max-width: 100%;
  }
}
.about-btn-about-us .value__char{
  font-size: 3.75rem;
  line-height: 1;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px){

  .about-btn-about-us .value__char{
    font-size: 4.5rem;
    line-height: 1;
  }
}
@media (min-width: 1024px){

  .about-btn-about-us .value__char{
    font-size: 6rem;
    line-height: 1;
  }
}
.about-btn-about-us .value__char {
    text-shadow: 0px 0px 15px #00000026;
}
.about-btn-about-us .value__title{
  margin-bottom: 0.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(18 94 250 / var(--tw-text-opacity));
}
@media (min-width: 768px){

  .about-btn-about-us .value__title{
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.about-btn-about-us .value__description{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}
@media (min-width: 768px){

  .about-btn-about-us .value__description{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.about-btn-about-us .history-timeline__list--slider .slick-track{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.about-btn-about-us .history-timeline__list--slider .slick-slide:after{
  display: block;
  width: 100%;
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(182 182 182 / var(--tw-border-opacity));
    content: "";
}
.about-btn-about-us
    .history-timeline__list--slider
    .slick-slide:first-child:after{
  margin-left: 60px;
  width: 50%;
    content: "";
}
.about-btn-about-us
    .history-timeline__list--slider
    .slick-slide:last-child:after{
  width: 50%;
    content: "";
}
.about-btn-about-us
    .history-timeline__list--slider:not(:has(.slick-current))
    .slick-slide:first-child
    .timeline-dot,
.about-btn-about-us
    .history-timeline__list--slider
    .slick-current
    .timeline-dot{
      height: 0.875rem;
      width: 0.875rem;
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity));
      -webkit-transition-property: all;
      transition-property: all;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      -webkit-transition-duration: 300ms;
              transition-duration: 300ms;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.about-btn-about-us
    .history-timeline__list--slider:not(:has(.slick-current))
    .slick-slide:first-child
    .timeline-year,
.about-btn-about-us
    .history-timeline__list--slider
    .slick-current
    .timeline-year{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px){

  .about-btn-about-us
    .history-timeline__list--slider:not(:has(.slick-current))
    .slick-slide:first-child
    .timeline-year,
.about-btn-about-us
    .history-timeline__list--slider
    .slick-current
    .timeline-year{
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.about-btn-about-us
    .history-timeline__list--slider
    .slick-slide:last-child
    .timeline-line--end{
  display: none;
}

/* Firefox :has selector issue*/
.about-btn-about-us
    .history-timeline__list--slider
    .initial-state:first-child
    .timeline-year,
.about-btn-about-us
    .history-timeline__list--slider
    .slick-current
    .timeline-year{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px){

  .about-btn-about-us
    .history-timeline__list--slider
    .initial-state:first-child
    .timeline-year,
.about-btn-about-us
    .history-timeline__list--slider
    .slick-current
    .timeline-year{
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.about-btn-about-us
    .history-timeline__list--slider
    .initial-state:first-child
    .timeline-dot,
.about-btn-about-us
    .history-timeline__list--slider
    .slick-current
    .timeline-dot{
    height: 0.875rem;
    width: 0.875rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.about-btn-about-us .history-sect__list--slider .slick-list{
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
}

.about-btn__ctas .ctas__content{
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (min-width: 768px){

  .about-btn__ctas .ctas__content{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.about-btn__ctas .cta__card{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 195px;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 167 / var(--tw-bg-opacity));
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-product-detail/kpr/bg-cta-kpr-tapera-mobile.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .about-btn__ctas .cta__card{
    height: 220px;
  }
}

.about-btn__ctas .cta__card:nth-child(odd){
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-product-detail/kpr/bg-cta-kpr-tapera-mobile.png");
}

@media (min-width: 768px){

  .about-btn__ctas .cta__card:nth-child(odd){
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-product-detail/kpr/bg-cta-kpr-tapera-large.png");
  }
}

.about-btn__ctas .cta__card:nth-child(even){
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-product-detail/kpr/bg-cta-kpr-sejahtera-mobile.png");
}

@media (min-width: 768px){

  .about-btn__ctas .cta__card:nth-child(even){
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-product-detail/kpr/bg-cta-kpr-sejahtera-large.png");
  }
}

.about-btn__ctas .cta__card a{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 22px;
  font-weight: 700;
}

@media (min-width: 768px){

  .about-btn__ctas .cta__card a{
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
  }
}

@media (min-width: 1024px){

  .about-btn__ctas .cta__card a{
    padding-left: 72px;
    padding-right: 72px;
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media (min-width: 1280px){

  .about-btn__ctas .cta__card a{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

.about-btn__ctas .cta__icon{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  font-size: 1.5rem;
  line-height: 2rem;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.group:hover .about-btn__ctas .cta__icon{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  .about-btn__ctas .cta__icon{
    height: 50px;
    width: 50px;
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

@media (min-width: 1280px){

  .about-btn__ctas .cta__icon{
    height: 70px;
    width: 70px;
    font-size: 3.75rem;
    line-height: 1;
  }
}
.about-btn__ctas .cta__card a:hover .cta__icon{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(18 94 250 / var(--tw-text-opacity));
}

.about-btn__accordion{
  margin-top: 34px;
}

.about-btn__accordion dl > div{
  margin-bottom: 1.25rem;
  cursor: pointer;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.75rem;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.about-btn__accordion dl > div:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.about-btn__accordion dl > div {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.about-btn__accordion dl > div dt{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

@media (min-width: 768px){

  .about-btn__accordion dl > div dt{
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 600;
  }
}

.about-btn__accordion dl > div dt.active{
  margin-bottom: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(37 37 37 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  .about-btn__accordion dl > div dt.active{
    margin-bottom: 1.5rem;
  }
}

.about-btn__accordion dl > div dt a{
  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;
  gap: 1.75rem;
}

.about-btn__accordion dl > div dt .dt__icon{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2rem;
  width: 2rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-preferred-size: 2rem;
      flex-basis: 2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 221 0 / var(--tw-border-opacity));
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.about-btn__accordion dl > div dt .dt__icon.active{
  --tw-rotate: 180deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(255 221 0 / var(--tw-bg-opacity));
  --tw-text-opacity: 1 !important;
  color: rgb(0 97 167 / var(--tw-text-opacity)) !important;
}

.about-btn__accordion dl > div dt .dt__icon.active i{
  --tw-text-opacity: 1 !important;
  color: rgb(0 97 167 / var(--tw-text-opacity)) !important;
}

.about-btn__accordion dl > div dd{
  border-bottom-left-radius: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(110 110 110 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .about-btn__accordion dl > div dd{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.about-btn__accordion dl > div dd ol .li__number{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1.5rem;
  width: 1.5rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(220 7 20 / var(--tw-bg-opacity));
  padding-bottom: 0.125rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
/* End About BTN - About Us */

/* About BTN - Author Page */
.counter-badge{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
  width: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(220 7 20 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(251 230 231 / var(--tw-text-opacity));
}
/* End About BTN - Author Page */

/* About BTN - Gallery Tab Section Artikel */
.arrow-more-cta .arrow{
  position: relative;
  top: -1px;
  height: 36px;
  width: 36px;
}
.arrow-more-cta a span.circle{
  position: absolute;
  top: 0px;
  bottom: -3px;
  right: -6.5px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: auto;
  margin-bottom: auto;
  display: block;
  height: 30px;
  width: 30px;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 0 0 / var(--tw-border-opacity));
}
.arrow-more-cta a{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  font-weight: 600;
}
.arrow-more-cta a span{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(18 94 250 / var(--tw-text-opacity));
}
.arrow-more-cta a span i{
  font-size: 2.25rem;
  line-height: 2.5rem;
}
/* End About BTN - Gallery Tab Section Artikel */

/* About BTN - Galery Detail */
.about-btn__galery-detail .galery-detail{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.about-btn__galery-detail .galery-detail__header{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.25rem;
  width: 100%;
  max-width: 760px;
  text-align: center;
}

@media (min-width: 768px){

  .about-btn__galery-detail .galery-detail__header{
    margin-bottom: 1.5rem;
  }
}
.about-btn__galery-detail .galery-detail__title{
  margin-bottom: 1.25rem;
  font-size: 26px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
@media (min-width: 768px){

  .about-btn__galery-detail .galery-detail__title{
    margin-bottom: 1.5rem;
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}
.about-btn__galery-detail .galery-detail__description{
  margin-bottom: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(134 134 134 / var(--tw-text-opacity));
}
@media (min-width: 768px){

  .about-btn__galery-detail .galery-detail__description{
    margin-bottom: 1.5rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.about-btn__galery-detail .galery-detail__info{
  margin-bottom: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.75rem;
}

@media (min-width: 768px){

  .about-btn__galery-detail .galery-detail__info{
    margin-bottom: 1.5rem;
  }
}
.about-btn__galery-detail .galery-detail__category{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.75rem;
}
.about-btn__galery-detail .galery-detail__date{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}
@media (min-width: 768px){

  .about-btn__galery-detail .galery-detail__date{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.about-btn__galery-detail .galery-detail__image-cont{
  margin-bottom: 1.25rem;
}

@media (min-width: 768px){

  .about-btn__galery-detail .galery-detail__image-cont{
    margin-bottom: 2.5rem;
  }
}
.about-btn__galery-detail .galery-detail__picture{
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: 0.5rem;
  padding-bottom: calc((201 / 358) * 100%);
}
@media (min-width: 768px){

  .about-btn__galery-detail .galery-detail__picture{
    padding-bottom: calc((484 / 861) * 100%);
  }
}
.about-btn__galery-detail .galery-detail__img{
  position: absolute;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center";
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.about-btn__galery-detail .article__main{
  margin-bottom: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .about-btn__galery-detail .article__main{
    margin-bottom: 0.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.about-btn__galery-detail .article__main > p{
  margin-bottom: 1.5rem;
}
.about-btn__galery-detail .article__main ul,
.about-btn__galery-detail .article__main ol{
  margin-bottom: 1.5rem;
  list-style-position: inside;
}
.about-btn__galery-detail .article__main ol{
  list-style-type: decimal;
}
.about-btn__galery-detail .article__main ul{
  margin-left: 1.25rem;
}
.about-btn__galery-detail .article__main li{
  margin-bottom: 0.5rem;
}
.about-btn__galery-detail .article__main ul li{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
}
.about-btn__galery-detail .article__main li > p{
  display: inline;
}

.about-btn__galery-detail .article__attachment-list{
  display: none;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 18px;
}

@media (min-width: 768px){

  .about-btn__galery-detail .article__attachment-list{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px){

  .about-btn__galery-detail .article__attachment-list{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.about-btn__galery-detail .article__attachment-item{
  width: 100%;
}
.about-btn__galery-detail .article__attachment-item .item__image-cont{
  position: relative;
  width: 100%;
  cursor: pointer;
}
.about-btn__galery-detail .article__attachment-item .item__zoom-btn{
  position: absolute;
  bottom: 0px;
  right: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 55px;
  width: 55px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-top-left-radius: 0.5rem;
  background-color: rgb(0 97 167 / 0.8);
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.about-btn__galery-detail .article__attachment-item:hover .item__zoom-btn{
  opacity: 0;
}
.about-btn__galery-detail .article__attachment-item .overlay{
  position: absolute;
  inset: 0px;
  background-color: rgb(57 57 57 / 0.5);
  opacity: 0;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
}
.about-btn__galery-detail
    .article__attachment-item
    .overlay
    .overlay__zoom-btn{
  position: absolute;
  top: 50%;
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 55px;
  width: 55px;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0.5rem;
  background-color: rgb(0 97 167 / 0.8);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
}
.about-btn__galery-detail .article__attachment-item:hover .overlay{
  opacity: 1;
}
.overlay-video {
    background: rgba(57, 57, 57, 0.5);
    -webkit-backdrop-filter: blur(3.5px);
            backdrop-filter: blur(3.5px);
}
.video-popup .bzi-close::before {
    color: white;
}
.video-popup.active {
    display: block;
}

.about-btn__galery-detail .article__divider{
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: none;
  --tw-border-opacity: 1;
  border-color: rgb(231 231 231 / var(--tw-border-opacity));
}

@media (min-width: 768px){

  .about-btn__galery-detail .article__divider{
    display: block;
  }
}
.about-btn__galery-detail .article__footer{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.5rem;
}
.about-btn__galery-detail .article__author{
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}
.about-btn__galery-detail .article__author .author__cont{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
}
.about-btn__galery-detail .article__author .author__image-cont{
  width: 100%;
  max-width: 45px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.about-btn__galery-detail .article__author .author__picture{
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: 0.75rem;
  padding-bottom: calc((1 / 1) * 100%);
}
.about-btn__galery-detail .article__author .author__img{
  position: absolute;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center";
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.about-btn__galery-detail .article__author .author__name{
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}
@media (min-width: 768px){

  .about-btn__galery-detail .article__author .author__name{
    margin-bottom: 0.25rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.about-btn__galery-detail .article__author .author__role{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(134 134 134 / var(--tw-text-opacity));
}
@media (min-width: 768px){

  .about-btn__galery-detail .article__author .author__role{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.about-btn__galery-detail .galery-detail__toc{
  margin-bottom: 0.875rem;
  width: 100%;
}

@media (min-width: 768px){

  .about-btn__galery-detail .galery-detail__toc{
    -webkit-box-ordinal-group: 10000;
        -ms-flex-order: 9999;
            order: 9999;
    margin-bottom: 0px;
  }
}
.about-btn__galery-detail .galery-detail__toc .card{
  width: 100%;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0px 2px 10px 0px #0000001A;
  --tw-shadow-colored: 0px 2px 10px 0px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.about-btn__galery-detail .galery-detail__toc .card .card__header{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(231 231 231 / var(--tw-border-opacity));
}
.about-btn__galery-detail .galery-detail__toc .card .card__title-cont{
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(231 231 231 / var(--tw-border-opacity));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
@media (min-width: 768px){

  .about-btn__galery-detail .galery-detail__toc .card .card__title-cont{
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.about-btn__galery-detail .galery-detail__toc .card .card__info-cont{
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
@media (min-width: 768px){

  .about-btn__galery-detail .galery-detail__toc .card .card__info-cont{
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.about-btn__galery-detail .galery-detail__toc .card .card__title{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
@media (min-width: 768px){

  .about-btn__galery-detail .galery-detail__toc .card .card__title{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.about-btn__galery-detail .galery-detail__toc .card .card__read-time{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(110 110 110 / var(--tw-text-opacity));
}
@media (min-width: 768px){

  .about-btn__galery-detail .galery-detail__toc .card .card__read-time{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.about-btn__galery-detail .galery-detail__toc .card .card__body{
  width: 100%;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

@media (min-width: 768px){

  .about-btn__galery-detail .galery-detail__toc .card .card__body{
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 18px;
    padding-bottom: 18px;
  }
}
.about-btn__galery-detail .galery-detail__toc .card .toc-item__cta{
  display: block;
  width: 100%;
  padding: 0.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(110 110 110 / var(--tw-text-opacity));
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.about-btn__galery-detail .galery-detail__toc .card .toc-item__cta:hover{
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}
@media (min-width: 768px){

  .about-btn__galery-detail .galery-detail__toc .card .toc-item__cta{
    padding: 0.625rem;
  }
}
.about-btn__galery-detail .galery-detail__toc .card .toc-item__cta.active{
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}

.about-btn__galery-detail--news .galery-detail,
.about-btn__galery-detail--announcement .galery-detail{
  max-width: 880px;
}
.about-btn__galery-detail--announcement .galery-detail__description{
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
@media (min-width: 768px){

  .about-btn__galery-detail--announcement .galery-detail__description{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.about-btn__galery-detail--article .galery-detail__body{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){

  .about-btn__galery-detail--article .galery-detail__body{
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.75rem;
  }

  .about-btn__galery-detail--article .galery-detail__image-cont{
    grid-column: span 4 / span 4;
    margin-bottom: 0.75rem;
  }

  .about-btn__galery-detail--article .galery-detail__article{
    grid-column: span 3 / span 3;
  }
}
.about-btn__galery-detail--news .galery-detail__toc,
.about-btn__galery-detail--announcement .galery-detail__toc{
  display: none;
}
.about-btn__galery-detail--announcement .galery-detail__share,
.about-btn__galery-detail--announcement .article__share{
  display: none;
}

.share-article-cont{
  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-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
}

@media (min-width: 768px){

  .share-article-cont{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1.25rem;
  }
}
/* EndAbout BTN - Galery Detail */

/* Branch Location */
.branch-location-sect{
  margin-bottom: 2rem;
}
.branch-location-sect:last-child{
  margin-bottom: 0px;
}
@media (min-width: 768px){

  .branch-location-sect{
    margin-bottom: 60px;
  }

  .branch-location-sect:last-child{
    margin-bottom: 0px;
  }
}
.branch-location-sect.is-open{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
  row-gap: 1.5rem;
}
@media (min-width: 1024px){

  .branch-location-sect.is-open{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.branch-location-sect .branch-location__map-cont{
  grid-row: span 3 / span 3;
  display: none;
  width: 100%;
}
.branch-location-sect.is-open .branch-location__map-cont{
  display: block;
}
.branch-location-sect .branch-location__map{
  height: 100%;
  max-height: 700px;
  min-height: 460px;
  width: 100%;
}

/* Leaflet */
.leaflet-container{
  font-family: Montserrat, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.leaflet-popup-content > p:nth-child(1){
  margin: 0px;
  margin-bottom: 0.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
.leaflet-popup-content > p:nth-child(2){
  margin: 0px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(110 110 110 / var(--tw-text-opacity));
}
.leaflet-popup-content > .leaflet-popup-close-button{
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}

.branch-location-sect .branch-location__header{
  margin-bottom: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.5rem;
}

@media (min-width: 768px){

  .branch-location-sect .branch-location__header{
    margin-bottom: 1.25rem;
  }
}
.branch-location-sect .branch-location__title-cont{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
}
.branch-location-sect .branch-location__title{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
@media (min-width: 768px){

  .branch-location-sect .branch-location__title{
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.branch-location-sect .branch-location__body{
  margin-bottom: 1.5rem;
}

@media (min-width: 768px){

  .branch-location-sect .branch-location__body{
    margin-bottom: 1.25rem;
  }
}
.branch-location-sect--cms.is-open .branch-location__body{
  overflow: auto;
}
@media (min-width: 768px){

  .branch-location-sect--cms.is-open .branch-location__body{
    max-height: 700px;
  }
}

.branch-location-sect .branch-location__list{
  display: grid;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  -webkit-column-gap: 2.5rem;
     -moz-column-gap: 2.5rem;
          column-gap: 2.5rem;
  row-gap: 1.5rem;
}

@media (min-width: 768px){

  .branch-location-sect .branch-location__list{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px){

  .branch-location-sect .branch-location__list{
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
  }
}
@media (min-width: 768px){

  .branch-location-sect.is-open .branch-location__list{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.branch-location-sect .branch-location__item{
  width: 100%;
}

.branch-location-sect .branch-location__item .item__card{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(231 231 231 / var(--tw-border-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

@media (min-width: 768px){

  .branch-location-sect .branch-location__item .item__card{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 1.5rem;
  }
}
.branch-location-sect .branch-location__item .item-card__header{
  margin-bottom: 0.75rem;
}
@media (min-width: 768px){

  .branch-location-sect .branch-location__item .item-card__header{
    margin-bottom: 0.875rem;
  }
}
.branch-location-sect .branch-location__item .item-card__title{
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
.branch-location-sect .branch-location__item .item-card__body{
  margin-bottom: 0.75rem;
}
@media (min-width: 768px){

  .branch-location-sect .branch-location__item .item-card__body{
    margin-bottom: 0.875rem;
  }
}
.branch-location-sect .branch-location__item .item-card__info-cont{
  margin-bottom: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.75rem;
}
.branch-location-sect .branch-location__item .item-card__info-cont:last-child{
  margin-bottom: 0px;
}
@media (min-width: 768px){

  .branch-location-sect .branch-location__item .item-card__info-cont{
    margin-bottom: 0.875rem;
  }

  .branch-location-sect .branch-location__item .item-card__info-cont:last-child{
    margin-bottom: 0px;
  }
}
.branch-location-sect .branch-location__item .item-card__info-item{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
.branch-location-sect .branch-location__item .item-card__cta-cont{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.875rem;
}
.branch-location-sect .branch-location__item .item-card__cta{
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-color: #FFDD00;
          text-decoration-color: #FFDD00;
  text-underline-offset: 8px;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.branch-location-sect .branch-location__item .item-card__cta:hover{
  --tw-text-opacity: 1;
  color: rgb(51 129 185 / var(--tw-text-opacity));
}

.branch-location-sect .branch-location__cta-cont{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
}
.branch-location-sect .branch-location__footer .branch-location__cta-cont{
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.branch-location-sect.is-open
    .branch-location__footer
    .branch-location__cta-cont{
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.branch-location-sect .branch-location__cta--close{
  display: none;
}
.branch-location-sect.is-open .branch-location__cta--open{
  display: none;
}
.branch-location-sect.is-open .branch-location__cta--close{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/* End Branch Location */

/* Search Result Page */
.page-search .search-sect{
  margin-bottom: 1.75rem;
}
@media (min-width: 768px){

  .page-search .search-sect{
    margin-bottom: 70px;
  }
}

.page-search .search-sect .search-input__cont{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.875rem;
  max-width: 715px;
}

@media (min-width: 768px){

  .page-search .search-sect .search-input__cont{
    margin-bottom: 18px;
  }
}
.page-search .search-sect .search-result__cont{
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
@media (min-width: 768px){

  .page-search .search-sect .search-result__cont{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.page-search .search-sect .search-result__cont .search-result__query{
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}
@media (min-width: 768px){

  .page-search .search-sect .search-result__cont .search-result__query{
    font-weight: 600;
  }
}

.page-search .result__sect .result-sect__group{
  margin-bottom: 1.75rem;
}

@media (min-width: 768px){

  .page-search .result__sect .result-sect__group{
    margin-bottom: 2.5rem;
  }
}

.page-search .result__sect .result-sect__header{
  margin-bottom: 0.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.5rem;
}

@media (min-width: 768px){

  .page-search .result__sect .result-sect__header{
    margin-bottom: 1.25rem;
  }
}
.page-search .result__sect .result-sect__title-cont{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
}
.page-search .result__sect .result-sect__title{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
@media (min-width: 768px){

  .page-search .result__sect .result-sect__title{
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.page-search .result__sect .result__item{
  margin-bottom: 0.875rem;
}

.page-search .result__sect .result__item:last-child{
  margin-bottom: 0px;
}

@media (min-width: 768px){

  .page-search .result__sect .result__item{
    margin-bottom: 1.5rem;
  }

  .page-search .result__sect .result__item:last-child{
    margin-bottom: 0px;
  }
}

.page-search .result__sect .result-item__cta{
  display: block;
}

.page-search .result__sect .result__card{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.75rem;
  --tw-shadow: 0px 2px 10px 0px #0000001A;
  --tw-shadow-colored: 0px 2px 10px 0px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 768px){

  .page-search .result__sect .result__card{
    gap: 1.25rem;
    padding: 22px;
  }
}

.page-search .result__sect .result-card__image-cont{
  width: 100%;
  max-width: 151px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

@media (min-width: 768px){

  .page-search .result__sect .result-card__image-cont{
    max-width: 183px;
  }
}
.page-search .result__sect .result-card__picture{
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: 0.375rem;
  padding-bottom: calc((102 / 151) * 100%);
}
@media (min-width: 768px){

  .page-search .result__sect .result-card__picture{
    padding-bottom: calc((124 / 183) * 100%);
  }
}
.page-search .result__sect .result-card__img{
  position: absolute;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center";
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.page-search .result__sect .result-card__title{
  margin-bottom: 0.875rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.group:hover .page-search .result__sect .result-card__title{
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .page-search .result__sect .result-card__title{
    font-size: 22px;
  }
}
.page-search .result__sect .result-card__description{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}
@media (min-width: 768px){

  .page-search .result__sect .result-card__description{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
/* End Search Result Page */

/* Complaint Service Page */
.contact-services-sect .service__item{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 18px;
     -moz-column-gap: 18px;
          column-gap: 18px;
  row-gap: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px){

  .contact-services-sect .service__item{
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.contact-services-sect .service__item .service__icon{
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.contact-services-sect .service__item .service__icon img{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 54px;
  -o-object-fit: contain;
     font-family: "object-fit:contain;object-position:center";
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media (min-width: 768px){

  .contact-services-sect .service__item .service__icon img{
    margin-left: 0px;
    margin-right: 0px;
  }
}

.contact-services-sect .service__item .service__body{
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}
.contact-services-sect .service__item .service__title{
  margin-bottom: 0.375rem;
  font-weight: 600;
}
@media (min-width: 768px){

  .contact-services-sect .service__item .service__title{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.contact-services-sect .service__item .service__description{
  margin-bottom: 0.375rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.contact-services-sect .service__item .service__contact-list{
  margin-bottom: 0.375rem;
}
.contact-services-sect .service__item .contact__item{
  margin-bottom: 0.375rem;
}
.contact-services-sect .service__item .contact__item:last-child{
  margin-bottom: 0px;
}
.contact-services-sect .service__item .contact__cta{
  margin-bottom: 0.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.contact-services-sect .service__item .contact__cta:last-child{
  margin-bottom: 0px;
}
@media (min-width: 768px){

  .contact-services-sect .service__item .contact__cta{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.contact-services-sect .service__item .contact__cta--url{
  --tw-text-opacity: 1;
  color: rgb(255 221 0 / var(--tw-text-opacity));
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.contact-services-sect .service__item .contact__cta:hover span{
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
/* EndComplaint Service Page */

/* Investor Relations */
/* Common El */
h2.investor-title,
.investor-title{
  margin-bottom: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
@media (min-width: 1024px){

  h2.investor-title,
.investor-title{
    margin-bottom: 1.25rem;
    font-size: 2.25rem !important;
    line-height: 2.5rem !important;
  }
}
h2.investor-title,
.investor-title {
    font-size: 22px;
}

p.investor-subtitle{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  p.investor-subtitle{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
/* End Common El */

/* Hero */
.investor-hero{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 6rem;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}
@media (min-width: 1024px){

  .investor-hero{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/investor-relations/hero/investor-hero-large.svg");
    padding-top: 9rem;
  }
}

.investor-hero.expanded{
  height: auto;
}

.investor-hero__contents{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 768px){

  .investor-hero__contents{
    margin-top: 4rem;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 3.5rem;
  }
}

@media (min-width: 1024px){

  .investor-hero__contents{
    gap: 6rem;
  }
}

.investor-hero__img{
  grid-column: span 1 / span 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (min-width: 768px){

  .investor-hero__img{
    -webkit-box-ordinal-group: 10000;
        -ms-flex-order: 9999;
            order: 9999;
    grid-column: span 5 / span 5;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.investor-hero__img figcaption{
  margin-bottom: 1.5rem;
  text-align: center;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
}

@media (min-width: 768px){

  .investor-hero__img figcaption{
    display: none;
  }
}

.investor-hero__img img{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5rem;
}

.investor-hero__copy{
  grid-column: span 1 / span 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 2.5rem;
  text-align: center;
}

@media (min-width: 768px){

  .investor-hero__copy{
    -webkit-box-ordinal-group: -9998;
        -ms-flex-order: -9999;
            order: -9999;
    grid-column: span 7 / span 7;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-bottom: 0px;
    text-align: left;
  }
}

@media (min-width: 1024px){

  .investor-hero__copy{
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-bottom: 0.75rem;
    text-align: left;
  }
}

.investor-hero__copy blockquote{
  position: relative;
  z-index: 1;
}

.investor-hero__copy blockquote p{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
  max-height: 10rem;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}

@media (min-width: 768px){

  .investor-hero__copy blockquote p{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
  }
}

@media (min-width: 1024px){

  .investor-hero__copy blockquote p{
    margin-left: 2.25rem;
    max-height: 7.2rem;
  }
}

.investor-hero__copy blockquote p.expanded{
  overflow: visible;
  display: block;
  -webkit-box-orient: horizontal;
  -webkit-line-clamp: none;
  max-height: 500px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}

blockquote::before{
  position: absolute;
  top: 0.75rem;
  left: -0.625rem;
  z-index: -1;
  padding-top: 1.25rem;
  font-size: 175px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
  opacity: 0.1;
    content: "\201C";
}

blockquote::after{
  position: absolute;
  bottom: -2rem;
  right: 0px;
  z-index: -1;
  font-size: 150px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
  opacity: 0.1;
    content: "\201D";
}

.investor-hero__copy p{
  white-space: pre-wrap;
}

.btn--read-more{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(18 94 250 / var(--tw-text-opacity));
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-color: #FF0000;
          text-decoration-color: #FF0000;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}

@media (min-width: 768px){

  .btn--read-more{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

p.director-name{
  position: relative;
  margin-bottom: 0.25rem;
  overflow: visible;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

p.director-name::before{
  position: absolute;
  top: 50%;
  left: -2.5rem;
  height: 0.125rem;
  width: 30px;
  --tw-bg-opacity: 1;
  background-color: rgb(220 7 20 / var(--tw-bg-opacity));
  --tw-content: "";
  content: var(--tw-content);
}

/* @media screen and (max-height: 667px) {
    .investor-hero {
        @apply h-[120vh];
    }
} */

/* End Hero */

/* KPR */
.investor-kpr{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 2.5rem;
  padding-bottom: 50px;
  text-align: center;
}
@media (min-width: 768px){

  .investor-kpr{
    margin-left: 2.25rem;
    margin-right: 2.25rem;
    background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/investor-relations/bg-investor-kpr.jpg');
  }
}
@media (min-width: 1024px){

  .investor-kpr{
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-bottom: 72px;
    text-align: left;
  }
}

.investor-kpr__contents{
  overflow: hidden;
}

.investor-kpr__contents .container{
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1024px){

  .investor-kpr__copy{
    margin-bottom: 3rem;
  }
}

.investor-kpr__products{
  margin-top: 2.25rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
}

@media (min-width: 768px){

  .investor-kpr__products{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px){

  .investor-kpr__products{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.investor-kpr__products section figure{
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

@media (min-width: 1024px){

  .investor-kpr__products section figure{
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.investor-kpr__products section figure img{
  margin-bottom: 1.25rem;
}

.investor-kpr__products section figure figcaption{
  margin-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(18 94 250 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  .investor-kpr__products section figure figcaption{
    text-align: left;
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.investor-kpr__products section figure p{
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  .investor-kpr__products section figure p{
    text-align: left;
  }
}

.investor-kpr__products section ul li{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.625rem;
}
/* End KPR */

/* Rates */
.investor-rates{
  overflow: hidden;
  padding-top: 26px;
  padding-bottom: 26px;
}
@media (min-width: 1024px){

  .investor-rates{
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
}

.investor-rates .container{
  margin-left: auto;
  margin-right: auto;
}

.investor-rates__agency{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1024px){

  .investor-rates__agency{
    padding-top: 1.5rem;
    padding-bottom: 3.5rem;
  }
}

.investor-rates__agency__copy{
  margin-bottom: 2.5rem;
  text-align: center;
}

@media (min-width: 1024px){

  .investor-rates__agency__copy{
    margin-bottom: 1.5rem;
  }
}

.investor-rates__agency__copy h2{
  margin-bottom: 0.5rem;
  text-align: center;
}

.investor-rates__agency__table{
  margin-left: 2.25rem;
  margin-right: 2.25rem;
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 1024px){

  .investor-rates__agency__table{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}

.investor-rates__agency__table {
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}

.investor-rates__agency__table hr{
  margin-left: auto;
  margin-right: auto;
  height: 1px;
  width: 91.666667%;
  --tw-bg-opacity: 1;
  background-color: rgb(231 231 231 / var(--tw-bg-opacity));
}

@media (min-width: 1024px){

  .investor-rates__agency__table hr{
    width: 75px;
    --tw-rotate: 90deg;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.investor-rates__agency__data{
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

@media (min-width: 1024px){

  .investor-rates__agency__data{
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    padding-top: 18px;
    padding-bottom: 18px;
  }
}

.investor-rates__agency__data h3{
  font-size: 22px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

.investor-rates__agency__data .investor-rates__agency__btn{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(18 94 250 / var(--tw-text-opacity));
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-color: #FF0000;
          text-decoration-color: #FF0000;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}

.investor-rates-detail__cont{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 1.5rem;
}
.investor-rates-detail__cont .popup__card{
  margin: auto;
  width: 100%;
  max-width: 400px;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1.5rem;
}
.investor-rates-detail__cont .popup__card .popup__header{
  margin-bottom: 1.5rem;
}
.investor-rates-detail__cont .popup__card .popup__title{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(18 94 250 / var(--tw-text-opacity));
}
.investor-rates-detail__cont .popup__card .popup__btn-close{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2rem;
  width: 2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 0 0 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(18 94 250 / var(--tw-text-opacity));
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.investor-rates-detail__cont .popup__card .popup__btn-close:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 255 / var(--tw-bg-opacity));
}
.investor-rates-detail__cont .popup__card .popup__last-updated{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(158 158 158 / var(--tw-text-opacity));
}
.investor-rates-detail__cont .popup__card .popup__info{
  margin-bottom: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.5rem;
}
.investor-rates-detail__cont .popup__card .popup__info:last-child{
  margin-bottom: 0px;
}
.investor-rates-detail__cont .popup__card .popup__info .info__title{
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}
.investor-rates-detail__cont .popup__card .popup__info .info__value{
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  --tw-text-opacity: 1;
  color: rgb(18 94 250 / var(--tw-text-opacity));
}
/* End Rates */

/* Rates Market Summary */
.investor-rates__market-summary.container{
  margin-left: auto;
  margin-right: auto;
}

.investor-rates__market-summary{
  --tw-bg-opacity: 1;
  background-color: rgb(18 94 250 / var(--tw-bg-opacity));
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.investor-rates__market-summary__contents{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
}

@media (min-width: 1024px){

  .investor-rates__market-summary__contents{
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
}

.investor-rates__market-summary__copy{
  margin-bottom: 1.25rem;
  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;
}

.investor-rates__market-summary__copy h2{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.investor-rates__market-summary__cards{
  grid-column: span 1 / span 1;
  -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;
}

@media (min-width: 1024px){

  .investor-rates__market-summary__cards{
    grid-column: span 6 / span 6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.investor-rates__market-summary__stock-card{
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 22px;
  padding-bottom: 22px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media (min-width: 768px){

  .investor-rates__market-summary__stock-card{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 30px;
    padding-right: 30px;
  }
}

.investor-rates__market-summary__stock-card {
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}

.investor-rates__market-summary__stock-card__header{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.375rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(231 231 231 / var(--tw-border-opacity));
  padding-bottom: 1rem;
}

@media (min-width: 768px){

  .investor-rates__market-summary__stock-card__header{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 1.5rem;
  }
}

.investor-rates__market-summary__stock-price{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.investor-rates__market-summary__stock-price h2{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .investor-rates__market-summary__stock-price h2{
    font-size: 40px;
  }
}

.investor-rates__market-summary__stock-price h2 span{
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .investor-rates__market-summary__stock-price h2 span{
    font-size: 22px;
  }
}

.investor-rates__market-summary__stock-card__body{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.25rem;
}

@media (min-width: 1024px){

  .investor-rates__market-summary__stock-card__body{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.investor-rates__market-summary__stock-card__data{
  grid-column: span 1 / span 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.investor-rates__market-summary__stock-card__data p{
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .investor-rates__market-summary__stock-card__data p{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.investor-rates__market-summary__stock-card__data p:last-child{
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  --tw-text-opacity: 1;
  color: rgb(18 94 250 / var(--tw-text-opacity));
}

.investor-rates__market-summary__stock-card__footer p{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(158 158 158 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .investor-rates__market-summary__stock-card__footer p{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.investor-rates__market-summary__card-stock{
  grid-column: span 1 / span 1;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1.5rem;
}

@media (min-width: 768px){

  .investor-rates__market-summary__card-stock{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 1024px){

  .investor-rates__market-summary__card-stock{
    grid-column: span 3 / span 3;
    margin-right: 3rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-left: 32px;
    padding-right: 32px;
  }
}

@media (min-width: 1280px){

  .investor-rates__market-summary__card-stock{
    margin-right: 0px;
  }
}

.investor-rates__market-summary__card-stock {
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}

.investor-rates__market-summary__card-stock__data{
  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;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.investor-rates__market-summary__card-stock__data:not(:last-child){
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(231 231 231 / var(--tw-border-opacity));
}

.investor-rates__market-summary__card-stock__data div{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}

.investor-rates__market-summary__card-stock__data .btn--primary {
    background: linear-gradient(317deg, #125efa -8.29%, #719efc 107.04%);
}

.investor-rates__market-summary__card-stock__data .btn--circle{
  height: 2rem;
  width: 2rem;
}
/* End Market Summary */

/* Finance Overview */
.investor-finance-overview{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 1024px){

  .investor-finance-overview{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

.investor-finance-overview__contents{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 1024px){

  .investor-finance-overview__contents{
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
}

.investor-finance-overview__copy{
  grid-column: span 1 / span 1;
  margin-bottom: 1.5rem;
}

@media (min-width: 1024px){

  .investor-finance-overview__copy{
    grid-column: span 4 / span 4;
  }
}

.investor-finance-overview__copy figure{
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (min-width: 1024px){

  .investor-finance-overview__copy figure{
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.investor-finance-overview__copy figcaption{
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
  width: 100%;
  max-width: 24rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  text-align: center;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  .investor-finance-overview__copy figcaption{
    padding-left: 0px;
    padding-right: 0px;
    text-align: left;
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

.investor-finance-overview__copy figure p{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(158 158 158 / var(--tw-text-opacity));
}

.investor-finance-overview__grid{
  grid-column: span 1 / span 1;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
}

@media (min-width: 768px){

  .investor-finance-overview__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px){

  .investor-finance-overview__grid{
    grid-column: span 5 / span 5;
  }
}

.investor-finance-overview__grid__item{
  position: relative;
  grid-column: span 1 / span 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1rem;
}

@media (min-width: 1024px){

  .investor-finance-overview__grid__item{
    display: block;
  }
}

@media (min-width: 1280px){

  .investor-finance-overview__grid__item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.investor-finance-overview__grid__item {
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}

.investor-finance-overview__grid__item img{
  margin-right: 1.5rem;
  height: 100%;
  max-height: 3rem;
  max-width: 50px;
  -o-object-fit: contain;
     font-family: "object-fit:contain";
     object-fit: contain;
}

.investor-finance-overview__grid__item div h4{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  .investor-finance-overview__grid__item div h4{
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.investor-finance-overview__grid__item div p{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  .investor-finance-overview__grid__item div p{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.increase-text{
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  margin-left: auto;
  white-space: nowrap;
  --tw-text-opacity: 1;
  color: rgb(22 155 105 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .increase-text{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
/* End Finance Overview */

/* Track Record */
.investor-track-record{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.investor-track-record__charts{
  margin-top: 1rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
}

@media (min-width: 768px){

  .investor-track-record__charts{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px){

  .investor-track-record__charts{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.investor-track-record__charts__card{
  grid-column: span 1 / span 1;
  margin-left: 0px;
  margin-right: 0px;
  max-height: 329px;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 1.25rem;
  padding-left: 2.25rem;
  padding-right: 2.25rem;
  padding-bottom: 5rem;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}

.doughnut-chart-wrapper{
  position: relative;
  z-index: 1;
}

.doughnut-chart-wrapper__inner{
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100px;
  width: 100px;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  background: linear-gradient(317deg, #125EFA -8.29%, #719EFC 107.04%);
}

.doughnut-chart-wrapper__inner p{
  width: 100%;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
/* End Track Record */

/* Housing Index & Macro Analysis */
.investor-hima .hima__card{
  width: 100%;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.5rem;
  padding-bottom: 1.75rem;
  --tw-shadow: 0px 2px 10px 0px #0000001A;
  --tw-shadow-colored: 0px 2px 10px 0px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (min-width: 768px){

  .investor-hima .hima__card{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.investor-hima .hima__card .card__header{
  margin-bottom: 1.5rem;
  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;
  gap: 1rem;
}
.investor-hima .hima__card .card__title{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

.investor-hima .housing__item{
  width: 100%;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  padding-bottom: 1.25rem;
  padding-top: 0.75rem;
}

@media (min-width: 768px){

  .investor-hima .housing__item{
    -ms-flex-preferred-size: 33.333333%;
        flex-basis: 33.333333%;
  }
}
.investor-hima .housing__item .housing-item__title{
  margin-bottom: 0.5rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}
.investor-hima .housing__item .housing-item__info{
  margin-bottom: 0.625rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}
.investor-hima .housing__item .housing-item__info .info__value{
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
.housing-item__progress{
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.housing-item__progress--success{
  --tw-text-opacity: 1;
  color: rgb(22 155 105 / var(--tw-text-opacity));
}
.housing-item__progress--danger{
  --tw-text-opacity: 1;
  color: rgb(220 7 20 / var(--tw-text-opacity));
}

.index-chart.--hpi{
  position: relative;
  height: 300px;
}
.index-chart.--hpi-province{
  height: 300px;
}
.index-chart.--hpi-city{
  height: 1200px;
}
/* End Housing Index & Macro Analysis */

/* Report */
.investor-report .report__list--slider .slick-track{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  padding-bottom: 0.625rem;
}

.investor-report .report__card{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 156px;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  --tw-shadow: 0px 2px 10px 0px #0000001A;
  --tw-shadow-colored: 0px 2px 10px 0px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 768px){

  .investor-report .report__card{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}

@media (min-width: 1024px){

  .investor-report .report__card{
    max-width: 100%;
  }
}
.investor-report .report__card .card__body{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  -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;
}
.investor-report .report__card .card__title{
  margin-bottom: 0.5rem;
  font-weight: 600;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
.investor-report .report__card .card__info{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}
/* End Report */

/* Bond */
.investor-bond .bond__list--slider .slick-track{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
}

.investor-bond .slider__indicator .indicator__track{
  display: block;
  height: 0.125rem;
  width: 100%;
  overflow: hidden;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(204 223 237 / var(--tw-bg-opacity));
}
.investor-bond .slider__indicator .indicator__thumb{
  display: block;
  height: 100%;
  width: 100%;
  --tw-translate-x: 0px;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(255 0 0 / var(--tw-bg-opacity));
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.investor-bond .bond__card{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 160px;
  width: 100%;
  -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;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1rem;
  padding-bottom: 0.75rem;
  --tw-shadow: 0px 2px 10px 0px #0000001A;
  --tw-shadow-colored: 0px 2px 10px 0px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.investor-bond .bond__card .card__title{
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
.investor-bond .bond__card .card__header{
  padding-bottom: 0.75rem;
}
.investor-bond .bond__card .card__body{
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(231 231 231 / var(--tw-border-opacity));
  padding-top: 1rem;
}
.investor-bond .bond__card .card__info{
  margin-bottom: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem;
}
.investor-bond .bond__card .card__info:last-child{
  margin-bottom: 0px;
}
.investor-bond .bond__card .card__info .info__title{
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}
.investor-bond .bond__card .card__info .info__value{
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}
/* End Bond *?

/* Service */
.investor-service .service__item{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 18px;
     -moz-column-gap: 18px;
          column-gap: 18px;
  row-gap: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px){

  .investor-service .service__item{
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.investor-service .service__item .service__icon{
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

@media (min-width: 768px){

  .investor-service .service__item .service__icon{
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
}
.investor-service .service__item .service__icon img{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 54px;
  -o-object-fit: contain;
     font-family: "object-fit:contain;object-position:center";
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media (min-width: 768px){

  .investor-service .service__item .service__icon img{
    margin-left: 0px;
    margin-right: 0px;
  }
}

.investor-service .service__item .service__body{
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}
.investor-service .service__item .service__title{
  margin-bottom: 0.375rem;
  text-align: center;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
}
@media (min-width: 768px){

  .investor-service .service__item .service__title{
    text-align: start;
  }
}
.investor-service .service__item .service__description{
  margin-bottom: 0.375rem;
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
@media (min-width: 768px){

  .investor-service .service__item .service__description{
    text-align: start;
  }
}
.investor-service .service__item .service__contact-list{
  margin-bottom: 0.375rem;
}
.investor-service .service__item .contact__item{
  margin-bottom: 0.375rem;
}
.investor-service .service__item .contact__item:last-child{
  margin-bottom: 0px;
}
.investor-service .service__item .contact__cta{
  margin-bottom: 0.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.investor-service .service__item .contact__cta:last-child{
  margin-bottom: 0px;
}
@media (min-width: 768px){

  .investor-service .service__item .contact__cta{
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.investor-service .service__item .contact__cta:hover span{
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.investor-service .service__item .service__ctas{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
}

@media (min-width: 768px){

  .investor-service .service__item .service__ctas{
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.investor-service .service__item .service__cta{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  --tw-text-opacity: 1;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.investor-service .service__item .service__cta:hover{
  --tw-text-opacity: 1;
  color: rgb(207 207 207 / var(--tw-text-opacity));
}
@media (min-width: 768px){

  .investor-service .service__item .service__cta{
    margin-left: 0px;
    margin-right: 0px;
    text-align: start;
  }
}

/* End Investor Relations */

/* ESG */
.esg-hero{
  position: relative;
  top: 50px;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/investor-relations-rups/hero/banner.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 64px;
}
.esg-hero.--full{
  position: relative;
  top: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0px;
}
@media (min-width: 768px){

  .esg-hero.--full{
    max-height: 90vh;
  }
}
@media (min-width: 1024px){

  .esg-hero.--full{
    max-height: 100vh;
  }
}
.esg-hero.--quick-wins{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/about-btn/esg/our-quick-win/banner/banner.png");
}
.esg-hero.--full.--framework{
  height: auto;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/about-btn/esg/framework/banner/banner.png");
  padding-top: 8rem;
  padding-bottom: 2rem;
}
@media (min-width: 1024px){

  .esg-hero.--full.--framework{
    height: 100vh;
    padding-top: 0px;
  }
}
.esg-hero.--investasi-transaksi{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/about-btn/esg/investment-transaction/banner/banner-mobile.png");
}
@media (min-width: 768px){

  .esg-hero.--investasi-transaksi{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/about-btn/esg/investment-transaction/banner/banner.png");
  }
}
.esg-hero.--pengadaan{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/pengadaan/banner/banner-mobile.jpg");
}
@media (min-width: 768px){

  .esg-hero.--pengadaan{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/pengadaan/banner/banner.png");
  }
}
.esg-hero.--governance{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/about-btn/esg/our-quick-win/governance/banner.png");
}
.esg-hero.--environment{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/about-btn/esg/our-quick-win/environment/banner/banner.png");
}
.esg-hero.--social{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/about-btn/esg/our-quick-win/social/banner.png");
}

.esg-hero-content.--less-margin{
  margin-top: -25vh;
}

.esg-hero-overlay{
  position: absolute;
  top: 0px;
  display: none;
  height: 100vh;
  width: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--tw-gradient-stops)));
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

@media (min-width: 768px){

  .esg-hero-overlay{
    display: block;
    max-height: 90vh;
  }
}

@media (min-width: 1024px){

  .esg-hero-overlay{
    max-height: 100vh;
  }
}

.esg-hero-overlay {
    --tw-gradient-from: rgb(0 0 0 / 0.75) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.esg-quick-wins-wrapper{
  padding-top: 2rem;
  padding-bottom: 2rem;
}

@media (min-width: 768px){

  .esg-quick-wins-wrapper{
    padding: 72px;
  }
}
.esg-quick-wins-wrapper:nth-child(odd){
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}

.quick-wins-card-wrapper{
  margin-bottom: 2rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 22px;
  text-align: center;
}

@media (min-width: 768px){

  .quick-wins-card-wrapper{
    grid-template-columns: repeat(4, minmax(0, 1fr));
    text-align: left;
  }
}

.quick-wins-card{
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1rem;
    -webkit-box-shadow: 0px 2px 10px 0px #0000001a;
            box-shadow: 0px 2px 10px 0px #0000001a;
}

.quick-wins-card-icon{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.625rem;
  max-height: 40px;
  width: 45px;
}

@media (min-width: 768px){

  .quick-wins-card-icon{
    margin-left: 0px;
    margin-right: 0px;
  }
}

.esg-rating-card{
  width: 100%;
  border-radius: 0.5rem;
  padding: 1.25rem;
  text-align: center;
}

@media (min-width: 768px){

  .esg-rating-card{
    width: auto;
  }
}

.esg-rating-card {
    background: rgba(255, 255, 255, 0.5);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
}

.esg-others{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/about-btn/esg/framework/banner/banner-produk-lainnya.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.esg-others-card {
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}

.date-range > div:nth-of-type(2) > div:nth-of-type(1){
  display: none;
}

.decor {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
        user-select: none;
}

.commitment-card{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.commitment-card:nth-child(even){
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}

@media (min-width: 768px){

  .commitment-card:nth-child(even) .commitment-card-image{
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

.environment-cards{
  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;
  gap: 1.5rem;
}

@media (min-width: 1024px){

  .environment-cards{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.environment-card {
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1rem;
    border-radius: 0.75rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.environment-card-image{
  max-height: 68px;
  min-height: 68px;
  min-width: 68px;
  max-width: 68px;
}

.social-wrapper .chart{
  border-radius: 0.75rem;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}

.social-wrapper .table-container table{
  overflow: hidden;
  border-radius: 0.75rem;
}
.social-wrapper .table-container table thead tr:first-child{
  --tw-bg-opacity: 1;
  background-color: rgb(18 94 250 / var(--tw-bg-opacity));
}
.social-wrapper .table-container table thead tr:nth-child(2){
  --tw-bg-opacity: 1;
  background-color: rgb(51 129 185 / var(--tw-bg-opacity));
}
.social-wrapper .table-container table thead tr th{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(128 176 211 / var(--tw-border-opacity));
  padding: 0.625rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.social-wrapper .table-container table tbody tr td{
  padding: 0.625rem;
  text-align: center;
}

.tooltip-wrapper{
  display: none;
}

@media (min-width: 768px){

  .tooltip-wrapper{
    display: block;
  }
}

.tooltip-left{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  margin-top: auto;
  margin-bottom: auto;
  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;
  text-align: right;
}

.tooltip-right{
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 50px;
  margin-top: auto;
  margin-bottom: auto;
  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;
  text-align: left;
}

.tooltip-left .dot-decor{
  position: absolute;
  right: -12px;
  bottom: 0px;
  top: 0px;
  margin-top: auto;
  margin-bottom: auto;
  display: inline-block;
  height: 0.625rem;
  width: 0.625rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 167 / var(--tw-bg-opacity));
  vertical-align: middle;
}

.tooltip-right .dot-decor{
  position: absolute;
  left: -12px;
  bottom: 0px;
  top: 0px;
  margin-top: auto;
  margin-bottom: auto;
  display: inline-block;
  height: 0.625rem;
  width: 0.625rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 167 / var(--tw-bg-opacity));
  vertical-align: middle;
}

.tooltip-left .dot-decor:before{
  position: absolute;
  margin-top: 0.25rem;
  display: inline-block;
  height: 2px;
  width: 110px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 167 / var(--tw-bg-opacity));
    content: " ";
}
.tooltip-right .dot-decor:before{
  position: absolute;
  right: 0px;
  margin-top: 0.25rem;
  display: inline-block;
  height: 2px;
  width: 110px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 167 / var(--tw-bg-opacity));
    content: " ";
}
/* End ESG */

/* Sitemap */
.sitemap-header{
  margin-top: 140px;
}

.sitemap-menu-heading:before{
  position: absolute;
  left: -1px;
  display: block;
  height: 100%;
  width: 2px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 167 / var(--tw-bg-opacity));
    content: "";
}

.sitemap-wrapper-1:nth-child(even){
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}
/* End Sitemap */

/* Pengadaan */
.list-pengadaan{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.list-pengadaan .card-wrapper{
  margin-top: 2.5rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 768px){

  .list-pengadaan .card-wrapper{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px){

  .list-pengadaan .card-wrapper{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1280px){

  .list-pengadaan .card-wrapper{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.flow__list .flow__item:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 1.2rem;
    height: 100%;
    width: 2px;
    --tw-bg-opacity: 1;
    background-color: rgb(0 97 167 / var(--tw-bg-opacity));
}

.card{
  min-width: 288px;
  cursor: pointer;
}

.card-image{
  position: relative;
  margin-bottom: 18px;
  overflow: hidden;
  border-radius: 0.5rem;
}
.card-wrapper.--pengumuman .card-image{
  height: 95px;
  width: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center";
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (min-width: 768px){

  .card-wrapper.--pengumuman .card-image{
    height: 184px !important;
  }
}
@media (min-width: 1024px){

  .card-wrapper.--pengumuman .card-image{
    height: 162px !important;
  }
}

.card-image.--file .card-image-title{
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  z-index: 10;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.card-image.--file .card-image-overlay{
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(220 7 20 / var(--tw-bg-opacity));
    background: linear-gradient(
        141deg,
        #0061a7 17.08%,
        rgba(0, 102, 158, 0) 52.97%
    );
}

.card-image .card-image-icon{
  display: none;
}
.card-image.--file .card-image-icon{
  position: absolute;
  bottom: 0px;
  right: 0px;
  display: block;
  overflow: hidden;
  border-start-start-radius: 0.5rem;
  padding: 0.5rem;
    background: rgba(0, 97, 167, 0.8);
}

.card-image.--file .card-image-icon img{
  height: 2rem;
  width: 2rem;
}

.card-image > img{
  width: 100%;
  min-width: 288px;
}

@media (min-width: 768px){

  .card-image > img{
    height: 100%;
  }
}

.card-image-icon img{
  height: 2rem;
  width: 2rem;
}

.card-tag{
  margin-bottom: 18px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 255 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  text-align: left;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(18 94 250 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .card-tag{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.card-title{
  margin-bottom: 0.25rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .card-title{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.conventional-recall{
  overflow: hidden;
  background-image: url(/National_Library/oe_/https://www.btn.co.id/assets/img/pengadaan/banner/recall-banner-mobile.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media (min-width: 768px){

  .conventional-recall{
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/pengadaan/banner/recall-banner.png");
  }
}

.conventional-recall .container{
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.25rem;
  padding-left: 0px;
  padding-right: 0px;
}

@media (min-width: 768px){

  .conventional-recall .container{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

.conventional-recall-contents{
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

@media (min-width: 768px){

  .conventional-recall-contents{
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

.recall-title{
  text-align: center;
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .recall-title{
    text-align: left;
  }
}

.conventinoal-recall-image{
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  overflow: hidden;
}

@media (min-width: 768px){

  .conventinoal-recall-image{
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 600px;
  }
}

@media (min-width: 1024px){

  .conventinoal-recall-image{
    width: 700px;
  }
}
/* End Pengadaan */

/* Investor Information */
.informasi-investor-hero{
  margin-top: 64px;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/investor-relations-rups/hero/banner.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
    /* @apply mt-[64px] h-[194px] bg-red; */
}

/* Housing Index */
.tabs-housing .tab-housing-item.active-tab{
  border-bottom-width: 4px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(255 221 0 / var(--tw-border-opacity));
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}

.informasi-investor-hero .container{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.informasi-investor-hero__navigation{
  padding: 64px;
  padding-left: 0px;
}

.informasi-investor-hero__navigation p{
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

.informasi-investor-hero__dropdown{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.informasi-investor-hero__dropdown h1{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 0 0 / var(--tw-border-opacity));
  padding-bottom: 10px;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(18 94 250 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .informasi-investor-hero__dropdown h1{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

.informasi-investor-hero__dropdown button{
  height: 2rem;
  width: 2rem;
  min-width: 32px;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 0 0 / var(--tw-border-opacity));
}

.informasi-investor-hero__dropdown button i{
  padding: 0.25rem;
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}

.informasi-investor-hero__dropdown__items{
  left: 0px;
  right: 42px;
  display: none;
  min-width: 300px;
  overflow: auto;
  border-radius: 0.5rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.informasi-investor-hero__dropdown__items.--is-active{
  display: block;
}

.informasi-investor-hero__dropdown__items ul li{
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
.informasi-investor-hero__dropdown__items ul li:not(:last-child) a{
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(249 249 249 / var(--tw-border-opacity));
}
.informasi-investor-hero__dropdown__items ul li:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(232 234 239 / var(--tw-bg-opacity));
}

.informasi-investor-hero__dropdown__items ul li a{
  display: block;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.informasi-investor-hero__dropdown__items{
  position: absolute;
  top: 100%;
  z-index: 10;
}
.categories-dropdown-items{
  left: 0px;
  right: 42px;
  display: none;
  overflow: auto;
  border-radius: 0.5rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.categories-dropdown-items.--is-active{
  display: block;
}

.categories-dropdown-items ul li{
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
.categories-dropdown-items ul li:not(:last-child) a{
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(249 249 249 / var(--tw-border-opacity));
}
.categories-dropdown-items ul li:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(232 234 239 / var(--tw-bg-opacity));
}

.categories-dropdown-items ul li a{
  display: block;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.categories-dropdown-items{
  position: absolute;
  top: 100%;
  z-index: 10;
}

.informasi-investor-sidebar{
  max-width: 327px;
}

.informasi-investor-sidebar ul li a{
  display: block;
  border-left-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-border-opacity));
  padding: 0.75rem;
  padding-left: 14px;
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}
.informasi-investor-sidebar ul li a.--is-active{
  border-left-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgb(255 0 0 / var(--tw-border-opacity));
  padding-left: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(18 94 250 / var(--tw-text-opacity));
}

.informasi-investor-contents .container{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 80px;
}

@media (min-width: 768px){

  .informasi-investor-contents .container{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.informasi-investor-rups{
  margin-top: 56px;
  margin-bottom: 56px;
  width: 100%;
}

.informasi-investor-rups__query{
  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-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 0.5rem;
}

@media (min-width: 768px){

  .informasi-investor-rups__query{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media (min-width: 1024px){

  .informasi-investor-rups__query{
    gap: 1.25rem;
  }
}
.informasi-investor-rups__query.--pengumuman{
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.informasi-investor-rups__query.--pengumuman .query-input{
  width: 100%;
  max-width: 185px;
  overflow: hidden;
}

@media (min-width: 768px){

  .informasi-investor-rups__query.--pengumuman .query-input{
    width: unset;
    max-width: unset;
  }
}
.informasi-investor-rups__query.--pengumuman .query-input input::-webkit-input-placeholder{
  font-size: 0.75rem;
  line-height: 1rem;
}
.informasi-investor-rups__query.--pengumuman .query-input input::-moz-placeholder{
  font-size: 0.75rem;
  line-height: 1rem;
}
.informasi-investor-rups__query.--pengumuman .query-input input:-ms-input-placeholder{
  font-size: 0.75rem;
  line-height: 1rem;
}
.informasi-investor-rups__query.--pengumuman .query-input input::-ms-input-placeholder{
  font-size: 0.75rem;
  line-height: 1rem;
}
.informasi-investor-rups__query.--pengumuman .query-input input::placeholder{
  font-size: 0.75rem;
  line-height: 1rem;
}
@media (min-width: 768px){

  .informasi-investor-rups__query.--pengumuman .query-input input::-webkit-input-placeholder{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .informasi-investor-rups__query.--pengumuman .query-input input::-moz-placeholder{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .informasi-investor-rups__query.--pengumuman .query-input input:-ms-input-placeholder{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .informasi-investor-rups__query.--pengumuman .query-input input::-ms-input-placeholder{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .informasi-investor-rups__query.--pengumuman .query-input input::placeholder{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.query-input{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  border-radius: 30px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(207 207 207 / var(--tw-border-opacity));
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

@media (min-width: 768px){

  .query-input{
    width: 300px;
    gap: 0.75rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.query-input:focus-within{
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(37 37 37 / var(--tw-border-opacity));
}

.query-input.--dropdown{
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 130px !important;
  overflow: visible !important;
}

@media (min-width: 768px){

  .query-input.--dropdown{
    max-width: unset !important;
  }
}
.query-input.--dropdown.--full{
  max-width: none !important;
}
.query-input.--dropdown input{
  width: 100%;
}
@media (min-width: 1024px){

  .query-input.--dropdown input{
    width: 100px;
  }
}
.query-input.--dropdown .dropdown-items ul li .active{
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}
.query-input.--dropdown .informasi-investor-hero__dropdown__items{
  margin-top: 0.625rem;
  width: 100%;
}

.query-input.--short{
  width: 178px;
}
.query-input.--short input{
  width: 100px;
}

.query-input.--navigation{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 768px){

  .query-input.--navigation{
    display: none;
  }
}
.query-input.--navigation input::-webkit-input-placeholder{
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}
.query-input.--navigation input::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}
.query-input.--navigation input:-ms-input-placeholder{
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}
.query-input.--navigation input::-ms-input-placeholder{
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}
.query-input.--navigation input::placeholder{
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}

.query-input input:focus{
  border-style: none;
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.query-input button{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 24px;
  min-width: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.query-input button img{
  height: 1rem;
  width: 1rem;
}

@media (min-width: 1024px){

  .query-input button img{
    height: 1.5rem;
    width: 1.5rem;
  }
}

.informasi-investor__cards__title,
.informasi-investor__title{
  padding-bottom: 1.5rem;
  padding-top: 2.5rem;
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
.informasi-investor__cards__container.--presentasi-perusahaan
    .informasi-investor__cards__title{
  padding-top: 0px;
}

.informasi-investor__cards__subtitle{
  padding-bottom: 1rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
}

.informasi-investor__cards__wrapper{
  padding-top: 3rem;
  padding-bottom: 4rem;
}
.informasi-investor__cards__container.--keuangan-bulanan
    .informasi-investor__cards__wrapper{
  padding-top: 0px;
  padding-bottom: 1.5rem;
}
.informasi-investor__cards__container.--presentasi-perusahaan
    .informasi-investor__cards__wrapper{
  padding-top: 0px;
  padding-bottom: 3.5rem;
}
.informasi-investor__cards__container.--presentasi-perusahaan
    .informasi-investor__cards__wrapper:first-child{
  padding-top: 2.5rem;
}
.informasi-investor__cards__container.--rups
    .informasi-investor__cards__wrapper:not(:first-child){
  padding-top: 0px;
}

.informasi-investor__cards__wrapper.--striped:nth-child(even){
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity));
}

.informasi-investor__cards{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  row-gap: 24px;
}

@media (min-width: 640px){

  .informasi-investor__cards{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 768px){

  .informasi-investor__cards{
    row-gap: 56px;
  }
}

@media (min-width: 1024px){

  .informasi-investor__cards{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.informasi-investor__cards.--small{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 640px){

  .informasi-investor__cards.--small{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 768px){

  .informasi-investor__cards.--small{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
.informasi-investor__cards.--cols-4{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 640px){

  .informasi-investor__cards.--cols-4{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 768px){

  .informasi-investor__cards.--cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.informasi-investor__cards.--cols-3{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 640px){

  .informasi-investor__cards.--cols-3{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 768px){

  .informasi-investor__cards.--cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.informasi-investor__cards.--image{
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){

  .informasi-investor__cards.--image{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.informasi-investor__cards.--quartal{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){

  .informasi-investor__cards.--quartal{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.informasi-investor__cards.--triwulan,
.informasi-investor__cards.--booklet{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){

  .informasi-investor__cards.--triwulan,
.informasi-investor__cards.--booklet{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.informasi-investor__card{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 178px;
  -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;
  gap: 8px;
  border-radius: 0.375rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(242 242 242 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1.5rem;
}
.informasi-investor__cards.--small .informasi-investor__card{
  min-height: 110px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.informasi-investor__cards.--image .informasi-investor__card,
.informasi-investor__cards.--triwulan
    .informasi-investor__card:nth-child(even){
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 1.5rem;
  padding: 1rem;
}

.informasi-investor__cards.--booklet .informasi-investor__card{
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
  border-style: none;
  padding: 0px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 1024px){

  .informasi-investor__cards.--booklet .informasi-investor__card{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-right: 4rem;
  }
}

.informasi-investor__cards.--booklet
    .informasi-investor__card
    .informasi-investor__card__image{
  height: 218px;
  width: 10rem;
  overflow: hidden;
  border-radius: 0.75rem;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}

.informasi-investor__cards.--booklet
    .informasi-investor__card
    .informasi-investor__card__image
    img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
}

.informasi-investor__card p.file-size{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.informasi-investor__card .file-cta{
  margin-top: 0.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}
.informasi-investor__cards.--image .informasi-investor__card .file-cta{
  margin-top: 1rem;
}

.informasi-investor__card .file-cta .file-btn{
  height: 2rem;
  width: 2rem;
  cursor: pointer;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 167 / var(--tw-bg-opacity));
  padding: 0.5rem;
    background: radial-gradient( 83.33% 83.33% at 50.56% 133.33%, #90B5FF 17.05%, #125EFA 100% );
}

.informasi-investor__card .file-cta .file-btn i{
  display: block;
  height: 1rem;
  width: 1rem;
  vertical-align: middle;
}

.informasi-investor__card__image{
  position: static;
  width: 120px;
}

.informasi-investor__card > img{
  position: absolute;
  bottom: -16px;
  right: -16px;
  width: 155px;
}
.informasi-investor__cards.--small .informasi-investor__card > img{
  bottom: -10px;
  right: -12px;
  width: 96px;
}

.informasi-investor-rups__pagination .container{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}

.informasi-investor-rups__pagination .pagination-number ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.informasi-investor-rups__pagination .pagination-number ul li{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 36px;
  width: 36px;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0.75rem;
}

.informasi-investor-rups__pagination .pagination-number ul li:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(251 230 231 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(220 7 20 / var(--tw-text-opacity));
}

.informasi-investor-rups__pagination .pagination-number ul li.--is-active{
  --tw-bg-opacity: 1;
  background-color: rgb(220 7 20 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.informasi-investor-rups__pagination .pagination-number ul li.dotted{
  cursor: default;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

.informasi-investor-rups__pagination .pagination-toggle{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}

.informasi-investor-rups__pagination .pagination-toggle button{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1.5rem;
  width: 1.5rem;
}
/* End Investor Information */

/* Organization Structure */
.organization-structure{
  margin-top: 160px;
}

.conventional-cta-kpr__card.--organization-structure{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 195px;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 167 / var(--tw-bg-opacity));
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/governance-organization-structure/banner-next-page.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .conventional-cta-kpr__card.--organization-structure{
    height: 220px;
  }
}

.organization-structure-image img{
  height: auto;
  width: 100%;
}
/* End Organization Structure */

/* Tata Kelola - Manajemen */
.header-about-btn{
  margin-top: 5rem;
  min-height: 160px;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/investor-relations-rups/hero/banner.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.sidebar{
  top: 6rem;
  display: none;
  width: 100%;
  -ms-flex-item-align: start;
      align-self: flex-start;
  border-radius: 0.75rem;
  padding: 1.5rem;
}

@media (min-width: 768px){

  .sidebar{
    position: sticky;
    display: block;
    width: 100%;
  }
}

.sidebar {
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}

.sidebar .item{
  display: block;
  border-left-width: 4px;
  border-color: transparent;
  padding: 0.625rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(98 98 98 / var(--tw-text-opacity));
  opacity: 0.5;
}
.sidebar .item.active{
  border-left-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgb(255 0 0 / var(--tw-border-opacity));
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(18 94 250 / var(--tw-text-opacity));
  opacity: 1;
}

.sidebar-no-shadow{
  top: 6rem;
  width: 100%;
  -ms-flex-item-align: start;
      align-self: flex-start;
  border-radius: 0.75rem;
  padding: 1.5rem;
  padding-left: 0px;
  padding-top: 0px;
}

@media (min-width: 768px){

  .sidebar-no-shadow{
    position: sticky;
    width: 100%;
  }
}
.sidebar-no-shadow .item{
  display: block;
  border-left-width: 4px;
  padding: 0.625rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(98 98 98 / var(--tw-text-opacity));
  opacity: 0.5;
}
.sidebar-no-shadow .item.active{
  border-left-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgb(255 221 0 / var(--tw-border-opacity));
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
  opacity: 1;
}

.card-wrapper{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 3rem;
  text-align: center;
}

@media (min-width: 768px){

  .card-wrapper{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    text-align: left;
  }
}

.card-wrapper.--pengadaan{
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

@media (min-width: 768px){

  .card-wrapper.--pengadaan{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 3rem;
  }
}

@media (min-width: 1024px){

  .card-wrapper.--pengadaan{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.card-wrapper.--pengadaan .card{
  margin-bottom: 1rem;
  min-width: auto;
}
@media (min-width: 768px){

  .card-wrapper.--pengadaan .card{
    margin-bottom: 0px;
  }
}
.card-wrapper.--pengadaan .card .card-image > img{
  height: auto;
  min-width: auto;
}
.card-wrapper.--pengadaan .card .card-image .card-image-title{
  font-size: 0.75rem;
  line-height: 1rem;
}
.card-wrapper.--pengadaan .card .card-image .card-image-icon img{
  height: 1.5rem;
  width: 1.5rem;
}

.card-division.hide{
  display: none;
}

.card-person__cont{
  margin-left: auto;
  margin-right: auto;
  display: block;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  text-align: center;
}

@media (min-width: 768px){

  .card-person__cont{
    text-align: start;
  }
}

.card-person.--management{
  margin-left: auto;
  margin-right: auto;
  max-width: 218px;
}

@media (min-width: 768px){

  .card-person.--management{
    margin-left: 0px;
    margin-right: 0px;
  }
}

.card-person-image{
  margin-bottom: 1rem;
  overflow: hidden;
  border-radius: 0.5rem;
}
.card-person-title{
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.card-person-name{
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.card-person:hover .card-person-title{
  --tw-text-opacity: 1;
  color: rgb(37 37 37 / var(--tw-text-opacity));
}
.card-person:hover .card-person-name{
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}

.load-more{
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/governance-management/banner/banner-next-page.png");
}
.load-more.hide{
  display: none;
}
/* End Tata Kelola - Manajemen */

/* Tata Kelola - Detail Manajemen */
.carrier-list{
  position: relative;
}

.carrier-list:before{
  position: absolute;
  left: 7px;
  top: 5%;
  display: block;
  height: 100%;
  width: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 167 / var(--tw-bg-opacity));
}

@media (min-width: 768px){

  .carrier-list:before{
    top: 4px;
  }
}

.carrier-list:before {
    content: " ";
}
/* End Tata Kelola - Detail Manajemen */

/* Banner Qris */
.conventional-banner-qris{
  margin-top: 0.75rem;
  height: 620px;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-qris-btn-merchant/hero/banner-qris-btn-merchant-mobile.png");
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 2.25rem;
  text-align: center;
}
@media (min-width: 768px){

  .conventional-banner-qris{
    margin-top: 22px;
    height: 420px;
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-qris-btn-merchant/hero/banner-qris-btn-merchant.png");
    background-position: center;
  }
}
@media (min-width: 1024px){

  .conventional-banner-qris{
    padding-top: 72px;
  }
}
.conventional-banner-qris.--syariah-qris-btn-merchant{
  margin-top: 0.75rem;
  height: 650px;
  background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-qris-btn-merchant/hero/banner-syariah-qris-btn-merchant-mobile.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 2.25rem;
  text-align: center;
}
@media (min-width: 768px){

  .conventional-banner-qris.--syariah-qris-btn-merchant{
    margin: 0px;
    height: 300px;
    background-image: url("/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-qris-btn-merchant/hero/banner-unduh.jpg");
    padding-top: 0px;
  }
}
.conventional-banner-qris.--syariah-qris-btn-merchant
    .conventional-banner-qris__contents{
  margin-top: 400px;
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media (min-width: 768px){

  .conventional-banner-qris.--syariah-qris-btn-merchant
    .conventional-banner-qris__contents{
    margin: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
@media (min-width: 1024px){

  .conventional-banner-qris.--syariah-qris-btn-merchant
    .conventional-banner-qris__contents{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
.conventional-banner-qris__content.--syariah-qris-btn-merchant{
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}
.conventional-banner-qris__contents{
  margin-top: 350px;
}
@media (min-width: 768px){

  .conventional-banner-qris__contents{
    margin-top: 5%;
    margin-left: 52%;
  }
}
@media (min-width: 1024px){

  .conventional-banner-qris__contents{
    margin-top: 0px;
  }
}
.conventional-banner-qris__copy{
  margin-bottom: 0.75rem !important;
}
.conventional-banner-qris__copy p{
  text-align: center !important;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}
@media (min-width: 768px){

  .conventional-banner-qris__copy p{
    text-align: left !important;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.conventional-banner-qris h2{
  text-align: center !important;
}
@media (min-width: 768px){

  .conventional-banner-qris h2{
    text-align: left !important;
  }
}
.conventional-banner-qris__btns,
.conventional-banner-qris__btns a{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 768px){

  .conventional-banner-qris__btns,
.conventional-banner-qris__btns a{
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.conventional-banner-qris__btns a:not(:last-of-type){
  width: 48px !important;
}
.conventional-banner-qris__btns a:last-of-type{
  width: 89px !important;
}
.conventional-banner-qris.--syariah-qris-btn-merchant
    .conventional-banner-qris__btns
    a:last-of-type{
  display: none;
}
@media (min-width: 768px){

  .conventional-banner-qris.--syariah-qris-btn-merchant
    .conventional-banner-qris__btns
    a:last-of-type{
    display: block;
    width: 89px;
  }
}
/* End Banner Qris */
/* Syariah Landing */
.syariah-benefit{
  position: relative;
  height: 800px;
}
@media (min-width: 768px){

  .syariah-benefit{
    height: 51vw;
  }
}

.syariah-benefit .slick-slider{
  height: 100%;
}
.syariah-benefit .slick-list{
  height: 100%;
}
.syariah-benefit .slick-list .slick-track{
  height: 100%;
}
.syariah-benefit .container{
  position: relative;
  z-index: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -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;
}
@media (min-width: 768px){

  .syariah-benefit .container{
    display: block;
  }
}

.syariah-landing__berkah-item{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

@media (min-width: 768px){

  .syariah-landing__berkah-item{
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0.5rem;
    max-width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

@media (min-width: 1024px){

  .syariah-landing__berkah-item{
    margin-top: 10%;
  }
}

.syariah-landing__berkah-item-img{
  position: absolute;
  top: 0px;
  z-index: 10;
  display: none;
}

@media (min-width: 768px){

  .syariah-landing__berkah-item-img{
    display: block;
  }
}

.syariah-landing__berkah-item-img.mobile-img{
  position: absolute;
  top: 150px;
  left: 0px;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media (min-width: 640px){

  .syariah-landing__berkah-item-img.mobile-img{
    top: -48%;
  }
}

@media (min-width: 768px){

  .syariah-landing__berkah-item-img.mobile-img{
    display: none;
  }
}

.syariah-landing__berkah-counter-mobile{
  margin-bottom: 1.25rem;
}

@media (min-width: 1024px){

  .syariah-landing__berkah-counter-mobile{
    display: none;
  }
}
.syariah-landing__berkah-counter-mobile ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.75rem;
}
.syariah-landing__berkah-counter-mobile .counter-item{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
}
.syariah-landing__berkah-counter-mobile .counter-item .counter-number{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}
@media (min-width: 768px){

  .syariah-landing__berkah-counter-mobile .counter-item .counter-number{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.syariah-landing__berkah-counter-mobile .counter-item .counter-line{
  position: relative;
  display: none;
  height: 1px;
  width: 58px;
  --tw-bg-opacity: 1;
  background-color: rgb(207 207 207 / var(--tw-bg-opacity));
}
.syariah-landing__berkah-counter-mobile .counter-item .counter-line:before{
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  height: 100%;
  width: 34px;
  --tw-bg-opacity: 1;
  background-color: rgb(173 143 107 / var(--tw-bg-opacity));
    content: "";
}
.syariah-landing__berkah-counter-mobile
    .counter-item
    .counter-line.--line-1:before{
  width: 33.333333%;
}
.syariah-landing__berkah-counter-mobile
    .counter-item
    .counter-line.--line-2:before{
  width: 66.666667%;
}
.syariah-landing__berkah-counter-mobile
    .counter-item
    .counter-line.--line-3:before{
  width: 100%;
}
.syariah-landing__berkah-counter-mobile .counter-item.active .counter-line{
  display: block;
}

.syariah-landing__berkah-counter-desktop{
  margin-bottom: 26px;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}

@media (min-width: 1024px){

  .syariah-landing__berkah-counter-desktop{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.syariah-landing__berkah-counter-desktop .counter-line{
  position: relative;
  height: 1px;
  width: 58px;
  --tw-bg-opacity: 1;
  background-color: rgb(207 207 207 / var(--tw-bg-opacity));
}
.syariah-landing__berkah-counter-desktop .counter-line:before{
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  height: 100%;
  width: 34px;
  --tw-bg-opacity: 1;
  background-color: rgb(173 143 107 / var(--tw-bg-opacity));
    content: "";
}
.syariah-landing__berkah-counter-desktop .counter-line.--line-1:before{
  width: 33.333333%;
}
.syariah-landing__berkah-counter-desktop .counter-line.--line-2:before{
  width: 66.666667%;
}
.syariah-landing__berkah-counter-desktop .counter-line.--line-3:before{
  width: 100%;
}
.syariah-landing__berkah-counter-desktop .counter-number{
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}

.syariah-landing__berkah-title{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 640px){

  .syariah-landing__berkah-title{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 768px){

  .syariah-landing__berkah-title{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 1024px){

  .syariah-landing__berkah-title{
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.btn--syariah-landing-edu-more{
  position: relative;
  gap: 1rem;
}
.btn--syariah-landing-edu-more:before{
  position: absolute;
  top: 50%;
  right: 16px;
  height: 36px;
  width: 36px;
  --tw-translate-y: -50%;
  --tw-translate-x: 40%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 9999px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(173 143 107 / var(--tw-border-opacity));
    content: "";
}
.syariah-landing-edu-card{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 1.5rem;
     -moz-column-gap: 1.5rem;
          column-gap: 1.5rem;
  row-gap: 1rem;
}
.syariah-landing-edu-card:hover .syariah-landing-edu-card-image img{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.syariah-landing-edu-card-image-cont{
  max-width: 186px;
}
.syariah-landing-edu-card-image{
  overflow: hidden;
  border-radius: 0.75rem;
}
.syariah-landing-edu-card-image img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.syariah-landing-edu-card.--first-item{
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.syariah-landing-edu-card.--first-item .syariah-landing-edu-card-image-cont{
  max-width: 605px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}

.syariah-promo-slider{
  width: 100%;
  max-width: 640px;
}

@media (min-width: 1024px){

  .syariah-promo-slider{
    position: absolute;
    right: 0px;
    top: 50%;
    width: 60%;
    max-width: none;
    --tw-translate-y: -50%;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
.syariah-promo-slider .slick-slide{
  width: 100%;
  max-width: 640px;
}
@media (min-width: 1024px){

  .syariah-promo-slider .slick-slide{
    --tw-scale-x: .9;
    --tw-scale-y: .9;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
.syariah-promo-slider .slick-slide {
    -webkit-filter: blur(3px);
            filter: blur(3px);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
@media (min-width: 1024px){

  .syariah-promo-slider .slick-slide.slick-active{
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
.syariah-promo-slider .slick-slide.slick-active {
    -webkit-filter: blur(0px);
            filter: blur(0px);
}
.syariah-promo-card{
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 0.5rem;
}
.syariah-promo-card-image{
  height: 100%;
  width: 100%;
}
.syariah-promo-card-image img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
}
.syariah-promo-card-content{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -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;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.syariah-promo-card-title{
  max-width: 175px;
  font-weight: 700;
}
@media (min-width: 1024px){

  .syariah-promo-card-title{
    max-width: 250px;
    font-size: 22px;
  }
}
.syariah-promo-card-detail .detail-period{
  margin-bottom: 0.375rem;
  font-size: 10px;
}
@media (min-width: 1024px){

  .syariah-promo-card-detail .detail-period{
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
  }
}
.syariah-promo-card-detail .detail-cta{
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.syariah-promo-card-detail .detail-info{
  margin-top: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
}
/* End Syariah Landing */

/* Digital Mortgage */
/* Features */
.conventional-dm-features{
  min-height: 500px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-bottom: 2rem;
  padding-top: 3rem;
}

@media (min-width: 1024px){

  .conventional-dm-features .container{
    min-height: inherit;
  }
}

.conventional-dm-features__content{
  display: none;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 1024px){

  .conventional-dm-features__content{
    display: grid;
    min-height: inherit;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

.conventional-dm-features__nav{
  -webkit-box-ordinal-group: 10000;
      -ms-flex-order: 9999;
          order: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
}

@media (min-width: 1024px){

  .conventional-dm-features__nav{
    -webkit-box-ordinal-group: -9998;
        -ms-flex-order: -9999;
            order: -9999;
    grid-column: span 3 / span 3;
    min-height: inherit;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0px;
  }
}

.conventional-dm-features__nav button{
  height: 37px;
  width: 37px;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 221 0 / var(--tw-border-opacity));
  font-size: 2.25rem;
  line-height: 2.5rem;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.conventional-dm-features__nav button.disabled{
  --tw-grayscale: grayscale(100%);
  -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
          filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.conventional-dm-features__nav .toggle-up{
  --tw-rotate: 180deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 1024px){

  .conventional-dm-features__nav .toggle-up{
    --tw-rotate: -90deg;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.conventional-dm-features__nav .toggle-down{
  --tw-rotate: 0deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 1024px){

  .conventional-dm-features__nav .toggle-down{
    --tw-rotate: 90deg;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.conventional-dm-features__nav .toggle-up i{
  position: absolute;
  top: 0px;
  left: -13px;
  height: 37px;
  width: 37px;
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}

.conventional-dm-features__nav .toggle-down i{
  position: absolute;
  top: 0px;
  left: -13px;
  height: 37px;
  width: 37px;
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}

.conventional-dm-features__nav ul{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}

@media (min-width: 1024px){

  .conventional-dm-features__nav ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.conventional-dm-features__nav ul li{
  cursor: pointer;
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}

.conventional-dm-features__nav ul li.active{
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}

.conventional-dm-features__fig{
  position: relative;
  -webkit-box-ordinal-group: -9998;
      -ms-flex-order: -9999;
          order: -9999;
  height: 15rem;
}

@media (min-width: 1024px){

  .conventional-dm-features__fig{
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    grid-column: span 6 / span 6;
    height: 24rem;
  }
}

@media (min-width: 1536px){

  .conventional-dm-features__fig{
    height: 28rem;
  }
}

.conventional-dm-features__fig figure{
  height: 100%;
  width: 100%;
}

.conventional-dm-features__fig figure img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
}

@media (min-width: 768px){

  .conventional-dm-features__fig figure img{
    -o-object-fit: contain;
       font-family: "object-fit:contain";
       object-fit: contain;
  }
}

.conventional-dm-features__caption{
  position: relative;
  margin-left: 0.5rem;
  height: 10rem;
}

@media (min-width: 1024px){

  .conventional-dm-features__caption{
    grid-column: span 3 / span 3;
    height: unset;
  }
}

.conventional-dm-features__caption__text{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 1024px){

  .conventional-dm-features__caption__text{
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.conventional-dm-features__caption__text h3{
  margin-bottom: 0.625rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

.conventional-dm-features__caption__text p{
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  .conventional-dm-features__caption__text p{
    text-align: left;
  }
}

.conventional-dm-features__fig figure,
.conventional-dm-features__caption__text{
  visibility: hidden;
  position: absolute;
  top: 50%;
  left: 0px;
  --tw-translate-y: -50%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.conventional-dm-features__fig figure.active,
.conventional-dm-features__caption__text.active{
  visibility: visible;
  opacity: 1;
}
/* End Features */

/* Registration */
.tutorial-flow{
  padding-top: 7rem;
  padding-bottom: 8rem;
}
@media (min-width: 1024px){

  .tutorial-flow{
    padding-top: 9rem;
    padding-bottom: 10rem;
  }
}

.tutorial-flow__container{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  min-height: 220px;
  width: 100%;
  max-width: 1100px;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-template-rows: auto 1fr;
  -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
  row-gap: 0.625rem;
  border-radius: 1rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

@media (min-width: 768px){

  .tutorial-flow__container{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (min-width: 1024px){

  .tutorial-flow__container{
    min-height: 426px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    -webkit-column-gap: 1.5rem;
       -moz-column-gap: 1.5rem;
            column-gap: 1.5rem;
    padding-left: 3.5rem;
    padding-right: 3.5rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .tutorial-flow__container--short-ver{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

.tutorial-flow__step-container{
  position: relative;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  overflow-x: hidden;
}

@media (min-width: 768px){

  .tutorial-flow__step-container{
    grid-column: span 5 / span 5;
  }
}

@media (min-width: 1024px){

  .tutorial-flow__step-container{
    grid-column: span 3 / span 3;
  }

  .tutorial-flow__container--short-ver .tutorial-flow__step-container{
    grid-column: span 4 / span 4;
  }
}

.tutorial-flow__step-container ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  --tw-translate-x: 0px;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.tutorial-flow__step-container ul li{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 20%;
  min-width: 64px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.25rem;
}
@media (min-width: 1024px){

  .tutorial-flow__step-container ul li{
    min-width: 105px;
    gap: 0.5rem;
  }
}
.tutorial-flow__step-container ul li:before{
  position: absolute;
  top: 0px;
  right: 100%;
  height: 0.125rem;
  width: calc(100% - 16px);
  --tw-translate-x: 50%;
  --tw-translate-y: calc((16px / 2) - 50%);
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(114 158 252 / var(--tw-bg-opacity));
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  --tw-content: '';
  content: var(--tw-content);
}
@media (min-width: 1024px){

  .tutorial-flow__step-container ul li:before{
    height: 3px;
    width: calc(100% - 28px);
    --tw-translate-y: calc((28px / 2) - 50%);
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
.tutorial-flow__step-container ul li.active:before{
  --tw-bg-opacity: 1;
  background-color: rgb(18 94 250 / var(--tw-bg-opacity));
}
.tutorial-flow__step-container ul li:first-child:before{
  --tw-content: none;
  content: var(--tw-content);
}

.tutorial-flow__step-container ul li .step-number{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  width: 1rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(114 158 252 / var(--tw-border-opacity));
  font-size: 10px;
  --tw-text-opacity: 1;
  color: rgb(114 158 252 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  .tutorial-flow__step-container ul li .step-number{
    height: 1.75rem;
    width: 1.75rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.tutorial-flow__step-container ul li .step-text{
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  text-align: center;
  font-size: 10px;
  --tw-text-opacity: 1;
  color: rgb(110 110 110 / var(--tw-text-opacity));
}
@media (min-width: 1024px){

  .tutorial-flow__step-container ul li .step-text{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.tutorial-flow__step-container ul li.active .step-number{
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(18 94 250 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.tutorial-flow__step-container ul li.active .step-text{
  --tw-text-opacity: 1;
  color: rgb(18 94 250 / var(--tw-text-opacity));
}

.tutorial-flow__desc{
  -webkit-box-ordinal-group: 10000;
      -ms-flex-order: 9999;
          order: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  -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;
}

@media (min-width: 768px){

  .tutorial-flow__desc{
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    grid-column: span 4 / span 4;
  }
}

@media (min-width: 1024px){

  .tutorial-flow__desc{
    -webkit-box-ordinal-group: 10000;
        -ms-flex-order: 9999;
            order: 9999;
    grid-column: span 3 / span 3;
  }

  .tutorial-flow__container--short-ver .tutorial-flow__desc{
    grid-column: span 4 / span 4;
  }
}

.tutorial-flow__nav{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  padding: 0.5rem;
}

@media (min-width: 768px){

  .tutorial-flow__nav{
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

@media (min-width: 1024px){

  .tutorial-flow__nav{
    gap: 2.5rem;
  }
}

.tutorial-flow__nav button{
  position: relative;
  height: 22px;
  width: 22px;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(136 175 252 / var(--tw-border-opacity));
  font-size: 2.25rem;
  line-height: 2.5rem;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

@media (min-width: 1024px){

  .tutorial-flow__nav button{
    height: 2.25rem;
    width: 2.25rem;
  }
}

.tutorial-flow__nav button.disabled{
  --tw-border-opacity: 1;
  border-color: rgb(184 207 254 / var(--tw-border-opacity));
}

.tutorial-flow__nav .toggle-prev{
  --tw-scale-x: -1;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tutorial-flow__nav-info{
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(136 175 252 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  .tutorial-flow__nav-info{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.tutorial-flow__nav-info .tutorial-flow__nav-current{
  --tw-text-opacity: 1;
  color: rgb(65 127 251 / var(--tw-text-opacity));
}

.tutorial-flow__nav .toggle-prev i,
.tutorial-flow__nav .toggle-next i{
  position: absolute;
  top: 0px;
  left: -8px;
  font-size: 1.25rem;
  line-height: 1.75rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(65 127 251 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  .tutorial-flow__nav .toggle-prev i,
.tutorial-flow__nav .toggle-next i{
    left: -13px;
    font-size: 2.25rem;
    line-height: 2.5rem;
    line-height: 1;
  }
}

.tutorial-flow__nav .toggle-prev.disabled i,
.tutorial-flow__nav .toggle-next.disabled i{
  --tw-text-opacity: 1;
  color: rgb(184 207 254 / var(--tw-text-opacity));
}

.tutorial-flow__step-desc{
  text-align: center;
}

@media (min-width: 768px){

  .tutorial-flow__step-desc{
    text-align: start;
  }
}

.tutorial-flow__btn-container{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.625rem;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

@media (min-width: 768px){

  .tutorial-flow__btn-container{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.tutorial-flow__btn-container.hide{
  visibility: hidden;
  opacity: 0;
}

.tutorial-flow__fig-container{
  position: relative;
  width: 100%;
}

@media (min-width: 768px){

  .tutorial-flow__fig-container{
    grid-column: span 1 / span 1;
  }
}

@media (min-width: 1024px){

  .tutorial-flow__fig-container{
    grid-column: span 1 / span 1;
    grid-row: span 2 / span 2;
  }

  .tutorial-flow__container--short-ver .tutorial-flow__fig-container{
    grid-column: span 2 / span 2;
  }
}

.tutorial-flow__fig{
  left: 50%;
  margin-left: auto;
  margin-right: auto;
  max-height: 427px;
  width: 100%;
  max-width: 170px;
}

@media (min-width: 768px){

  .tutorial-flow__fig{
    position: absolute;
    max-width: 242px;
    --tw-translate-x: -50%;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

@media (min-width: 1024px){

  .tutorial-flow__fig{
    max-height: none;
  }
}
.tutorial-flow__picture{
  display: none;
  height: 100%;
  width: 100%;
}
.tutorial-flow__picture.active{
  display: block;
}
.tutorial-flow__img{
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     font-family: "object-fit:contain;object-position:center";
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.tutorial-flow__fig--ghost{
  margin-left: auto;
  margin-right: auto;
  display: none;
  width: 100%;
  max-width: 242px;
}

@media (min-width: 768px){

  .tutorial-flow__fig--ghost{
    display: block;
  }
}
.tutorial-flow__picture--ghost{
  width: 100%;
  padding-bottom: calc((360 / 242) * 100%);
}

.tutorial-flow__container.--syariah
    .tutorial-flow__step-container
    ul
    li.active:before{
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 167 / var(--tw-bg-opacity));
}
.tutorial-flow__container.--syariah
    .tutorial-flow__step-container
    ul
    li
    .step-number{
  --tw-text-opacity: 1;
  color: rgb(134 134 134 / var(--tw-text-opacity));
}
.tutorial-flow__container.--syariah
    .tutorial-flow__step-container
    ul
    li
    .step-text{
  --tw-text-opacity: 1;
  color: rgb(207 207 207 / var(--tw-text-opacity));
}
.tutorial-flow__container.--syariah
    .tutorial-flow__step-container
    ul
    li.active
    .step-number{
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 167 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.tutorial-flow__container.--syariah
    .tutorial-flow__step-container
    ul
    li.active
    .step-text{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
/* End Registration */
/* End Digital Mortgage */

/* Mobile Banking */

.conventional-mobile-guide{
  padding-top: 0px;
  padding-bottom: 1.25rem;
}

@media (min-width: 768px){

  .conventional-mobile-guide{
    padding-top: 3rem;
  }
}

@media (min-width: 1024px){

  .conventional-mobile-guide{
    padding-top: 8rem;
  }
}

.conventional-mobile-guide__feat{
  margin-top: 2.25rem;
  margin-bottom: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2.25rem;
}

@media (min-width: 768px){

  .conventional-mobile-guide__feat{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 1024px){

  .conventional-mobile-guide__feat{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.conventional-mobile-guide__feat.--mobile{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 768px){

  .conventional-mobile-guide__feat.--mobile{
    display: none;
  }
}

.conventional-mobile-guide__feat.--mobile
    .informasi-investor-hero__dropdown
    .ic-circle-sm{
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 167 / var(--tw-bg-opacity));
}

.conventional-mobile-guide__feat.--mobile
    .informasi-investor-hero__dropdown
    .ic-circle-sm
    img{
  display: none;
}
.conventional-mobile-guide__feat.--mobile
    .informasi-investor-hero__dropdown
    .ic-circle-sm
    img.--is-active{
  display: block;
}

.conventional-mobile-guide__feat.--mobile
    .informasi-investor-hero__dropdown__items{
  width: 100%;
}

.conventional-mobile-guide__feat.--mobile
    .informasi-investor-hero__dropdown__items
    ul
    li{
  padding: 1rem;
}

.conventional-mobile-guide__feat__btn,
.ic-circle-sm,
.ic-default,
.ic-active{
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.conventional-mobile-guide__feat__btn{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.75rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
.conventional-mobile-guide__feat__btn.active,
.conventional-mobile-guide__feat__btn:hover{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(18 94 250 / var(--tw-text-opacity));
}

.ic-circle-sm{
  position: relative;
  height: 2rem;
  width: 2rem;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 167 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 768px){

  .ic-circle-sm{
    height: 2.25rem;
    width: 2.25rem;
  }
}
.conventional-mobile-guide__feat__btn.active .ic-circle-sm,
.conventional-mobile-guide__feat__btn:hover .ic-circle-sm{
  --tw-bg-opacity: 1;
  background-color: rgb(18 94 250 / var(--tw-bg-opacity));
}

.ic-default,
.ic-active{
  position: absolute;
  top: 50%;
  left: 50%;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.ic-active{
  visibility: hidden;
  opacity: 0;
}
.conventional-mobile-guide__feat__btn.active .ic-active,
.conventional-mobile-guide__feat__btn:hover .ic-active{
  visibility: visible;
  opacity: 1;
}

.ic-default{
  visibility: visible;
  opacity: 1;
}
.conventional-mobile-guide__feat__btn.active .ic-default,
.conventional-mobile-guide__feat__btn:hover .ic-default{
  visibility: hidden;
  opacity: 0;
}

.conventional-mobile-guide__contents{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 1024px){

  .conventional-mobile-guide__contents{
    height: 540px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.conventional-mobile-guide__contents__fig,
.conventional-mobile-guide__contents__note{
  grid-column: span 1 / span 1;
}

.conventional-mobile-guide__contents__fig{
  position: relative;
  height: 352px;
}

@media (min-width: 1024px){

  .conventional-mobile-guide__contents__fig{
    height: 100%;
  }
}

.conventional-mobile-guide__contents__fig
    .conventional-mobile-guide__contents__fig__img
    img{
  visibility: hidden;
  position: absolute;
  top: 0px;
  left: -30px;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     font-family: "object-fit:contain";
     object-fit: contain;
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.conventional-mobile-guide__contents__fig
    .conventional-mobile-guide__contents__fig__img.active
    img{
  visibility: visible;
  opacity: 1;
}

.conventional-mobile-guide__tabbed__content__item{
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 1024px){

  .conventional-mobile-guide__tabbed__content__item{
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.conventional-mobile-guide__tabbed__content__item.active{
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.conventional-mobile-guide__contents__note__item{
  display: none;
  width: 100%;
  -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: flex-start;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

@media (min-width: 1024px){

  .conventional-mobile-guide__contents__note__item{
    visibility: hidden;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: unset;
    opacity: 0;
  }
}

.conventional-mobile-guide__contents__note__item.active{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 1024px){

  .conventional-mobile-guide__contents__note__item.active{
    visibility: visible;
    opacity: 1;
  }
}

.conventional-mobile-guide__tabbed{
  width: 100%;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media (min-width: 1024px){

  .conventional-mobile-guide__tabbed{
    width: unset;
    padding-left: 0px;
    padding-right: 170px;
  }
}

.conventional-mobile-guide__tabbed__nav{
  margin-top: 2.5rem;
  width: 100%;
}

@media (min-width: 1024px){

  .conventional-mobile-guide__tabbed__nav{
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.conventional-mobile-guide__tabbed__nav__item{
  width: 100%;
}

@media (min-width: 1024px){

  .conventional-mobile-guide__tabbed__nav__item{
    width: unset;
    min-width: 150px !important;
  }
}

.conventional-mobile-guide__tabbed__nav ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 1024px){

  .conventional-mobile-guide__tabbed__nav ul{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.conventional-mobile-guide__content__title{
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  .conventional-mobile-guide__content__title{
    text-align: left;
    font-size: 32px;
  }
}

.conventional-snk__list.--mobile-guide{
  margin-top: 0px;
  width: 100%;
}

.conventional-snk__list.--mobile-guide ul{
  margin-top: 2rem;
  height: 100%;
  max-height: 250px;
  gap: 0.75rem !important;
  overflow-y: auto;
}

.conventional-snk__list.--mobile-guide p{
  padding: 0px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
/* End Mobile Banking */

/* BTN Mobile Tutorial */
.btn-mobile__page__header{
  margin-top: 6rem;
}
@media (min-width: 1024px){

  .btn-mobile__page__header{
    margin-top: 9rem;
  }
}

.btn-mobile__page__header__contents{
  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-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
}

.btn-mobile__content__wrapper{
  max-width: 900px;
  padding-top: 0px !important;
}

.btn-mobile__step__title{
  margin-left: 1rem !important;
  text-align: left !important;
  font-size: 1.5rem !important;
  line-height: 2rem !important;
  font-weight: 600 !important;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  .btn-mobile__step__title{
    font-size: 2.25rem !important;
    line-height: 2.5rem !important;
  }
}

.conventional-mobile-guide__tabbed.--btn-mobile{
  margin-bottom: 0px !important;
  padding: 0px !important;
}

.conventional-mobile-guide__tabbed__nav__item.--btn-mobile{
  background-color: transparent;
}

.js-navbar-dropdown-item{
  display: none;
}
.js-navbar-dropdown-item.--is-active{
  display: block;
}
/* End BTN Mobile Tutorial */

/* Error Page */
.error-page {
    /* @apply mt-40 mb-20; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: calc(100vh - 55px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 5rem;
    padding-bottom: 5rem;
}
@media (min-width: 1024px){

  .error-page{
    min-height: calc(100vh - 70px);
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
}
.error-page--500{
  min-height: 100vh;
}

.error-page__fig{
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.error-page__img{
  margin-bottom: 2rem;
  width: 100%;
  max-width: 460px;
}
.error-page__img img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center";
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.error-page__title{
  margin-bottom: 0.625rem;
  font-size: 26px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
.error-page__description{
  margin-bottom: 0.625rem;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(110 110 110 / var(--tw-text-opacity));
}
.error-page--404 .error-page__description{
  max-width: 500px;
}
.error-page__btn{
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  padding-left: 6rem;
  padding-right: 6rem;
  font-weight: 500;
}
/* End Error Page */

/* Simulasi Deposito */
.input-group{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
@media (min-width: 1280px){

  .input-group{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.input-group .input-field{
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}

.input-group__btn{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 0.625rem;
}

.input-field{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}

.input-field__label{
  position: relative;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
.input-field__label__tooltip{
  visibility: hidden;
  position: absolute;
  top: 2.25rem;
  left: 50%;
  z-index: 1;
  width: 100%;
  max-width: 20rem;
  --tw-translate-x: -50%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(13 13 13 / var(--tw-bg-opacity));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  font-weight: 400 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.group:hover .input-field__label__tooltip{
  visibility: visible;
  opacity: 1;
}
@media (min-width: 768px){

  .input-field__label__tooltip{
    left: unset;
    top: 50%;
    margin-left: 0.625rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: none;
    --tw-translate-x: unset;
    --tw-translate-y: -50%;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
  }
}
@media (min-width: 1280px){

  .input-field__label__tooltip{
    width: 100%;
  }
}

.input-field__input{
  width: 100%;
  cursor: pointer;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(77 77 77 / var(--tw-text-opacity));
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}
.input-field__input.--readonly{
  cursor: not-allowed;
}
.input-field__input.--readonly:-moz-read-only{
  --tw-bg-opacity: 1;
  background-color: rgb(231 231 231 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}
.input-field__input.--readonly:read-only{
  --tw-bg-opacity: 1;
  background-color: rgb(231 231 231 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}

.input-field__dropdown,
.input-field__input{
  border-radius: 30px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(207 207 207 / var(--tw-border-opacity));
}
.input-field__dropdown{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.input-field__dropdown .input-field__input{
  border-radius: 30px;
  border-style: none !important;
  padding-right: 0px !important;
}

.input-field__dropdown__icon{
  --tw-rotate: 0deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.conv-landing-ecosystem__cover__arc-reactor.input-field__dropdown__icon .arc-reactor--1{
  --tw-scale-x: 2.5;
  --tw-scale-y: 2.5;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0.1;
}

.conv-landing-ecosystem__cover__arc-reactor.input-field__dropdown__icon .arc-reactor--2{
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
}

.conv-landing-ecosystem__cover__arc-reactor.input-field__dropdown__icon .arc-reactor--3{
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
}

.conv-landing-ecosystem__cover__arc-reactor.input-field__dropdown__icon .arc-reactor--4{
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0.1;
}

.conv-landing-ecosystem__cover__arc-reactor.input-field__dropdown__icon .arc-reactor--5{
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
}

.conv-landing-ecosystem__cover__preview.input-field__dropdown__icon .preview__section--1 {
    --tw-translate-x: -350%;
}

.conv-landing-ecosystem__cover__preview.input-field__dropdown__icon .preview__section--2 {
    --tw-translate-x: -250%;
}

.conv-landing-ecosystem__cover__preview.input-field__dropdown__icon .preview__section--3 {
    --tw-translate-x: -150%;
}

.conv-landing-ecosystem__cover__preview.input-field__dropdown__icon .preview__section--4 {
    --tw-translate-x: -50%;
}
.input-field__dropdown__icon.active{
  --tw-rotate: 180deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.input-field__dropdown__options{
  visibility: hidden;
  position: absolute;
  left: 0px;
  top: 100%;
  z-index: 10;
  margin-top: 0px;
  width: 100%;
  overflow: hidden;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(207 207 207 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  opacity: 0;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.input-field__dropdown__options.active{
  visibility: visible;
  margin-top: 0.625rem;
  opacity: 1;
}

.input-field__dropdown__option{
  margin: unset !important;
  width: 100%;
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  padding-left: 0.625rem !important;
  padding-right: 0.625rem !important;
  text-align: left;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.input-field__dropdown__option:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.deposito-simulation__body{
  margin-top: 2rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2.5rem;
}

@media (min-width: 1024px){

  .deposito-simulation__body{
    grid-template-columns: repeat(11, minmax(0, 1fr));
    gap: 72px;
  }
}

.deposito-simulation__calculator{
  grid-column: span 1 / span 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

@media (min-width: 768px){

  .deposito-simulation__calculator{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

@media (min-width: 1024px){

  .deposito-simulation__calculator{
    grid-column: span 5 / span 5;
  }
}

.deposito-simulation__result{
  grid-column: span 1 / span 1;
}

@media (min-width: 1024px){

  .deposito-simulation__result{
    grid-column: span 6 / span 6;
  }
}

.deposito-simulation__result__card{
  position: relative;
  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-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  overflow: hidden;
  border-radius: 30px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 167 / var(--tw-bg-opacity));
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}

.related-products__wrapper{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

@media (min-width: 768px){

  .related-products__wrapper{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px){

  .related-products__wrapper{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.related-products__article__card{
  overflow: hidden;
  border-radius: 0.5rem;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}

.related-products__article__thumbnail{
  height: 12rem;
  width: 100%;
}

.related-products__article__thumbnail img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center";
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.related-products__article__title{
  margin-bottom: 0.875rem;
  text-align: left !important;
  --tw-text-opacity: 1 !important;
  color: rgb(86 86 86 / var(--tw-text-opacity)) !important;
}
/* End Simulasi Deposito */

/* Reveal Effect */
.js-reveal{
  position: relative;
  opacity: 0;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 1000ms;
          transition-duration: 1000ms;
    -webkit-transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
            transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
}
.js-reveal.--is-reveal{
  opacity: 1;
}

.js-reveal.--opacity-translate{
  position: relative;
  --tw-translate-y: 150px;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 1000ms;
          transition-duration: 1000ms;
    -webkit-transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
            transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
}

.js-reveal.--opacity-translate.--is-reveal{
  --tw-translate-y: 0px;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
}

/* PDF Export */
/* General Styling */
.sticky-footer-container-item .heading-pdf{
  margin-top: 2rem;
  margin-bottom: 1rem;
  display: none;
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
.sticky-footer-container-item.--pdf .heading-pdf{
  display: block;
}

.sticky-footer-container-item .subheading-pdf{
  margin-top: 2rem;
  margin-bottom: 1rem;
  display: none;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
.sticky-footer-container-item.--pdf .subheading-pdf{
  display: block;
}

/* Plugin Issue: Shifted Down Item */
.sticky-footer-container-item.--pdf .accordion-faq dl > div dd ol .li__number,
.sticky-footer-container-item.--pdf .accordion-faq dl > div dd ol .li__content{
  padding-bottom: 0.5rem;
}

.sticky-footer-container-item.--pdf .nation span,
.sticky-footer-container-item.--pdf
    .priority-rates__tabbed__content__item
    .numbering,
.sticky-footer-container-item.--pdf .priority-rates__tabbed__content__item p,
.sticky-footer-container-item.--pdf
    .accordion-faq
    dl
    > div
    dt
    .dt__icon
    .bzi-arrow-down{
  padding-bottom: 1rem;
}

.sticky-footer-container-item.--pdf
    .conventional-banner-rates
    .conventional-banner-rates__contents
    h1,
.sticky-footer-container-item.--pdf .btn--primary,
.sticky-footer-container-item.--pdf .btn--secondary,
.sticky-footer-container-item.--pdf
    .conventional-rates__tabbed__content__item
    .number,
.sticky-footer-container-item.--pdf .js-tab__content-item .number,
.sticky-footer-container-item.--pdf
    .conventional-article
    article
    figure
    figcaption{
  padding-bottom: 2rem;
}

.sticky-footer-container-item.--pdf
    .conventional-cta-kpr__icon
    .bzi-arrow-outward{
  padding-bottom: 2.5rem;
}

.sticky-footer-container-item.--pdf .conventional-snk__list .bzi-check-circle{
  top: -6px;
}

/* Plugin Issue: Box Shadow */
.sticky-footer-container-item.--pdf .conventional-card-link__card,
.sticky-footer-container-item.--pdf .accordion-faq dl > div,
.sticky-footer-container-item.--pdf table.conventional__table,
.sticky-footer-container-item.--pdf .conventional-rates__tabbed__content table,
.sticky-footer-container-item.--pdf
    .conventional-pricing__table__content
    table{
  border-width: 2px;
  border-color: rgb(231 231 231 / 0.8);
    -webkit-box-shadow: none;
            box-shadow: none;
}

/* Plugin Issue: Text Stroke */
.sticky-footer-container-item.--pdf
    .conventional-register__list
    ul
    li
    span::before,
.sticky-footer-container-item.--pdf
    .syariah-register__contents
    ul
    li
    span::before,
.sticky-footer-container-item.--pdf
    .priority-register__list
    ul
    li
    span::before {
    content: "";
}

/* Hidden Content: PDF FaQ */
.sticky-footer-container-item.--pdf .accordion-faq dl > div dd{
  display: block;
}

/* Hidden Content: PDF Tab Menu */
.sticky-footer-container-item.--pdf .conventional-rates__tabbed__content__item,
.sticky-footer-container-item.--pdf
    .conventional-rates__contents
    > h2.--pdf-show,
.sticky-footer-container-item.--pdf
    .conventional-rates__contents.--syariah
    .conventional-title{
  display: block;
}

.sticky-footer-container-item.--pdf .conventional-rates__contents > h2,
.sticky-footer-container-item.--pdf .conventional-rates__tabbed__nav,
.conventional-rates__tabbed__pdf,
.conventional-solution__tabbed__pdf,
.conventional-register__tabbed__pdf,
.sticky-footer-container-item.--pdf .syariah-rates__tabbed__nav,
.priority-rates__contents .priority-title,
.sticky-footer-container-item.--pdf .priority-rates__tabbed__nav{
  display: none;
}

.sticky-footer-container-item.--pdf .conventional-rates__tabbed__pdf,
.sticky-footer-container-item.--pdf .conventional-solution__tabbed__pdf{
  margin-top: 1rem;
  display: block;
  padding-bottom: 2rem;
}

.sticky-footer-container-item.--pdf .priority-rates__tabbed__content__item,
.sticky-footer-container-item.--pdf .conventional-register__tabbed__pdf{
  display: block;
}

.sticky-footer-container-item.--pdf .conventional-register__tabbed__pdf{
  margin-bottom: 0px;
}

.sticky-footer-container-item.--pdf
    .conventional-register__tabbed__pdf.--skbdn{
  margin-top: 4rem;
  margin-bottom: 2rem;
}

/* Hidden Content: See More */
.sticky-footer-container-item.--pdf
    .conventional-rates__tabbed__content__item
    table
    tbody
    tr.hide{
  display: table-row;
}

/* Hidden Content: Card Types */
.sticky-footer-container-item.--pdf .conventional-tcard__image{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  max-width: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}

.sticky-footer-container-item.--pdf
    .conventional__tabbed__content__outside__item{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
}

.sticky-footer-container-item.--pdf
    .conventional__tabbed__content__outside__item
    img{
  width: 476px;
}

.sticky-footer-container-item.--pdf
    .conventional__tabbed__content__outside__item
    > div{
  display: block;
}

.sticky-footer-container-item.--pdf
    .conventional-tcard
    .conventional-rates__tabbed__content,
.sticky-footer-container-item.--pdf
    .conventional-tcard
    .conventional-rates__tabbed__nav{
  display: none;
}

/* Hidden Content: Card Designs */
.conventional-card-design__image,
.sticky-footer-container-item.--pdf .card-swapper__cont{
  display: none;
}
.sticky-footer-container-item.--pdf .conventional-card-design__image{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem;
}

/* Hidden Content: Ajukan Kartu Kredit */
.sticky-footer-container-item .conventional-register__list.--kartu-kredit.--pdf,
.sticky-footer-container-item.--pdf
    .conventional-features__wrapper--kartu-kredit{
  display: none;
}
.sticky-footer-container-item.--pdf
    .conventional-register__list.--kartu-kredit.--pdf{
  display: block;
}

/* Hidden Content: Fitur Internet Banking */
.sticky-footer-container-item.--pdf .conventional-features__wrapper,
.sticky-footer-container-item.--pdf .conventional-features__image,
.sticky-footer-container-item
    .conventional-features__contents.--internet-banking.--pdf{
  display: none;
}

.sticky-footer-container-item.--pdf .conventional-features .container{
  height: auto;
}
.sticky-footer-container-item.--pdf
    .conventional-features__contents.--internet-banking.--pdf{
  margin-top: 2.5rem;
  margin-bottom: 2rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem;
}
.conventional-features__contents.--internet-banking.--pdf section h5{
  margin-bottom: 0.25rem;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
.conventional-features__contents.--internet-banking.--pdf section p{
  text-align: center;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}

/* Hidden Content: Tab Menu */
.sticky-footer-container-item.--pdf .js-tab__nav{
  display: none;
}

.sticky-footer-container-item.--pdf .js-tab__content-item{
  display: block;
}

/* Hidden Content: Radio Menu */
.sticky-footer-container-item.--pdf .radio-menu__nav{
  display: none;
}

.sticky-footer-container-item.--pdf .js-radio-menu-content{
  display: block;
}

/* Remove Section */
.sticky-footer-container-item.--pdf .conventional-hero,
.sticky-footer-container-item.--pdf .conventional-banner-rates,
.sticky-footer-container-item.--pdf .conventional-banner-more-info,
.sticky-footer-container-item.--pdf .conventional-article,
.sticky-footer-container-item.--pdf .conventional-cta-kpr,
.sticky-footer-container-item.--pdf .conventional-card-link,
.sticky-footer-container-item.--pdf .conventional-promo-point-spekta,
.sticky-footer-container-item.--pdf .conventional-banner-transaction,
.sticky-footer-container-item.--pdf .btn,
.sticky-footer-container-item.--pdf .see-more,
.sticky-footer-container-item.--pdf .syariah-hero,
.sticky-footer-container-item.--pdf .syariah-banner-more-info,
.sticky-footer-container-item.--pdf .syariah-card-link,
.sticky-footer-container-item.--pdf .syariah-cta-kpr,
.sticky-footer-container-item.--pdf .priority-hero,
.sticky-footer-container-item.--pdf .priority-banner-rates,
.sticky-footer-container-item.--pdf .priority-banner-more-info,
.sticky-footer-container-item.--pdf .priority-article,
.sticky-footer-container-item.--pdf .priority-card-link,
.sticky-footer-container-item.--pdf .priority-cta-kpr{
  display: none;
}

/* Reduce Spacing */
.sticky-footer-container-item.--pdf .conventional-kpr{
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.sticky-footer-container-item.--pdf
    .conventional-rates__tabbed__content__item
    ul,
.sticky-footer-container-item.--pdf
    .conventional-rates__tabbed__content__item
    ul
    li:first-child,
.sticky-footer-container-item.--pdf
    .conventional-rates__tabbed__content__item
    ol
    li{
  margin-top: 0px;
}

.sticky-footer-container-item.--pdf
    .conventional-rates__tabbed__content__item
    ol
    li
    p{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.sticky-footer-container-item.--pdf
    .conventional-rates__tabbed__content__item
    ol
    li
    p
    span:nth-child(2){
  padding-bottom: 1rem;
}

.sticky-footer-container-item.--pdf .conventional-snk.--bisnis{
  padding-top: 0px;
  padding-bottom: 0px;
}

.sticky-footer-container-item.--pdf .conventional-snk,
.sticky-footer-container-item.--pdf .conventional-register,
.sticky-footer-container-item.--pdf .syariah-register,
.sticky-footer-container-item.--pdf .syariah-faq,
.sticky-footer-container-item.--pdf .priority-snk,
.sticky-footer-container-item.--pdf .priority-register,
.sticky-footer-container-item.--pdf .priority-faq{
  padding-top: 40px;
  padding-bottom: 40px;
}

/* PDF Loading State */
.pdf-download-loading{
  position: sticky;
  top: 0px;
  bottom: 0px;
  z-index: 50;
  display: none;
  height: 100vh;
  width: 100%;
}
.pdf-download-loading.--is-active{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.pdf-download-loading .loading-popup{
  position: relative;
  z-index: 20;
  margin: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 80%;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

@media (min-width: 768px){

  .pdf-download-loading .loading-popup{
    padding-left: 6rem;
    padding-right: 6rem;
  }
}

.pdf-download-loading .loading-popup .video-container{
  position: relative;
  height: 160px;
  overflow: hidden;
}

@media (min-width: 768px){

  .pdf-download-loading .loading-popup .video-container{
    height: 178px;
  }
}

.pdf-download-loading .loading-popup video{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  width: 200px;
}

@media (min-width: 768px){

  .pdf-download-loading .loading-popup video{
    width: 262px;
  }
}

.pdf-download-loading .loading-popup .loading-state-text{
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .pdf-download-loading .loading-popup .loading-state-text{
    font-size: 26px;
  }
}

.pdf-download-loading .overlay{
  position: absolute;
  top: 0px;
  z-index: 10;
  height: 100vh;
  width: 100%;
    background: rgba(0, 0, 0, 0.2);
}

/* PDF Page Break */
.page-break.--kpr-btn-platinum,
.page-break.--deposito-valas,
.page-break.--deposito-ritel,
.page-break.--pensiunan,
.page-break.--kartu-debit,
.page-break.--agunan-rumah,
.page-break.--fasilitas-bpjs,
.page-break.--kartu-kredit,
.page-break.--internet-banking,
.page-break.--payroll,
.page-break.--investa,
.page-break.--skbdn,
.page-break.--felas.--1,
.page-break.--felas.--2,
.page-break.--btn-solusi.--1,
.page-break.--btn-solusi.--2,
.page-break.--syariah-suka-suka,
.page-break.--syariah-debit,
.page-break.--priority-deposito-ritel{
  display: none;
}

.sticky-footer-container-item.--pdf .page-break.--deposito-ritel,
.sticky-footer-container-item.--pdf .page-break.--agunan-rumah,
.sticky-footer-container-item.--pdf .page-break.--investa{
  margin-top: 160px;
  display: block;
}

.sticky-footer-container-item.--pdf .page-break.--kpr-btn-platinum,
.sticky-footer-container-item.--pdf .page-break.--pensiunan,
.sticky-footer-container-item.--pdf .page-break.--giro-perorangan,
.sticky-footer-container-item.--pdf .page-break.--kartu-debit,
.sticky-footer-container-item.--pdf .page-break.--fasilitas-bpjs,
.sticky-footer-container-item.--pdf .page-break.--kartu-kredit,
.sticky-footer-container-item.--pdf .page-break.--btn-solusi.--1,
.sticky-footer-container-item.--pdf .page-break.--investa,
.sticky-footer-container-item.--pdf .page-break.--syariah-debit,
.sticky-footer-container-item.--pdf .page-break.--syariah-suka-suka{
  margin-top: 240px;
  display: block;
}

.sticky-footer-container-item.--pdf .page-break.--siap,
.sticky-footer-container-item.--pdf .page-break.--deposito-valas,
.sticky-footer-container-item.--pdf .page-break.--payroll,
.sticky-footer-container-item.--pdf .page-break.--felas.--2,
.sticky-footer-container-item.--pdf .page-break.--priority-deposito-ritel{
  margin-top: 320px;
  display: block;
}

.sticky-footer-container-item.--pdf .page-break.--ebatarapos{
  margin-top: 360px;
  display: block;
}
.sticky-footer-container-item.--pdf .page-break.--skbdn{
  margin-top: 412px;
  display: block;
}
.sticky-footer-container-item.--pdf .page-break.--felas.--1,
.sticky-footer-container-item.--pdf .page-break.--btn-solusi.--2{
  margin-top: 480px;
  display: block;
}

.sticky-footer-container-item.--pdf .page-break.--internet-banking{
  margin-top: 640px;
  display: block;
}
/* End PDF Export */

/* Icons BZI */
@font-face {
    font-family: "bz-icon";
    src: url("/National_Library/oe_/https://www.btn.co.id/assets/webfonts/bz-icon.eot?3okwzs");
    src: url("/National_Library/oe_/https://www.btn.co.id/assets/webfonts/bz-icon.eot?3okwzs#iefix") format("embedded-opentype"),
        url("/National_Library/oe_/https://www.btn.co.id/assets/webfonts/bz-icon.ttf?3okwzs") format("truetype"),
        url("/National_Library/oe_/https://www.btn.co.id/assets/webfonts/bz-icon.woff?3okwzs") format("woff"),
        url("/National_Library/oe_/https://www.btn.co.id/assets/webfonts/bz-icon.png?3okwzs#bz-icon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
/* End Icons */
@media (max-width: 480px){
  .sm\:mt-4{
    margin-top: 4rem;
  }
}

@media not all and (min-width: 768px){
    .max-md\:header-overlap.site-main{
    margin-top: 0px;
  }
}
@media (min-width: 768px){

    .md\:container{
    margin-left: auto;
    margin-right: auto;
    width: 92% !important;
    max-width: 960px;
  }

    @media (min-width: 768px){

    .md\:container{
      width: 94%;
    }
  }

    @media (min-width: 1280px){

    .md\:container{
      max-width: 1280px;
    }
  }
}
@media (min-width: 1024px){

    .lg\:container{
    margin-left: auto;
    margin-right: auto;
    width: 92% !important;
    max-width: 960px;
  }

    @media (min-width: 768px){

    .lg\:container{
      width: 94%;
    }
  }

    @media (min-width: 1280px){

    .lg\:container{
      max-width: 1280px;
    }
  }
}
@media (min-width: 768px){

  .md\:container{
    width: 100%;
  }

  @media (min-width: 480px){

    .md\:container{
      max-width: 480px;
    }
  }

  @media (min-width: 640px){

    .md\:container{
      max-width: 640px;
    }
  }

  @media (min-width: 768px){

    .md\:container{
      max-width: 768px;
    }
  }

  @media (min-width: 1024px){

    .md\:container{
      max-width: 1024px;
    }
  }

  @media (min-width: 1280px){

    .md\:container{
      max-width: 1280px;
    }
  }

  @media (min-width: 1536px){

    .md\:container{
      max-width: 1536px;
    }
  }
}
@media (min-width: 1024px){

  .lg\:container{
    width: 100%;
  }

  @media (min-width: 480px){

    .lg\:container{
      max-width: 480px;
    }
  }

  @media (min-width: 640px){

    .lg\:container{
      max-width: 640px;
    }
  }

  @media (min-width: 768px){

    .lg\:container{
      max-width: 768px;
    }
  }

  @media (min-width: 1024px){

    .lg\:container{
      max-width: 1024px;
    }
  }

  @media (min-width: 1280px){

    .lg\:container{
      max-width: 1280px;
    }
  }

  @media (min-width: 1536px){

    .lg\:container{
      max-width: 1536px;
    }
  }
    .lg\:bzi-arrow-right:before {
        content: "\e953";
    }
}
.last\:\!mb-0:last-child{
  margin-bottom: 0px !important;
}
.last\:mb-0:last-child{
  margin-bottom: 0px;
}
.last\:border-none:last-child{
  border-style: none;
}
.last\:pb-0:last-child{
  padding-bottom: 0px;
}
.hover\:bg-\[\#E8EAEF\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(232 234 239 / var(--tw-bg-opacity));
}
.hover\:bg-black-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(86 86 86 / var(--tw-bg-opacity));
}
.hover\:bg-white:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.hover\:bg-yellow:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 255 / var(--tw-bg-opacity));
}
.hover\:bg-yellow-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 204 / var(--tw-bg-opacity));
}
.hover\:text-primary:hover{
  --tw-text-opacity: 1;
  color: rgb(0 97 167 / var(--tw-text-opacity));
}
.hover\:text-primary-800:hover{
  --tw-text-opacity: 1;
  color: rgb(51 129 185 / var(--tw-text-opacity));
}
.group:hover .group-hover\:visible{
  visibility: visible;
}
.group:hover .group-hover\:mr-0{
  margin-right: 0px;
}
.group\/promo-card:hover .group-hover\/promo-card\:scale-125{
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:border-primaryRed{
  --tw-border-opacity: 1;
  border-color: rgb(255 0 0 / var(--tw-border-opacity));
}
.group:hover .group-hover\:border-yellow-800{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.group:hover .group-hover\:\!text-primary{
  --tw-text-opacity: 1 !important;
  color:  rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.group:hover .group-hover\:\!text-primaryBlue{
  --tw-text-opacity: 1 !important;
  color: rgb(18 94 250 / var(--tw-text-opacity)) !important;
}
.group:hover .group-hover\:text-primaryRed{
  --tw-text-opacity: 1;
  color: rgb(255 0 0 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-yellow{
  --tw-text-opacity: 1;
  color: rgb(255 0 0 / var(--tw-text-opacity));
}
.group:hover .group-hover\:opacity-100{
  opacity: 1;
}
@media not all and (min-width: 768px){

  .max-md\:w-1\/2{
    width: 50%;
  }
}
@media (min-width: 480px){

  .xs\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 640px){

  .sm\:absolute{
    position: absolute;
  }

  .sm\:left-0{
    left: 0px;
  }

  .sm\:right-0{
    right: 0px;
  }

  .sm\:top-0{
    top: 0px;
  }

  .sm\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .sm\:col-start-1{
    grid-column-start: 1;
  }

  .sm\:col-start-2{
    grid-column-start: 2;
  }

  .sm\:mx-auto{
    margin-left: auto;
    margin-right: auto;
  }

  .sm\:-mt-12{
    margin-top: -3rem;
  }

  .sm\:block{
    display: block;
  }

  .sm\:h-full{
    height: 100%;
  }

  .sm\:w-auto{
    width: auto;
  }

  .sm\:w-fit{
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }

  .sm\:w-full{
    width: 100%;
  }

  .sm\:max-w-\[50\%\]{
    max-width: 50%;
  }

  .sm\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:flex-row{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .sm\:items-end{
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }

  .sm\:bg-center{
    background-position: center;
  }

  .sm\:pl-14{
    padding-left: 3.5rem;
  }

  .sm\:pr-14{
    padding-right: 3.5rem;
  }
}
@media (min-width: 768px){

  .md\:static{
    position: static;
  }

  .md\:absolute{
    position: absolute;
  }

  .md\:sticky{
    position: sticky;
  }

  .md\:\!-bottom-\[4rem\]{
    bottom: -4rem !important;
  }

  .md\:\!left-\[160px\]{
    left: 160px !important;
  }

  .md\:-left-\[75px\]{
    left: -75px;
  }

  .md\:-top-\[50px\]{
    top: -50px;
  }

  .md\:-top-\[75px\]{
    top: -75px;
  }

  .md\:bottom-\[unset\]{
    bottom: unset;
  }

  .md\:left-\[unset\]{
    left: unset;
  }

  .md\:right-\[18px\]{
    right: 18px;
  }

  .md\:top-4{
    top: 1rem;
  }

  .md\:top-\[calc\(100\%\+14px\)\]{
    top: calc(100% + 14px);
  }

  .md\:z-0{
    z-index: 0;
  }

  .md\:order-first{
    -webkit-box-ordinal-group: -9998;
        -ms-flex-order: -9999;
            order: -9999;
  }

  .md\:col-span-3{
    grid-column: span 3 / span 3;
  }

  .md\:row-span-3{
    grid-row: span 3 / span 3;
  }

  .md\:m-0{
    margin: 0px;
  }

  .md\:mx-0{
    margin-left: 0px;
    margin-right: 0px;
  }

  .md\:mx-8{
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .md\:mx-auto{
    margin-left: auto;
    margin-right: auto;
  }

  .md\:my-auto{
    margin-top: auto;
    margin-bottom: auto;
  }

  .md\:\!mb-12{
    margin-bottom: 3rem !important;
  }

  .md\:\!mb-8{
    margin-bottom: 2rem !important;
  }

  .md\:-mt-6{
    margin-top: -1.5rem;
  }

  .md\:-mt-8{
    margin-top: -2rem;
  }

  .md\:mb-0{
    margin-bottom: 0px;
  }

  .md\:mb-1{
    margin-bottom: 0.25rem;
  }

  .md\:mb-1\.5{
    margin-bottom: 0.375rem;
  }

  .md\:mb-10{
    margin-bottom: 2.5rem;
  }

  .md\:mb-12{
    margin-bottom: 3rem;
  }

  .md\:mb-14{
    margin-bottom: 3.5rem;
  }

  .md\:mb-16{
    margin-bottom: 4rem;
  }

  .md\:mb-2{
    margin-bottom: 0.5rem;
  }

  .md\:mb-2\.5{
    margin-bottom: 0.625rem;
  }

  .md\:mb-3{
    margin-bottom: 0.75rem;
  }

  .md\:mb-5{
    margin-bottom: 1.25rem;
  }

  .md\:mb-6{
    margin-bottom: 1.5rem;
  }

  .md\:mb-8{
    margin-bottom: 2rem;
  }

  .md\:mb-9{
    margin-bottom: 2.25rem;
  }

  .md\:ml-11{
    margin-left: 2.75rem;
  }

  .md\:ml-2{
    margin-left: 0.5rem;
  }

  .md\:ml-4{
    margin-left: 1rem;
  }

  .md\:ml-5{
    margin-left: 1.25rem;
  }

  .md\:ml-6{
    margin-left: 1.5rem;
  }

  .md\:ml-\[-12px\]{
    margin-left: -12px;
  }

  .md\:ml-auto{
    margin-left: auto;
  }

  .md\:mr-5{
    margin-right: 1.25rem;
  }

  .md\:mt-0{
    margin-top: 0px;
  }

  .md\:mt-10{
    margin-top: 2.5rem;
  }

  .md\:mt-12{
    margin-top: 3rem;
  }

  .md\:mt-16{
    margin-top: 4rem;
  }

  .md\:mt-2{
    margin-top: 0.5rem;
  }

  .md\:mt-20{
    margin-top: 5rem;
  }

  .md\:mt-3{
    margin-top: 0.75rem;
  }

  .md\:mt-4{
    margin-top: 1rem;
  }

  .md\:mt-40{
    margin-top: 10rem;
  }

  .md\:mt-8{
    margin-top: 2rem;
  }

  .md\:mt-9{
    margin-top: 2.25rem;
  }

  .md\:\!block{
    display: block !important;
  }

  .md\:block{
    display: block;
  }

  .md\:flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .md\:\!hidden{
    display: none !important;
  }

  .md\:hidden{
    display: none;
  }

  .md\:h-10{
    height: 2.5rem;
  }

  .md\:h-8{
    height: 2rem;
  }

  .md\:h-\[180px\]{
    height: 180px;
  }

  .md\:h-\[200px\]{
    height: 200px;
  }

  .md\:h-\[300px\]{
    height: 300px;
  }

  .md\:h-\[310px\]{
    height: 310px;
  }

  .md\:h-\[37px\]{
    height: 37px;
  }

  .md\:h-\[412px\]{
    height: 412px;
  }

  .md\:h-auto{
    height: auto;
  }

  .md\:h-full{
    height: 100%;
  }

  .md\:min-h-\[48px\]{
    min-height: 48px;
  }

  .md\:min-h-\[700px\]{
    min-height: 700px;
  }

  .md\:min-h-\[800px\]{
    min-height: 800px;
  }

  .md\:min-h-\[calc\(100vh-70px\)\]{
    min-height: calc(100vh - 70px);
  }

  .md\:min-h-screen{
    min-height: 100vh;
  }

  .md\:\!w-\[400px\]{
    width: 400px !important;
  }

  .md\:\!w-\[716px\]{
    width: 716px !important;
  }

  .md\:\!w-\[unset\]{
    width: unset !important;
  }

  .md\:w-1\/2{
    width: 50%;
  }

  .md\:w-10{
    width: 2.5rem;
  }

  .md\:w-10\/12{
    width: 83.333333%;
  }

  .md\:w-3\/4{
    width: 75%;
  }

  .md\:w-4\/5{
    width: 80%;
  }

  .md\:w-8{
    width: 2rem;
  }

  .md\:w-\[180px\]{
    width: 180px;
  }

  .md\:w-\[200px\]{
    width: 200px;
  }

  .md\:w-\[224px\]{
    width: 224px;
  }

  .md\:w-\[300px\]{
    width: 300px;
  }

  .md\:w-\[334px\]{
    width: 334px;
  }

  .md\:w-\[37px\]{
    width: 37px;
  }

  .md\:w-\[392px\]{
    width: 392px;
  }

  .md\:w-\[420px\]{
    width: 420px;
  }

  .md\:w-\[516px\]{
    width: 516px;
  }

  .md\:w-\[528px\]{
    width: 528px;
  }

  .md\:w-\[541px\]{
    width: 541px;
  }

  .md\:w-\[594px\]{
    width: 594px;
  }

  .md\:w-\[600px\]{
    width: 600px;
  }

  .md\:w-\[602px\]{
    width: 602px;
  }

  .md\:w-\[706px\]{
    width: 706px;
  }

  .md\:w-\[80vw\]{
    width: 80vw;
  }

  .md\:w-\[89px\]{
    width: 89px;
  }

  .md\:w-\[calc\(33\%-20px\)\]{
    width: calc(33% - 20px);
  }

  .md\:w-\[unset\]{
    width: unset;
  }

  .md\:w-auto{
    width: auto;
  }

  .md\:w-fit{
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }

  .md\:w-max{
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }

  .md\:w-px{
    width: 1px;
  }

  .md\:min-w-\[130px\]{
    min-width: 130px;
  }

  .md\:min-w-\[150px\]{
    min-width: 150px;
  }

  .md\:min-w-\[180px\]{
    min-width: 180px;
  }

  .md\:min-w-\[224px\]{
    min-width: 224px;
  }

  .md\:min-w-\[594px\]{
    min-width: 594px;
  }

  .md\:min-w-\[744px\]{
    min-width: 744px;
  }

  .md\:\!max-w-\[unset\]{
    max-width: unset !important;
  }

  .md\:max-w-\[180px\]{
    max-width: 180px;
  }

  .md\:max-w-\[210px\]{
    max-width: 210px;
  }

  .md\:max-w-\[240px\]{
    max-width: 240px;
  }

  .md\:max-w-\[300px\]{
    max-width: 300px;
  }

  .md\:max-w-\[334px\]{
    max-width: 334px;
  }

  .md\:max-w-\[350px\]{
    max-width: 350px;
  }

  .md\:max-w-\[400px\]{
    max-width: 400px;
  }

  .md\:max-w-\[410px\]{
    max-width: 410px;
  }

  .md\:max-w-\[420px\]{
    max-width: 420px;
  }

  .md\:max-w-\[562px\]{
    max-width: 562px;
  }

  .md\:max-w-\[60\%\]{
    max-width: 60%;
  }

  .md\:max-w-\[640px\]{
    max-width: 640px;
  }

  .md\:max-w-\[650px\]{
    max-width: 650px;
  }

  .md\:max-w-\[700px\]{
    max-width: 700px;
  }

  .md\:max-w-\[80\%\]{
    max-width: 80%;
  }

  .md\:max-w-\[960px\]{
    max-width: 960px;
  }

  .md\:max-w-fit{
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }

  .md\:max-w-none{
    max-width: none;
  }

  .md\:flex-1{
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
  }

  .md\:flex-initial{
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }

  .md\:flex-none{
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }

  .md\:translate-x-0{
    --tw-translate-x: 0px;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .md\:scale-150{
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .md\:\!grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:grid-rows-3{
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .md\:flex-row{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .md\:flex-nowrap{
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .md\:items-start{
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .md\:\!justify-start{
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }

  .md\:justify-start{
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .md\:justify-end{
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

  .md\:justify-center{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .md\:justify-between{
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .md\:justify-evenly{
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }

  .md\:\!gap-6{
    gap: 1.5rem !important;
  }

  .md\:gap-0{
    gap: 0px;
  }

  .md\:gap-10{
    gap: 2.5rem;
  }

  .md\:gap-20{
    gap: 5rem;
  }

  .md\:gap-5{
    gap: 1.25rem;
  }

  .md\:gap-6{
    gap: 1.5rem;
  }

  .md\:gap-x-10{
    -webkit-column-gap: 2.5rem;
       -moz-column-gap: 2.5rem;
            column-gap: 2.5rem;
  }

  .md\:gap-x-16{
    -webkit-column-gap: 4rem;
       -moz-column-gap: 4rem;
            column-gap: 4rem;
  }

  .md\:gap-y-1{
    row-gap: 0.25rem;
  }

  .md\:gap-y-1\.5{
    row-gap: 0.375rem;
  }

  .md\:gap-y-4{
    row-gap: 1rem;
  }

  .md\:gap-y-6{
    row-gap: 1.5rem;
  }

  .md\:rounded-full{
    border-radius: 9999px;
  }

  .md\:rounded-md{
    border-radius: 0.375rem;
  }

  .md\:\!bg-\[url\(\'\.\.\/img\/about-btn\/esg\/sustainability-management\/hero\/bg_sustainability_lg\.jpg\'\)\]{
    background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/about-btn/esg/sustainability-management/hero/bg_sustainability_lg.jpg') !important;
  }

  .md\:bg-\[url\(\'\.\.\/img\/about-btn\/about-us\/history\/history-cover\.jpg\'\)\]{
    background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/about-btn/about-us/history/history-cover.jpg');
  }

  .md\:bg-\[url\(\'\.\.\/img\/about-btn\/about-us\/values\/bg-sect\.jpg\'\)\]{
    background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/about-btn/about-us/values/bg-sect.jpg');
  }

  .md\:bg-\[url\(\'\.\.\/img\/about-btn\/pengendalian-fraud\/bg-service\.jpg\'\)\]{
    background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/about-btn/pengendalian-fraud/bg-service.jpg');
  }

  .md\:bg-\[url\(\'\.\.\/img\/conventional-btn-mobile\/bg\/bg_info_lg\.jpg\'\)\]{
    background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-btn-mobile/bg/bg_info_lg.jpg');
  }

  .md\:bg-\[url\(\'\.\.\/img\/conventional-digital-mortgage\/bg\/bg_info_lg\.jpg\'\)\]{
    background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-digital-mortgage/bg/bg_info_lg.jpg');
  }

  .md\:bg-\[url\(\'\.\.\/img\/conventional-landing\/banner\/bg-product-overlay-lg\.svg\'\)\]{
    background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-landing/banner/bg-product-overlay-lg.svg');
  }

  .md\:bg-\[url\(\'\.\.\/img\/conventional-landing\/banner\/bg-product-overlay-transform-lg\.jpg\'\)\]{
    background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-landing/banner/bg-product-overlay-transform-lg.jpg');
  }

  .md\:bg-\[url\(\'\.\.\/img\/investor-relations\/bg-contact\.jpg\'\)\]{
    background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/investor-relations/bg-contact.jpg');
  }

  .md\:bg-\[url\(\'\.\.\/img\/investor-relations\/bg-report\.jpg\'\)\]{
    background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/investor-relations/bg-report.jpg');
  }

  .md\:bg-\[url\(\'\.\.\/img\/layanan-pengaduan\/bg-service\.jpg\'\)\]{
    background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/layanan-pengaduan/bg-service.jpg');
  }

  .md\:bg-\[url\(\'\.\.\/img\/syariah\/background\/banner-highlight\.png\'\)\]{
    background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/syariah/background/banner-highlight.png');
  }

  .md\:bg-none{
    background-image: none;
  }

  .md\:\!px-0{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .md\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  .md\:px-16{
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .md\:px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .md\:px-32{
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .md\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .md\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .md\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .md\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .md\:px-\[132px\]{
    padding-left: 132px;
    padding-right: 132px;
  }

  .md\:px-\[70px\]{
    padding-left: 70px;
    padding-right: 70px;
  }

  .md\:px-\[73px\]{
    padding-left: 73px;
    padding-right: 73px;
  }

  .md\:px-\[75px\]{
    padding-left: 75px;
    padding-right: 75px;
  }

  .md\:py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .md\:py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .md\:py-14{
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .md\:py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .md\:py-3\.5{
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
  }

  .md\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .md\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .md\:py-7{
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }

  .md\:py-9{
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }

  .md\:py-\[60px\]{
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .md\:\!pb-56{
    padding-bottom: 14rem !important;
  }

  .md\:pb-0{
    padding-bottom: 0px;
  }

  .md\:pb-1{
    padding-bottom: 0.25rem;
  }

  .md\:pb-10{
    padding-bottom: 2.5rem;
  }

  .md\:pb-12{
    padding-bottom: 3rem;
  }

  .md\:pb-5{
    padding-bottom: 1.25rem;
  }

  .md\:pb-9{
    padding-bottom: 2.25rem;
  }

  .md\:pb-\[120px\]{
    padding-bottom: 120px;
  }

  .md\:pb-\[18px\]{
    padding-bottom: 18px;
  }

  .md\:pb-\[52px\]{
    padding-bottom: 52px;
  }

  .md\:pb-\[calc\(\(161\/287\)\*100\%\)\]{
    padding-bottom: calc((161 / 287) * 100%);
  }

  .md\:pb-\[calc\(\(204\/336\)\*100\%\)\]{
    padding-bottom: calc((204 / 336) * 100%);
  }

  .md\:pb-\[calc\(\(272\/555\)\*100\%\)\]{
    padding-bottom: calc((272 / 555) * 100%);
  }

  .md\:pb-\[calc\(\(325\/433\)\*100\%\)\]{
    padding-bottom: calc((325 / 433) * 100%);
  }

  .md\:pb-\[calc\(\(348\/548\)\*100\%\)\]{
    padding-bottom: calc((348 / 548) * 100%);
  }

  .md\:pb-\[calc\(\(429\/958\)\*100\%\)\]{
    padding-bottom: calc((429 / 958) * 100%);
  }

  .md\:pb-\[calc\(\(72\/96\)\*100\%\)\]{
    padding-bottom: calc((72 / 96) * 100%);
  }

  .md\:pl-0{
    padding-left: 0px;
  }

  .md\:pt-0{
    padding-top: 0px;
  }

  .md\:pt-10{
    padding-top: 2.5rem;
  }

  .md\:pt-16{
    padding-top: 4rem;
  }

  .md\:pt-2{
    padding-top: 0.5rem;
  }

  .md\:pt-2\.5{
    padding-top: 0.625rem;
  }

  .md\:pt-20{
    padding-top: 5rem;
  }

  .md\:pt-40{
    padding-top: 10rem;
  }

  .md\:pt-6{
    padding-top: 1.5rem;
  }

  .md\:pt-8{
    padding-top: 2rem;
  }

  .md\:pt-9{
    padding-top: 2.25rem;
  }

  .md\:pt-\[60px\]{
    padding-top: 60px;
  }

  .md\:text-left{
    text-align: left;
  }

  .md\:text-center{
    text-align: center;
  }

  .md\:text-start{
    text-align: start;
  }

  .md\:\!text-4xl{
    font-size: 2.25rem !important;
    line-height: 2.5rem !important;
  }

  .md\:\!text-\[40px\]{
    font-size: 40px !important;
  }

  .md\:\!text-base{
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }

  .md\:\!text-lg{
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
  }

  .md\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .md\:text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .md\:text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .md\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }

  .md\:text-8xl{
    font-size: 6rem;
    line-height: 1;
  }

  .md\:text-\[22px\]{
    font-size: 22px;
  }

  .md\:text-\[26px\]{
    font-size: 26px;
  }

  .md\:text-\[28px\]{
    font-size: 28px;
  }

  .md\:text-\[32px\]{
    font-size: 32px;
  }

  .md\:text-\[37px\]{
    font-size: 37px;
  }

  .md\:text-\[40px\]{
    font-size: 40px;
  }

  .md\:text-\[90px\]{
    font-size: 90px;
  }

  .md\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .md\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .md\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .md\:font-bold{
    font-weight: 700;
  }

  .md\:font-medium{
    font-weight: 500;
  }

  .md\:font-semibold{
    font-weight: 600;
  }

  .md\:leading-normal{
    line-height: 1.5;
  }

  .md\:text-black-900{
    --tw-text-opacity: 1;
    color: rgb(37 37 37 / var(--tw-text-opacity));
  }

  .md\:text-primary{
    --tw-text-opacity: 1;
    color: rgb(0 97 167 / var(--tw-text-opacity));
  }

  .md\:text-red{
    --tw-text-opacity: 1;
    color: rgb(220 7 20 / var(--tw-text-opacity));
  }

  .md\:text-white{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }

  .md\:hover\:bg-black-100\/40:hover{
    background-color: rgb(231 231 231 / 0.4);
  }

  .group\/promo-card:hover .md\:group-hover\/promo-card\:-translate-y-2{
    --tw-translate-y: -0.5rem;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
@media (min-width: 1024px){

  .lg\:absolute{
    position: absolute;
  }

  .lg\:relative{
    position: relative;
  }

  .lg\:-top-20{
    top: -5rem;
  }

  .lg\:top-\[-120px\]{
    top: -120px;
  }

  .lg\:top-\[-90\]{
    top: -90;
  }

  .lg\:order-1{
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .lg\:order-2{
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .lg\:order-3{
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .lg\:mx-0{
    margin-left: 0px;
    margin-right: 0px;
  }

  .lg\:mx-8{
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .lg\:\!mb-0{
    margin-bottom: 0px !important;
  }

  .lg\:\!mb-6{
    margin-bottom: 1.5rem !important;
  }

  .lg\:\!mb-8{
    margin-bottom: 2rem !important;
  }

  .lg\:\!mt-32{
    margin-top: 8rem !important;
  }

  .lg\:mb-0{
    margin-bottom: 0px;
  }

  .lg\:mb-3{
    margin-bottom: 0.75rem;
  }

  .lg\:mb-3\.5{
    margin-bottom: 0.875rem;
  }

  .lg\:mb-4{
    margin-bottom: 1rem;
  }

  .lg\:ml-20{
    margin-left: 5rem;
  }

  .lg\:ml-9{
    margin-left: 2.25rem;
  }

  .lg\:ml-auto{
    margin-left: auto;
  }

  .lg\:mr-12{
    margin-right: 3rem;
  }

  .lg\:mr-auto{
    margin-right: auto;
  }

  .lg\:mt-0{
    margin-top: 0px;
  }

  .lg\:mt-1{
    margin-top: 0.25rem;
  }

  .lg\:mt-16{
    margin-top: 4rem;
  }

  .lg\:mt-20{
    margin-top: 5rem;
  }

  .lg\:mt-6{
    margin-top: 1.5rem;
  }

  .lg\:mt-\[42px\]{
    margin-top: 42px;
  }

  .lg\:block{
    display: block;
  }

  .lg\:\!flex{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .lg\:flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .lg\:grid{
    display: grid;
  }

  .lg\:\!hidden{
    display: none !important;
  }

  .lg\:hidden{
    display: none;
  }

  .lg\:h-\[345px\]{
    height: 345px;
  }

  .lg\:h-\[35px\]{
    height: 35px;
  }

  .lg\:h-\[500px\]{
    height: 500px;
  }

  .lg\:h-auto{
    height: auto;
  }

  .lg\:min-h-\[unset\]{
    min-height: unset;
  }

  .lg\:\!w-2\/5{
    width: 40% !important;
  }

  .lg\:\!w-3\/4{
    width: 75% !important;
  }

  .lg\:\!w-3\/5{
    width: 60% !important;
  }

  .lg\:\!w-\[216px\]{
    width: 216px !important;
  }

  .lg\:\!w-\[95\%\]{
    width: 95% !important;
  }

  .lg\:\!w-full{
    width: 100% !important;
  }

  .lg\:w-1\/4{
    width: 25%;
  }

  .lg\:w-3\/4{
    width: 75%;
  }

  .lg\:w-\[110\%\]{
    width: 110%;
  }

  .lg\:w-\[120px\]{
    width: 120px;
  }

  .lg\:w-\[200px\]{
    width: 200px;
  }

  .lg\:w-\[214px\]{
    width: 214px;
  }

  .lg\:w-\[45\%\]{
    width: 45%;
  }

  .lg\:w-auto{
    width: auto;
  }

  .lg\:w-fit{
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }

  .lg\:w-max{
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }

  .lg\:\!max-w-\[720px\]{
    max-width: 720px !important;
  }

  .lg\:max-w-\[200px\]{
    max-width: 200px;
  }

  .lg\:max-w-\[352px\]{
    max-width: 352px;
  }

  .lg\:max-w-\[360px\]{
    max-width: 360px;
  }

  .lg\:max-w-\[480px\]{
    max-width: 480px;
  }

  .lg\:max-w-\[50\%\]{
    max-width: 50%;
  }

  .lg\:max-w-\[644px\]{
    max-width: 644px;
  }

  .lg\:max-w-\[960px\]{
    max-width: 960px;
  }

  .lg\:\!grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .lg\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:flex-row{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .lg\:flex-row-reverse{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }

  .lg\:items-start{
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .lg\:items-center{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .lg\:\!gap-6{
    gap: 1.5rem !important;
  }

  .lg\:gap-0{
    gap: 0px;
  }

  .lg\:gap-12{
    gap: 3rem;
  }

  .lg\:gap-16{
    gap: 4rem;
  }

  .lg\:gap-2{
    gap: 0.5rem;
  }

  .lg\:gap-2\.5{
    gap: 0.625rem;
  }

  .lg\:gap-3{
    gap: 0.75rem;
  }

  .lg\:gap-4{
    gap: 1rem;
  }

  .lg\:gap-7{
    gap: 1.75rem;
  }

  .lg\:\!gap-x-\[52px\]{
    -webkit-column-gap: 52px !important;
       -moz-column-gap: 52px !important;
            column-gap: 52px !important;
  }

  .lg\:gap-x-10{
    -webkit-column-gap: 2.5rem;
       -moz-column-gap: 2.5rem;
            column-gap: 2.5rem;
  }

  .lg\:gap-x-20{
    -webkit-column-gap: 5rem;
       -moz-column-gap: 5rem;
            column-gap: 5rem;
  }

  .lg\:gap-x-5{
    -webkit-column-gap: 1.25rem;
       -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
  }

  .lg\:gap-y-12{
    row-gap: 3rem;
  }

  .lg\:\!bg-\[url\(\'\.\.\/img\/conventional-digital-mortgage\/hero\/hero\.jpg\'\)\]{
    background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-digital-mortgage/hero/hero.jpg') !important;
  }

  .lg\:\!bg-\[url\(\'\.\.\/img\/conventional-mobile-banking\/hero\/hero_lg\.jpg\'\)\]{
    background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-mobile-banking/hero/hero_lg.jpg') !important;
  }

  .lg\:\!bg-\[url\(\'\.\.\/img\/syariah-echannels-crm\/hero\/hero_lg\.jpg\'\)\]{
    background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-echannels-crm/hero/hero_lg.jpg') !important;
  }

  .lg\:\!bg-\[url\(\'\.\.\/img\/syariah-haji-dan-umroh\/hero\/banner_lg\.jpg\'\)\]{
    background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-haji-dan-umroh/hero/banner_lg.jpg') !important;
  }

  .lg\:bg-\[url\(\'\.\.\/img\/conventional-kartu-kredit\/hero\/banner-register\.png\'\)\]{
    background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-kartu-kredit/hero/banner-register.png');
  }

  .lg\:bg-\[url\(\'\.\.\/img\/conventional-landing\/product\/kpr-gaess-lg\.jpg\'\)\]{
    background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-landing/product/kpr-gaess-lg.jpg');
  }

  .lg\:bg-\[url\(\'\.\.\/img\/conventional-landing\/product\/kpr-tapera-lg\.jpg\'\)\]{
    background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-landing/product/kpr-tapera-lg.jpg');
  }

  .lg\:bg-\[url\(\'\.\.\/img\/conventional-landing\/product\/poin-spekta-lg\.jpg\'\)\]{
    background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-landing/product/poin-spekta-lg.jpg');
  }

  .lg\:bg-\[url\(\'\.\.\/img\/conventional-landing\/product\/tabungan-batara-lg\.jpg\'\)\]{
    background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-landing/product/tabungan-batara-lg.jpg');
  }

  .lg\:bg-\[url\(\'\.\.\/img\/conventional-landing\/product\/tabungan-bisnis-lg\.jpg\'\)\]{
    background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-landing/product/tabungan-bisnis-lg.jpg');
  }

  .lg\:bg-\[url\(\'\.\.\/img\/conventional-smart-residence\/register\/banner-register\.png\'\)\]{
    background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/conventional-smart-residence/register/banner-register.png');
  }

  .lg\:bg-\[url\(\'\.\.\/img\/syariah-bi-fast\/banner\/banner-step-transfer\.png\'\)\]{
    background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/syariah-bi-fast/banner/banner-step-transfer.png');
  }

  .lg\:bg-\[url\(\'\.\.\/img\/syariah\/product\/banner-product-1\.png\'\)\]{
    background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/syariah/product/banner-product-1.png');
  }

  .lg\:bg-\[url\(\'\.\.\/img\/syariah\/product\/banner-product-2\.png\'\)\]{
    background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/syariah/product/banner-product-2.png');
  }

  .lg\:bg-\[url\(\'\.\.\/img\/syariah\/product\/banner-product-3\.png\'\)\]{
    background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/syariah/product/banner-product-3.png');
  }

  .lg\:bg-\[url\(\'\.\.\/img\/syariah\/product\/banner-product-4\.png\'\)\]{
    background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/syariah/product/banner-product-4.png');
  }

  .lg\:bg-\[url\(\'\.\.\/img\/syariah\/product\/banner-product-5\.png\'\)\]{
    background-image: url('/National_Library/oe_/https://www.btn.co.id/assets/img/syariah/product/banner-product-5.png');
  }

  .lg\:bg-top{
    background-position: top;
  }

  .lg\:p-\[40px\]{
    padding: 40px;
  }

  .lg\:\!px-14{
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }

  .lg\:\!px-4{
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .lg\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:px-24{
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .lg\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .lg\:py-0{
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .lg\:py-28{
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .lg\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .lg\:py-\[100px\]{
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .lg\:\!pb-0{
    padding-bottom: 0px !important;
  }

  .lg\:\!pb-16{
    padding-bottom: 4rem !important;
  }

  .lg\:\!pb-3{
    padding-bottom: 0.75rem !important;
  }

  .lg\:\!pb-8{
    padding-bottom: 2rem !important;
  }

  .lg\:\!pb-\[0rem\]{
    padding-bottom: 0rem !important;
  }

  .lg\:\!pt-10{
    padding-top: 2.5rem !important;
  }

  .lg\:\!pt-20{
    padding-top: 5rem !important;
  }

  .lg\:\!pt-\[3rem\]{
    padding-top: 3rem !important;
  }

  .lg\:\!pt-\[92px\]{
    padding-top: 92px !important;
  }

  .lg\:pb-16{
    padding-bottom: 4rem;
  }

  .lg\:pb-\[30px\]{
    padding-bottom: 30px;
  }

  .lg\:pl-5{
    padding-left: 1.25rem;
  }

  .lg\:pr-16{
    padding-right: 4rem;
  }

  .lg\:pt-12{
    padding-top: 3rem;
  }

  .lg\:pt-16{
    padding-top: 4rem;
  }

  .lg\:pt-8{
    padding-top: 2rem;
  }

  .lg\:pt-9{
    padding-top: 2.25rem;
  }

  .lg\:pt-\[22px\]{
    padding-top: 22px;
  }

  .lg\:text-left{
    text-align: left;
  }

  .lg\:\!text-4xl{
    font-size: 2.25rem !important;
    line-height: 2.5rem !important;
  }

  .lg\:\!text-base{
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }

  .lg\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .lg\:text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .lg\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }

  .lg\:text-\[32px\]{
    font-size: 32px;
  }

  .lg\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .lg\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .lg\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .lg\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .lg\:font-medium{
    font-weight: 500;
  }

  .lg\:text-black-300{
    --tw-text-opacity: 1;
    color: rgb(182 182 182 / var(--tw-text-opacity));
  }

  .lg\:text-black-700{
    --tw-text-opacity: 1;
    color: rgb(86 86 86 / var(--tw-text-opacity));
  }

  .lg\:text-white{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
}
@media (min-width: 1280px){

  .xl\:mr-0{
    margin-right: 0px;
  }

  .xl\:h-auto{
    height: auto;
  }

  .xl\:w-full{
    width: 100%;
  }

  .xl\:min-w-\[50\%\]{
    min-width: 50%;
  }

  .xl\:max-w-\[296px\]{
    max-width: 296px;
  }

  .xl\:max-w-\[300px\]{
    max-width: 300px;
  }

  .xl\:max-w-max{
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
  }

  .xl\:\!grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .xl\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xl\:flex-row{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .xl\:gap-16{
    gap: 4rem;
  }

  .xl\:gap-20{
    gap: 5rem;
  }

  .xl\:pr-0{
    padding-right: 0px;
  }

  .xl\:pt-24{
    padding-top: 6rem;
  }
}