@import "main.css";

/* Common Element */
.--private input[type='radio'],
input[type='radio'].--private {
    accent-color: #798683;
    cursor: pointer;
}

.--private input[type="range"],
input[type="range"].--private {
    accent-color: #798683;
}

.--private .form-input:focus,
.form-input.--private:focus {
    --tw-border-opacity: 1;
    border-color: rgb(121 134 131 / var(--tw-border-opacity));
}

.--private .cta-link,
.cta-link.--private {
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}

    .--private .cta-link:hover,
    .cta-link.--private:hover {
        --tw-text-opacity: 1;
        color: rgb(148 158 156 / var(--tw-text-opacity));
    }

    .--private .cta-link.--underline,
    .cta-link.--underline.--private {
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        -webkit-text-decoration-color: #798683;
        text-decoration-color: #798683;
        text-decoration-thickness: 2px;
        text-underline-offset: 4px;
    }

.--private .see-more,
.see-more.--private {
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}

    .--private .see-more:hover,
    .see-more.--private:hover {
        --tw-text-opacity: 1;
        color: rgb(148 158 156 / var(--tw-text-opacity));
    }

.file-btn.--private,
.file-btn.btn--silver {
    height: 2rem;
    width: 2rem;
    cursor: pointer;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(121 134 131 / var(--tw-bg-opacity));
    padding: 0.5rem;
}

.filter__counter.--private,
.counter.--private {
    --tw-bg-opacity: 1;
    background-color: rgb(121 134 131 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.store-download-icon.--private {
    --tw-border-opacity: 1;
    border-color: rgb(121 134 131 / var(--tw-border-opacity));
}

.--private .checkbox-label,
.checkbox-label.--private {
    --tw-border-opacity: 1;
    border-color: rgb(61 61 61 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(61 61 61 / var(--tw-text-opacity));
}

    .--private .checkbox-label:hover,
    .checkbox-label.--private:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(242 243 243 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(148 158 156 / var(--tw-text-opacity));
    }

    .--private .checkbox-label.checked,
    .checkbox-label.checked.--private {
        --tw-border-opacity: 1;
        border-color: rgb(228 231 230 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(228 231 230 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(148 158 156 / var(--tw-text-opacity));
    }

.--private .query-input:focus-within {
    --tw-border-opacity: 1;
    border-color: rgb(121 134 131 / var(--tw-border-opacity));
}

.--private .query-input.--dropdown .dropdown-items ul li .active {
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}

.card-swapper__btn.--private {
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}

.arrow-more-cta.--private a span.circle {
    --tw-border-opacity: 1;
    border-color: rgb(121 134 131 / var(--tw-border-opacity));
}

.arrow-more-cta.--private a {
    font-weight: 400;
}

    .arrow-more-cta.--private a span {
        --tw-text-opacity: 1;
        color: rgb(121 134 131 / var(--tw-text-opacity));
    }
/* End Common Element */

/* Top Nav */
.top-nav.private.--black {
    --tw-bg-opacity: 1;
    background-color: rgb(18 20 21 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.top-nav.private div a.active,
.top-nav.private div a:hover,
.top-nav.private div a:hover i,
.top-nav.private .top-nav__menu > .menu__nav.active > .menu__cta,
.top-nav.private .top-nav__menu > .menu__nav > .menu__cta:hover {
    --tw-border-opacity: 1 !important;
    border-color: rgb(121 134 131 / var(--tw-border-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(121 134 131 / var(--tw-text-opacity)) !important;
}

.top-nav.private.--black .menu-dropdown__options .option__cta {
    --tw-text-opacity: 1;
    color: rgb(37 37 37 / var(--tw-text-opacity));
}

.top-nav.private .menu-dropdown__options .option__cta:hover,
.top-nav.private .menu-dropdown__options .option__cta.active {
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}

.top-nav.private .lang-dropdown button:hover {
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}

.top-nav.private.--black .lang-dropdown__options li a {
    --tw-text-opacity: 1;
    color: rgb(37 37 37 / var(--tw-text-opacity));
}

.top-nav.private .lang-dropdown__options li a.active {
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}

.top-nav.private.--black div a i {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
/* End Top Nav */

/* Sticky Header / Navbar */
@media (min-width: 1024px) {
    .sticky-header.private nav {
        min-height: 70px;
    }
}

.sticky-header.private.--black nav {
    background: none;
    background-color: rgb(0 0 0 / 0.2);
}

.sticky-header.private.--white nav {
    background: none;
    background-color: rgb(246 248 247 / 0.75);
}

.sticky-header.private.--no-stick {
    top: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

@media (min-width: 1024px) {
    .sticky-header.private.--no-stick {
        top: 45px;
        height: 72px;
    }
}

.sticky-header.private.--no-stick nav {
    border-radius: 0px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

@media (min-width: 1024px) {
    .sticky-header.private.--no-stick nav {
        padding-left: 72px;
        padding-right: 72px;
    }
}

.sticky-header.private:not(.--black) nav:not(.stick) {
    --tw-backdrop-blur: blur(0);
    -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);
}

@media (min-width: 768px) {
    .sticky-header.private:not(.--black) nav:not(.stick) {
        --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);
    }
}

.sticky-header.private nav .nav__list .nav__cta {
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}

    .sticky-header.private nav .nav__list .nav__cta:hover {
        --tw-border-opacity: 1;
        border-color: rgb(121 134 131 / var(--tw-border-opacity));
        --tw-text-opacity: 1;
        color: rgb(121 134 131 / var(--tw-text-opacity));
    }

.sticky-header.private nav .nav__list .nav__item.active .nav__cta,
.sticky-header.private nav .nav__list .nav__item.is-open .nav__cta,
.sticky-header.private nav .nav__list .nav__item .nav__cta.active {
    --tw-border-opacity: 1;
    border-color: rgb(121 134 131 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}

.sticky-header.private nav .nav__list .sub-nav__parent-title {
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}

.sticky-header.private.--black nav .nav__list .nav__cta {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

    .sticky-header.private.--black nav .nav__list .nav__cta:hover {
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity));
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }

.sticky-header.private.--black nav .nav__list .nav__item.active .nav__cta,
.sticky-header.private.--black nav .nav__list .nav__item.is-open .nav__cta,
.sticky-header.private.--black nav .nav__list .nav__item .nav__cta.active {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sticky-header.private.--white nav .nav__list .nav__cta {
    --tw-text-opacity: 1;
    color: rgb(61 61 61 / var(--tw-text-opacity));
}

    .sticky-header.private.--white nav .nav__list .nav__cta:hover {
        --tw-border-opacity: 1;
        border-color: rgb(61 61 61 / var(--tw-border-opacity));
        --tw-text-opacity: 1;
        color: rgb(61 61 61 / var(--tw-text-opacity));
    }

.sticky-header.private.--white nav .nav__list .nav__item.active .nav__cta,
.sticky-header.private.--white nav .nav__list .nav__item.is-open .nav__cta,
.sticky-header.private.--white nav .nav__list .nav__item .nav__cta.active {
    --tw-border-opacity: 1;
    border-color: rgb(61 61 61 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(61 61 61 / var(--tw-text-opacity));
}

.sticky-header.private nav .nav__list i {
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}

.sticky-header.private.--black nav .nav__list--mobile i {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sticky-header.private nav .nav__list .megamenu .sub-nav {
    /* @apply lg:!bg-[url("../img/private/header/megamenu-bg.jpg")] bg-right-bottom; */
}

@media (min-width: 1024px) {
    .sticky-header.private nav .nav__list .megamenu .sub-nav {
        background-image: none !important;
    }

    .nav__list .megamenu:not(.megamenu--four-level) .sub-nav {
        min-height: unset;
    }

    .sticky-header.private .nav__list .sub-nav .sub-nav__item.active .sub-nav__cta,
    .sticky-header.private
    .nav__list
    .sub-nav
    .sub-nav__item.on-select
    .sub-nav__cta,
    .sticky-header.private .nav__list .sub-nav .sub-nav__item .sub-nav__cta:hover {
        --tw-border-opacity: 1;
        border-color: rgb(121 134 131 / var(--tw-border-opacity));
    }
}

.sticky-header.private
.nav__list
.sub-nav
.sub-nav__item.active
.sub-nav__title,
.sticky-header.private
.nav__list
.sub-nav
.sub-nav__item.on-select
.sub-nav__title,
.sticky-header.private
.nav__list
.sub-nav
.sub-nav__item
.sub-nav__cta:hover
.sub-nav__title {
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
    .sticky-header.private
    .nav__list
    .sub-nav
    .sub-nav__item.active
    .sub-nav__title,
    .sticky-header.private
    .nav__list
    .sub-nav
    .sub-nav__item.on-select
    .sub-nav__title,
    .sticky-header.private
    .nav__list
    .sub-nav
    .sub-nav__item
    .sub-nav__cta:hover
    .sub-nav__title {
        --tw-text-opacity: 1 !important;
        color: rgb(121 134 131 / var(--tw-text-opacity)) !important;
    }
}

.sticky-header.private
.nav__list
.sub-nav
.sub-nav__item
.grand-sub-nav
.grand-sub-nav__item.active
.grand-sub-nav__title,
.sticky-header.private
.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(121 134 131 / var(--tw-text-opacity));
}

.sticky-header.private
.nav__list
.megamenu-cont__header
.header-main__cta
.header__title {
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}

.sticky-header.private
.nav__list
.megamenu-cont__main
.grand-sub-nav__cta:hover
.grand-sub-nav__title {
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}

.sticky-header.private
.nav__list
.megamenu-cont__main
.grand-grand-sub-nav__cta:hover
.grand-grand-sub-nav__title {
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}

.sticky-header.private
.nav__list
.sub-nav
.sub-nav__item.always-open
.sub-nav__cta-cont
.sub-nav__title-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5rem;
}

.sticky-header.private
.nav__list
.sub-nav
.sub-nav__item.always-open
.sub-nav__cta
.sub-nav__title {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-underline-offset: 4px;
}

@media (min-width: 1024px) {
    .sticky-header.private nav .nav__list .nav__login .sub-nav {
        max-width: 350px;
    }
}

.sticky-header.private nav .nav__list .nav__login .sub-nav .sub-nav__cta-cont {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.sticky-header.private nav .nav__list .nav__login .sub-nav .sub-nav__item .sub-nav__icon {
    max-width: 40px;
}

.sticky-header.private .btn--circled-bars {
    --tw-border-opacity: 1;
    border-color: rgb(121 134 131 / var(--tw-border-opacity));
}

.sticky-header.private.--black .btn--circled-bars {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.sticky-header.private .icon-bars span {
    --tw-bg-opacity: 1;
    background-color: rgb(121 134 131 / var(--tw-bg-opacity));
}

.sticky-header.private.--black .icon-bars span {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
/* End Sticky Header / Navbar */

/* Bottom Nav */
.bottom-nav.private {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .bottom-nav.private .bottom-nav__cta {
        width: 100%;
        max-width: 65px;
    }

@media (min-width: 640px) {
    .bottom-nav.private .bottom-nav__cta {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        max-width: none;
    }
}

.bottom-nav.private .bottom-nav__cta > span {
    max-width: 65px;
    line-height: 1;
}

@media (min-width: 640px) {
    .bottom-nav.private .bottom-nav__cta > span {
        max-width: none;
    }
}

.bottom-nav.private .bottom-nav__cta.active,
.bottom-nav.private .bottom-nav__cta.is-open {
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}

    .bottom-nav.private
    .bottom-nav__cta.active
    .bottom-nav__icon
    .ellipse:nth-child(2),
    .bottom-nav.private
    .bottom-nav__cta.is-open
    .bottom-nav__icon
    .ellipse:nth-child(2) {
        background: radial-gradient( 92.71% 92.71% at 50.56% -9.37%, #5E6B68 17.05%, #798683 100% );
    }

    .bottom-nav.private .bottom-nav__cta.active .bottom-nav__icon .ellipse__bubble,
    .bottom-nav.private
    .bottom-nav__cta.is-open
    .bottom-nav__icon
    .ellipse__bubble {
        left: 0.5rem;
        --tw-bg-opacity: 1;
        background-color: rgb(121 134 131 / var(--tw-bg-opacity));
        opacity: 0.7;
    }

.bottom-nav.private .bottom-nav__cta .bottom-nav__icon img {
    width: 1.5rem;
    -o-object-fit: contain;
    font-family: "object-fit:contain;object-position:center";
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}
/* End Bottom Nav */

/* Sticky Buttons */
.sticky-buttons button.btn--silver {
    -webkit-box-shadow: 0px 0px 0px 2px #D0DFFE26;
    box-shadow: 0px 0px 0px 2px #D0DFFE26;
}

    .sticky-buttons button.btn--silver:hover::before {
        visibility: visible;
        opacity: 1;
    }

    .sticky-buttons button.btn--silver::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( 137.5% 137.5% at 50.56% -9.37%, #3E4543 30%, #55605D 100% );
    }
/* End Sticky Buttons */

/* Overlay Contact Us */
.contact-us-popup.private .contact-us-popup__header h4,
.contact-us-popup.private .contact-us-popup__header p {
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}

.contact-us-popup.private .contact-us-popup__header .close-icon {
    --tw-border-opacity: 1;
    border-color: rgb(121 134 131 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}

.contact-us-popup.private .contact-us-popup__menu a:hover {
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}
/* End Overlay Contact Us */

/* Overlay Simulation */
.simulation-popup.private {
    top: 6rem;
    bottom: unset;
}

@media (min-width: 1024px) {
    .simulation-popup.private {
        top: unset;
        bottom: 2.5rem;
    }
}

.simulation-popup.private .close-icon {
    --tw-border-opacity: 1;
    border-color: rgb(121 134 131 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}

    .simulation-popup.private .close-icon:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(242 243 243 / var(--tw-bg-opacity));
    }

.simulation-popup.private .simulation-popup__menu a:hover {
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}
/* End Overlay Simulation */

/* Popup Global Search */
.global-search-popup.--private .global-search-cont__btn-close {
    --tw-border-opacity: 1;
    border-color: rgb(121 134 131 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}

    .global-search-popup.--private .global-search-cont__btn-close:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(242 243 243 / var(--tw-bg-opacity));
    }
/* End Popup Global Search */

/* Footer */
footer.private {
    --tw-border-opacity: 1;
    border-color: rgb(160 191 253 / var(--tw-border-opacity));
    background-image: url("../img/background/bg-footer-mobile-private.jpg");
}

@media (min-width: 768px) {
    footer.private {
        background-image: url("../img/background/bg-footer-large-private.jpg");
    }
}

footer.private .footer__menu {
    --tw-text-opacity: 1;
    color: rgb(231 231 231 / var(--tw-text-opacity));
}

    footer.private .footer__menu .menu__title {
        --tw-text-opacity: 1;
        color: rgb(182 182 182 / var(--tw-text-opacity));
    }

    footer.private .footer__menu .menu__icon {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }

    footer.private .footer__menu a {
        /* @apply hover:!text-black-300; */
    }
/* End Footer */

/* Hero */
.hero-banner.--private {
    position: relative;
}

    .hero-banner.--private .hero-banner__video-bg {
        position: absolute;
        inset: 0px;
        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;
    }

    .hero-banner.--private .hero-banner__copy {
        -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: 15rem;
        text-align: center;
    }

@media (min-width: 480px) {
    .hero-banner.--private .hero-banner__copy {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (min-width: 768px) {
    .hero-banner.--private .hero-banner__copy {
        padding-bottom: 14rem;
    }
}

@media (min-width: 1024px) {
    .hero-banner.--private .hero-banner__copy {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-bottom: 0.75rem;
        text-align: left;
    }
}

.hero-banner.--private.--landing .hero-banner__copy {
    position: relative;
    -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-top: 8rem;
    text-align: left;
}

@media (min-width: 768px) {
    .hero-banner.--private.--landing .hero-banner__copy {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 1024px) {
    .hero-banner.--private.--landing .hero-banner__copy {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 4rem;
    }
}

.hero-banner.--private .hero-banner__copy .hero-banner__title {
    margin-bottom: 1rem;
    width: 100%;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
    .hero-banner.--private .hero-banner__copy .hero-banner__title {
        margin-bottom: 0.75rem;
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}

.hero-banner.--private .hero-banner__copy .hero-banner__subtitle {
    margin-bottom: 0.75rem;
    width: 100%;
    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: 1024px) {
    .hero-banner.--private .hero-banner__copy .hero-banner__subtitle {
        font-size: 3rem;
        line-height: 1.25;
    }
}

.hero-banner.--private .hero-banner__copy .hero-banner__description {
    width: 100%;
    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-banner.--private .hero-banner__copy .hero-banner__description {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}

.hero-banner.--private.--landing .hero-banner__copy .hero-banner__subtitle {
    font-size: 2.25rem;
    line-height: 1.25;
    --tw-text-opacity: 1;
    color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
    .hero-banner.--private.--landing .hero-banner__copy .hero-banner__subtitle {
        margin-bottom: 0.875rem;
        font-size: 3rem;
        line-height: 1.25;
    }
}

.hero-banner.--private.--landing .hero-banner__copy .hero-banner__description {
    --tw-text-opacity: 1;
    color: rgb(86 86 86 / var(--tw-text-opacity));
}

.hero-banner.--private.--landing .hero-banner__copy-shadow {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    height: 200px;
    width: 600px;
    --tw-translate-x: -50%;
    --tw-translate-y: calc(calc(50% + 64px) * -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));
    background-color: rgb(99 99 99 / 0.4);
    --tw-blur: blur(40px);
    -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);
}

@media (min-width: 768px) {
    .hero-banner.--private.--landing .hero-banner__copy-shadow {
        display: block;
    }
}

.hero-banner.--private .hero-banner__floating-chat {
    position: static;
    height: 176px;
    width: 100%;
    max-width: 368px;
    --tw-translate-x: 0px;
    --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-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: transparent;
    padding: 0px !important;
}

@media (min-width: 768px) {
    .hero-banner.--private .hero-banner__floating-chat {
        max-height: 205px;
        width: 100%;
    }
}

.hero-banner.--private .hero-banner__floating-chat {
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .hero-banner.--private .hero-banner__floating-chat .hero-banner-floating-chat-dropdown__list {
        width: 100% !important;
    }

    .hero-banner.--private .hero-banner__floating-chat .hero-banner-floating-chat-dropdown__input {
        --tw-border-opacity: 1;
        border-color: rgb(121 134 131 / var(--tw-border-opacity));
    }

.hero-banner.--private .bubble-chat.right:before {
    --tw-border-opacity: 1;
    border-top-color: rgb(121 134 131 / var(--tw-border-opacity));
}

.hero-banner.--private .bubble-chat.left {
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}

.hero-banner.--private .bubble-chat.right {
    --tw-bg-opacity: 1;
    background-color: rgb(121 134 131 / var(--tw-bg-opacity));
}

.hero-banner.--private.--produk-dana .hero-banner__copy {
    padding: 0px;
    margin-bottom: 7rem;
}

@media (min-width: 640px) {
    .hero-banner.--private.--produk-dana .hero-banner__copy {
        margin-bottom: 0px;
    }
}

.hero-banner.--private.--produk-dana .hero-banner__copy .hero-banner__subtitle {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .hero-banner.--private.--produk-dana .hero-banner__copy .hero-banner__subtitle {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
}
/* End Hero */

/* Article Card */
.about-btn__article-card.private {
    text-align: left;
}

.group:hover .about-btn__article-card.private .card__content .card__title {
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}
/* End Article Card */

/* Tab Nav */
.js__tab.--private .js-tab-nav-item.active,
.js__tab.--private .js-tab-nav__item.active,
.conventional-rates__tabbed.--private .conventional-rates__tabbed__nav__item.active {
    --tw-border-opacity: 1;
    border-color: rgb(121 134 131 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}

.js-tab__nav.--list-nav > ul {
    -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: 1rem;
}

    .js-tab__nav.--list-nav > ul .js-tab-nav__item,
    .js-tab__nav.--list-nav > ul .js-tab-nav__item.active {
        border-style: none;
    }

    .js-tab__nav.--list-nav > ul .js-tab-nav__item {
        padding: 0px;
    }

        .js-tab__nav.--list-nav > ul .js-tab-nav__item.active::before {
            display: inline-block;
            height: 1px;
            width: 2.5rem;
            --tw-bg-opacity: 1;
            background-color: rgb(121 134 131 / var(--tw-bg-opacity));
            content: "";
        }

        .js-tab__nav.--list-nav > ul .js-tab-nav__item .item__cta {
            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: 150ms;
            transition-duration: 150ms;
        }

@media (min-width: 768px) {
    .js-tab__nav.--list-nav > ul .js-tab-nav__item .item__cta {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

.js-tab__nav.--list-nav > ul .js-tab-nav__item.active .item__cta {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
}

@media (min-width: 768px) {
    .js-tab__nav.--list-nav > ul .js-tab-nav__item.active .item__cta {
        font-size: 22px;
    }
}

.--private .js-tab__nav.--list-nav > ul .js-tab-nav__item.active,
.js-tab__nav.--list-nav.--private > ul .js-tab-nav__item.active {
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}

.js-tab__nav.--list-nav > ul .js-tab-nav__item > button {
    margin-top: 0px;
    padding: 0px;
}
/* End Tab Nav */

/* Tab Dropdown */
.informasi-investor-hero__navigation.--private .informasi-investor-hero__title {
    --tw-text-opacity: 1;
    color: rgb(61 61 61 / var(--tw-text-opacity));
}

.informasi-investor-hero__navigation.--private .informasi-investor-hero__dropdown .informasi-investor-hero__subtitle,
.informasi-investor-hero__dropdown.--private .informasi-investor-hero__subtitle {
    --tw-border-opacity: 1;
    border-color: rgb(121 134 131 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}

.informasi-investor-hero__navigation.--private .informasi-investor-hero__dropdown .informasi-investor-hero__dropdown-btn,
.informasi-investor-hero__dropdown.--private .informasi-investor-hero__dropdown-btn {
    --tw-border-opacity: 1;
    border-color: rgb(121 134 131 / var(--tw-border-opacity));
}

    .informasi-investor-hero__navigation.--private .informasi-investor-hero__dropdown .informasi-investor-hero__dropdown-btn i,
    .informasi-investor-hero__dropdown.--private .informasi-investor-hero__dropdown-btn i {
        --tw-text-opacity: 1;
        color: rgb(121 134 131 / var(--tw-text-opacity));
    }

.informasi-investor-hero__dropdown.--private .informasi-investor-hero__dropdown__items {
    width: 100%;
    min-width: unset;
}

@media (min-width: 640px) {
    .informasi-investor-hero__dropdown.--private .informasi-investor-hero__dropdown__items {
        min-width: 300px;
    }
}
/* End Tab Dropdown */

/* Landing */
/* Advantages */
.featured-advantages .featured-advantages__wrapper > .slider {
    height: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(13 13 13 / var(--tw-bg-opacity));
}

.featured-advantages .featured-advantages__wrapper .featured-advantages__item {
    height: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(108 108 108 / var(--tw-bg-opacity));
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 3.5rem;
    padding-bottom: 1.75rem;
}

    .featured-advantages .featured-advantages__wrapper .featured-advantages__item > .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: calc(100vh - 120px);
        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: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 2.5rem;
    }

@media (min-width: 768px) {
    .featured-advantages .featured-advantages__wrapper .featured-advantages__item > .container {
        height: calc(100vh - 120px);
        min-height: 700px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.featured-advantages .section-title {
    text-align: center;
}

@media (min-width: 768px) {
    .featured-advantages .section-title {
        padding-left: 2rem;
        text-align: left;
    }
}

.featured-advantages .featured-advantages__card {
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: 1.5rem;
    text-align: center;
}

@media (min-width: 768px) {
    .featured-advantages .featured-advantages__card {
        max-width: 450px;
        padding-left: 4rem;
        padding-right: 4rem;
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
        text-align: left;
    }
}

@media (min-width: 1024px) {
    .featured-advantages .featured-advantages__card {
        max-width: 600px;
    }
}

.featured-advantages .featured-advantages__card .card__title {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .featured-advantages .featured-advantages__card .card__title {
        font-size: 26px;
    }
}

.featured-advantages .featured-advantages__card .card__description {
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(110 110 110 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .featured-advantages .featured-advantages__card .card__description {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}

.featured-advantages .featured-advantages__wrapper .slick-list {
    position: relative;
}

.featured-advantages .featured-advantages__wrapper .slick-dots {
    position: absolute;
    top: 33.333333%;
    left: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 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));
    -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.5rem;
}

@media (min-width: 768px) {
    .featured-advantages .featured-advantages__wrapper .slick-dots {
        top: 50%;
        left: 2.5rem;
    }
}

@media (min-width: 1024px) {
    .featured-advantages .featured-advantages__wrapper .slick-dots {
        left: 4rem;
    }
}

.featured-advantages .featured-advantages__wrapper .slick-dots > li {
    height: 1.5rem;
    width: 0.125rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    opacity: 0.4;
    -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;
}

    .featured-advantages .featured-advantages__wrapper .slick-dots > li.slick-active {
        height: 3.5rem;
        opacity: 1;
    }

.featured-advantages .featured-advantages__wrapper .slick-dots li button:before {
    visibility: hidden;
}

.featured-advantages .featured-advantages__wrapper .dots-container {
    position: absolute;
    top: 33.333333%;
    left: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 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));
    -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.5rem;
}

@media (min-width: 768px) {
    .featured-advantages .featured-advantages__wrapper .dots-container {
        top: 50%;
        left: 2.5rem;
    }
}

@media (min-width: 1024px) {
    .featured-advantages .featured-advantages__wrapper .dots-container {
        left: 4rem;
    }
}

.featured-advantages .featured-advantages__wrapper .dots-container > .dot {
    height: 1.5rem;
    width: 0.125rem;
    cursor: pointer;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    opacity: 0.4;
    -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;
}

    .featured-advantages .featured-advantages__wrapper .dots-container > .dot.active {
        height: 3.5rem;
        opacity: 1;
    }
/* End Advantages */

/* Benefit */
.snk-customer-form-popup.--private .snk-customer-form-cont__btn-close {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(121 134 131 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}

    .snk-customer-form-popup.--private .snk-customer-form-cont__btn-close:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(242 243 243 / var(--tw-bg-opacity));
    }
.response-popup.--private .response__btn-close{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(121 134 131 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(121 134 131 / var(--tw-text-opacity));
}
.response-popup.--private .response__btn-close:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 243 / var(--tw-bg-opacity));
}
/* End Benefit */

/* Product Highlight */
.conv-landing-products__container.--private .conv-landing-products__wrapper {
    visibility: visible;
    opacity: 1;
}

.conv-landing-products__container.--private
.conv-landing-products__nav__dropdown {
    --tw-bg-opacity: 1;
    background-color: rgb(215 219 218 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}

.conv-landing-products__container.--private
.conv-landing-products__nav__dropdown__text {
    --tw-bg-opacity: 1;
    background-color: rgb(215 219 218 / var(--tw-bg-opacity));
}

.conv-landing-products__container.--private
.conv-landing-products__nav__dropdown
ul {
    --tw-bg-opacity: 1;
    background-color: rgb(215 219 218 / var(--tw-bg-opacity));
}

.conv-landing-products__container.--private
.conv-landing-products__nav__tabs {
    margin-top: 0px;
    background-color: rgb(255 255 255 / 0.3);
}

    .conv-landing-products__container.--private
    .conv-landing-products__nav__tabs
    .nav-tabs__btn {
        --tw-text-opacity: 1;
        color: rgb(86 86 86 / var(--tw-text-opacity));
    }

        .conv-landing-products__container.--private
        .conv-landing-products__nav__tabs
        .nav-tabs__btn.active {
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: rgb(121 134 131 / var(--tw-text-opacity));
        }

.conv-landing-products__container.--private
.conv-landing-products__cat__title {
    --tw-text-opacity: 1;
    color: rgb(37 37 37 / var(--tw-text-opacity));
}


.conv-landing-products__container.--private
.conv-landing-products__cat
ul
li
.checklist
.path2:before {
    margin: 0px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.conv-landing-products__container.--private
.conv-landing-products__cat
ul
li
p {
    --tw-text-opacity: 1;
    color: rgb(110 110 110 / var(--tw-text-opacity));
}

.conv-landing-products__container.--private .ic-check-circle-blue {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    background: linear-gradient(317.18deg, #5E6B68 -8.29%, #FFFFFF 107.04%);
}
/* End Product Highlight */

/* Privilege Card */
.highlight-privileges__item {
    width: 100%;
    max-width: 288px;
}

@media (min-width: 768px) {
    .highlight-privileges__item {
        max-width: none;
    }
}

.highlight-privileges__card {
    width: 100%;
}

    .highlight-privileges__card .card__picture {
        position: relative;
        display: block;
        width: 100%;
        overflow: hidden;
        border-radius: 0.5rem;
        padding-bottom: calc((476 / 288) * 100%);
    }

    .highlight-privileges__card .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;
    }

    .highlight-privileges__card .card__info {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        --tw-bg-opacity: 1;
        background-color: rgb(246 248 247 / var(--tw-bg-opacity));
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 1.75rem;
        padding-bottom: 1.75rem;
    }

    .highlight-privileges__card .card__title {
        min-height: 48px;
        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));
    }

    .highlight-privileges__card .card__overlay {
        visibility: hidden;
        position: absolute;
        inset: 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        --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));
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        --tw-bg-opacity: 1;
        background-color: rgb(233 233 233 / var(--tw-bg-opacity));
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 0.875rem;
        padding-bottom: 0.875rem;
        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;
    }

    .highlight-privileges__card:hover .card__overlay {
        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;
    }

    .highlight-privileges__card .card__overlay .card__body {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        --tw-text-opacity: 1;
        color: rgb(86 86 86 / var(--tw-text-opacity));
    }

.highlight-privileges__list--slider {
    position: relative;
}

    .highlight-privileges__list--slider .slick-track {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 1rem;
    }

    .highlight-privileges__list--slider
    .btn--slider-controller {
        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));
    }

        .highlight-privileges__list--slider
        .btn--slider-controller.slider__btn--prev {
            left: 0px;
        }

        .highlight-privileges__list--slider
        .btn--slider-controller.slider__btn--next {
            right: 0px;
        }

    .highlight-privileges__list--slider.--private
    .btn--slider-controller {
        --tw-text-opacity: 1;
        color: rgb(121 134 131 / var(--tw-text-opacity));
    }

        .highlight-privileges__list--slider.--private
        .btn--slider-controller.slick-disabled,
        .highlight-privileges__list--slider.--private
        .btn--slider-controller.disabled {
            display: none !important;
        }
/* End Privilege Card */

/* Persona Card */
.highlight-persona__item {
    width: 100%;
}

.highlight-persona__card.--private {
    width: 100%;
}

    .highlight-persona__card.--private .card__picture {
        position: relative;
        display: block;
        width: 100%;
        overflow: hidden;
        border-radius: 0.75rem;
        padding-bottom: calc((1 / 1) * 100%);
    }

    .highlight-persona__card.--private .card-picture__overlay {
        position: absolute;
        bottom: 0px;
        left: 0px;
        height: 150px;
        width: 100%;
        background: -webkit-gradient(linear, left bottom, left top, from(#0D0D0D), to(rgba(0, 0, 0, 0)));
        background: linear-gradient(0deg, #0D0D0D 0%, rgba(0, 0, 0, 0) 100%);
    }

    .highlight-persona__card.--private .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;
    }

    .highlight-persona__card.--private .card__info {
        position: absolute;
        bottom: 1.5rem;
        width: 100%;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

@media (min-width: 768px) {
    .highlight-persona__card.--private .card__info {
        bottom: 2.5rem;
    }
}

.highlight-persona__card.--private .card__title {
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
    .highlight-persona__card.--private .card__title {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

.highlight-persona__card.--private .card__description {
    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) {
    .highlight-persona__card.--private .card__description {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

.highlight-persona__card.--private .card__cta-icon {
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4rem;
    width: 4rem;
    -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(61 61 61 / var(--tw-border-opacity));
    font-size: 2.25rem;
    line-height: 2.5rem;
    --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;
}

    .highlight-persona__card.--private .card__cta-icon:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        --tw-text-opacity: 1 !important;
        color: rgb(121 134 131 / var(--tw-text-opacity)) !important;
    }

@media (min-width: 1024px) {
    .highlight-persona__card.--private .card__cta-icon {
        height: 68px;
        width: 68px;
    }
}

.highlight-persona__card.--private .card__back {
    visibility: hidden;
    position: absolute;
    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;
    gap: 0.875rem;
    background-image: url("../img/private/landing-old/persona/back-background.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 1.5rem;
    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) {
    .highlight-persona__card.--private .card__back {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
}

.highlight-persona__card.--private:hover .card__back {
    visibility: visible;
    opacity: 1;
}

.highlight-persona__list {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1.5rem;
}

@media (min-width: 640px) {
    .highlight-persona__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .highlight-persona__list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
/* End Persona Card */

/* Featured Services */
.featured-services .featured-services__wrapper {
    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) {
    .featured-services .featured-services__wrapper {
        -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;
    }
}

.featured-services .featured-services__wrapper .js-tab__content-item {
    border-radius: 0px !important;
}

.featured-services .featured-services__body {
    width: 100%;
}

@media (min-width: 768px) {
    .featured-services .featured-services__body {
        width: 500px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }
}

@media (min-width: 1024px) {
    .featured-services .featured-services__body {
        width: 700px;
    }
}

.featured-services .featured-services__image-cont {
    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;
}

.featured-services .featured-services__picture {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    padding-bottom: calc((1 / 1) * 100%);
}

.featured-services .featured-services__image {
    position: absolute;
    margin-top: 0px !important;
    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;
}

.featured-services .featured-services__detail {
    bottom: 0px;
    left: 0px;
    -webkit-box-ordinal-group: -9998;
    -ms-flex-order: -9999;
    order: -9999;
    width: 100%;
}

@media (min-width: 768px) {
    .featured-services .featured-services__detail {
        position: absolute;
        -webkit-box-ordinal-group: 10000;
        -ms-flex-order: 9999;
        order: 9999;
        padding-left: 4rem;
        padding-right: 4rem;
        padding-bottom: 4rem;
    }
}

.featured-services .service__description {
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .featured-services .service__description {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}

.query-input.--line,
.featured-services .query-input {
    border-radius: 0px;
    border-width: 0px;
    border-bottom-width: 4px;
    --tw-border-opacity: 1;
    border-color: rgb(121 134 131 / var(--tw-border-opacity));
    padding-left: 0px;
    padding-right: 0px;
}

    .query-input.--line.--dropdown input,
    .featured-services .query-input.--dropdown input {
        font-weight: 600;
        --tw-text-opacity: 1;
        color: rgb(121 134 131 / var(--tw-text-opacity));
    }

        .query-input.--line.--dropdown input::-webkit-input-placeholder, .featured-services .query-input.--dropdown input::-webkit-input-placeholder {
            font-weight: 600;
            --tw-text-opacity: 1;
            color: rgb(121 134 131 / var(--tw-text-opacity));
        }

        .query-input.--line.--dropdown input::-moz-placeholder, .featured-services .query-input.--dropdown input::-moz-placeholder {
            font-weight: 600;
            --tw-text-opacity: 1;
            color: rgb(121 134 131 / var(--tw-text-opacity));
        }

        .query-input.--line.--dropdown input:-ms-input-placeholder, .featured-services .query-input.--dropdown input:-ms-input-placeholder {
            font-weight: 600;
            --tw-text-opacity: 1;
            color: rgb(121 134 131 / var(--tw-text-opacity));
        }

        .query-input.--line.--dropdown input::-ms-input-placeholder, .featured-services .query-input.--dropdown input::-ms-input-placeholder {
            font-weight: 600;
            --tw-text-opacity: 1;
            color: rgb(121 134 131 / var(--tw-text-opacity));
        }

        .query-input.--line.--dropdown input::placeholder,
        .featured-services .query-input.--dropdown input::placeholder {
            font-weight: 600;
            --tw-text-opacity: 1;
            color: rgb(121 134 131 / var(--tw-text-opacity));
        }

    .query-input.--line.--dropdown > i,
    .featured-services .query-input.--dropdown > i {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
        font-size: 1.25rem;
        line-height: 1.75rem;
        --tw-text-opacity: 1;
        color: rgb(121 134 131 / var(--tw-text-opacity));
    }

@media (min-width: 768px) {
    .featured-services .js-tab__nav.--list-nav > ul .js-tab-nav__item .item__cta {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }

    .featured-services .js-tab__nav.--list-nav > ul .js-tab-nav__item.active .item__cta {
        font-size: 22px;
    }
}
/* End Featured Services */

/* Exclusivity */
.exclusivity .exclusivity__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;
    gap: 2rem;
}

@media (min-width: 768px) {
    .exclusivity .exclusivity__contents {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 60px;
        padding-left: 60px;
        padding-right: 60px;
    }
}

.exclusivity .content__picture {
    position: relative;
    margin-bottom: 0px !important;
    display: block;
    width: 100%;
    overflow: hidden;
    padding-bottom: calc((315 / 500) * 100%);
}

@media (min-width: 768px) {
    .exclusivity .content__picture {
        border-radius: 1.5rem;
    }
}

.exclusivity .content__image {
    position: absolute;
    margin-top: 0px !important;
    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;
}

.exclusivity .content__title {
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .exclusivity .content__title {
        text-align: left;
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

.exclusivity .content__description {
    text-align: center;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(110 110 110 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .exclusivity .content__description {
        text-align: left;
    }
}
/* End Exclusivity */

/* Featured Insight */
.featured-insight .featured-insight__list {
    display: grid;
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    row-gap: 1rem;
}

@media (min-width: 1024px) {
    .featured-insight .featured-insight__list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.featured-insight .featured-insight__list .featured-insight__item {
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(231 231 231 / var(--tw-border-opacity));
    padding-bottom: 1rem;
}

@media (min-width: 768px) {
    .featured-insight .featured-insight__list .featured-insight__item {
        border-bottom-width: 0px;
        border-right-width: 1px;
        padding-right: 1.5rem;
        padding-bottom: 0px;
    }
}

.featured-insight .featured-insight__highlight .highlight-card .card__picture {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 0.5rem;
    padding-bottom: calc((9 / 16) * 100%);
}

@media (min-width: 768px) {
    .featured-insight .featured-insight__highlight .highlight-card .card__picture {
        border-radius: 1.5rem;
        padding-bottom: calc((545 / 1224) * 100%);
    }
}

.featured-insight .featured-insight__highlight .highlight-card .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;
}

.featured-insight .featured-insight__highlight .highlight-card .card__overlay {
    visibility: hidden;
    position: absolute;
    inset: 0px;
    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-color: rgb(0 0 0 / 0.8);
    padding: 2rem;
    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;
}

.featured-insight .featured-insight__highlight .highlight-card:hover .card__overlay {
    visibility: visible;
    opacity: 1;
}

.featured-insight .featured-insight__highlight .highlight-card .card__overlay .overlay__contents {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 2.5rem;
}

@media (min-width: 768px) {
    .featured-insight .featured-insight__highlight .highlight-card .card__overlay .overlay__contents {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 3.5rem;
    }
}

@media (min-width: 1024px) {
    .featured-insight .featured-insight__highlight .highlight-card .card__overlay .overlay__contents {
        gap: 76px;
    }
}

.featured-insight .featured-insight__highlight .highlight-card .card__overlay .card__body {
    grid-column: span 3 / span 3;
    justify-self: center;
}

@media (min-width: 768px) {
    .featured-insight .featured-insight__highlight .highlight-card .card__overlay .card__body {
        grid-column: span 1 / span 1;
    }
}

.featured-insight .featured-insight__highlight .highlight-card .card__overlay .card__title {
    text-align: left;
    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) {
    .featured-insight .featured-insight__highlight .highlight-card .card__overlay .card__title {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

.featured-insight .featured-insight__highlight .highlight-card .card__overlay .card__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    text-align: left;
    row-gap: 0.5rem;
    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) {
    .featured-insight .featured-insight__highlight .highlight-card .card__overlay .card__detail {
        -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;
    }
}

.featured-insight .featured-insight__highlight .highlight-card .card__overlay .card__detail hr {
    display: none;
    height: 1rem;
    width: 1px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 768px) {
    .featured-insight .featured-insight__highlight .highlight-card .card__overlay .card__detail hr {
        display: block;
    }
}

.featured-insight .featured-insight__highlight .highlight-card .card__overlay .card__cta {
    grid-column: span 2 / span 2;
    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) {
    .featured-insight .featured-insight__highlight .highlight-card .card__overlay .card__cta {
        grid-column: span 1 / span 1;
    }
}

.featured-insight .featured-insight__highlight .highlight-card .card__overlay .icon-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 3rem;
    width: 3rem;
    -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(121 134 131 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .featured-insight .featured-insight__highlight .highlight-card .card__overlay .icon-cont {
        height: 72px;
        width: 72px;
    }
}

.featured-insight .featured-insight__list .featured-insight__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
}

@media (min-width: 768px) {
    .featured-insight .featured-insight__list .featured-insight__card {
        gap: 1.5rem;
    }
}

.featured-insight .featured-insight__list .featured-insight__card .card__image-cont {
    width: 100%;
    max-width: 184px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.featured-insight .featured-insight__list .featured-insight__card .card__picture {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 0.375rem;
    padding-bottom: calc((105 / 184) * 100%);
}

.featured-insight .featured-insight__list .featured-insight__card .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;
}

.featured-insight .featured-insight__list .featured-insight__card .card__title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-align: left;
    --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 .featured-insight__card .card__title {
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}

.featured-insight__card .video-duration-badge {
    border-radius: 0.5rem;
    background-color: rgb(13 13 13 / 0.5);
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
    font-size: 10px;
}

    .featured-insight__card .video-duration-badge .icon-cont {
        height: 1rem;
        width: 1rem;
        --tw-text-opacity: 1;
        color: rgb(121 134 131 / var(--tw-text-opacity));
    }
/* End Featured Insight */

/* Highlight Magazines */
.highlight-magazines .highlight-magazines__wrapper {
    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.5rem;
    padding-bottom: 2rem;
}

@media (min-width: 768px) {
    .highlight-magazines .highlight-magazines__wrapper {
        -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: 4rem;
        padding-bottom: 0px;
    }
}

.highlight-magazines .highlight-magazines__list-cont {
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 60px;
}

@media (min-width: 768px) {
    .highlight-magazines .highlight-magazines__list-cont {
        height: 700px;
        max-width: 700px;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        padding-bottom: 60px;
    }
}

.highlight-magazines .highlight-magazines__list {
    width: 100%;
}

.highlight-magazines .highlight-magazines__list--single{
  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;
}

.highlight-magazines .highlight-magazines__list--slider .slick-track {
    padding-bottom: 0.25rem;
}

.highlight-magazines .highlight-magazine__item {
    width: 100%;
    max-width: 280px;
}

@media (min-width: 768px) {
    .highlight-magazines .highlight-magazine__item {
        max-width: 308px;
    }
}

.highlight-magazines .highlight-magazines__list--slider .slick-slide {
    --tw-translate-x: 12.5%;
    --tw-scale-x: 60%;
    --tw-scale-y: 60%;
    -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.4;
    -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);
}

.highlight-magazines .highlight-magazines__list--slider .slick-current {
    --tw-translate-x: 0px;
    --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;
}

.highlight-magazines .highlight-magazines__list--slider .slick-slide.slick-current ~ .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));
}

.highlight-magazines .highlight-magazine__image-cont {
    position: relative;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 246 / var(--tw-bg-opacity));
    padding: 1rem;
    --tw-shadow: 0px 5px 13px 0px #00000040;
    --tw-shadow-colored: 0px 5px 13px 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);
}

.highlight-magazines .highlight-magazine__picture {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    padding-bottom: calc((350 / 263) * 100%);
}

.highlight-magazines .highlight-magazine__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;
}

.highlight-magazines .highlight-magazine__image-cont .card__overlay {
    visibility: hidden;
    position: absolute;
    inset: 0px;
    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-color: rgb(0 0 0 / 0.8);
    padding: 2rem;
    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;
}

.highlight-magazines__list--single .highlight-magazine__item .highlight-magazine__image-cont:hover .card__overlay,
.highlight-magazines__list--slider .highlight-magazine__item.slick-current .highlight-magazine__image-cont:hover .card__overlay {
    visibility: visible;
    opacity: 1;
}

.highlight-magazines .highlight-magazine__image-cont .card__overlay .file-btn {
    -webkit-box-shadow: 0px 0px 0px 2px #2e2e2e33;
    box-shadow: 0px 0px 0px 2px #2e2e2e33;
}
/* End Highlight Magazines */
/* End Landing */

/* Private Product Detail */
/* Common El */
.private-title {
    margin-bottom: 1rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
    .private-title {
        margin-bottom: 1.25rem;
        font-size: 2.25rem !important;
        line-height: 2.5rem !important;
    }
}

.private-title {
    font-size: 22px;
}

.private-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) {
    .private-subtitle {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}

.--private .slider.--with-dots
.slick-dots
li.slick-active
button {
    --tw-bg-opacity: 1;
    background-color: rgb(121 134 131 / var(--tw-bg-opacity));
}

.conventional-kpr__products--slider.--private
.multiple-items
.slick-dots
li.slick-active
button {
    --tw-bg-opacity: 1;
    background-color: rgb(121 134 131 / var(--tw-bg-opacity));
}
/* End Common El */

/* Radio Choices Table */
.radio-menu.--private .radio-menu__nav {
    --tw-border-opacity: 1;
    border-color: rgb(121 134 131 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(242 243 243 / var(--tw-bg-opacity));
}
/* End Radio Choices Table */

/* One Table */
.one-table__table__content .table-number.--silver {
    --tw-border-opacity: 1;
    border-color: rgb(121 134 131 / var(--tw-border-opacity));
}

@media (min-width: 768px) {
    .one-table__table__content .table-number.--silver {
        font-size: 26px;
    }
}

.one-table__table__content.--silver thead {
    --tw-bg-opacity: 1;
    background-color: rgb(121 134 131 / var(--tw-bg-opacity));
}

.one-table__table__content.--silver tbody tr:nth-child(even) {
    background-color: rgb(231 231 231 / 0.25);
}

.one-table__table__content.--silver tbody tr td {
    --tw-text-opacity: 1;
    color: rgb(61 61 61 / var(--tw-text-opacity));
}

.one-table__table__content.--silver .table .file-btn {
    height: 2rem;
    width: 2rem;
    cursor: pointer;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(121 134 131 / var(--tw-bg-opacity));
    padding: 0.5rem;
}
/* End One Table */

/* KPR */
.private-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;
    text-align: center;
}

@media (min-width: 768px) {

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

    @media (min-width: 768px) {
        .private-kpr {
            width: 94%;
        }
    }

    @media (min-width: 1280px) {
        .private-kpr {
            max-width: 1280px;
        }
    }

    .private-kpr {
        width: 100%;
    }

    @media (min-width: 480px) {
        .private-kpr {
            max-width: 480px;
        }
    }

    @media (min-width: 640px) {
        .private-kpr {
            max-width: 640px;
        }
    }

    @media (min-width: 768px) {
        .private-kpr {
            max-width: 768px;
        }
    }

    @media (min-width: 1024px) {
        .private-kpr {
            max-width: 1024px;
        }
    }

    @media (min-width: 1280px) {
        .private-kpr {
            max-width: 1280px;
        }
    }

    @media (min-width: 1536px) {
        .private-kpr {
            max-width: 1536px;
        }
    }
}

@media (min-width: 1024px) {
    .private-kpr {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-top: 72px;
        padding-bottom: 72px;
        text-align: left;
    }
}

.private-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;
    row-gap: 2rem;
    overflow: hidden;
}

@media (min-width: 768px) {
    .private-kpr__contents {
        row-gap: 60px;
    }
}

.private-kpr__contents .container {
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 1024px) {
    .private-kpr__copy {
        grid-column: span 4 / span 4;
    }
}

.private-kpr__products {
    display: none;
    gap: 1.75rem;
}

@media (min-width: 768px) {
    .private-kpr__products {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .private-kpr__products {
        grid-column: span 5 / span 5;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        row-gap: 1.5rem;
        -webkit-column-gap: 2.5rem;
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem;
    }
}

.private-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;
}

    .private-kpr__products section figure img {
        margin-bottom: 1.25rem;
        width: 100%;
        max-width: 60px;
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-style: italic;
    }

@media (min-width: 768px) {
    .private-kpr__products section figure img {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 1024px) {
    .private-kpr__products section figure img {
        margin-left: 0px;
        margin-right: 0px;
    }
}

.private-kpr__products .product-caption {
    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) {
    .private-kpr__products .product-caption {
        font-size: 22px;
    }
}

.private-kpr__products .product-description {
    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) {
    .private-kpr__products .product-description {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

.private-kpr__products--slider {
    margin-top: 2.5rem;
    padding-bottom: 0.625rem;
    /* @apply h-[275px]; */
}

    .private-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;
    }

    .private-kpr__products--slider .multiple-items section.slick-active {
        opacity: 1;
    }

    .private-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;
    }

        .private-kpr__products--slider .multiple-items section figure img {
            margin-bottom: 1.25rem;
            width: 25%;
        }

        .private-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));
        }

        .private-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) {
    .private-kpr__products--slider {
        display: none;
    }
}

.private-kpr__products--slider .multiple-items .slick-dots {
    position: static;
}

    .private-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;
    }
        /* .private-kpr__products--slider .multiple-items .slick-dots li.slick-active {
  @apply w-[30px];
} */

        .private-kpr__products--slider
        .multiple-items
        .slick-dots
        li.slick-active
        button {
            width: 30px;
            --tw-bg-opacity: 1;
            background-color: rgb(121 134 131 / 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;
        }

    .private-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;
    }

    .private-kpr__products--slider .multiple-items .slick-dots li button:before {
        display: none;
    }

.private-kpr__contents .private-kpr__products__notes {
    text-align: start;
    font-size: 10px;
    font-style: italic;
    --tw-text-opacity: 1;
    color: rgb(134 134 134 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .private-kpr__contents .private-kpr__products__notes {
        font-size: 0.75rem;
        line-height: 1rem;
    }
}

.private-kpr__contents .private-kpr__products .private-kpr__products__notes {
    grid-column: span 2 / span 2;
}
/* End KPR */

/* Rates */
#rates {
    background-image: url('/-/media/Images/Private/Background/bg-rates.jpg');
}

.private-rates {
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 26px;
}

@media (min-width: 1024px) {
    .private-rates {
        padding-top: 2.25rem;
        padding-bottom: 2.25rem;
    }
}

.private-rates .container {
    margin-left: auto;
    margin-right: auto;
}

.private-rates__tabbed {
    margin-bottom: 2.25rem;
}

@media (min-width: 1024px) {
    .private-rates__tabbed {
        margin-bottom: 42px;
    }
}

.private-rates__tabbed__content__item {
    display: none;
}

    .private-rates__tabbed__content__item section ol li {
        margin-top: 2.5rem;
    }

    .private-rates__tabbed__content__item .transaction-scenario__cont ol li {
        margin-top: unset;
    }

    .private-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(121 134 131 / 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(121 134 131 / var(--tw-text-opacity));
        --tw-content: counter(item);
        content: var(--tw-content);
    }

@media (min-width: 768px) {
    .private-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;
    }
}

.private-rates__tabbed__content__item section ol li span.numbering {
    counter-increment: item;
}

.private-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) {
    .private-rates__tabbed__content__item section ol li p {
        font-size: 22px;
    }
}

.private-rates__tabbed__content__item.active {
    display: block;
}

.private-rates__tabbed__content__announcement {
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(110 110 110 / var(--tw-text-opacity));
}

.private-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) {
    .private-rates__tabbed__content .table-wrapper {
        margin-top: 2.5rem;
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0.5rem;
    }
}

.private-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);
}

.private-rates__tabbed__content .table-cont {
    padding: 0.625rem;
}

.private-rates__tabbed__content .table {
    width: 100%;
    overflow: hidden;
    border-radius: 0.5rem;
    --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: 1024px) {
    .private-rates__tabbed__content .table {
        table-layout: fixed;
        border-radius: 0.75rem;
    }
}

.private-rates__tabbed__content .table thead {
    --tw-bg-opacity: 1;
    background-color: rgb(121 134 131 / var(--tw-bg-opacity));
}

    .private-rates__tabbed__content .table thead th {
        /* @apply text-left font-semibold text-white text-sm p-4 align-top md:text-base md:text-center whitespace-nowrap; */
        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) {
    .private-rates__tabbed__content .table thead th {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

.private-rates__tabbed__content .table tbody {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

    .private-rates__tabbed__content .table 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) {
    .private-rates__tabbed__content .table tbody tr td {
        padding: 22px;
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 500;
    }

    .private-rates__tabbed__content tbody tr td:nth-child(1) {
        text-align: left;
    }
}

.private-rates__tabbed__content .table tbody tr:nth-child(even) {
    background-color: rgb(231 231 231 / 0.25);
}

.private-rates__tabbed__content .table .file-btn {
    height: 2rem;
    width: 2rem;
    cursor: pointer;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(121 134 131 / var(--tw-bg-opacity));
    padding: 0.5rem;
}

.private-rates__tabbed__content .table .document-checklist {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    height: 24px;
    width: 24px;
}

.--private .sub-th-1 {
    --tw-bg-opacity: 1;
    background-color: rgb(161 170 168 / var(--tw-bg-opacity));
    font-weight: 500;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.--private .td-head-1 {
    border-width: 1px;
    border-color: rgb(255 255 255 / 0.5);
    --tw-bg-opacity: 1;
    background-color: rgb(134 146 143 / var(--tw-bg-opacity));
    font-weight: 500 !important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.private-rates:not(.--side) .private-rates__contents {
    padding-left: 26px;
    padding-right: 26px;
}

@media (min-width: 768px) {
    .private-rates:not(.--side) .private-rates__contents {
        padding-left: 104px;
        padding-right: 104px;
    }
}

.private-rates:not(.--side) .private-rates__contents h2 {
    margin-bottom: 0.625rem;
    text-align: center;
}

.private-rates:not(.--side) .private-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) {
    .private-rates:not(.--side) .private-rates__tabbed__nav ul {
        margin-bottom: 2.5rem;
    }
}

.private-rates:not(.--side) .private-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) {
    .private-rates:not(.--side) .private-rates__tabbed__nav__item {
        max-width: 272px;
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

.private-rates:not(.--side) .private-rates__tabbed__nav__item.active {
    border-bottom-width: 4px;
    --tw-border-opacity: 1;
    border-color: rgb(121 134 131 / var(--tw-border-opacity));
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(61 61 61 / var(--tw-text-opacity));
}
/* End Rates */

/* Rates (New Private design) */
.private-rates.--side .private-rates__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-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px;
}

@media (min-width: 768px) {
    .private-rates.--side .private-rates__contents {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.private-rates.--side .private-rates__tabbed__content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
}

@media (min-width: 768px) {
    .private-rates.--side .private-rates__tabbed__content {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
    }
}

@media (min-width: 1024px) {
    .private-rates.--side .private-rates__tabbed__content {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
}

.private-rates.--side .private-rates__tabbed__nav ul {
    margin-bottom: 1.25rem;
    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: 768px) {
    .private-rates.--side .private-rates__tabbed__nav ul {
        margin-bottom: 0px;
    }
}

.private-rates.--side .private-rates__tabbed__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;
    gap: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
    --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) {
    .private-rates.--side .private-rates__tabbed__nav__item {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

.private-rates.--side .private-rates__tabbed__nav__item.active {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .private-rates.--side .private-rates__tabbed__nav__item.active {
        font-size: 22px;
    }
}

.private-rates.--side .private-rates__tabbed__nav__item.active:before {
    display: inline-block;
    height: 1px;
    width: 2.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(121 134 131 / var(--tw-bg-opacity));
    content: "";
}
/* End Rates (New Private design) */

/* Syarat & Ketentuan (SnK) */
.private-snk {
    padding-top: 2rem;
    padding-bottom: 4rem;
}

@media (min-width: 1024px) {
    .private-snk {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

.private-snk .container {
    margin-left: auto;
    margin-right: auto;
}

.private-snk .private-snk__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-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px;
}

@media (min-width: 768px) {
    .private-snk .private-snk__contents {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

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

@media (min-width: 768px) {
    .private-snk__body {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
    }
}

@media (min-width: 1024px) {
    .private-snk__body {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
}

.private-snk__list {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    padding-left: 2rem;
    padding-right: 2rem;
}

@media (min-width: 768px) {
    .private-snk__list {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 1024px) {
    .private-snk__list {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
}

.private-snk__list > ul {
    display: grid;
    gap: 1.5rem;
}

    .private-snk__list > ul.--smaller-gap {
        gap: 0.625rem;
    }

    .private-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) {
    .private-snk__list > ul > li {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}

.private-snk__list > ul > li span {
    margin-top: 0.125rem;
    font-size: 1.5rem;
    line-height: 2rem;
}

.private-snk__list > ul > li a {
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-color: #798683;
    text-decoration-color: #798683;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

.private-snk__list .snk__subtitle-cont {
    margin-bottom: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
}

.private-snk__list .snk__subtitle {
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .private-snk__list .snk__subtitle {
        font-size: 22px;
    }
}

.private-snk__list .snk__grand-subtitle-cont {
    margin-bottom: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.25rem;
}

.private-snk__list .snk__grand-subtitle {
    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) {
    .private-snk__list .snk__grand-subtitle {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}

.private-snk__list .js-see-more-hidden-item {
    display: none;
}

    .private-snk__list .js-see-more-hidden-item.--is-active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

.private-snk__list > ul.js-see-more-hidden-item.--is-active {
    display: grid;
}
/* End Syarat & Ketentuan */

/* Banner More Info */
.private-banner-more-info {
    position: relative;
    margin-top: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 560px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    overflow: hidden;
    background-image: url("../img/private/product-detail/banner/private-banner-more-info-mobile.jpg");
    background-size: cover;
    background-position: center;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 2.5rem;
}

@media (min-width: 1024px) {
    .private-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("../img/private/product-detail/banner/private-banner-more-info-large.jpg");
        padding-bottom: 0px;
    }
}

.private-banner-more-info .container {
    margin-left: auto;
    margin-right: auto;
}

.private-banner-more-info__img {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 500px;
}

@media (min-width: 480px) {
    .private-banner-more-info__img {
        width: 600px;
    }
}

@media (min-width: 640px) {
    .private-banner-more-info__img {
        width: 100%;
    }
}

@media (min-width: 1024px) {
    .private-banner-more-info__img {
        display: none;
    }
}

.private-banner-more-info__img img {
    position: absolute;
    bottom: -0.625rem;
    right: 15%;
}

@media (min-width: 480px) {
    .private-banner-more-info__img img {
        right: 12%;
    }
}

@media (min-width: 640px) {
    .private-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));
    }
}

.private-banner-more-info .private-title {
    margin-bottom: 1.5rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
    .private-banner-more-info .private-title {
        text-align: left;
    }
}

.private-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) {
    .private-banner-more-info__contents {
        padding-left: 2.25rem;
        padding-right: 2.25rem;
    }
}

@media (min-width: 1024px) {
    .private-banner-more-info__contents {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

.private-banner-more-info__contents img {
    display: none;
}

@media (min-width: 1024px) {
    .private-banner-more-info__contents img {
        display: block;
    }
}

.private-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) {
    .private-banner-more-info__contents__copy {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (min-width: 480px) {
    .private-banner-more-info__contents__copy .private-title {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}

@media (min-width: 768px) {
    .private-banner-more-info__contents__copy .private-title {
        margin-left: auto;
        margin-right: auto;
        width: 18rem;
    }
}

@media (min-width: 1024px) {
    .private-banner-more-info__contents__copy .private-title {
        margin-left: 0px;
        margin-right: 0px;
        width: 590px;
        padding-left: 0px;
        padding-right: 0px;
        line-height: 2.75rem !important;
    }
}

.private-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) {
    .private-banner-more-info__btn {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.private-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) {
    .private-banner-more-info__btn button {
        width: auto;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }
}

@media (min-width: 1024px) {
    .private-banner-more-info__btn button {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}
/* End Banner More Info */

/* Register */
/*#register {
    background-image: url('/-/media/Images/Private/Background/bg-register.jpg');
}*/

.private-register {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

@media (min-width: 1024px) {
    .private-register {
        padding-top: 120px;
    }
}

.private-register .container {
    margin-left: auto;
    margin-right: auto;
}

.private-register .private-register__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-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px;
}

@media (min-width: 768px) {
    .private-register .private-register__contents {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

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

@media (min-width: 768px) {
    .private-register .private-register__body {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
    }
}

@media (min-width: 1024px) {
    .private-register .private-register__body {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
}

.private-register__tabbed__content__item {
    display: none;
}

    .private-register__tabbed__content__item section ol li {
        margin-top: 2.5rem;
    }

    .private-register__tabbed__content__item .transaction-scenario__cont ol li {
        margin-top: unset;
    }

    .private-register__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(121 134 131 / 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(121 134 131 / var(--tw-text-opacity));
        --tw-content: counter(item);
        content: var(--tw-content);
    }

@media (min-width: 768px) {
    .private-register__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;
    }
}

.private-register__tabbed__content__item section ol li span.numbering {
    counter-increment: item;
}

.private-register__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) {
    .private-register__tabbed__content__item section ol li p {
        font-size: 22px;
    }
}

.private-register__tabbed__content__item.active {
    display: block;
}

.private-register.--side .private-register__tabbed__nav ul {
    margin-bottom: 1.25rem;
    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: 768px) {
    .private-register.--side .private-register__tabbed__nav ul {
        margin-bottom: 0px;
    }
}



.private-register.--side .private-register__tabbed__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;
    gap: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
    --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) {
    .private-register.--side .private-register__tabbed__nav__item {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

.private-register.--side .private-register__tabbed__nav__item.active {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .private-register.--side .private-register__tabbed__nav__item.active {
        font-size: 22px;
    }
}

.private-register.--side .private-register__tabbed__nav__item.active:before {
    display: inline-block;
    height: 1px;
    width: 2.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(121 134 131 / var(--tw-bg-opacity));
    content: "";
}

.private-register__list {
    margin-bottom: 1.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

@media (min-width: 768px) {
    .private-register__list {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.private-register__list ul {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 30px;
}

    .private-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) {
    .private-register__list ul li {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}

.private-register__list ul li a {
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-color: #798683;
    text-decoration-color: #798683;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

.private-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));
}

@media (min-width: 768px) {
    .private-register__list ul li span {
        font-size: 64px;
    }
}

.private-register__list ul li span {
    -webkit-text-stroke: 3px #798683;
}

    .private-register__list ul li span::before {
        content: attr(data-content);
        -webkit-text-fill-color: #F2F3F3;
        -webkit-text-stroke: 0;
        position: absolute;
    }

.private-register__list ul li h5 {
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(61 61 61 / var(--tw-text-opacity));
}

.private-register__list ul li .private-register__title {
    font-weight: 600 !important;
    --tw-text-opacity: 1 !important;
    color: rgb(61 61 61 / var(--tw-text-opacity)) !important;
}

@media (min-width: 768px) {
    .private-register__list ul li .private-register__title {
        font-size: 22px !important;
    }
}

.private-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) {
    .private-register button {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

@media (min-width: 1024px) {
    .private-register button {
        margin-top: 0.5rem;
    }
}

.private-rates:not(.--side) .private-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) {
    .private-rates:not(.--side) .private-rates__tabbed__nav ul {
        margin-bottom: 2.5rem;
    }
}
/* End Register */

/* FAQ */
.private-faq {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

@media (min-width: 1024px) {
    .private-faq {
        padding-top: 120px;
    }
}

.private-faq .container {
    margin-left: auto;
    margin-right: auto;
}

.private-faq .private-faq__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-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px;
}

@media (min-width: 768px) {
    .private-faq .private-faq__contents {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

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

@media (min-width: 768px) {
    .private-faq .private-faq__body {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
    }
}

@media (min-width: 1024px) {
    .private-faq .private-faq__body {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
}

.private-faq__accordion,
.private-faq .accordion-faq {
    margin-top: 0px;
}

    .private-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;
    }

        .private-faq__accordion dl div:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(243 244 246 / var(--tw-bg-opacity));
        }

    .private-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);
    }

    .private-faq__accordion 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) {
    .private-faq__accordion dt {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}

.private-faq__accordion 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) {
    .private-faq__accordion dt.active {
        margin-bottom: 1.5rem;
        font-weight: 700;
    }
}

.private-faq__accordion 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;
}

.private-faq__accordion .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(239 191 129 / 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;
}

    .private-faq__accordion .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-border-opacity: 1;
        border-color: rgb(0 0 94 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(0 0 94 / var(--tw-bg-opacity));
    }

        .private-faq__accordion .dt__icon.active i {
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity));
        }

.private-faq__accordion 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) {
    .private-faq__accordion dd {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}

.private-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) {
    .private-faq button {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

.accordion-faq.--silver .div-dl > div .div-dt .dt__icon {
    --tw-border-opacity: 1;
    border-color: rgb(121 134 131 / var(--tw-border-opacity));
}

.accordion-faq.--silver .div-dl > div .div-dt.is-active .dt__icon {
    --tw-border-opacity: 1;
    border-color: rgb(121 134 131 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(121 134 131 / var(--tw-bg-opacity));
}
/* End FAQ */

/* CTA KPR */
.private-cta-kpr {
    padding-top: 50px;
}

@media (min-width: 1024px) {
    .private-cta-kpr {
        padding-top: 60px;
    }
}

.private-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) {
    .private-cta-kpr__contents {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.private-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("../img/background/bg-card-cta.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    --tw-text-opacity: 1;
    color: rgb(86 86 86 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .private-cta-kpr__card {
        height: 230px;
    }
}

.private-cta-kpr__card:nth-child(odd) {
    border-right-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

@media (min-width: 1024px) {
    .private-cta-kpr__card:nth-child(odd) {
        background-image: url("../img/background/bg-card-cta.jpg");
    }

    .private-cta-kpr__card:nth-child(even) {
        background-image: url("../img/background/bg-card-cta.jpg");
    }
}

.private-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: 2rem;
    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;
}

@media (min-width: 768px) {
    .private-cta-kpr__card a {
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: 600;
    }
}

@media (min-width: 1024px) {
    .private-cta-kpr__card a {
        padding-left: 88px;
        padding-right: 88px;
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

@media (min-width: 1280px) {
    .private-cta-kpr__card a {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
}

.private-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(86 86 86 / 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 .private-cta-kpr__icon {
    --tw-border-opacity: 1;
    border-color: rgb(86 86 86 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(86 86 86 / var(--tw-bg-opacity));
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

@media (min-width: 1024px) {
    .private-cta-kpr__icon {
        height: 50px;
        width: 50px;
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
}

@media (min-width: 1280px) {
    .private-cta-kpr__icon {
        height: 70px;
        width: 70px;
        font-size: 3.75rem;
        line-height: 1;
    }
}

.private-cta-kpr__icon {
    -webkit-backdrop-filter: blur(17.7px);
    backdrop-filter: blur(17.7px);
}
/* End CTA KPR */

/* Valuta Info Proudct */
.conventional-service.--private .conventional-service__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-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px;
    padding-left: 0px;
    padding-right: 0px;
}

@media (min-width: 768px) {
    .conventional-service.--private .conventional-service__contents {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding-left: 0px;
        padding-right: 0px;
    }
}

.conventional-service.--private .private-service__body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
}

@media (min-width: 768px) {
    .conventional-service.--private .private-service__body {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
    }
}

@media (min-width: 1024px) {
    .conventional-service.--private .private-service__body {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
}
/* End Valuta Info Proudct */

/* Commitment Section */
.commitment-wrapper.--bg-rates .commitment-card:nth-child(even) {
    background-image: url('../img/private/product-detail/banner/bg-rates-mobile.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width: 768px) {
    .commitment-wrapper.--bg-rates .commitment-card:nth-child(even) {
        background-image: url('../img/private/product-detail/banner/bg-rates.jpg');
    }
    .commitment-wrapper .commitment-card .commitment-card-description {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
}
/* End Commitment Section */

/* Exclusive Reward */
.exclusive-reward-sect .exclusive-reward__list.exclusive-reward__list--grid {
    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) {
    .exclusive-reward-sect .exclusive-reward__list.exclusive-reward__list--grid {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.exclusive-reward-sect .exclusive-reward__list .exclusive-reward__item {
    max-width: 392px;
}

@media (min-width: 768px) {
    .exclusive-reward-sect .exclusive-reward__list .exclusive-reward__item {
        max-width: calc(50% - 12px);
    }
}

@media (min-width: 1024px) {
    .exclusive-reward-sect .exclusive-reward__list .exclusive-reward__item {
        max-width: calc(33.33% - 16px);
    }
}
/* End Exclusive Reward */

/* Investment Product Card */
.investment-product-card {
    width: 100%;
    border-radius: 0.75rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(228 231 230 / var(--tw-border-opacity));
    padding: 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: 150ms;
    transition-duration: 150ms;
}

    .investment-product-card:hover {
        border-color: transparent;
        --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);
    }

    .investment-product-card .card__header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 0.625rem;
        border-bottom-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(228 231 230 / var(--tw-border-opacity));
        padding-bottom: 0.75rem;
    }

    .investment-product-card .card__icon-cont {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }

    .investment-product-card .card__icon {
        height: 2rem;
        width: 2rem;
        -o-object-fit: contain;
        font-family: "object-fit:contain;object-position:center";
        object-fit: contain;
        -o-object-position: center;
        object-position: center;
    }

    .investment-product-card .card__body {
        padding-top: 1rem;
    }

    .investment-product-card .card__category {
        margin-bottom: 0.25rem;
        font-size: 0.75rem;
        line-height: 1rem;
        --tw-text-opacity: 1;
        color: rgb(161 170 168 / var(--tw-text-opacity));
    }

    .investment-product-card .card__title {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        font-weight: 600;
        --tw-text-opacity: 1;
        color: rgb(61 61 61 / var(--tw-text-opacity));
    }

    .investment-product-card .info__item {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1rem;
    }

        .investment-product-card .info__item .item__key {
            font-size: 0.875rem;
            line-height: 1.25rem;
            --tw-text-opacity: 1;
            color: rgb(134 134 134 / var(--tw-text-opacity));
        }

        .investment-product-card .info__item .item__value {
            font-size: 0.875rem;
            line-height: 1.25rem;
            --tw-text-opacity: 1;
            color: rgb(86 86 86 / var(--tw-text-opacity));
        }
/* End Investment Product Card */

/* Info Card */
.info-card {
    border-radius: 0.75rem;
    --tw-bg-opacity: 1;
    background-color: rgb(230 239 255 / var(--tw-bg-opacity));
    padding: 1.5rem;
}

    .info-card .card__header {
        margin-bottom: 18px;
    }

    .info-card .card__title {
        font-weight: 600;
        --tw-text-opacity: 1;
        color: rgb(18 94 250 / var(--tw-text-opacity));
    }

@media (min-width: 768px) {
    .info-card .card__title {
        font-size: 22px;
    }
}

.info-card .card__description {
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(86 86 86 / var(--tw-text-opacity));
}

.info-card.--private {
    --tw-bg-opacity: 1;
    background-color: rgb(242 243 243 / var(--tw-bg-opacity));
}

    .info-card.--private .card__title {
        --tw-text-opacity: 1;
        color: rgb(121 134 131 / var(--tw-text-opacity));
    }
/* End Info Card */

/* Card Fade */
.card-fade {
    position: relative;
    width: 100%;
}

    .card-fade .card__background {
        position: absolute;
        top: 60px;
        bottom: 0px;
        width: 100%;
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0.5rem;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(228, 228, 228, 0.8)), to(rgba(237, 243, 242, 0.1)));
        background: linear-gradient(180deg, rgba(228, 228, 228, 0.8) 0%, rgba(237, 243, 242, 0.1) 100%);
    }

    .card-fade .card__contents {
        position: relative;
        width: 100%;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-bottom: 1.25rem;
    }

    .card-fade .card__image-cont {
        margin-bottom: 1rem;
        width: 100%;
    }

    .card-fade .card__picture {
        position: relative;
        display: block;
        width: 100%;
        overflow: hidden;
        border-radius: 0.5rem;
        padding-bottom: calc((193 / 344) * 100%);
    }

    .card-fade .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 .card-fade .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));
}

.card-fade .card__body {
    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;
}

.card-fade .card__title {
    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: 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;
}

.group:hover .card-fade .card__title {
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}

.card-fade .card__description,
.card-fade .card__detail-item {
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(86 86 86 / var(--tw-text-opacity));
}
/* End Card Fade */

/* Reksadana Detail */
.--private-service-previledge-detail-bg {
    background-size: cover;
    background-position: left top;
    background-repeat: no-repeat;
}

@media (min-width: 768px) {
    .--private-service-previledge-detail-bg {
        background-image: url("../img/background/detail-section-bg.png");
    }
}

.--private-contact-us-bg {
    background-image: url("../img/background/section-form-bg.jpg");
    background-size: cover;
    background-position: left bottom;
    background-repeat: no-repeat;
}

.reksadana-detail__item .item__title {
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .reksadana-detail__item .item__title {
        font-size: 22px;
    }
}

.reksadana-detail__item .detail-item__list {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
}

@media (min-width: 768px) {
    .reksadana-detail__item .detail-item__list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1.5rem;
    }
}

.reksadana-detail__item .detail-item__list {
    /* my-[18px] md:my-8 */
}

    .reksadana-detail__item .detail-item__list.--grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

@media (min-width: 768px) {
    .reksadana-detail__item .detail-item__list.--grid-cols-2 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.reksadana-detail__item .detail-item__list .detail-item__item {
    /* @apply flex gap-4 items-center !m-0; */
}

.reksadana-detail__item .detail-item__item .item__subtitle {
    padding: 0px;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(86 86 86 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .reksadana-detail__item .detail-item__item .item__subtitle {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}

.reksadana-detail__item .detail-item__item .item__desc {
    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) {
    .reksadana-detail__item .detail-item__item .item__desc {
        margin-top: 0.125rem;
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

.reksadana-detail__item .detail-item__item .item__desc > a {
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-color: #798683;
    text-decoration-color: #798683;
    text-underline-offset: 4px;
}

.reksadana-detail__item .detail-item__item .path1 {
    font-size: 1.5rem;
    line-height: 2rem;
}

.reksadana-detail__item .detail-item__item .path2 {
    font-size: 1.5rem;
    line-height: 2rem;
}

.reksadana-detail__item .detail-item__item .file__card {
    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.75rem;
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: 1rem;
    padding-right: 1.25rem;
    --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);
}

    .reksadana-detail__item .detail-item__item .file__card .card__icon {
        width: 100%;
        max-width: 32px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        --tw-text-opacity: 1;
        color: rgb(121 134 131 / var(--tw-text-opacity));
    }

    .reksadana-detail__item .detail-item__item .file__card .card__title {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        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: 768px) {
    .reksadana-detail__item .detail-item__item .file__card .card__title {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}
/* End Reksadana Detail */

/* Table Kurs Valas */
.table-kurs-valas {
    width: 100%;
    overflow-x: auto;
    border-radius: 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);
}

    .table-kurs-valas table {
        width: 100%;
        table-layout: fixed;
    }

    .table-kurs-valas thead {
        width: 100%;
        --tw-bg-opacity: 1;
        background-color: rgb(121 134 131 / var(--tw-bg-opacity));
    }

    .table-kurs-valas tr:nth-child(1) th {
        width: 150px;
        min-width: 127px;
    }

@media (min-width: 1024px) {
    .table-kurs-valas tr:nth-child(1) th {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        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 !important;
    border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
    padding: 0.625rem;
    padding-top: 7px;
    padding-bottom: 7px;
    text-align: center;
    vertical-align: middle !important;
    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;
    }
}

.table-kurs-valas th:nth-child(2) {
    /* @apply md:whitespace-nowrap; */
}

.table-kurs-valas tbody {
    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(242 243 243 / var(--tw-bg-opacity));
    opacity: 0.9;
}
/* End Table Kurs Valas */

/* Service Promo Swapper */
.service-special-promo .card-swapper__list .card__item {
    width: 100%;
    overflow: hidden;
    border-radius: 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;
}

.service-special-promo .card-swapper__list--slider .slider {
    margin-bottom: 0px;
}

.service-special-promo .card-swapper__list--slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.service-special-promo .card-swapper__list--slider .slick-slide {
    --tw-translate-x: 5%;
    --tw-scale-x: 80%;
    --tw-scale-y: 80%;
    -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.4;
    -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);
}

.service-special-promo .card-swapper__list--slider .slick-current {
    --tw-translate-x: 0px;
    --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;
}

.service-special-promo .card-swapper__list--slider .slick-slide.slick-current ~ .slick-slide {
    --tw-translate-x: -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));
}

.service-special-promo .card-swapper__list--slider .slick-dots {
    position: static;
    margin-top: 1rem;
}

.service-special-promo .card__swapper .card__item {
    max-width: 642px;
    opacity: 0.6;
    --tw-blur: blur(2px);
    -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);
}

    .service-special-promo .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);
    }

    .service-special-promo .card__swapper .card__item.left {
        -webkit-transform: translate3d(-50%, 0, -20px) scale(0.9);
        transform: translate3d(-50%, 0, -20px) scale(0.9);
    }

    .service-special-promo .card__swapper .card__item.right {
        -webkit-transform: translate3d(50%, 0, -20px) scale(0.9);
        transform: translate3d(50%, 0, -20px) scale(0.9);
    }

.service-special-promo .card-swapper__btn {
    position: absolute;
    top: 50%;
    z-index: 1;
    --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 255 255 / var(--tw-bg-opacity));
}

.service-special-promo .card-swapper__btn--prev {
    left: 16%;
    --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: 1280px) {
    .service-special-promo .card-swapper__btn--prev {
        left: 25%;
    }
}

.service-special-promo .card-swapper__btn--next {
    right: 16%;
    --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: 1280px) {
    .service-special-promo .card-swapper__btn--next {
        right: 25%;
    }
}
/* End Service Promo Swapper */
/* End Private Product Detail */

/* Priviledge */
.private-level-membership .js-tab__content-item {
    border-radius: 0px;
}

.membership-detail__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: 2.5rem;
}

@media (min-width: 768px) {
    .membership-detail__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: 3rem;
    }
}

.membership-detail__image-cont {
    width: 100%;
}

@media (min-width: 768px) {
    .membership-detail__image-cont {
        max-width: 560px;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
}

.membership-detail__picture {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    padding-bottom: calc((315 / 560) * 100%);
}

.membership-detail__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;
}

.membership-detail__body {
    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;
    text-align: center;
}

@media (min-width: 768px) {
    .membership-detail__body {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        text-align: left;
    }
}

.membership-detail__title {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(37 37 37 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .membership-detail__title {
        font-size: 26px;
    }
}

.membership-detail__description {
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(37 37 37 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .membership-detail__description {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}

.membership-detail__info-key {
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(158 158 158 / var(--tw-text-opacity));
}

.membership-detail__info-value {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .membership-detail__info-value {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}

.priviledge-product-group__wrapper {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 2.5rem;
}

@media (min-width: 768px) {
    .priviledge-product-group__wrapper {
        padding-top: 60px;
    }
}

.priviledge-product-group__wrapper:nth-child(even) {
    background-image: url('/-/media/Images/Private/Background/bg-rates-mobile.jpg');
}

@media (min-width: 768px) {
    .priviledge-product-group__wrapper:nth-child(even) {
        background-image: url('/-/media/Images/Private/Background/bg-rates-mobile.jpg');
    }
}

.priviledge-product-group__wrapper > .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: 1.5rem;
}

@media (min-width: 768px) {
    .priviledge-product-group__wrapper > .container {
        row-gap: 2.5rem;
    }

    .priviledge-product-group__wrapper:nth-child(even) > .container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.priviledge-product-group__wrapper .group__header {
    text-align: center;
}

@media (min-width: 768px) {
    .priviledge-product-group__wrapper:nth-child(even) .group__header {
        max-width: 390px;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        text-align: left;
    }

    .priviledge-product-group__wrapper:nth-child(even) .group__body {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
}

.priviledge-product-group__wrapper .priviledge-product__list {
    display: grid;
    gap: 1.5rem;
}

@media (min-width: 768px) {
    .priviledge-product-group__wrapper .priviledge-product__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 2rem;
    }
}

@media (min-width: 1024px) {
    .priviledge-product-group__wrapper .priviledge-product__list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .priviledge-product-group__wrapper:nth-child(even) .priviledge-product__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.priviledge-products .priviledge-product__card .card__image-cont {
    position: relative;
    width: 100%;
}

.priviledge-products .priviledge-product__card .card__picture {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 0.75rem;
    padding-bottom: calc((220 / 392) * 100%);
}

.priviledge-products .priviledge-product__card .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;
}

.priviledge-products .priviledge-product__card .card__title-cont {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100px;
    -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;
    padding: 1rem;
    --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);
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -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;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.7)), to(rgba(0,0,0,0)));
    background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0));
}

.priviledge-products .priviledge-product__card:hover .card__title-cont {
    opacity: 0;
}

.priviledge-products .priviledge-product__card .card__overlay {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100px;
    -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;
    padding: 1rem;
    opacity: 0;
    --tw-backdrop-blur: blur(2px);
    -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);
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -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;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.7)), to(rgba(0,0,0,0)));
    background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0));
}

.priviledge-products .priviledge-product__card:hover .card__overlay {
    opacity: 1;
}

.priviledge-products .priviledge-product__card .card__title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    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) {
    .priviledge-products .priviledge-product__card .card__title {
        font-size: 22px;
    }
}

.priviledge-products .priviledge-product__card .card__description {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.priviledge-products .priviledge-product__card .card__cta-btn {
    height: 2rem;
    width: 2rem;
    padding: 0.25rem;
    -webkit-box-shadow: 0px 0px 0px 2px #2e2e2e33;
    box-shadow: 0px 0px 0px 2px #2e2e2e33;
}

.priviledge-detail-header {
    height: 100vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 5rem;
    padding-bottom: 5rem;
}

@media (min-width: 768px) {
    .priviledge-detail-header {
        height: auto;
        padding-top: 120px;
    }
}

.priviledge-detail-header .priviledge-membership__cont {
    margin-left: auto;
    margin-right: auto;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(207 207 207 / var(--tw-border-opacity));
    padding-top: 1rem;
}

@media (min-width: 768px) {
    .priviledge-detail-header .priviledge-membership__cont {
        margin-left: 0px;
        margin-right: 0px;
    }
}

.priviledge-detail-header .priviledge-membership__cont .card__key {
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(86 86 86 / var(--tw-text-opacity));
}

.priviledge-detail-cont .priviledge-detail__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px;
    row-gap: 1.5rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

@media (min-width: 768px) {
    .priviledge-detail-cont .priviledge-detail__item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .priviledge-detail-cont .priviledge-detail__item .detail-item__contents {
            -webkit-box-flex: 1;
            -ms-flex: 1 1 0%;
            flex: 1 1 0%;
        }
}

.priviledge-detail-cont .priviledge-detail__item .item__title {
    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) {
    .priviledge-detail-cont .priviledge-detail__item .item__title {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

.priviledge-detail-cont .priviledge-detail__item .detail-item__list {
    display: grid;
    gap: 1rem;
}

@media (min-width: 768px) {
    .priviledge-detail-cont .priviledge-detail__item .detail-item__list {
        gap: 1.5rem;
    }
}

.priviledge-detail-cont .priviledge-detail__item .detail-item__item .item__subtitle {
    padding: 0px;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
}

@media (min-width: 768px) {
    .priviledge-detail-cont .priviledge-detail__item .detail-item__item .item__subtitle {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}

.priviledge-detail-cont .priviledge-detail__item .detail-item__item .item__desc {
    padding: 0px;
    font-weight: 400;
}

@media (min-width: 768px) {
    .priviledge-detail-cont .priviledge-detail__item .detail-item__item .item__desc {
        margin-top: 0.125rem;
    }
}

.priviledge-detail-cont .priviledge-detail__item .detail-item__item .item__desc > a {
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-color: #798683;
    text-decoration-color: #798683;
    text-underline-offset: 4px;
}

.priviledge-detail-cont .priviledge-detail__item .detail-item__item .path1 {
    font-size: 1.5rem;
    line-height: 2rem;
}

.priviledge-detail-cont .priviledge-detail__item .detail-item__item .path2 {
    font-size: 1.5rem;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}

.priviledge-detail-cont .priviledge-detail__item .detail-item__item .file__card {
    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.75rem;
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: 1rem;
    padding-right: 1.25rem;
    --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);
}

    .priviledge-detail-cont .priviledge-detail__item .detail-item__item .file__card .card__icon {
        width: 100%;
        max-width: 32px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        --tw-text-opacity: 1;
        color: rgb(121 134 131 / var(--tw-text-opacity));
    }

    .priviledge-detail-cont .priviledge-detail__item .detail-item__item .file__card .card__title {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        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: 768px) {
    .priviledge-detail-cont .priviledge-detail__item .detail-item__item .file__card .card__title {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

.priviledge-detail-cont .priviledge-detail__item .accordion-faq .div-dl > div .div-dt {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.priviledge-detail-cont .priviledge-detail__item .accordion-faq .div-dl > div .div-dd {
    font-size: 1rem;
    line-height: 1.5rem;
}

@media (min-width: 768px) {
    .priviledge-detail-cont .priviledge-detail__item .accordion-faq .div-dl > div .div-dd {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}
/* End Priviledge */

/* Simulasi */
.conv-landing-kurs.--private .conv-landing-kurs__tabbed__nav__item.active {
    --tw-border-opacity: 1;
    border-color: rgb(121 134 131 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}

.conv-landing-kurs.--private .select-result-group {
    --tw-bg-opacity: 1;
    background-color: rgb(242 243 243 / var(--tw-bg-opacity));
}

.deposito-simulation__result__card.--private {
    background-image: url("../img/background/bg-card-private-simulation.jpg") !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
/* End Simulasi */

/* Promo & Program */
.page-conventional-promotion.--private
.conventional-promo__banner--slider
.slick-arrow,
.page-conventional-promotion.--private
.conventional-promo__banner--slider
.slider__button,
.conventional-promo__banner--slider.--private
.slick-arrow,
.conventional-promo__banner--slider.--private
.slider__button {
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}

    .page-conventional-promotion.--private
    .conventional-promo__banner--slider
    .slick-arrow:hover,
    .page-conventional-promotion.--private
    .conventional-promo__banner--slider
    .slider__button:hover,
    .conventional-promo__banner--slider.--private
    .slick-arrow:hover,
    .conventional-promo__banner--slider.--private
    .slider__button:hover {
        --tw-text-opacity: 1;
        color: rgb(148 158 156 / var(--tw-text-opacity));
    }

.page-conventional-promotion.--private
.conventional-promo__banner--slider
.slick-dots
li.slick-active
button,
.conventional-promo__banner--slider.--private
.slick-dots
li.slick-active
button {
    --tw-bg-opacity: 1;
    background-color: rgb(121 134 131 / var(--tw-bg-opacity));
}

.page-conventional-promotion.--private .promo__list {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    row-gap: 2rem;
}

@media (min-width: 768px) {
    .page-conventional-promotion.--private .promo__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 1rem;
    }
}

@media (min-width: 1024px) {
    .page-conventional-promotion.--private .promo__list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.page-conventional-promotion.--private .promo-category__list {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    row-gap: 2rem;
}

@media (min-width: 768px) {
    .page-conventional-promotion.--private .promo-category__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.related-promo.--private .promo__list--grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    row-gap: 2rem;
}

@media (min-width: 768px) {
    .related-promo.--private .promo__list--grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 1rem;
    }
}

@media (min-width: 1024px) {
    .related-promo.--private .promo__list--grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.related-promo.--private .promo__list--slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

    .related-promo.--private .promo__list--slider .slick-track::before {
        content: var(--tw-content);
        display: none;
    }

    .related-promo.--private .promo__list--slider .slick-track::after {
        content: var(--tw-content);
        display: none;
    }

.page-conventional-promotion.--private .checkbox-label:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(242 243 243 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(148 158 156 / var(--tw-text-opacity));
}

.page-conventional-promotion.--private .checkbox-label.checked {
    --tw-bg-opacity: 1;
    background-color: rgb(242 243 243 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(148 158 156 / var(--tw-text-opacity));
}

.page-conventional-promotion.--private .query-input.--dropdown {
    width: 100%;
    max-width: unset !important;
    border-style: none;
    --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);
}

.detail-promo-table.--private thead tr th,
.detail-promo-wrapper.--private .detail-promo-table thead tr th {
    --tw-bg-opacity: 1;
    background-color: rgb(121 134 131 / var(--tw-bg-opacity));
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    text-align: center;
    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-wrapper.--private .detail-promo-sideinfo .conventional-title.--detail-promo {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

@media (min-width: 768px) {
    .detail-promo-wrapper.--private .detail-promo-sideinfo .conventional-title.--detail-promo {
        font-size: 22px;
        line-height: 1.5 !important;
    }
}

@media (min-width: 1024px) {
    .detail-promo-wrapper.--private .detail-promo-sideinfo .conventional-title.--detail-promo {
        font-size: 22px !important;
    }
}

.detail-promo-wrapper.--private .accordion-faq .div-dl > div .div-dt {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.detail-promo-wrapper.--private .accordion-faq .div-dl > div .div-dd {
    font-size: 1rem;
    line-height: 1.5rem;
}

@media (min-width: 768px) {
    .detail-promo-wrapper.--private .accordion-faq .div-dl > div .div-dd {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}

/* Promo Category Card */
.promo-category-card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    aspect-ratio: 600/260;
    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;
    border-radius: 0.75rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 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: 150ms;
    transition-duration: 150ms;
}

.group:hover .promo-category-card {
    --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) {
    .promo-category-card {
        aspect-ratio: auto;
        height: 260px;
    }
}

.promo-category-card .card__body {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -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;
}

.group:hover .promo-category-card .card__body {
    opacity: 0;
}

.promo-category-card .card__overlay {
    position: absolute;
    inset: 0px;
    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;
    opacity: 0;
    --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);
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -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;
}

.group:hover .promo-category-card .card__overlay {
    opacity: 1;
}

.promo-category-card .card__overlay {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.85)));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 100%);
}

.promo-category-card .card__title {
    font-size: 22px;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .promo-category-card .card__title {
        font-size: 32px;
    }
}

.promo-category-card .card__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(86 86 86 / 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;
}

    .promo-category-card .card__icon:hover {
        --tw-border-opacity: 1;
        border-color: rgb(121 134 131 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(121 134 131 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }

@media (min-width: 1024px) {
    .promo-category-card .card__icon {
        height: 50px;
        width: 50px;
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
}

@media (min-width: 1280px) {
    .promo-category-card .card__icon {
        height: 70px;
        width: 70px;
        font-size: 3.75rem;
        line-height: 1;
    }
}
/* End Promo Category Card */
/* End Promo & Program */

/* Featured Product List */
.featured-products .featured-products__wrapper {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

    .featured-products .featured-products__wrapper > .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-column-gap: 80px;
        -moz-column-gap: 80px;
        column-gap: 80px;
    }

@media (min-width: 768px) {
    .featured-products .featured-products__wrapper > .container {
        -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;
    }
}

.featured-products .featured-products__list.featured-products__list--masonry {
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    overflow-y: auto;
}

@media (min-width: 768px) {
    .featured-products .featured-products__list.featured-products__list--masonry {
        max-height: 700px;
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

@media (min-width: 1024px) {
    .featured-products .featured-products__list.featured-products__list--masonry {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
}

.featured-products .featured-products__wrapper .featured-products__list--masonry::-webkit-scrollbar {
    display: none;
}

.featured-products .featured-products__list.featured-products__list--masonry .masonry-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.75rem;
}

@media (min-width: 768px) {
    .featured-products .featured-products__list.featured-products__list--masonry .masonry-wrapper {
        gap: 1.5rem;
    }
}

.featured-products .featured-products__list.featured-products__list--masonry .masonry-wrapper > .col-left,
.featured-products .featured-products__list.featured-products__list--masonry .masonry-wrapper > .col-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 312px;
    -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;
    gap: 0.75rem;
}

@media (min-width: 768px) {
    .featured-products .featured-products__list.featured-products__list--masonry .masonry-wrapper > .col-left,
    .featured-products .featured-products__list.featured-products__list--masonry .masonry-wrapper > .col-right {
        gap: 1.5rem;
    }

    .featured-products .featured-products__list.featured-products__list--masonry .masonry-wrapper > .col-right {
        margin-top: 158px;
    }
}

.featured-products .featured-products__list.featured-products__list--grid {
    display: grid;
    gap: 1.5rem;
}

.featured-products .featured-products__list .products__items__card {
    border-radius: 1rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(242 243 243 / var(--tw-border-opacity));
}
/* End Featured Product List */

/* Pagination */
.informasi-investor-rups__pagination.--private .pagination-number ul li:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(242 243 243 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}

.informasi-investor-rups__pagination.--private .pagination-number ul li.--is-active {
    --tw-bg-opacity: 1;
    background-color: rgb(121 134 131 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.informasi-investor-rups__pagination.--private .pagination-toggle {
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}
/* End Pagination */

/* Produk Proteksi */
.private-product-protection {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

    .private-product-protection .product-protection__list--grid {
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 1rem;
    }

@media (min-width: 768px) {
    .private-product-protection .product-protection__list--grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.5rem;
    }
}

@media (min-width: 1024px) {
    .private-product-protection .product-protection__list--grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.private-product-protection .product-protection__list--slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.product-protection__card {
    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;
    overflow: hidden;
    border-radius: 0.75rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(242 243 243 / var(--tw-border-opacity));
    --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: 150ms;
    transition-duration: 150ms;
}

    .product-protection__card:hover {
        --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);
    }

    .product-protection__card .card__image-cont {
        width: 100%;
    }

        .product-protection__card .card__image-cont .card__picture {
            position: relative;
            display: block;
            width: 100%;
            overflow: hidden;
            padding-bottom: calc((198 / 392) * 100%);
        }

        .product-protection__card .card__image-cont .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;
        }

    .product-protection__card .card-picture__overlay {
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .product-protection__card .card-header__content {
        padding: 1rem;
        padding-top: 1.25rem;
    }

    .product-protection__card .card-body__head {
        border-bottom-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(231 231 231 / var(--tw-border-opacity));
        padding-bottom: 1rem;
    }

    .product-protection__card .card__title {
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 600;
        --tw-text-opacity: 1;
        color: rgb(86 86 86 / var(--tw-text-opacity));
    }

@media (min-width: 768px) {
    .product-protection__card .card__title {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

.product-protection__card .card__description {
    min-height: 48px;
    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) {
    .product-protection__card .card__description {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

.product-protection__card .card__body {
    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;
    gap: 1rem;
    padding: 1rem;
}

    .product-protection__card .card__body .info__list {
        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.875rem;
    }

    .product-protection__card .card__body .info__item .item__key {
        margin-bottom: 0.375rem;
        font-size: 0.75rem;
        line-height: 1rem;
        --tw-text-opacity: 1;
        color: rgb(121 134 131 / var(--tw-text-opacity));
    }

@media (min-width: 768px) {
    .product-protection__card .card__body .info__item .item__key {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}

.product-protection__card .card__body .info__item .item__value {
    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) {
    .product-protection__card .card__body .info__item .item__value {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

.product-protection__card .card__body .info__item.--premium-starts .item__value,
.product-protection__card .card__body .info__item.--benefit .item__value {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.product-protection__card .card__body .info__item.--premium-starts .item__value {
    -webkit-line-clamp: 1;
}

.product-protection__card .card__body .info__item.--benefit .item__value {
    -webkit-line-clamp: 2;
}

/* note: using "private-" for overriding script slider priority */
.private-insurance-partners-cont .private-insurance-partner-cont {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

    .private-insurance-partners-cont .private-insurance-partner-cont:nth-child(even) {
        --tw-bg-opacity: 1;
        background-color: rgb(248 248 248 / var(--tw-bg-opacity));
    }

.private-insurance-partner-cont .partner-main-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: 2.5rem;
}

@media (min-width: 768px) {
    .private-insurance-partner-cont .partner-main-card {
        -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;
    }
}

.private-insurance-partner-cont .partner-main-card .card__description {
    --tw-text-opacity: 1;
    color: rgb(86 86 86 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .private-insurance-partner-cont .partner-main-card .card__description {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}

.private-insurance-partner-cont .partner-main-card .card__image-cont {
    width: 100%;
}

@media (min-width: 768px) {
    .private-insurance-partner-cont .partner-main-card .card__image-cont {
        max-width: 521px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }
}

.private-insurance-partner-cont .partner-main-card .card__picture {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 0.75rem;
    padding-bottom: calc((293 / 521) * 100%);
}

.private-insurance-partner-cont .partner-main-card .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;
}

.private-insurance-partner-cont .partner__products .partner-products__header {
    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;
}

    .private-insurance-partner-cont .partner__products .partner-products__header .btn-cont {
        display: none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 1.5rem;
    }

@media (min-width: 768px) {
    .private-insurance-partner-cont .partner__products .partner-products__header .btn-cont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.private-insurance-partner-cont .partner__products .partner-products__title {
    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: 768px) {
    .private-insurance-partner-cont .partner__products .partner-products__title {
        text-align: left;
    }
}

.private-insurance-partner-cont .partner__products .product__item:not(:last-child) {
    margin-right: 1rem;
}

@media (min-width: 768px) {
    .private-insurance-partner-cont .partner__products .product__item:not(:last-child) {
        margin-right: 1.5rem;
    }
}

.private-insurance-partner-cont .partner__products .product__list--slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 0.5rem;
}

.private-insurance-partner-cont .partner__products .product__list--slider .product__item {
    height: auto;
}

.private-insurance-partner-cont .partner__products .products__items__card {
    height: 100%;
}

.private-insurance-partner-cont .partner__products .slider__btn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 22px;
    width: 22px;
    -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(121 134 131 / 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;
}

@media (min-width: 1024px) {
    .private-insurance-partner-cont .partner__products .slider__btn {
        height: 2.25rem;
        width: 2.25rem;
    }
}

.private-insurance-partner-cont .partner__products .slider__btn--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));
}

.private-insurance-partner-cont .partner__products .slider__btn.disabled,
.private-insurance-partner-cont .partner__products .slider__btn.slick-disabled {
    opacity: 0.4;
}

.private-insurance-partner-cont .partner__products .slider__btn i {
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(13 13 13 / var(--tw-text-opacity));
}

/* Complaint Service Section */
.complaint-service-services.--private .service__item {
    --tw-text-opacity: 1;
    color: rgb(86 86 86 / var(--tw-text-opacity));
}

.complaint-service-services.--private .service__title {
    --tw-text-opacity: 1;
    color: rgb(37 37 37 / var(--tw-text-opacity));
}

.complaint-service-services.--private .service__item .contact__cta {
    --tw-text-opacity: 1;
    color: rgb(86 86 86 / var(--tw-text-opacity));
}
/* Complaint Service Section */
/* End Produk Proteksi */

/* Produk Dana */
.products__items__card.--private {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

    .products__items__card.--private .card__title {
        margin-bottom: 0.5rem;
        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) {
    .products__items__card.--private .card__title {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}

@media (min-width: 1024px) {
    .products__items__card.--private .card__title {
        font-size: 22px;
    }
}

.products__items__card.--private .card__description {
    margin-bottom: 1rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
}

.products__items__card.--private .card-header .card__image {
    width: 100%;
}

.products__items__card.--private .card-content a span {
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}

    .products__items__card.--private .card-content a span.circle {
        --tw-border-opacity: 1;
        border-color: rgb(121 134 131 / var(--tw-border-opacity));
    }
/* End Produk Dana */

/* Booklet & E-Magazine */
.highlight-magazine-sect {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

@media (min-width: 768px) {
    .highlight-magazine-sect {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}

.highlight-magazine-sect .highlight-magazine__contents {
    margin-left: auto;
    margin-right: auto;
    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;
    gap: 1.5rem;
}

@media (min-width: 768px) {
    .highlight-magazine-sect .highlight-magazine__contents {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (min-width: 1024px) {
    .highlight-magazine-sect .highlight-magazine__contents {
        max-width: 1000px;
    }
}

.highlight-magazine-sect .highlight-magazine__head {
    width: 100%;
}

@media (min-width: 768px) {
    .highlight-magazine-sect .highlight-magazine__head {
        max-width: 358px;
    }
}

.highlight-magazine-sect .highlight-magazine__image-cont {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 263px;
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 246 / var(--tw-bg-opacity));
    padding: 1rem;
    --tw-shadow: 0px 5px 13px 0px #00000040;
    --tw-shadow-colored: 0px 5px 13px 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);
}

.highlight-magazine-sect .highlight-magazine__picture {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    padding-bottom: calc((350 / 263) * 100%);
}

.highlight-magazine-sect .highlight-magazine__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;
}

.highlight-magazine-sect.--booklet .highlight-magazine__image-cont {
    max-width: 333px;
}

.highlight-magazine-sect.--booklet .highlight-magazine__picture {
    padding-bottom: calc((1 / 1) * 100%);
}

.highlight-magazine-sect.--financial-perspective .highlight-magazine__image-cont {
    max-width: 288px;
    padding: 0px;
    --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);
}

.highlight-magazine-sect.--financial-perspective .highlight-magazine__picture {
    border-radius: 0.5rem;
    padding-bottom: calc((383 / 288) * 100%);
}

.highlight-magazine-sect .highlight-magazine__body {
    width: 100%;
    text-align: center;
}

@media (min-width: 768px) {
    .highlight-magazine-sect .highlight-magazine__body {
        text-align: start;
    }
}

.highlight-magazine-sect .highlight-magazine__title {
    font-size: 22px;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .highlight-magazine-sect .highlight-magazine__title {
        font-size: 26px;
    }
}

.highlight-magazine-sect .highlight-magazine__description {
    margin-top: 1rem;
    margin-bottom: 1rem;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(61 61 61 / var(--tw-text-opacity));
}

.highlight-magazine-sect .highlight-magazine__date {
    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;
}

@media (min-width: 768px) {
    .highlight-magazine-sect .highlight-magazine__date {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.highlight-magazine-sect .highlight-headlines__list .about-btn__article-card,
.list-magazine-sect .about-btn__article-card {
    width: 100%;
    max-width: 100%;
}

    .highlight-magazine-sect .highlight-headlines__list .about-btn__article-card .card__title {
        font-weight: 500;
        --tw-text-opacity: 1;
        color: rgb(61 61 61 / var(--tw-text-opacity));
    }

.highlight-magazine-sect .highlight-headlines__list .list__right .highlight-headlines__item:not(:last-child) {
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(231 231 231 / var(--tw-border-opacity));
    padding-bottom: 1rem;
}

@media (min-width: 768px) {
    .highlight-magazine-sect .highlight-headlines__list .list__right .highlight-headlines__item:not(:last-child) {
        padding-bottom: 1.5rem;
    }
}

.highlight-magazine-sect .highlight-headlines__list .list__right .highlight-headlines__item:not(:first-child) {
    padding-top: 1rem;
}

@media (min-width: 768px) {
    .highlight-magazine-sect .highlight-headlines__list .list__right .highlight-headlines__item:not(:first-child) {
        padding-top: 1.5rem;
    }
}

.highlight-magazine-sect .highlight-headlines__list .list__right .about-btn__article-card {
    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: 1rem;
}

    .highlight-magazine-sect .highlight-headlines__list .list__right .about-btn__article-card .card__header {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        -ms-flex-preferred-size: 33.333333%;
        flex-basis: 33.333333%;
    }

@media (min-width: 768px) {
    .highlight-magazine-sect .highlight-headlines__list .list__right .about-btn__article-card .card__header {
        max-width: 180px;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
}

.highlight-magazine-sect .highlight-headlines__list .list__right .about-btn__article-card .card__image {
    margin-top: 0px;
}

.highlight-magazine-sect .highlight-headlines__list .list__right .about-btn__article-card .card__content {
    width: 100%;
}

@media (min-width: 768px) {
    .highlight-magazine-sect .highlight-headlines__list .list__right .about-btn__article-card .card__content {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
}

.highlight-magazine-sect .highlight-headlines__list .list__right .about-btn__article-card .card__title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: left;
}

.list-magazine-sect .magazine__list {
    display: grid;
    width: 100%;
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    row-gap: 1rem;
}

@media (min-width: 768px) {
    .list-magazine-sect .magazine__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.list-magazine-sect .financial-perspective__list {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    row-gap: 1.5rem;
}

@media (min-width: 768px) {
    .list-magazine-sect .financial-perspective__list {
        gap: 1.5rem;
    }
}

@media (min-width: 1024px) {
    .list-magazine-sect .financial-perspective__list {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.list-magazine-sect .headlines__list {
    display: grid;
    width: 100%;
    gap: 1.5rem;
}

@media (min-width: 768px) {
    .list-magazine-sect .headlines__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 2rem;
    }
}

@media (min-width: 1024px) {
    .list-magazine-sect .headlines__list {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.list-magazine-sect .outlook-video__list {
    display: grid;
    width: 100%;
    gap: 1.5rem;
}

@media (min-width: 768px) {
    .list-magazine-sect .outlook-video__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 2rem;
    }
}

@media (min-width: 1024px) {
    .list-magazine-sect .outlook-video__list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.list-magazine-sect .headlines__list .about-btn__article-card .card__title {
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(61 61 61 / var(--tw-text-opacity));
}

.magazine__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(231 231 231 / var(--tw-border-opacity));
    padding: 0.5rem;
    padding-bottom: 1.5rem;
}

@media (min-width: 768px) {
    .magazine__card {
        gap: 1.5rem;
        padding: 1rem;
        padding-bottom: 2rem;
    }
}

.magazine__card .card__image-cont {
    width: 100%;
    max-width: 120px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.magazine__card .card__picture {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 0.75rem;
    padding-bottom: calc((167 / 120) * 100%);
}

.magazine__card .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;
}

@media (min-width: 768px) {
    .magazine__card.--booklet .card__image-cont {
        max-width: 163px;
    }
}

.magazine__card.--booklet .card__picture {
    padding-bottom: calc((1 / 1) * 100%);
}

.magazine__card .card__title {
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(61 61 61 / var(--tw-text-opacity));
}

.magazine__card .card__info {
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(86 86 86 / var(--tw-text-opacity));
}

.financial-perspective-card {
    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;
    gap: 1rem;
}

    .financial-perspective-card .card__header .card__picture {
        position: relative;
        margin-bottom: 0px !important;
        display: block;
        width: 100%;
        overflow: hidden;
        border-radius: 0.5rem;
        padding-bottom: calc((383 / 288) * 100%);
    }

@media (min-width: 768px) {
    .financial-perspective-card .card__header .card__picture {
        padding-bottom: calc((383 / 288) * 100%);
    }
}

.financial-perspective-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;
}

.financial-perspective-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;
}

    .financial-perspective-card .card__content .card__title {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        min-height: 40px;
        font-weight: 500;
        --tw-text-opacity: 1;
        color: rgb(37 37 37 / 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;
    }

.financial-perspective-card .card__overlay {
    visibility: hidden;
    position: absolute;
    inset: 0px;
    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-color: rgb(0 0 0 / 0.8);
    padding: 2rem;
    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;
}

.financial-perspective-card:hover .card__overlay {
    visibility: visible;
    opacity: 1;
}

.financial-perspective-card .card__overlay .file-btn {
    -webkit-box-shadow: 0px 0px 0px 2px #2e2e2e33;
    box-shadow: 0px 0px 0px 2px #2e2e2e33;
}

.about-btn__galery-detail.--private .article__main > ul {
    margin-left: 0px;
}

.about-btn__galery-detail.--private .article__author .author__name {
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}

.market-outlook-hero {
    height: 100vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 2.5rem;
    padding-bottom: 5rem;
}

@media (min-width: 768px) {
    .market-outlook-hero {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: auto;
        min-height: 515px;
    }
}

.market-outlook-hero > .container {
    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;
}

@media (min-width: 768px) {
    .market-outlook-hero > .container {
        height: auto;
    }
}

.market-outlook-hero .card__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    padding-top: 120px;
}

@media (min-width: 768px) {
    .market-outlook-hero .card__body {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 0px;
    }
}

.market-outlook-hero .card__title {
    text-align: center;
    font-size: 2.25rem;
    line-height: 1.25;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .market-outlook-hero .card__title {
        text-align: left;
        font-size: 3rem;
        line-height: 1.25;
    }
}

.market-outlook-hero .card__detail {
    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;
    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) {
    .market-outlook-hero .card__detail {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.market-outlook-hero .card__detail hr {
    display: block;
    height: 1rem;
    width: 1px;
    --tw-bg-opacity: 1;
    background-color: rgb(134 134 134 / var(--tw-bg-opacity));
}

.outlook-video-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.25rem;
}

    .outlook-video-card .card__image-cont {
        width: 100%;
    }

    .outlook-video-card .card__picture {
        position: relative;
        display: block;
        width: 100%;
        overflow: hidden;
        border-radius: 0.5rem;
        padding-bottom: calc((220 / 392) * 100%);
    }

    .outlook-video-card .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 .outlook-video-card .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));
}

.outlook-video-card .card__content {
    width: 100%;
}

.outlook-video-card .card__title {
    margin-bottom: 0.5rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-align: left;
    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;
}

.group:hover .outlook-video-card .card__title {
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}

.outlook-video-card .video-duration-badge {
    border-radius: 0.5rem;
    background-color: rgb(13 13 13 / 0.5);
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
    font-size: 10px;
}

    .outlook-video-card .video-duration-badge .icon-cont {
        height: 1rem;
        width: 1rem;
        --tw-text-opacity: 1;
        color: rgb(121 134 131 / var(--tw-text-opacity));
    }
/* End Booklet & E-Magazine */

/* Register Form */
.register-form.--private .input-field__label {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
}

.register-form.--private .input-field.input-field--tnc {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

    .register-form.--private .input-field.input-field--tnc .input-field__label {
        font-weight: 400;
    }

.register-form.--private .btn-submit {
    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) {
    .register-form.--private .btn-submit {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }
}

.register-form.--private .btn-submit {
    background: radial-gradient( 92.71% 92.71% at 50.56% -9.37%, #5E6B68 17.05%, #798683 100% );
    border: 2px solid linear-gradient(133.83deg, #FFFFFF -27.22%, rgba(255, 255, 255, 0) 43.26%), linear-gradient(305.83deg, #FFFFFF -19.32%, rgba(255, 255, 255, 0) 34.44%);
    -webkit-box-shadow: 0px 0px 0px 2px #EEEEEE;
    box-shadow: 0px 0px 0px 2px #EEEEEE;
}

    .register-form.--private .btn-submit:hover::before {
        visibility: visible;
        opacity: 1;
    }

    .register-form.--private .btn-submit::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( 137.5% 137.5% at 50.56% -9.37%, #3E4543 30%, #55605D 100% );
    }

.file-btn.register-form.--private .btn-submit {
    height: 2rem;
    width: 2rem;
    cursor: pointer;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(121 134 131 / var(--tw-bg-opacity));
    padding: 0.5rem;
}

.sticky-buttons button.register-form.--private .btn-submit {
    -webkit-box-shadow: 0px 0px 0px 2px #D0DFFE26;
    box-shadow: 0px 0px 0px 2px #D0DFFE26;
}

    .sticky-buttons button.register-form.--private .btn-submit:hover::before {
        visibility: visible;
        opacity: 1;
    }

    .sticky-buttons button.register-form.--private .btn-submit::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( 137.5% 137.5% at 50.56% -9.37%, #3E4543 30%, #55605D 100% );
    }
/* End Register Form */

/* Contact Form */
.contact-form-card {
    border-radius: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 2rem;
    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);
}

@media (min-width: 768px) {
    .contact-form-card {
        border-radius: 30px;
    }
}

.register-form.--private.--contact .input-field.input-field--tnc .input-field__label {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
}

.experience-overview__list {
    display: grid;
    row-gap: 1.5rem;
}

@media (min-width: 768px) {
    .experience-overview__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .experience-overview__list {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.experience-overview__list .experience-overview__card {
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(207 207 207 / var(--tw-border-opacity));
    padding-bottom: 2rem;
    text-align: center;
}

@media (min-width: 768px) {
    .experience-overview__list .experience-overview__card {
        border-bottom-width: 0px;
        border-right-width: 1px;
        padding-left: 2rem;
        padding-right: 2rem;
        text-align: left;
    }
}

.experience-overview__card:last-child {
    border-bottom-width: 0px;
    padding-bottom: 0px;
}

@media (min-width: 768px) {
    .experience-overview__card:last-child {
        border-right-width: 0px;
    }
}

@media (min-width: 1024px) {
    .experience-overview__card:last-child {
        border-right-width: 0px;
    }
}

@media (min-width: 768px) {
    .experience-overview__card:nth-child(2n) {
        border-right-width: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 1024px) {
    .experience-overview__card:nth-child(2n) {
        border-right-width: 1px;
        padding-right: 2rem;
    }
}

@media (min-width: 768px) {
    .experience-overview__card:nth-child(2n+1) {
        padding-left: 0px;
    }
}

@media (min-width: 1024px) {
    .experience-overview__card:nth-child(2n+1) {
        padding-left: 2rem;
    }

    .experience-overview__card:nth-child(4n) {
        border-right-width: 0px;
        padding-right: 0px;
    }

    .experience-overview__card:nth-child(4n+1) {
        padding-left: 0px;
    }
}

.experience-overview__list .experience-overview__card .card__icon {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.75rem;
    height: 60px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -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) {
    .experience-overview__list .experience-overview__card .card__icon {
        margin-left: 0px;
        margin-right: 0px;
    }
}

.experience-overview__list .experience-overview__card .card__caption {
    margin-bottom: 0.75rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(61 61 61 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .experience-overview__list .experience-overview__card .card__caption {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}

.experience-overview__list .experience-overview__card .card__description {
    --tw-text-opacity: 1;
    color: rgb(86 86 86 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .experience-overview__list .experience-overview__card .card__description {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}
/* End Contact Form */

/* Business */
.card-business .card__image-cont {
    position: relative;
    width: 100%;
}

.card-business .card__picture {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 0.5rem;
    padding-bottom: calc((220 / 392) * 100%);
}

.card-business .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 .card-business .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));
}

.card-business .card__title-cont {
    position: absolute;
    bottom: 0px;
    left: 0px;
    border-top-right-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(228 231 230 / var(--tw-bg-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.card-business .card__title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    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) {
    .card-business .card__title {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}

.card-business .card__category-cont {
    position: absolute;
    top: 0px;
    left: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
}

/* Business Detail Header */
.business-detail-header {
    min-height: 100vh;
    background-image: url("../img/background/bg-detail-head-mobile-private.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 5rem;
    padding-bottom: 9rem;
}

@media (min-width: 768px) {
    .business-detail-header {
        height: auto;
        min-height: unset;
        background-image: url("../img/background/bg-detail-head-private.jpg");
        padding-top: 120px;
        padding-bottom: 6rem;
    }
}

.business-detail-header > .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;
    gap: 1.5rem;
    text-align: center;
}

@media (min-width: 768px) {
    .business-detail-header > .container {
        -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;
        text-align: left;
    }
}

.business-detail-header .header__contents {
    width: 100%;
}

@media (min-width: 768px) {
    .business-detail-header .header__contents {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
}

.business-detail-header .header__logo-cont {
    width: 100%;
}

@media (min-width: 768px) {
    .business-detail-header .header__logo-cont {
        max-width: 350px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }
}

.business-detail-header .header__logo-cont .header__logo-picture {
    position: relative;
    display: block;
    width: 100%;
}

.business-detail-header .header__logo-cont .header__logo-image {
    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;
}
/* End Business Detail Header */

/* Business Detail Cont */
.business-detail-cont {
    margin-top: -7rem;
}

@media (min-width: 768px) {
    .business-detail-cont {
        margin-top: -2.5rem;
    }
}

.business-detail-cont .business-detail__card {
    width: 100%;
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: 1.5rem;
    --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);
}

    .business-detail-cont .business-detail__card .card__details-row {
        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;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-column-gap: 2.5rem;
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem;
        row-gap: 1rem;
    }

@media (min-width: 768px) {
    .business-detail-cont .business-detail__card .card__details-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.business-detail-cont .business-detail__card .card__details-row:not(:first-child) {
    padding-top: 1rem;
}

.business-detail-cont .business-detail__card .card__details-row:not(:last-child) {
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(231 231 231 / var(--tw-border-opacity));
    padding-bottom: 1rem;
}

.business-detail-cont .business-detail__card .card__details-row .card__key {
    margin-bottom: 0.5rem;
    font-size: 0.75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(158 158 158 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .business-detail-cont .business-detail__card .card__details-row .card__key {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}

.business-detail-cont .business-detail__card .card__details-row .card_value {
    --tw-text-opacity: 1;
    color: rgb(86 86 86 / var(--tw-text-opacity));
}

.business-detail-cont .share-promo {
    -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;
}

    .business-detail-cont .share-promo .conventional-title.--detail-promo {
        font-size: 1.5rem;
        line-height: 2rem;
    }

@media (min-width: 768px) {
    .business-detail-cont .share-promo .conventional-title.--detail-promo {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

@media (min-width: 1024px) {
    .business-detail-cont .share-promo .conventional-title.--detail-promo {
        font-size: 1.5rem !important;
        line-height: 2rem !important;
    }
}

.community-detail__item .item__title {
    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) {
    .community-detail__item .item__title {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

.community-detail__item .detail-item__list {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
}

@media (min-width: 768px) {
    .community-detail__item .detail-item__list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
    }
}

.community-detail__item .detail-item__item .item__subtitle {
    padding: 0px;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
}

@media (min-width: 768px) {
    .community-detail__item .detail-item__item .item__subtitle {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}

.community-detail__item .detail-item__item .item__desc {
    padding: 0px;
    font-weight: 400;
}

@media (min-width: 768px) {
    .community-detail__item .detail-item__item .item__desc {
        margin-top: 0.125rem;
    }
}

.community-detail__item .detail-item__item .item__desc > a {
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-color: #798683;
    text-decoration-color: #798683;
    text-underline-offset: 4px;
}

.community-detail__item .detail-item__item .path1 {
    font-size: 1.5rem;
    line-height: 2rem;
}

.community-detail__item .detail-item__item .path2 {
    font-size: 1.5rem;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}

.community-detail__item .detail-item__item .file__card {
    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.75rem;
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: 1rem;
    padding-right: 1.25rem;
    --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);
}

    .community-detail__item .detail-item__item .file__card .card__icon {
        width: 100%;
        max-width: 32px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        --tw-text-opacity: 1;
        color: rgb(121 134 131 / var(--tw-text-opacity));
    }

    .community-detail__item .detail-item__item .file__card .card__title {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        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: 768px) {
    .community-detail__item .detail-item__item .file__card .card__title {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}
/* End Business Detail Cont */
/* End Business */

.bzi-check-circle .path1:before {
    --tw-text-opacity: 1;
    color: rgb(61 61 61 / var(--tw-text-opacity));
}

.bzi-check-circle .path2:before {
    --tw-text-opacity: 1;
    color: rgb(121 134 131 / var(--tw-text-opacity));
}