/** Global CSS Goes Here **/

/** Global **/
* {
    /*font-family: "Inter", "Noto Sans JP", sans-serif;*/
    font-family: 'Inter', sans-serif;
    color: #1A1A1A;
    font-size: 16px;
    scrollbar-width: none;
}

html {
    font-size: 16px;
    scrollbar-width: auto;
}

a {
    text-decoration: none;
    color: #1A1A1A;
    font-size: 16px;
}

body {
    padding: 0;
    margin: 0;
}

button {
    border: none;
}

strong {
    font-weight: 600 !important; /*custom*/
}

img[src=""],
img:not([src]),
img[src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="] {
    visibility: hidden !important;
}

:root {
    --corner-radiuscontainer-card-xl: 2rem;
    --corner-radiuscontainer-card-m: 1rem;
    --corner-radiuscontainer-card-l: 1.5rem;
    --corner-radiuscontainer-card-s: 0.5rem;
    --color-background-fill-primary: #E84E15;
    --color-background-fill-success: #25A96E;
    --color-background-fill-secondary-disabled: #BABABA;
    --color-border-border-primary-default: #E0E0E0;
    --color-background-surface-warning: #FFFBEE;
    --color-text-text-disabled: #A3A3A3;
    --color-text-text-primary: #1A1A1A;
    --color-text-text-secondary: #8D8D8D;
    --radius-xxl: 32px;
    --radius-m: 12px;
    --spacepaddingspace-component-padding-m: 16px;
    --corner-radiuscontainer-card-s: 8px;
}

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

.swiper-slide.animate {
    transition-duration: 1500ms;
}

.show {
    visibility: visible !important;
    opacity: 1 !important;
}

.content-shift {
    padding-top: 78px;
}
/* .dcw-container {
    padding: 0 1rem !important;
} */
.text-center {
    text-align: center;
}

.align-center {
    align-items: center !important;
}

.error {
    border: 2px solid #821131 !important;
    background-color: #ffe6e6 !important;
}

.top-rounded {
    border-radius: 3rem 3rem 0 0;
}

.bg-white {
    background-color: #FFFFFF !important;
}

.bg-gray {
    background-color: #F5F5F5 !important;
}

.bg-green {
    background-color: #E9F6F1 !important;
}
/*custom*/

.notop-margin {
    margin-top: 0 !important;
}

.dcw-main.with-breadcrumb {
    padding-top: 134px;
}

.dcw-screen-limiter {
    /* max-width: 1512px !important; */
    margin: 0 auto 2rem auto !important;
}

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

.makin-fleksibel-desktop {
    display: none !important;
}

.makin-fleksibel-slider {
    /*margin-top: 2rem;*/
}

.makin-fleksibel-slider-item {
    position: static !important;
}

@media screen and (min-width: 380px) and (max-width: 1023px) {
    .dcw-container {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    #content > div.dcw-container,
    #content > div > div.dcw-container,
    .swiper.dcw-container,
    .dcw-latestpromo .dcw-card-first-container.dcw-container,
    .dcw-latestpromo .swiper-wrapper.dcw-container,
    .dcw-herobanner .hero-highlight .hero-content.dcw-container,
    .hero-product-big-banner .hero-product-content.dcw-container,
    .dcw-breadcrumb-container.dcw-container,
    .dcw-contact-cards .dcw-contact-cards-container.dcw-container {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .top-rounded {
        border-radius: 5rem 5rem 0 0;
    }

    .dcw-main.with-breadcrumb {
        padding-top: 152px;
    }
    /* #content>div.dcw-container,
    #content>div>div.dcw-container,
    .swiper.dcw-container,
    .dcw-latestpromo .dcw-card-first-container.dcw-container,
    .dcw-latestpromo .swiper-wrapper.dcw-container,
    .dcw-herobanner .hero-highlight .hero-content.dcw-container,
    .hero-product-big-banner .hero-product-content.dcw-container {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    } */
    .dcw-breadcrumb-container.dcw-container {
        padding-left: 0;
        padding-right: 0;
    }
}

/* Ikbal Adjustment, Remove this style. already handled in another css */
/* @media screen and (min-width: 1366px) {
    .dcw-container {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
    #content>div.dcw-container,
    #content>div>div.dcw-container,
    .swiper.dcw-container,
    .dcw-latestpromo .dcw-card-first-container.dcw-container,
    .dcw-latestpromo .swiper-wrapper.dcw-container,
    .dcw-herobanner .hero-highlight .hero-content.dcw-container,
    .hero-product-big-banner .hero-product-content.dcw-container,
    .dcw-breadcrumb-container.dcw-container {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
} */

.custom-news-img-container {
    width: 100%;
    height: 70%
}

    .custom-news-img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.custom-dcw-headline-title-feature, .custom-dcw-headline-title-feature-2 {
    display: flex;
    align-items: center;
    gap: 1rem;
}



/** Header **/
.logo-overlay {
    display: none;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #FFFFFF;
    z-index: 999;
}

    header.privilege-theme {
        background-color: #000000;
    }

        header.privilege-theme * {
            color: #FFFFFF;
        }

    header.optimal-theme {
        background-color: #166542;
    }

        header.optimal-theme * {
            color: #FFFFFF;
        }

.dcw-header-desktop {
    width: 100%;
    height: 78px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

    .dcw-header-desktop .header-logo,
    .dcw-header-desktop .header-tools {
        flex-shrink: 0;
        padding: 0 5rem;
    }

    .dcw-header-desktop nav.header-menus {
        flex: 1;
    }

        .dcw-header-desktop nav.header-menus ul {
            list-style-type: none;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            height: 100%;
        }

            .dcw-header-desktop nav.header-menus ul > li {
                height: 100%;
            }

        .dcw-header-desktop nav.header-menus li > a {
            display: flex;
            height: 100%;
            align-content: center;
            padding: 0 1rem;
        }

        .dcw-header-desktop nav.header-menus li:hover > a,
        .dcw-header-desktop nav.header-menus li.active > a {
            color: #E84E15;
        }

header.privilege-theme .dcw-header-desktop nav.header-menus li:hover > a,
header.privilege-theme .dcw-header-desktop nav.header-menus li.active > a {
    color: #FFD9B3;
}

header.optimal-theme .dcw-header-desktop nav.header-menus li:hover > a,
header.optimal-theme .dcw-header-desktop nav.header-menus li.active > a {
    color: #FFD9B3;
}

.dcw-header-desktop nav.header-menus li > a:after {
    display: block;
    content: ' ';
    border-bottom: 3px solid #E84E15;
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
    margin-top: 0.5rem;
    width: 130%;
    position: relative;
    left: -15%;
    transform-origin: 0% 50%;
}

header.privilege-theme .dcw-header-desktop nav.header-menus li > a:after {
    border-color: #FFD9B3;
}

header.optimal-theme .dcw-header-desktop nav.header-menus li > a:after {
    border-color: #FFD9B3;
}

.dcw-header-desktop nav.header-menus li:hover > a:after,
.dcw-header-desktop nav.header-menus li.active > a:after {
    transform: scaleX(1);
}

.dcw-header-desktop .header-tools {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}
/* .dcw-header-desktop .header-tool {
    padding: 0 1.5rem;
    cursor: pointer;
} */
.dcw-header-desktop .header-languages {
    padding: 0.75rem 1.25rem;
    border: 1px solid #E0E0E0;
    border-radius: 16px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    /* margin-left: 1.5rem; */
}

header.privilege-theme .dcw-header-desktop .header-languages {
    border-color: #FFD9B3;
}

    header.privilege-theme .dcw-header-desktop .header-languages * {
        color: #FFD9B3;
    }

header.optimal-theme .dcw-header-desktop .header-languages {
    border-color: #FFD9B3;
}

    header.optimal-theme .dcw-header-desktop .header-languages * {
        color: #FFD9B3;
    }

.header-languages .active-language,
.header-languages .header-language {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.dcw-header-desktop .available-language {
    position: absolute;
    top: 85px;
    padding: 0.5rem 0;
    background-color: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: 16px;
    z-index: 99999;
    visibility: hidden;
    opacity: 0;
}

header.privilege-theme .dcw-header-desktop .available-language {
    background-color: #1A1A1A;
    border-color: #FFD9B3;
}

header.optimal-theme .dcw-header-desktop .available-language {
    background-color: #166542;
    border-color: #FFD9B3;
}

.dcw-header-desktop .header-languages:hover .available-language {
    visibility: visible;
    opacity: 1;
}

.dcw-header-desktop .header-search,
.dcw-header-desktop .header-calculator {
    position: relative;
}

    .dcw-header-desktop .header-search img:nth-child(1),
    .dcw-header-desktop .header-calculator img:nth-child(1) {
        opacity: 1;
        visibility: visible;
    }

    .dcw-header-desktop .header-search img:nth-child(2),
    .dcw-header-desktop .header-calculator img:nth-child(2) {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        opacity: 0;
        visibility: hidden;
    }

    .dcw-header-desktop .header-search:hover img:nth-child(1),
    .dcw-header-desktop .header-calculatorhover img:nth-child(1) {
        opacity: 0;
        visibility: hidden;
    }

    .dcw-header-desktop .header-search:hover img:nth-child(2),
    .dcw-header-desktop .header-calculator:hover img:nth-child(2) {
        opacity: 1;
        visibility: visible;
    }

.dcw-header-desktop .available-language > hr {
    border: 1px solid #E0E0E0;
    width: 70%;
    margin: 0 auto;
}

header.privilege-theme .dcw-header-desktop .available-language > hr {
    border-color: #FFD9B3;
}

header.optimal-theme .dcw-header-desktop .available-language > hr {
    border-color: #FFD9B3;
}

.dcw-header-desktop .header-language {
    padding: 0.5rem 1rem;
}

.dcw-header-desktop .header-search-widget {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    z-index: 99999;
}

.dcw-header-desktop .search-shade {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.dcw-header-desktop .search-component {
    margin: 0 auto;
}

.dcw-header-desktop .search-input {
    width: calc(70% + 2rem);
    position: relative;
    padding: 1rem;
}

    .dcw-header-desktop .search-input form {
        position: relative;
        margin: 0;
        z-index: 9;
    }

#search-bar-desktop {
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 8px;
    border: none;
    height: 60px;
    padding: 0 4rem;
    padding-top: 1rem;
}

    #search-bar-desktop:focus {
        outline: none;
    }

.dcw-header-desktop .search-input label {
    position: absolute;
    left: 4rem;
    font-size: 1rem;
    color: #8D8D8D;
    top: 20px;
}

    .dcw-header-desktop .search-input input:focus + label,
    .dcw-header-desktop .search-input label.has-value {
        font-size: 0.75rem;
        top: 10px;
    }

.dcw-header-desktop .search-input .search-icon {
    position: absolute;
    left: 1rem;
    top: 12px;
}

.dcw-header-desktop .search-input .search-close {
    position: absolute;
    right: 1rem;
    top: 18px;
}

.dcw-header-desktop .search-input input {
    color: #121212;
}

.dcw-header-desktop .search-result {
    width: 70%;
    background-color: #FFFFFF;
    border-radius: 8px;
    border: none;
    padding: 2rem;
    visibility: hidden;
    opacity: 0;
    z-index: 9;
    position: relative;
}

    .dcw-header-desktop .search-result .result-title {
        font-size: 0.75rem;
        font-weight: 800;
        color: #121212;
    }

    .dcw-header-desktop .search-result .result-item {
        padding: 0.75rem 0;
    }

.dcw-header-mobile {
    display: none;
}

.dcw-header-desktop nav.header-menus li > a {
    white-space: nowrap;
}

.newapp-icon {
    width: 100%;
}

    .newapp-icon img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.newapp-icon-mobile {
    width: 100%;
    height: 100%;
}

    .newapp-icon-mobile img {
        width: 100%;
        height: 100%;
        border-radius: 0 !important;
    }

@media screen and (max-width: 1366px) {
    .dcw-header-desktop .header-logo,
    .dcw-header-desktop .header-tools {
        padding: 0 1rem;
    }

    .dcw-header-desktop nav.header-menus li > a {
        padding: 0 0.5rem;
    }
    /* .dcw-header-desktop .header-tool {
        padding: 0 0.5rem;
    } */
    .dcw-header-desktop .header-languages {
        /* padding: 0.5rem 0.5rem; */
        padding: 5px;
    }
}

@media screen and (max-width: 1024px) {
    .dcw-header-desktop {
        display: none;
    }

    .dcw-header-mobile {
        display: block;
        width: 100%;
    }

        .dcw-header-mobile .header-bar {
            width: 100%;
            display: flex;
            height: 92px;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            position: relative;
            z-index: 9999;
        }

    header.privilege-theme .dcw-header-mobile .header-bar {
        background-color: #1A1A1A;
    }

    header.optimal-theme .dcw-header-mobile .header-bar {
        background-color: #166542;
    }

    .dcw-header-mobile .header-logo {
        padding: 0 2rem;
        flex-shrink: 0;
    }

    .dcw-header-mobile .header-tools {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        flex-shrink: 0;
        padding: 0 1rem;
    }

    .dcw-header-mobile .header-tool {
        padding: 0 1rem;
    }

    .dcw-header-mobile .header-content {
        width: 100%;
        height: 100vh;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding-top: 95px;
        position: absolute;
        top: 0;
        left: 0;
        max-height: 2000px;
        display: flex;
        background-color: #FFFFFF;
        visibility: hidden;
        opacity: 0;
    }

    header.privilege-theme .dcw-header-mobile .header-content {
        background-color: #1A1A1A;
    }

    header.optimal-theme .dcw-header-mobile .header-content {
        background-color: #166542;
    }

    .dcw-header-mobile nav.header-menus {
        width: 100%;
    }

        .dcw-header-mobile nav.header-menus ul {
            list-style-type: none;
            height: 100%;
            padding: 0;
            margin: 0;
            margin-bottom: 2rem;
        }

        .dcw-header-mobile nav.header-menus li > a {
            display: block;
            align-content: center;
            padding: 0.5rem 1rem;
        }

            .dcw-header-mobile nav.header-menus li > a > .inner-box {
                width: fit-content;
                pointer-events: none;
            }

        .dcw-header-mobile nav.header-menus li:hover > a > .inner-box,
        .dcw-header-mobile nav.header-menus li.active > a > .inner-box {
            color: #E84E15;
        }

        .dcw-header-mobile nav.header-menus li > a > .inner-box:after {
            display: block;
            content: ' ';
            border-bottom: 3px solid #E84E15;
            transform: scaleX(0);
            transition: transform 250ms ease-in-out;
            margin-top: 0.5rem;
            width: 100%;
            position: relative;
            transform-origin: 0% 50%;
        }

        .dcw-header-mobile nav.header-menus li:hover > a > .inner-box:after,
        .dcw-header-mobile nav.header-menus li.active > a > .inner-box:after {
            transform: scaleX(1);
        }

    .dcw-header-mobile .header-languages {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1rem;
    }

    .dcw-header-mobile .header-language {
        padding: 0.5rem 1rem;
        border: 1px solid #E0E0E0;
        border-radius: 88px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
    }

        .dcw-header-mobile .header-language:hover,
        .dcw-header-mobile .header-language.active {
            border: 1px solid #E84E15;
            color: #E84E15;
        }

    .dcw-header-mobile .header-search-widget {
        position: absolute;
        width: 100%;
        height: 105vh;
        top: 0;
        left: 0;
        background-color: #FFFFFF;
        z-index: 99999;
        visibility: hidden;
        opacity: 0;
    }

    .dcw-header-mobile .search-input {
        width: 100%;
        height: 92px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #E0E0E0;
    }

        .dcw-header-mobile .search-input form {
            margin: 0;
            width: 80%;
            padding-left: 1rem;
            position: relative;
        }

    #search-bar-mobile {
        border: 1px solid #1A1A1A;
        border-radius: 8px;
        height: 60px;
        width: 100%;
        padding: 0 3rem;
        padding-top: 1rem;
    }

    .dcw-header-mobile .search-input label {
        position: absolute;
        left: 4rem;
        top: 18px;
        font-size: 18px;
        color: #8D8D8D;
    }

        .dcw-header-mobile .search-input input:focus + label,
        .dcw-header-mobile .search-input label.has-value {
            font-size: 12px;
            top: 10px;
        }

    .dcw-header-mobile .search-input .search-icon {
        position: absolute;
        left: 1.5rem;
        top: 12px;
    }

    .dcw-header-mobile .search-input .search-clear {
        position: absolute;
        right: 1.5rem;
        top: 18px;
    }

    .dcw-header-mobile .search-input .search-close {
        width: 20%;
        text-align: center;
    }

    .dcw-header-mobile .search-input input {
        color: #121212;
    }

    .dcw-header-mobile .search-close > img {
        width: 35px;
        height: 35px;
    }

    .dcw-header-mobile .search-result {
        padding: 1rem;
        visibility: hidden;
        opacity: 0;
    }

    .dcw-header-mobile .result-title {
        font-weight: 800;
        padding-bottom: 1rem;
        color: #121212;
    }

    .dcw-header-mobile .result-item {
        padding: 1rem 1rem;
    }

    .dcw-header-mobile .header-tool.header-toggle {
        position: relative;
    }

    .dcw-header-mobile .header-tool .micon-bar {
        position: relative;
        visibility: hidden;
        opacity: 0;
    }

    .dcw-header-mobile .header-tool .micon-close {
        position: absolute;
        top: 0;
        left: 0;
        width: 35px;
        height: 35px;
        visibility: hidden;
        opacity: 0;
        transform: translateX(50%);
    }

    .dcw-ebanking-subcategory .dcw-newsfilter-wrapper {
        gap: 1rem !important;
    }

    .dcw-allkalkulator .calculator-form .dcw-button-container {
        position: absolute;
        bottom: 0;
    }
}

@media screen and (max-width: 375px) {
    .dcw-header-mobile .header-logo {
        padding: 0 1rem;
    }

    .dcw-header-mobile .header-tools {
        padding: 0;
    }
}

/** Calculator **/
.dcw-kalkulator-outer {
    background-color: rgb(165, 165, 165);
    width: 100%;
    margin: 0 auto;
    height: fit-content;
    min-height: 100vh;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    box-sizing: border-box;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow-y: visible;
}

    .dcw-kalkulator-outer * {
        color: #000000 !important;
    }

.dcw-allkalkulator .dcw-content {
    background-color: rgb(255, 255, 255);
    width: 100%;
    height: fit-content;
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
}

.dcw-allkalkulator .dcw-orange-line-container {
    position: relative;
    height: 8px;
    width: 100%;
    background-color: #F0F0F0;
}

.dcw-allkalkulator .dcw-orange-line {
    display: block;
    height: 8px;
    border-radius: 0 2rem 2rem 0;
    width: 15%;
    background-color: var(--color-background-fill-primary);
    transition: all 0.8s ease;
}

.dcw-allkalkulator .dcw-hide-text {
    width: 0;
    opacity: 0;
    visibility: 0;
}

.dcw-allkalkulator * {
    box-sizing: border-box;
}

.dcw-allkalkulator {
    background-color: #FFFFFF;
    width: 100%;
    min-height: calc(100vh + env(safe-area-inset-bottom, 0));
    position: relative;
    overflow-x: hidden;
}

    .dcw-allkalkulator .dcw-kalkulator-index {
        padding: 3.5rem 5rem;
        position: absolute;
        visibility: hidden;
        opacity: 0;
    }

    .dcw-allkalkulator .dcw-content-allkalkulator,
    .dcw-allkalkulator .dcw-result-allkalkulator {
        padding: 3.5rem 5rem;
        position: absolute;
        top: 0;
        left: 0;
        flex-direction: column;
        height: 100%;
        width: 100%;
        gap: 1rem;
        visibility: hidden;
        opacity: 0;
        display: none;
    }

        .dcw-allkalkulator .dcw-content-allkalkulator.show,
        .dcw-allkalkulator .dcw-result-allkalkulator.show {
            display: flex;
        }

    .dcw-allkalkulator .dcw-content-allkalkulator-icon {
        width: 100%;
        position: relative;
        display: flex;
        height: fit-content;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 3.5rem;
    }

        .dcw-allkalkulator .dcw-content-allkalkulator-icon .dcw-icon-button-kalku {
            border-radius: var(--corner-radiuscontainer-card-xl);
            border: solid 1px #E0E0E0;
            display: flex;
            align-items: center;
            padding: 12px 20px;
            gap: 10px;
            width: 171px;
            justify-content: space-between;
            font-size: 20px;
            font-weight: 700;
            line-height: 24px;
            letter-spacing: -0.01em;
            text-align: left;
        }

        .dcw-allkalkulator .dcw-content-allkalkulator-icon .dcw-icon {
            height: auto;
            width: 24PX;
        }

    .dcw-allkalkulator .dcw-close-button {
        height: 35px;
        width: 35px;
        font-size: 22px;
        text-align: end;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border: none;
        color: #1A1A1A;
        font-weight: bold;
        position: absolute;
        right: 6rem;
        top: 4rem;
        z-index: 99999;
    }

    .dcw-allkalkulator .dcw-index-inner {
        height: fit-content;
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 3rem;
    }

        .dcw-allkalkulator .dcw-index-inner .dcw-label {
            cursor: pointer;
        }

            .dcw-allkalkulator .dcw-index-inner .dcw-label * {
                pointer-events: none;
            }

    .dcw-allkalkulator .kalkulator-nav .dcw-icon-button * {
        pointer-events: none;
    }

    .dcw-allkalkulator .dcw-kalkulator-index .dcw-index-inner .dcw-header {
        height: fit-content;
        width: fit-content;
        display: flex;
        flex-direction: column;
    }

    .dcw-allkalkulator .dcw-kalkulator-index .dcw-index-inner .dcw-title {
        font-size: 40px;
        font-weight: 700;
        line-height: 52px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-allkalkulator .dcw-kalkulator-index .dcw-index-inner .dcw-subtitle {
        font-size: 18px;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-allkalkulator .dcw-content-allkalkulator-card-container {
        display: flex;
        gap: 2rem;
        max-width: 100%;
        flex-wrap: wrap;
    }

    .dcw-allkalkulator .dcw-content-allkalkulator-card {
        height: 210px;
        width: 230px;
        border-radius: var(--corner-radiuscontainer-card-xl);
        border: 1px solid var(--color-border-border-primary-default);
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 1.5rem;
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: -0.01em;
        text-align: left;
        cursor: pointer;
    }

        .dcw-allkalkulator .dcw-content-allkalkulator-card * {
            font-size: 20px;
            font-weight: 700;
            line-height: 24px;
            letter-spacing: -0.01em;
            text-align: left;
        }

        .dcw-allkalkulator .dcw-content-allkalkulator-card img {
            width: 36px;
            height: 36px;
        }

        .dcw-allkalkulator .dcw-content-allkalkulator-card .dcw-icon-header {
            display: flex;
            justify-content: space-between;
            width: 100%;
        }

    .dcw-allkalkulator .dcw-round {
        position: relative;
        width: 24px;
    }

    .dcw-allkalkulator .dcw-checkmark {
        color: #ffffff;
        position: absolute;
        text-align: center;
        font-size: 16px;
        line-height: 20px;
        min-height: 24px;
        min-width: 24px;
        border: 1px solid var(--color-border-border-primary-default);
        border-radius: var(--corner-radiuscontainer-card-s);
    }

    .dcw-allkalkulator .dcw-round input[type="checkbox"] {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

        .dcw-allkalkulator .dcw-round input[type="checkbox"]:checked ~ .dcw-checkmark {
            background-color: var(--color-background-fill-primary);
            border-color: var(--color-background-fill-primary);
        }

        .dcw-allkalkulator .dcw-round input[type="checkbox"]:checked {
            opacity: 1;
        }

    .dcw-allkalkulator .radio-container {
        position: relative;
        display: inline-block;
        cursor: pointer;
    }

        .dcw-allkalkulator .radio-container input[type="radio"] {
            display: none;
        }

    .dcw-allkalkulator .dcw-radio-label {
        display: inline-block;
        padding: 10px 20px;
        border: 1px solid #ccc;
        border-radius: 20px;
        background-color: white;
        transition: background-color 0.3s, border-color 0.3s;
    }

    .dcw-allkalkulator .radio-container input[type="radio"]:checked + .dcw-radio-label,
    .dcw-allkalkulator .radio-container .dcw-radio-label:hover {
        background-color: var(--color-background-fill-primary);
        border-color: var(--color-background-fill-primary);
        color: #FFFFFF !important;
    }

    .dcw-allkalkulator .dcw-flag-icon {
        width: 22px;
        height: 22px;
    }


@media screen and (max-width:1024px) {
    .dcw-allkalkulator .dcw-content-allkalkulator {
        padding: 1rem;
        gap: 2rem;
        /* overflow: visible; */
    }

    .dcw-allkalkulator .dcw-content-allkalkulator-card * {
        font-size: 16px;
        line-height: 22px;
    }

    .dcw-allkalkulator .dcw-close-button {
        height: 60px;
        width: 60px;
        font-size: 36px;
        color: #1A1A1A;
        border: none;
        top: 0.5rem;
        right: 0.5rem;
        border-radius: 0;
    }

    .dcw-allkalkulator .dcw-content-allkalkulator-card img {
        width: 24px;
        height: 24px;
    }

    .dcw-allkalkulator .dcw-content-allkalkulator-icon .dcw-icon-button-kalku {
        width: fit-content;
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        letter-spacing: -0.01em;
        text-align: center;
    }

    .dcw-allkalkulator .dcw-kalkulator-index {
        padding: 1rem;
    }

        .dcw-allkalkulator .dcw-kalkulator-index .dcw-index-inner .dcw-title {
            font-size: 24px;
            font-weight: 700;
            line-height: 28px;
            letter-spacing: -0.01em;
            text-align: left;
        }

    .dcw-allkalkulator .dcw-index-inner .dcw-subtitle {
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-allkalkulator .dcw-content-allkalkulator-card {
        height: 171px;
        width: 164px;
        font-size: 16px;
        font-weight: 700;
        line-height: 22px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-allkalkulator .dcw-content-allkalkulator-card-container {
        gap: 1rem;
    }

    .dcw-allkalkulator .dcw-index-inner {
        gap: 2rem;
    }

    .dcw-allkalkulator .dcw-content-allkalkulator-icon {
        padding-bottom: 1rem;
    }

    .dcw-allkalkulator .dcw-index-inner .dcw-label {
        width: calc(50% - 0.5rem);
    }

    .dcw-allkalkulator .dcw-radio-label {
        font-size: 12px;
        line-height: 14px;
    }

    .dcw-allkalkulator .dcw-result-allkalkulator {
        padding: 1rem;
    }
}

@media screen and (max-width:350px) {
    .dcw-allkalkulator .dcw-content-allkalkulator-card {
        height: 140px;
        width: 135px;
    }
}
/** Form Kalkulator **/
.dcw-allkalkulator .dcw-content-icon {
    width: 85%;
    position: relative;
    display: flex;
    height: fit-content;
    justify-content: space-between;
    align-items: center;
}

.dcw-allkalkulator .dcw-icon-button {
    position: relative;
    border-radius: var(--corner-radiuscontainer-card-xl);
    border: solid 1px #E0E0E0;
    display: flex;
    align-items: center;
    padding: 12px 20px;
    width: fit-content;
    justify-content: center;
    height: fit-content;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: -0.01em;
    text-align: center;
    cursor: pointer;
    transition: all 0.4s;
    white-space: nowrap;
}

.dcw-allkalkulator .dcw-icon-container {
    display: flex;
    width: 100%;
    overflow-x: scroll;
    height: fit-content;
    gap: 10px;
}

    .dcw-allkalkulator .dcw-icon-container::-webkit-scrollbar {
        height: 0px;
    }

.dcw-allkalkulator .dcw-icon-button-title {
    opacity: 0;
    visibility: hidden;
    max-width: 0;
    transition: all 0.4s;
    display: flex;
    align-items: center;
}

.dcw-allkalkulator .dcw-icon-button:hover .dcw-icon-button-title,
.dcw-allkalkulator .dcw-icon-button.active .dcw-icon-button-title {
    opacity: 1;
    visibility: visible;
    margin-left: 5px;
    max-width: 500px;
}

.dcw-allkalkulator .dcw-icon {
    height: auto;
    width: 24px;
}

.dcw-allkalkulator .calculator-form {
    position: relative;
    flex-direction: column;
    height: auto;
    padding-bottom: 2rem;
    gap: 1rem;
    visibility: hidden;
    opacity: 0;
    display: none;
}

    .dcw-allkalkulator .calculator-form.show {
        display: flex;
    }

    .dcw-allkalkulator .calculator-form .calculator-inner {
        height: auto;
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 0;
        padding: 1rem 0rem;
        min-height: 75vh;
    }

        .dcw-allkalkulator .calculator-form .calculator-inner .dcw-header {
            height: fit-content;
            width: fit-content;
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

    .dcw-allkalkulator .calculator-form .dcw-title {
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-allkalkulator .calculator-form .dcw-subtitle {
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-allkalkulator .calculator-form .dcw-content-card-container {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 1.5rem;
        max-width: 100%;
        margin: 2rem 0;
    }

.dcw-allkalkulator .dcw-sme.calculator-form .dcw-content-card-container {
    margin: 0;
}

.dcw-allkalkulator .calculator-form .dcw-content-card .dcw-icon-header {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.dcw-allkalkulator .calculator-form .dcw-round {
    position: relative;
    width: 24px;
}

.dcw-allkalkulator .calculator-form .dcw-radio-label {
    border: 1px solid #E0E0E0;
    border-radius: 88px;
    font-size: 16px;
    line-height: 1.2;
    padding: 14px 16px;
}

.dcw-allkalkulator .calculator-form .dcw-checkmark {
    color: #ffffff;
    position: absolute;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    min-height: 24px;
    min-width: 24px;
    border: 1px solid var(--color-border-border-primary-default);
    border-radius: var(--corner-radiuscontainer-card-s);
}

.dcw-allkalkulator .calculator-form .dcw-round input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

    .dcw-allkalkulator .calculator-form .dcw-round input[type="checkbox"]:checked ~ .dcw-checkmark {
        background-color: var(--color-background-fill-primary);
        border-color: var(--color-background-fill-primary);
    }

    .dcw-allkalkulator .calculator-form .dcw-round input[type="checkbox"]:checked {
        opacity: 1;
    }

.dcw-allkalkulator .calculator-form .dcw-content-group {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: 100%;
}

    .dcw-allkalkulator .calculator-form .dcw-content-group.dcw-group-half {
        /*width: calc(100% - 0.75rem);*/
        width: 100%;
    }

.dcw-allkalkulator .calculator-form .dcw-content-input {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.5rem;
    width: 100%;
}

    .dcw-allkalkulator .calculator-form .dcw-content-input.dcw-group-half > * {
        width: calc(50% - 0.75rem);
    }

    .dcw-allkalkulator .calculator-form .dcw-content-input.dcw-group-third > * {
        /*width: calc(100% - 1rem);*/
        width: 100%;
    }

.dcw-allkalkulator .calculator-form .dcw-content-input-item {
    width: 100%;
}

.dcw-allkalkulator .calculator-form .dcw-input-error {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
    margin-top: 0.25rem;
    color: #FA4032 !important;
    display: none;
    opacity: 0;
    visibility: visible;
}

    .dcw-allkalkulator .calculator-form .dcw-input-error.show {
        display: block;
    }

.dcw-allkalkulator .calculator-form .dcw-content-header {
    display: flex;
    flex-direction: row;
    gap: 10px;
    width: fit-content;
}

.dcw-allkalkulator .calculator-form .dcw-header-round-number {
    width: 32px;
    height: 28px;
    aspect-ratio: 1;
    background: var(--color-danamonGold-50, #FF8000);
    border-radius: 88px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 10px;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.01em;
    text-align: left;
    color: #fff !important;
}

.dcw-allkalkulator .calculator-form .dcw-header-title {
    width: fit-content;
    min-height: 100%;
    display: flex;
    align-items: center;
    color: var(--color-text-text-primary, #1A1A1A);
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.01em;
    text-align: left;
}

.dcw-allkalkulator .calculator-form .dcw-content-button-container {
    width: 100%;
    position: relative;
    display: flex;
    height: fit-content;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
}

.dcw-allkalkulator .calculator-form .dcw-age-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: auto;
}

.dcw-allkalkulator .calculator-form .dcw-range-wrap {
    position: relative;
    width: 100%;
    margin: 2rem auto 0rem auto;
}

.dcw-allkalkulator .calculator-form .dcw-range {
    width: 100%;
    accent-color: var(--color-background-fill-primary);
}

.dcw-allkalkulator .calculator-form .dcw-bubble {
    background: transparent;
    top: -30px;
    /*padding: 4px 12px;*/
    position: absolute;
    border-radius: 4px;
    left: 0%;
    /*transform: translateX(-50%);*/
    width: fit-content;
    white-space: nowrap;
    color: #1A1A1A;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.01em;
    text-align: left;
}

.dcw-allkalkulator .calculator-form .dcw-range-placeholder {
    width: 100%;
    padding: 5px 0px;
    display: flex;
    justify-content: space-between;
}

    .dcw-allkalkulator .calculator-form .dcw-range-placeholder span {
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: -0.01em;
        text-align: left;
        color: var(--color-text-text-secondary, #8D8D8D);
    }

.dcw-allkalkulator .calculator-form .dcw-button-container {
    display: flex;
    flex-direction: column-reverse;
    height: fit-content;
    width: 100%;
    gap: 10px;
    justify-content: end;
    /* position: absolute;
    bottom: 1rem; */
}

.dcw-allkalkulator .calculator-form .dcw-button-prev,
.dcw-interestbar .dcw-button-prev,
.dcw-comparefilter .dcw-button-prev {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.01em;
    text-align: center;
    border: 1px solid var(--color-background-fill-primary);
    border-radius: var(--corner-radiuscontainer-card-s);
    padding: var(--spacepaddingspace-component-padding-m,16px);
    color: var(--color-background-fill-primary) !important;
    cursor: pointer;
    background-color: white;
}

.dcw-allkalkulator .calculator-form .dcw-button-next,
.dcw-interestbar .dcw-button-next,
.dcw-comparefilter .dcw-button-next {
    display: flex;
    height: 60px;
    width: 100%;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: -0.01em;
    text-align: center;
    border: none;
    border-radius: var(--corner-radiuscontainer-card-s);
    padding: var(--spacepaddingspace-component-padding-m,16px);
    color: white !important;
    cursor: pointer;
    background-color: var(--color-background-fill-primary);
}

.dcw-allkalkulator .calculator-form .active {
    background-color: var(--color-background-fill-primary);
    color: white !important;
}

.dcw-allkalkulator .calculator-form .dcw-input-container {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 14px 16px;
    border: 1px solid var(--color-border-border-primary-default, #E0E0E0);
    border-radius: 8px;
}

.dcw-allkalkulator .calculator-form .dcw-input-investasi {
    outline: 0;
    border: 0px solid;
    border-style: none;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -0.01em;
    text-align: left;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
}

    .dcw-allkalkulator .calculator-form .dcw-input-investasi.dcw-input-bold,
    .dcw-allkalkulator .calculator-form .dcw-input-rupiah.dcw-input-bold {
        font-size: 24px;
        font-weight: 700;
        line-height: 1.2;
    }

    .dcw-allkalkulator .calculator-form .dcw-input-investasi::-webkit-inner-spin-button,
    .dcw-allkalkulator .calculator-form .dcw-input-investasi::-webkit-outer-spin-button {
        -webkit-appearance: none;
    }

    .dcw-allkalkulator .calculator-form .dcw-input-investasi:focus {
        outline: none;
    }

.dcw-allkalkulator .calculator-form .dcw-bancassurance-input.dcw-half {
    width: 100%;
}

.dcw-allkalkulator .calculator-form .dcw-kpr-content-container {
    display: flex;
    width: 100%;
    height: fit-content;
    flex-direction: column;
    gap: 1.5rem;
}

.dcw-allkalkulator .calculator-form .dcw-kpr-1-2-container {
    display: flex;
    width: 100%;
    height: fit-content;
    gap: 1rem;
    flex-direction: column;
}

.dcw-allkalkulator .calculator-form .dcw-kta-input {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 1rem;
}

.dcw-allkalkulator .calculator-form .dcw-sme-content-container {
    display: none;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 1rem;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
}

    .dcw-allkalkulator .calculator-form .dcw-sme-content-container.show {
        position: relative;
        display: flex;
    }

.dcw-allkalkulator .calculator-form .dcw-institution-sme-full {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.5rem;
    width: 100%;
    margin: 3rem 0;
}

.dcw-allkalkulator .calculator-form .dcw-institution-sme-half {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 1rem;
}

.dcw-allkalkulator .calculator-form .dcw-not-active {
    display: none;
}

.dcw-allkalkulator .calculator-form .dcw-sme-type-content {
    position: relative;
}

.dcw-allkalkulator .calculator-form .dcw-dropdown-box {
    min-width: 170px;
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    background: white;
}

.dcw-allkalkulator .dcw-dropdown-box .dcw-dropdown {
    display: inline-block;
    position: relative;
    height: fit-content;
}

    .dcw-allkalkulator .dcw-dropdown-box .dcw-dropdown *::-webkit-scrollbar {
        width: 4px;
    }

    .dcw-allkalkulator .dcw-dropdown-box .dcw-dropdown *::-webkit-scrollbar-track {
        box-shadow: none;
        border-radius: 10px;
    }

    .dcw-allkalkulator .dcw-dropdown-box .dcw-dropdown *::-webkit-scrollbar-thumb {
        background: var(--color-background-fill-primary);
        border-radius: 10px;
    }

        .dcw-allkalkulator .dcw-dropdown-box .dcw-dropdown *::-webkit-scrollbar-thumb:hover {
            background: var(--color-background-fill-primary);
        }

.dcw-allkalkulator .dcw-dropdown-box .dropdown-selector {
    height: 64px;
    width: 100%;
    padding: var(--spacepaddingspace-component-padding-ms,12px) var(--spacepaddingspace-component-padding-m,16px) var(--spacepaddingspace-component-padding-ms,12px) var(--spacepaddingspace-component-padding-m,16px);
    gap: var(--spacegapspace-component-gap-ms,12px);
    border-radius: var(--corner-radiuscontainer-text-input,8px);
    border: 1px solid var(--color-border-border-primary-default, #E0E0E0);
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #333;
    transition: background-color 0.3s;
}

    .dcw-allkalkulator .dcw-dropdown-box .dropdown-selector span {
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: center;
        text-decoration: none;
        transition: background-color 0.3s;
        height: fit-content;
        width: fit-content;
        white-space: nowrap;
        overflow: hidden;
        font-size: 14px;
        line-height: 18px;
        color: #8D8D8D !important;
    }

.dcw-allkalkulator .dcw-dropdown-box.active .dropdown-selector span.dcw-selector-subtitle {
    font-size: 12px;
    line-height: 16px;
}

.dcw-allkalkulator .dcw-dropdown-box .dropdown-selector span.dcw-selector-current {
    color: #121212 !important;
}

.dcw-allkalkulator .dcw-dropdown-box .dropdown-selector:hover {
    background-color: #f5f5f5;
}

.dcw-allkalkulator .dcw-dropdown-box .dcw-dropdown ul {
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 9;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border: 1px solid #ccc;
    border-radius: 8px;
    max-height: 225px;
    overflow-y: auto;
    width: 100%;
    overflow-x: hidden;
    display: block;
}

    .dcw-allkalkulator .dcw-dropdown-box .dcw-dropdown ul li {
        display: flex;
        padding: 12px 20px;
        text-decoration: none;
        color: #333;
        transition: background-color 0.3s;
        gap: 5px;
        white-space: nowrap;
        width: 100%;
        cursor: pointer;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: -0.01em;
        text-align: left;
        justify-content: space-between;
    }

        .dcw-allkalkulator .dcw-dropdown-box .dcw-dropdown ul li i.dcw-check {
            display: none;
        }

            .dcw-allkalkulator .dcw-dropdown-box .dcw-dropdown ul li i.dcw-check:before {
                content: "✓";
            }

        .dcw-allkalkulator .dcw-dropdown-box .dcw-dropdown ul li:hover {
            background-color: #f0f0f0;
            text-decoration: none;
        }

        .dcw-allkalkulator .dcw-dropdown-box .dcw-dropdown ul li.selected-product {
            display: flex !important;
            font-weight: 700;
        }

            .dcw-allkalkulator .dcw-dropdown-box .dcw-dropdown ul li.selected-product i.dcw-check {
                display: block;
            }

.dcw-allkalkulator .dcw-dropdown-box .dcw-dropdown-info {
    font-size: 12px;
    line-height: 14px;
    color: #8D8D8D !important;
    padding: 0.25rem 0;
}

.dcw-allkalkulator .dcw-dropdown-box .dcw-selector-subtitle {
    color: var(--color-text-text-secondary, #8D8D8D);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.01em;
    text-align: left;
}

.dcw-allkalkulator .calculator-form .dcw-currency {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 8px;
    height: 60px;
    border-radius: 8px;
    border: 1px solid var(--color-border-border-primary-default, #E0E0E0);
}

    .dcw-allkalkulator .calculator-form .dcw-currency .dcw-dropdown {
        display: inline-block;
        position: relative;
        height: 100%;
    }

    .dcw-allkalkulator .calculator-form .dcw-currency .dropdown-selector {
        display: flex;
        align-items: center;
        padding: 10px 0px 10px 20px;
        text-decoration: none;
        color: #333;
        transition: background-color 0.3s;
        height: 100%;
        gap: 6px;
        width: fit-content;
        white-space: nowrap;
    }

        .dcw-allkalkulator .calculator-form .dcw-currency .dropdown-selector span {
            display: flex;
            align-items: center;
            text-decoration: none;
            color: #333;
            transition: background-color 0.3s;
            height: 100%;
            gap: 6px;
            width: fit-content;
            white-space: nowrap;
        }

    .dcw-allkalkulator .calculator-form .dcw-currency .dcw-dropdown ul {
        list-style: none;
        margin: 0;
        padding: 0;
        visibility: hidden;
        opacity: 0;
        position: absolute;
        background-color: #fff;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        border: 1px solid #ccc;
        border-radius: 8px;
        max-height: 45px;
        overflow-y: scroll;
        display: block;
        z-index: 99;
    }

        .dcw-allkalkulator .calculator-form .dcw-currency .dcw-dropdown ul li {
            display: flex;
            padding: 12px 20px;
            text-decoration: none;
            color: #333;
            transition: background-color 0.3s;
            gap: 5px;
            white-space: nowrap;
            width: 100%;
            cursor: pointer;
            font-size: 14px;
            font-weight: 400;
            line-height: 20px;
            letter-spacing: -0.01em;
            text-align: left;
            justify-content: space-between;
            align-items: center;
        }

    .dcw-allkalkulator .calculator-form .dcw-currency input {
        text-align: end;
        width: 100%;
        padding: 0px 16px;
        border: none;
    }

    .dcw-allkalkulator .calculator-form .dcw-currency .dcw-dropdown *::-webkit-scrollbar {
        width: 8px;
    }

    .dcw-allkalkulator .calculator-form .dcw-currency .dcw-dropdown *::-webkit-scrollbar-track {
        box-shadow: none;
        border-radius: 10px;
    }

    .dcw-allkalkulator .calculator-form .dcw-currency .dcw-dropdown *::-webkit-scrollbar-thumb {
        background: var(--color-background-fill-primary);
        border-radius: 10px;
    }

        .dcw-allkalkulator .calculator-form .dcw-currency .dcw-dropdown *::-webkit-scrollbar-thumb:hover {
            background: var(--color-background-fill-primary);
        }

    .dcw-allkalkulator .calculator-form .dcw-currency .dcw-dropdown ul li * {
        pointer-events: none;
    }

    .dcw-allkalkulator .calculator-form .dcw-currency .dcw-dropdown ul li:hover {
        background-color: #f0f0f0;
        text-decoration: none;
    }

    .dcw-allkalkulator .calculator-form .dcw-currency .dropdown-selector:hover {
        background-color: #f0f0f0;
    }

.dcw-allkalkulator .dcw-content-bancassurance.calculator-inner {
    position: relative;
    opacity: 0;
    visibility: hidden;
}

.dcw-allkalkulator .dcw-question-bancassurance {
    position: absolute;
    top: 0;
    left: 0;
    padding: 1rem 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
}

    .dcw-allkalkulator .dcw-question-bancassurance .dcw-question-container {
        position: absolute;
        top: 0;
        left: 0;
        padding: 1rem 0;
        width: 100%;
        opacity: 0;
        visibility: hidden;
    }

        .dcw-allkalkulator .dcw-question-bancassurance .dcw-question-container.show {
            position: relative;
        }

    .dcw-allkalkulator .dcw-question-bancassurance .dcw-question-inner {
        position: absolute;
        top: 0;
        left: 0;
        padding: 1rem 0;
        width: 100%;
        opacity: 0;
        visibility: hidden;
    }

        .dcw-allkalkulator .dcw-question-bancassurance .dcw-question-inner.show {
            position: relative;
        }

    .dcw-allkalkulator .dcw-question-bancassurance .dcw-question-counter {
        display: flex;
        justify-content: center;
        align-items: center;
    }

@media screen and (min-width:1024px) {
    .dcw-allkalkulator .dcw-content-icon {
        width: 100%;
    }

    .dcw-allkalkulator .calculator-form .dcw-content-kta {
        gap: 3rem;
    }

    .dcw-allkalkulator .calculator-form * {
        box-sizing: border-box;
    }

    .dcw-allkalkulator .calculator-form {
        height: fit-content;
        gap: 5rem;
    }

        .dcw-allkalkulator .calculator-form .dcw-button-container {
            flex-direction: row;
            justify-content: start;
            height: fit-content;
            position: static;
        }

        .dcw-allkalkulator .calculator-form .dcw-button-prev,
        .dcw-interestbar .dcw-button-prev,
        .dcw-comparefilter .dcw-button-prev {
            width: fit-content;
        }

        .dcw-allkalkulator .calculator-form .dcw-button-next,
        .dcw-interestbar .dcw-button-next,
        .dcw-comparefilter .dcw-button-next {
            width: fit-content;
        }

        .dcw-allkalkulator .calculator-form .dcw-title {
            font-size: 40px;
            font-weight: 700;
            line-height: 52px;
            letter-spacing: -0.01em;
            text-align: left;
        }

        .dcw-allkalkulator .calculator-form .dcw-subtitle {
            font-size: 18px;
            font-weight: 400;
            line-height: 22px;
            letter-spacing: -0.01em;
            text-align: left;
        }

        .dcw-allkalkulator .calculator-form .dcw-header-title {
            font-size: 24px;
            font-weight: 700;
            line-height: 28px;
            letter-spacing: -0.01em;
            text-align: left;
        }

    .dcw-allkalkulator .dcw-icon-button {
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: -0.01em;
        text-align: center;
    }

    .dcw-allkalkulator .calculator-form .dcw-icon-button.active,
    .dcw-allkalkulator .calculator-form .dcw-icon-button:hover {
        background-color: var(--color-background-fill-primary);
        color: white !important;
    }

    .dcw-allkalkulator .calculator-form .dcw-kpr-content-container {
        flex-direction: row;
    }

    .dcw-allkalkulator .calculator-form .dcw-bancassurance-input.dcw-half,
    .dcw-allkalkulator .calculator-form .dcw-kpr-1-2-container,
    .dcw-allkalkulator .calculator-form .dcw-kta-input.dcw-half {
        width: 50%;
    }

    .dcw-allkalkulator .calculator-form .dcw-institution-sme-half {
        width: 49%;
    }

    .dcw-allkalkulator .calculator-form .dcw-content-group.dcw-group-half {
        width: calc(50% - 0.75rem);
    }

    .dcw-allkalkulator .calculator-form .dcw-content-input.dcw-group-third > * {
        width: calc(33.33% - 1rem);
    }

    .dcw-allkalkulator .calculator-form .dcw-age-container {
        margin: 0;
    }

    .makin-fleksibel-desktop {
        display: grid !important;
    }

    .makin-fleksibel-slider {
        display: none !important;
    }
}
/** Result Kalkulator **/
.dcw-result-allkalkulator .result-content * {
    box-sizing: border-box;
}

.dcw-result-allkalkulator .result-content {
    display: none;
    position: absolute;
    flex-direction: column;
    height: fit-content;
    gap: 1rem;
    visibility: hidden;
    opacity: 0;
    padding-bottom: 5rem;
}

    .dcw-result-allkalkulator .result-content.show {
        position: relative;
        display: flex;
    }

    .dcw-result-allkalkulator .result-content .result-content-inner {
        height: fit-content;
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 3rem;
        padding: 3rem 0rem;
    }

    .dcw-result-allkalkulator .result-content .dcw-header {
        height: fit-content;
        width: fit-content;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .dcw-result-allkalkulator .result-content .dcw-title {
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-result-allkalkulator .result-content .dcw-subtitle {
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-result-allkalkulator .result-content .dcw-content-card-container {
        display: flex;
        flex-direction: column;
        gap: 2rem;
        max-width: 100%;
    }

    .dcw-result-allkalkulator .result-content .active {
        background: var(--color-background-fill-primary);
        color: white;
        padding: 16px;
    }

    .dcw-result-allkalkulator .result-content .dcw-content-header {
        display: flex;
        flex-direction: row;
        gap: 10px;
        width: fit-content;
        width: 100%;
    }

        .dcw-result-allkalkulator .result-content .dcw-content-header.align-end {
            justify-content: flex-end;
        }

    .dcw-result-allkalkulator .result-content .dcw-header-period {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .dcw-result-allkalkulator .result-content .dcw-header-period-text {
        color: #777777 !important;
        font-size: 18px;
        line-height: 22px;
    }

    .dcw-result-allkalkulator .result-content .dcw-header-period-input > input {
        width: 100px;
        border-radius: 88px;
        border: 1px solid #E0E0E0;
        padding: 1rem 0.75rem;
        font-size: 16px;
        line-height: 20px;
    }

    .dcw-result-allkalkulator .result-content .dcw-header-round-number {
        width: 40px;
        height: 40px;
        aspect-ratio: 1;
        background: var(--color-danamonGold-50, #FF8000);
        border-radius: 50%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 10px;
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: -0.01em;
        text-align: left;
        color: white;
    }

    .dcw-result-allkalkulator .result-content .dcw-header-title {
        width: fit-content;
        min-height: 100%;
        display: flex;
        align-items: center;
        color: var(--color-text-text-primary, #1A1A1A);
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-result-allkalkulator .result-content .dcw-content-button-container {
        width: 100%;
        position: relative;
        display: flex;
        height: fit-content;
        gap: 10px;
        flex-wrap: wrap;
        justify-content: start;
        align-items: center;
    }

    .dcw-result-allkalkulator .result-content .dcw-button-container {
        display: flex;
        flex-direction: column-reverse;
        height: 100%;
        width: 100%;
        gap: 10px;
        bottom: 0;
        justify-content: end;
    }

    .dcw-result-allkalkulator .result-content .dcw-button-prev {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 60px;
        width: 100%;
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: -0.01em;
        text-align: center;
        border: 1px solid var(--color-background-fill-primary);
        border-radius: var(--corner-radiuscontainer-card-s);
        padding: var(--spacepaddingspace-component-padding-m,16px);
        color: var(--color-background-fill-primary) !important;
        cursor: pointer;
        background-color: white;
    }

    .dcw-result-allkalkulator .result-content .dcw-content-group {
        display: flex;
        width: 100%;
        height: fit-content;
        flex-direction: row;
        gap: 1.5rem;
        flex-wrap: wrap;
    }

        .dcw-result-allkalkulator .result-content .dcw-content-group .dcw-content-group-inner {
            display: flex;
            width: 100%;
            height: fit-content;
            gap: 1rem;
            flex-direction: column;
        }

    .dcw-result-allkalkulator .result-content .dcw-hasil-half,
    .dcw-result-allkalkulator .result-content .dcw-hasil-twofive,
    .dcw-result-allkalkulator .result-content .dcw-hasil-threefive {
        display: flex;
        width: 100%;
        height: fit-content;
        gap: 1.5rem;
        flex-direction: column;
    }

    .dcw-result-allkalkulator .result-content .dcw-table-hasil {
        overflow: hidden;
    }

    .dcw-result-allkalkulator .result-content .dcw-table {
        border-collapse: collapse;
        width: 100%;
    }

        .dcw-result-allkalkulator .result-content .dcw-table tr:first-child th:first-child {
            border-top-left-radius: 8px;
        }

        .dcw-result-allkalkulator .result-content .dcw-table tr:last-child td:first-child {
            border-bottom-left-radius: 8px;
        }

        .dcw-result-allkalkulator .result-content .dcw-table tr:last-child td:last-child {
            border-bottom-right-radius: 8px;
        }

        .dcw-result-allkalkulator .result-content .dcw-table tr:first-child th:last-child {
            border-top-right-radius: 8px;
        }

        .dcw-result-allkalkulator .result-content .dcw-table td {
            font-size: 16px;
            font-weight: 400;
            line-height: 20px;
            letter-spacing: -0.01em;
            text-align: left;
            padding: 12px 12px;
        }

        .dcw-result-allkalkulator .result-content .dcw-table tr:nth-child(even) {
            background-color: #eeeeee;
        }

        .dcw-result-allkalkulator .result-content .dcw-table tr:nth-child(odd) {
            background-color: #f8f8f8;
        }
        /* .dcw-result-allkalkulator .result-content .dcw-table tr:hover {
    background-color: #ddd;
} */
        .dcw-result-allkalkulator .result-content .dcw-table th {
            padding: 12px 12px;
            text-align: left;
            background: var(--color-background-fill-success-hover, #1E8758);
            color: white !important;
            font-weight: 700;
        }

        .dcw-result-allkalkulator .result-content .dcw-table .dcw-table-text-bold {
            font-size: 16px;
            font-weight: 700;
            line-height: 20px;
            letter-spacing: -0.01em;
            text-align: left;
        }

        .dcw-result-allkalkulator .result-content .dcw-table .dcw-table-item-label {
            font-size: 12px;
            font-weight: 400;
            line-height: 14px;
            letter-spacing: -0.01em;
            text-align: left;
            color: #8D8D8D !important;
        }

        .dcw-result-allkalkulator .result-content .dcw-table .dcw-table-item-value {
            font-size: 14px;
            font-weight: 700;
            line-height: 18px;
            letter-spacing: -0.01em;
            text-align: left;
        }

    .dcw-result-allkalkulator .result-content .dcw-card-container-hasil {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 1rem;
    }

    .dcw-result-allkalkulator .result-content .dcw-card-hasil {
        position: relative;
        aspect-ratio: 1;
        border-radius: var(--corner-radiuscontainer-card-l,24px);
        overflow: hidden;
        width: 100%;
    }

        .dcw-result-allkalkulator .result-content .dcw-card-hasil .dcw-card {
            display: block;
        }

        .dcw-result-allkalkulator .result-content .dcw-card-hasil .dcw-card-content {
            padding: 2rem;
            font-size: 2rem;
            font-weight: 700;
            line-height: 1.1;
            letter-spacing: -0.01em;
            text-align: left;
            color: white !important;
            width: 100%;
            position: absolute;
            bottom: 0;
            background-image: linear-gradient(rgba(26,26,26,0), rgba(26,26,26,1))
        }

    .dcw-result-allkalkulator .result-content .dcw-card-bg-hasil {
        position: relative;
        width: 100%;
        aspect-ratio: 1;
        border-radius: var(--corner-radiuscontainer-card-l,24px);
        object-fit: cover;
        object-position: center;
    }

    .dcw-result-allkalkulator .result-content .dcw-disclaimer-hasil {
        background: var(--color-background-fill-warning, #FF8000);
        color: white !important;
        padding: var(--spacepaddingspace-component-padding-m,16px);
        gap: 12px;
        border-radius: 16px;
        display: flex;
    }

    .dcw-result-allkalkulator .result-content .dcw-diclaimer-hasil-child {
        display: flex;
    }

    .dcw-result-allkalkulator .result-content .dcw-disclaimer-text-container {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

        .dcw-result-allkalkulator .result-content .dcw-disclaimer-text-container * {
            color: #FFFFFF !important;
        }

    .dcw-result-allkalkulator .result-content .dcw-disclaimer-title {
        font-size: 14px;
        font-weight: 700;
        line-height: 18px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-result-allkalkulator .result-content .dcw-disclaimer-subtitle {
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-result-allkalkulator .result-content .dcw-disclaimer-image {
        width: 36px;
        height: 36px;
    }

    .dcw-result-allkalkulator .result-content .dcw-proteksi-indicator {
        width: fit-content;
        height: 60px;
        display: flex;
        align-items: center;
        color: var(--color-background-fill-primary) !important;
        cursor: pointer;
        padding: var(--spacepaddingspace-component-padding-m,16px);
        gap: var(--spacegapspace-component-gap-s,8px);
        border-radius: var(--corner-radiuscontainer-chips,88px);
        border: 1px solid var(--color-border-border-secondary-default, #E84E15);
        background: var(--color-danamonOrange-10, #FDEDE8);
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: -0.01em;
        text-align: center;
    }

@media screen and (min-width:1024px) {
    .dcw-result-allkalkulator .result-content * {
        box-sizing: border-box;
    }

    .dcw-result-allkalkulator .result-content {
        height: fit-content;
    }

        .dcw-result-allkalkulator .result-content .dcw-button-container {
            flex-direction: row;
            justify-content: start;
        }

        .dcw-result-allkalkulator .result-content .dcw-button-prev {
            width: fit-content;
        }

        .dcw-result-allkalkulator .result-content .dcw-button-next {
            padding: 20px;
            width: fit-content;
        }

        .dcw-result-allkalkulator .result-content .dcw-title {
            font-size: 40px;
            font-weight: 700;
            line-height: 52px;
            letter-spacing: -0.01em;
            text-align: left;
        }

        .dcw-result-allkalkulator .result-content .dcw-subtitle {
            font-size: 18px;
            font-weight: 400;
            line-height: 22px;
            letter-spacing: -0.01em;
            text-align: left;
        }

        .dcw-result-allkalkulator .result-content .dcw-header-title {
            font-size: 24px;
            font-weight: 700;
            line-height: 28px;
            letter-spacing: -0.01em;
            text-align: left;
        }

        .dcw-result-allkalkulator .result-content .dcw-table {
            border-collapse: collapse;
        }

        .dcw-result-allkalkulator .result-content .dcw-hasil-half {
            width: calc(50% - 0.75rem);
        }

        .dcw-result-allkalkulator .result-content .dcw-hasil-twofive {
            width: calc(40% - 0.75rem);
        }

        .dcw-result-allkalkulator .result-content .dcw-hasil-threefive {
            width: calc(60% - 0.75rem);
        }

        .dcw-result-allkalkulator .result-content .dcw-card-hasil {
            width: calc(33% - 1rem);
        }

        .dcw-result-allkalkulator .result-content .dcw-proteksi-indicator {
            margin: 1rem 0;
        }

        .dcw-result-allkalkulator .result-content .dcw-content-group-inner {
            padding: 1rem 0;
        }
}



/** Breadcrumb **/
.dcw-breadcrumb-container * {
    color: #A3A3A3;
}

.dcw-breadcrumb-container {
    width: 100%;
    border-top: 1px solid #E0E0E0;
    height: 42px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

    .dcw-breadcrumb-container .dcw-breadcrumb-inner {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        text-wrap: nowrap;
        text-overflow: ellipsis;
        width: 100%;
        overflow: hidden;
    }

    .dcw-breadcrumb-container a {
        font-size: 14px;
        line-height: 18px;
    }

        .dcw-breadcrumb-container a:nth-of-type(2) {
            /* max-width: 80px; */
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .dcw-breadcrumb-container a.breadcrumb-active {
            text-overflow: ellipsis;
            text-wrap: nowrap;
            overflow: hidden;
        }

        .dcw-breadcrumb-container a.breadcrumb-active,
        .dcw-breadcrumb-container a:hover {
            color: #E84E15;
            font-weight: 700;
        }

@media screen and (min-width: 1025px) {
    .dcw-breadcrumb-container {
        height: 60px;
    }

        .dcw-breadcrumb-container a {
            font-size: 16px;
            line-height: 20px;
        }

            .dcw-breadcrumb-container a:nth-of-type(2) {
                max-width: none;
            }
}



/** Quick Access **/
.dcw-quickaccess * {
    color: #121212 !important;
}

.dcw-quickaccess .qa-toggle {
    position: fixed;
    right: 0;
    top: 100px;
    z-index: 9999;
    width: 48px;
    height: 56px;
    border-radius: 100% 0 0 100%;
    background-color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0px 12px 12px 0px rgba(0,0,0,0.12);
}

    .dcw-quickaccess .qa-toggle.with-breadcrumb {
        top: 150px;
    }

    .dcw-quickaccess .qa-toggle img {
        width: 32px;
        height: 32px;
    }

    .dcw-quickaccess .qa-toggle span {
        display: none;
    }

.dcw-quickaccess .qa-desktop {
    display: none;
}

.dcw-quickaccess .qa-mobile {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    z-index: 9999;
}

.qa-mobile .qa-wrapper,
.qa-desktop .qa-wrapper {
    width: 100%;
    height: 100%;
}

.qa-mobile .qa-shade,
.qa-desktop .qa-shade {
    width: 100%;
    height: 100%;
    background-color: rgba(26,26,26,0.7);
    position: relative;
}

.qa-mobile .qa-container {
    position: fixed;
    height: auto;
    width: 100%;
    bottom: 0;
    background-color: #F5F5F5;
    border-radius: 24px 24px 0 0;
    z-index: 9999;
    transform: translateY(100%);
}

.qa-mobile.show .qa-container {
    transform: translateY(0);
}

.qa-mobile .qa-indicator {
    width: 80px;
    height: 4px;
    background-color: #E6E6E6;
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
}

.qa-mobile .qa-cont-header {
    padding-top: 2rem;
    padding-bottom: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.qa-mobile .qa-header-text {
    font-weight: 700;
}

.qa-mobile .qa-header-close {
    background-color: #FFFFFF;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.qa-mobile .qa-cont-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 2rem;
    background-color: #FFFFFF;
    border-radius: 16px;
    padding: 0.5rem 0;
}

.qa-mobile .qa-link {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
    padding: 0.5rem 1rem;
}

    .qa-mobile .qa-link img {
        width: 48px;
        height: 48px;
    }

@media screen and (min-width: 1025px) {
    .dcw-quickaccess .qa-toggle {
        width: 130px;
        height: 70px;
        top: 100px;
        gap: 1rem;
        border-radius: 88px 0 0 88px;
        padding-left: 1rem;
        transform: translateX(50%);
        box-shadow: 0px 24px 24px 0px rgba(0,0,0,0.12);
    }

        .dcw-quickaccess .qa-toggle.with-breadcrumb {
            top: 170px;
        }

        .dcw-quickaccess .qa-toggle:hover,
        .dcw-quickaccess .qa-toggle.active {
            transform: translateX(0);
        }

        .dcw-quickaccess .qa-toggle.hidden {
            transform: translateX(100%);
        }

        .dcw-quickaccess .qa-toggle img {
            width: 40px;
            height: 40px;
        }

        .dcw-quickaccess .qa-toggle span {
            display: block;
        }

    .dcw-quickaccess .qa-desktop {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        visibility: hidden;
        opacity: 0;
        z-index: 9999;
    }

    .dcw-quickaccess .qa-mobile {
        display: none;
    }

    .qa-desktop .qa-container {
        position: fixed;
        top: 110px;
        right: 0;
        z-index: 9;
    }

    .qa-desktop .qa-cont-content {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .qa-desktop .qa-link,
    .qa-desktop .qa-cont-close {
        background-color: #FFFFFF;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 224px;
        height: 92px;
        gap: 1rem;
        border-radius: 88px 0 0 88px;
        padding: 0 1rem;
        transform: translateX(100%);
    }

    .qa-desktop.show .qa-cont-close {
        cursor: pointer;
        transform: translateX(66%);
    }

    .qa-desktop.show .qa-link {
        transform: translateX(0);
    }

    .qa-desktop .qa-cont-close img {
        margin-left: 1rem;
    }
}

/** Welcome Promo **/
.dcw-welcome-promo {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 99999;
    visibility: hidden;
    opacity: 0;
}

    .dcw-welcome-promo .dcw-popup-shade {
        position: fixed;
        width: 100%;
        background: rgba(0, 0, 0, 0.5);
        height: 100%;
        top: 0;
        left: 0;
    }

    .dcw-welcome-promo .dcw-welcome-container {
        position: absolute;
        background-color: #ffffff;
        border-radius: 32px 32px 0 0;
        width: 100%;
        height: fit-content;
        z-index: 9;
        bottom: 0;
        transform: translateY(100%);
        padding-bottom: 2rem;
        max-height: 70%;
    }

    .dcw-welcome-promo.show .dcw-welcome-container {
        transform: translateY(0);
    }

    .dcw-welcome-promo .dcw-welcome-container .dcw-header {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .dcw-welcome-promo .dcw-welcome-container .dcw-close-button {
        height: 36px;
        background: transparent;
        padding: 0;
        margin: 0;
        display: flex;
        gap: 1rem;
        align-items: center;
        cursor: pointer;
    }

        .dcw-welcome-promo .dcw-welcome-container .dcw-close-button p {
            font-weight: 700;
            color: #E84E15;
        }

    .dcw-welcome-promo .dcw-welcome-container .dcw-round-icon {
        border-radius: 50%;
        width: 48px;
        height: 48px;
        position: absolute;
        top: 1rem;
        left: 1rem;
    }

    .dcw-welcome-promo .dcw-welcome-container .dcw-content-card {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 1rem;
        background-image: linear-gradient(rgba(26,26,26,0), rgba(26,26,26,1));
        border-radius: 0;
    }

    .dcw-welcome-promo .dcw-welcome-container .dcw-card-subtitle {
        font-size: 14px;
        line-height: 18px;
        font-weight: 400;
        color: #ffffff;
    }

    .dcw-welcome-promo .dcw-welcome-container .dcw-card-title {
        font-weight: 700;
        color: #ffffff;
    }

    .dcw-welcome-promo .dcw-welcome-container .dcw-card-time {
        display: flex;
        gap: 0.5rem;
    }

    .dcw-welcome-promo .dcw-welcome-container .dcw-time-desc {
        font-size: 12px;
        font-weight: 400;
        line-height: 24px;
        color: #ffffff;
    }

    .dcw-welcome-promo .dcw-welcome-container .card-contents {
        border-radius: 0;
        overflow: hidden;
        display: block;
        width: 100%;
        height: 100%;
    }

    .dcw-welcome-promo .dcw-welcome-container .card-item-child {
        border-radius: 0;
        overflow: hidden;
        width: 100%;
        height: 100%;
    }

    .dcw-welcome-promo .dcw-welcome-container .dcw-card-background {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .dcw-welcome-promo .dcw-welcome-container .swiper-pagination {
        position: relative;
        display: block;
        padding: 1rem 0;
    }

        .dcw-welcome-promo .dcw-welcome-container .swiper-pagination .swiper-pagination-bullet {
            background-color: #E84E15;
        }

    .dcw-welcome-promo .dcw-welcome-container .swiper-wrapper {
        display: flex;
        align-items: center;
    }

    .dcw-welcome-promo .dcw-welcome-container .swiper-arrow-cont {
        display: none;
        height: fit-content;
    }

    .dcw-welcome-promo .dcw-welcome-container .dcw-card-container {
        min-height: 200px;
    }

        .dcw-welcome-promo .dcw-welcome-container .dcw-card-container .swiper {
            min-height: 200px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

    .dcw-welcome-promo .dcw-welcome-container .swiper-slide {
        aspect-ratio: 3 / 2
    }

        .dcw-welcome-promo .dcw-welcome-container .swiper-slide.swiper-slide-active {
            transform: scale(1);
        }

@media screen and (min-width:350px) {
    .dcw-welcome-promo .dcw-welcome-container .dcw-card-container,
    .dcw-welcome-promo .dcw-welcome-container .dcw-card-container .swiper {
        min-height: 275px;
    }

    .dcw-laptop-appbanner .dcw-iphone {
        height: 15rem !important;
    }

    .dcw-laptop-appbanner .dcw-text-container {
        width: 90% !important;
    }
}

@media screen and (min-width:700px) {
    .dcw-welcome-promo .dcw-welcome-container {
        max-height: 80%;
    }

        .dcw-welcome-promo .dcw-welcome-container .dcw-card-container,
        .dcw-welcome-promo .dcw-welcome-container .dcw-card-container .swiper {
            min-height: 520px;
        }

        .dcw-welcome-promo .dcw-welcome-container .swiper-slide.swiper-slide-active {
            transform: scale(1.2);
        }

        .dcw-welcome-promo .dcw-welcome-container .card-contents {
            border-radius: 24px;
        }

        .dcw-welcome-promo .dcw-welcome-container .card-item-child {
            border-radius: 24px;
        }

        .dcw-welcome-promo .dcw-welcome-container .dcw-content-card {
            border-radius: 0px 0px 24px 24px;
        }
}

@media screen and (min-width:1100px) {
    .dcw-welcome-promo .dcw-welcome-container .swiper-arrow-cont {
        position: absolute;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 12px;
        top: 50%;
        left: 50%;
        z-index: 29;
        transform: translate(-50%,-50%);
        width: 85%;
        justify-content: space-between;
        pointer-events: none;
    }

    .dcw-welcome-promo .dcw-welcome-container .swiper-button-next {
        border-radius: 100%;
        background-color: #ffffff;
        width: 60px;
        height: 60px;
        color: var(--color-background-fill-primary, #E84E15);
        position: relative;
        display: flex !important;
        justify-content: center;
        align-self: center;
        margin: 0;
        top: 0;
        left: 0;
        pointer-events: all;
    }

    .dcw-welcome-promo .dcw-welcome-container .swiper-button-prev {
        border-radius: 100%;
        background-color: #ffffff;
        width: 60px;
        height: 60px;
        color: var(--color-background-fill-primary, #E84E15);
        position: relative;
        display: flex !important;
        justify-content: center;
        align-self: center;
        margin: 0;
        top: 0;
        left: 0;
        pointer-events: all;
    }

        .dcw-welcome-promo .dcw-welcome-container .swiper-button-next:after,
        .dcw-welcome-promo .dcw-welcome-container .swiper-button-prev:after {
            font-size: 2rem;
            font-weight: 700;
        }

    .dcw-welcome-promo .dcw-welcome-container .dcw-round-icon {
        top: 2rem;
        left: 2rem;
    }

    .dcw-welcome-promo .dcw-welcome-container .dcw-content-card {
        padding: 2rem;
    }

    .dcw-welcome-promo .dcw-welcome-container .dcw-card-container,
    .dcw-welcome-promo .dcw-welcome-container .dcw-card-container .swiper {
        min-height: 500px;
    }

    .dcw-welcome-promo .dcw-welcome-container .swiper-pagination {
        display: none;
    }
}

@media screen and (min-width:1400px) {
    .dcw-welcome-promo .dcw-welcome-container .dcw-card-subtitle {
        font-size: 20px;
        line-height: 1.25;
        letter-spacing: -0.01em;
    }

    .dcw-welcome-promo .dcw-welcome-container .dcw-card-title {
        font-size: 32px;
        line-height: 1.25;
        letter-spacing: -0.01em;
    }

    .dcw-welcome-promo .dcw-welcome-container .dcw-time-desc {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: -0.01em;
    }

    .dcw-welcome-promo .dcw-welcome-container .dcw-welcome-content {
        padding: 1rem 0;
    }

    .dcw-welcome-promo .dcw-welcome-container .dcw-card-container,
    .dcw-welcome-promo .dcw-welcome-container .dcw-card-container .swiper {
        min-height: 440px;
    }
}

@media screen and (min-width:1500px) {
    .dcw-welcome-promo .dcw-welcome-container .dcw-card-container,
    .dcw-welcome-promo .dcw-welcome-container .dcw-card-container .swiper {
        min-height: 480px;
    }
}

@media screen and (min-width:1600px) {
    .dcw-welcome-promo .dcw-welcome-container .dcw-card-container,
    .dcw-welcome-promo .dcw-welcome-container .dcw-card-container .swiper {
        min-height: 560px;
    }
}

@media screen and (min-width:1900px) {
    .dcw-welcome-promo .dcw-welcome-container .dcw-card-container,
    .dcw-welcome-promo .dcw-welcome-container .dcw-card-container .swiper {
        min-height: 520px;
    }
}

@media screen and (min-width:2000px) {
    .dcw-welcome-promo .dcw-welcome-container .dcw-card-container,
    .dcw-welcome-promo .dcw-welcome-container .dcw-card-container .swiper {
        min-height: 765px;
    }
}

/** Pop Up PDF **/
.dcw-pdf-popup .dcw-pdf-preview .dcw-rich-content #richtext-popup {
    display: none !important;
}

.dcw-pdf-popup {
    position: fixed;
    top: 0;
    left: 0;
    min-height: 100vh;
    max-height: 100vh;
    text-align: center;
    overflow-y: auto;
    height: auto;
    width: 100%;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
}

    .dcw-pdf-popup .dcw-pdf-preview {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: 1rem;
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
        background: white;
        box-sizing: border-box;
        box-shadow: 0px -6px 28px 0px #00000014;
        transform: translateY(100%);
        z-index: 9999;
        border-radius: 32px 32px 0 0;
        min-height: 90vh;
        position: relative;
        margin-top: 100px;
    }

    .dcw-pdf-popup .dcw-popup-content {
        display: none;
    }

    .dcw-pdf-popup .dcw-pdf-content,
    .dcw-pdf-popup .dcw-img-content img,
    .dcw-pdf-popup .dcw-rich-content {
        width: 100%;
        height: auto;
        min-height: 90vh;
        object-fit: contain;
        object-position: top;
    }

    .dcw-pdf-popup .dcw-yt-content iframe {
        height: auto;
        min-height: 68.25vh;
        border-radius: 24px;
        overflow: hidden;
    }

    .dcw-pdf-popup .dcw-rich-content div {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        text-align: left;
        gap: 0.5rem;
        padding: 1rem 0;
    }

    .dcw-pdf-popup .dcw-rich-content .dcw-table-cont {
        overflow: auto;
        padding: 1rem 0;
        width: 100%;
    }

        .dcw-pdf-popup .dcw-rich-content .dcw-table-cont::-webkit-scrollbar {
            height: 10px;
        }

        .dcw-pdf-popup .dcw-rich-content .dcw-table-cont::-webkit-scrollbar-track {
            box-shadow: none;
            border-radius: 10px;
        }

        .dcw-pdf-popup .dcw-rich-content .dcw-table-cont::-webkit-scrollbar-thumb {
            background: var(--color-background-fill-success-hover, #1E8758);
            border-radius: 10px;
        }

            .dcw-pdf-popup .dcw-rich-content .dcw-table-cont::-webkit-scrollbar-thumb:hover {
                background: var(--color-background-fill-success-hover, #1E8758);
            }

    .dcw-pdf-popup .dcw-rich-content table {
        border-collapse: collapse;
        width: max-content;
    }

        .dcw-pdf-popup .dcw-rich-content table tr:first-child th:first-child {
            border-top-left-radius: 16px;
        }

        .dcw-pdf-popup .dcw-rich-content table tr:last-child td:first-child {
            border-bottom-left-radius: 16px;
        }

        .dcw-pdf-popup .dcw-rich-content table tr:last-child td:last-child {
            border-bottom-right-radius: 16px;
        }

        .dcw-pdf-popup .dcw-rich-content table tr:first-child th:last-child {
            border-top-right-radius: 16px;
        }

        .dcw-pdf-popup .dcw-rich-content table td {
            font-size: 16px;
            font-weight: 400;
            line-height: 20px;
            letter-spacing: -0.01em;
            text-align: left;
            padding: 12px 12px;
        }

        .dcw-pdf-popup .dcw-rich-content table tr:nth-child(even) {
            background-color: #eeeeee;
        }

        .dcw-pdf-popup .dcw-rich-content table tr:nth-child(odd) {
            background-color: #f8f8f8;
        }
        /* .dcw-pdf-popup .dcw-rich-content table tr:hover {
    background-color: #ddd;
} */
        .dcw-pdf-popup .dcw-rich-content table th {
            padding: 12px 12px;
            text-align: left;
            background: var(--color-background-fill-success-hover, #1E8758);
            color: white;
            white-space: nowrap;
            font-weight: 700;
        }

    .dcw-pdf-popup .dcw-rich-content .dcw-table-cont.table-alt::-webkit-scrollbar-thumb {
        background: #B6CAC7;
    }

        .dcw-pdf-popup .dcw-rich-content .dcw-table-cont.table-alt::-webkit-scrollbar-thumb:hover {
            background: #B6CAC7;
        }

    .dcw-pdf-popup .dcw-rich-content table.table-alt tr:nth-child(even) {
        background-color: #FFFFFF;
    }

    .dcw-pdf-popup .dcw-rich-content table.table-alt tr:nth-child(odd) {
        background-color: #E7EDEC;
    }

    .dcw-pdf-popup .dcw-rich-content table.table-alt th {
        background: #B6CAC7;
        color: #062F28;
    }

    .dcw-pdf-popup .dcw-rich-content table.table-alt td {
        color: #062F28;
    }

    .dcw-pdf-popup .dcw-rich-content b {
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-pdf-popup .dcw-rich-content ul {
        display: flex;
        flex-direction: column;
        gap: var(--spacegapspace-component-gap-s,12px);
        list-style: disc !important;
        padding-left: 24px;
    }

        .dcw-pdf-popup .dcw-rich-content ul li > * {
            margin-bottom: 8px;
        }

        .dcw-pdf-popup .dcw-rich-content ul li::marker {
            color: #E84E15;
            font-size: 24px;
        }

    .dcw-pdf-popup .dcw-rich-content ol {
        display: flex;
        flex-direction: column;
        list-style: decimal !important;
        padding-left: 24px;
    }

        .dcw-pdf-popup .dcw-rich-content ol li::marker {
            color: #1A1A1A;
            font-size: 16px;
        }

    .dcw-pdf-popup .dcw-rich-content a {
        color: #E84E15;
    }

    .dcw-pdf-popup .dcw-rich-content h4 {
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-pdf-popup.show .dcw-pdf-preview {
        transform: translateY(0);
    }

    .dcw-pdf-popup .pdf-popup-shade {
        position: fixed;
        width: 100%;
        background: rgba(0, 0, 0, 0.5);
        height: 100%;
        top: 0;
        left: 0;
        z-index: 999;
    }

    .dcw-pdf-popup .dcw-pdf-preview .dcw-header {
        width: 100%;
        height: fit-content;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        padding: 1rem 0;
        border-bottom: 1px solid #E0E0E0;
    }

    .dcw-pdf-popup .dcw-pdf-preview .dcw-title-tag {
        width: 100%;
        display: flex;
        gap: 16px;
        justify-content: start;
        align-items: center;
    }

    .dcw-pdf-popup .dcw-pdf-preview .dcw-header-title {
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: -0.01em;
        text-align: left;
        width: fit-content;
    }

    .dcw-pdf-popup .dcw-pdf-preview .dcw-tag-icon {
        display: none;
    }

    .dcw-pdf-popup .dcw-pdf-preview .dcw-close-button {
        height: 36px;
        background: transparent;
        padding: 0;
        margin: 0;
        display: flex;
        gap: 1rem;
        align-items: center;
        cursor: pointer;
    }

        .dcw-pdf-popup .dcw-pdf-preview .dcw-close-button p {
            font-weight: 700;
            color: #E84E15;
        }

    .dcw-pdf-popup .dcw-pdf-iframe {
        height: 100vh;
        max-height: 100vh;
        border: none;
        box-sizing: border-box;
        width: 100%;
    }

@media screen and (min-width: 1025px) {
    .dcw-pdf-popup .dcw-pdf-preview .dcw-header {
        padding: 1rem 2rem !important;
    }

    .dcw-pdf-popup .dcw-pdf-preview .dcw-title {
        display: flex;
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
        letter-spacing: -0.01em;
        text-align: left;
        align-items: center;
    }

    .dcw-pdf-popup .dcw-pdf-preview .dcw-title-tag {
        max-width: 70%;
        font-size: 40px;
        line-height: 52px;
    }

    .dcw-pdf-popup .dcw-pdf-preview .dcw-tag-icon {
        display: block;
        width: auto;
        height: 48px;
    }

    .dcw-pdf-popup .dcw-pdf-preview .dcw-header-title {
        font-size: 24px;
        line-height: 28px;
    }

    .dcw-pdf-popup .dcw-pdf-preview .dcw-close-button {
        height: 48px;
    }

    .dcw-pdf-popup .dcw-pdf-content {
        height: 75vh;
    }

    .dcw-pdf-popup .dcw-pdf-iframe {
        height: 100%;
    }

    .dcw-pdf-popup .dcw-yt-content iframe {
        width: 100%;
        /* min-height: 67vh; */
        /* aspect-ratio: 16 / 9; */
    }
}


/** Footer **/
.dcw-footer-container {
    padding-top: 2rem;
}
/* .dcw-runtext-wrapper {
    position: relative;
    width: 99.9%;
    overflow: hidden;
    font-size: 2rem;
    padding: 2rem 0;
} */
/** Running Text **/
/* .dcw-runtext-wrapper .dcw-runtext-container {
    position: relative;
    display: inline-flex;
}
.dcw-runtext-wrapper .dcw-runtext-container.clone {
    position: absolute;
    top: 2rem;
    left: 0;
}
.dcw-runtext-container .runtext-item {
    display: inline-flex;
    flex-direction: row;
    gap: 1rem;
    align-items: center;
    padding-left: 1rem;
    white-space: nowrap; 
}
.dcw-runtext-container .runtext-item>img {
    width: 16px;
}

@media screen and (min-width: 1024px) {
    .dcw-runtext-wrapper {
        font-size: 4.5rem;
    }
    .dcw-runtext-container .runtext-item>img {
        width: 32px;
    }
} */
/** Email Subscription **/
/* .dcw-subscribe-wrapper {
    background-color: #E94E14;
}
.dcw-subscribe-container {
    padding: 1rem 0;
}
.dcw-subscribe-container .subscribe-title {
    font-size: 1.5rem;
    line-height: 1.3;
    font-weight: 700;
    color: #FFFFFF;
    padding: 1rem 0;
}
.dcw-subscribe-container .subcribe-form-input {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}
.dcw-subscribe-container .subscribe-email {
    border-radius: 8px;
    height: 60px;
    width: 75%;
    padding: 0 1rem;
    border: 1px solid #E0E0E0;
    font-size: 1rem;
    flex-grow: 1;
}
.dcw-subscribe-container .subscribe-email:focus {
    outline: none;
}
.dcw-subscribe-container .subscribe-submit {
    border-radius: 8px;
    height: 60px;
    width: 60px;
    background-color: transparent;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    font-size: 3rem;
    line-height: 60px;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}
.dcw-subscribe-container .subscribe-submit>span {
    display: none;
}
.dcw-subscribe-container .subscribe-tnc {
    padding: 1rem 0;
    color: #FFFFFF;
    text-decoration: underline;
    font-size: 1rem;
    font-weight: 700;
}
.dcw-subscribe-container .subscribe-tnc a {
    color: #FFFFFF;
}
.dcw-subscribe-container .subscribe-form-error {
    display: none;
    color: #821131;
    width: 100%;
}
@media screen and (min-width: 1025px) {
    .dcw-subscribe-container {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        padding: 4rem;
    }
    .dcw-subscribe-container>div {
        width: 50%;
    }
    .dcw-subscribe-container .subscribe-title {
        font-size: 2rem;
    }
    .dcw-subscribe-container .subscribe-submit {
        width: fit-content;
    }
    .dcw-subscribe-container .subscribe-submit>img {
        display: none;
    }
    .dcw-subscribe-container .subscribe-submit>span {
        display: block;
        font-size: 1rem;
        margin: 1rem;
        color: #FFFFFF;
    }
}
@media screen and (min-width: 1367px) {
    .dcw-subscribe-container .subscribe-title {
        font-size: 2.5rem;
    }
} */
/** Footer Menu **/
.dcw-footerlinks-wrapper {
    padding-bottom: 3rem;
}

.footer-menu {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
}

.footer-menu-box {
    padding: 0 0.5rem;
}

.footer-menu .footer-menu-box.btm-border {
    border-bottom: 1px solid #E0E0E0;
}

.footer-menu-box.accordion {
    padding: 1rem 0.5rem;
    margin-bottom: 0;
}

.footer-menu-box .footer-menu-cat {
    font-size: 1rem;
    font-weight: 700;
    color: #E84E15;
}

.footer-menu-box .category-title {
    color: #E84E15;
    pointer-events: none;
}

    .footer-menu-box .category-title a {
        color: #E84E15;
    }

.footer-menu-box.accordion .footer-menu-cat {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.footer-menu-box .footer-menu-subs {
    margin: 0;
    list-style-type: none;
    padding: 0;
}

.footer-menu-box.accordion .footer-menu-subs {
    height: 0;
    overflow: hidden;
}

.footer-menu-box .category-chevron {
    pointer-events: none;
    width: 28px;
    height: 28px;
    display: block;
    transform: rotate(180deg);
}

.footer-menu-cat.open .category-chevron {
    transform: rotate(0deg);
}

.footer-menu-subs .footer-menu-item > a {
    display: block;
    width: 100%;
    padding: 0.5rem 0;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.01em;
}

.footer-menu-subs.contact,
.footer-menu-subs.office {
    padding: 1rem 0;
}

    .footer-menu-subs.contact .footer-menu-item > a {
        display: flex;
        gap: 1rem;
        align-items: center;
        width: 100%;
        padding: 0.5rem 0;
    }

    .footer-menu-subs.office .footer-menu-item > p {
        margin: 0;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: -0.01em;
    }

    .footer-menu-subs.office .footer-menu-item > a {
        background-color: #E84E15;
        color: #FFFFFF;
        border-radius: 8px;
        margin: 1rem 0;
        padding: 0.5rem 1rem;
        width: fit-content;
    }

.footer-quick {
    width: 100%;
}

    .footer-quick .quick-link-item {
        width: 100%;
        border-bottom: 1px solid #E0E0E0;
    }

        .footer-quick .quick-link-item > a {
            display: block;
            width: 100%;
            padding: 1rem 0;
            color: #E84E15;
            font-weight: 700;
        }

.footer-company {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 3rem 0;
    gap: 2rem;
}

    .footer-company .company-cont {
        padding: 0.5rem 0;
    }

    .footer-company .company-title {
        color: #E84E15;
        font-weight: 700;
        padding-bottom: 1rem;
    }

.footer-additional .footer-social {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    padding: 1rem 0;
}

.footer-additional hr {
    border: 1px solid #E0E0E0;
    width: calc(100% - 1rem);
    margin: 0 auto;
}

.footer-additional .footer-more {
    display: flex;
    align-items: center;
    padding: 1rem 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1rem;
}

.footer-endline {
    width: 100%;
    height: 6px;
    display: grid;
    grid-template-columns: 20% 40% 40%;
    /* padding: 0 1rem; */
}

    .footer-endline span:nth-child(1) {
        background-color: #FFBF0F;
    }

    .footer-endline span:nth-child(2) {
        background-color: #DB2329;
    }

    .footer-endline span:nth-child(3) {
        background-color: #FF8000;
    }

.footer-footnote {
    font-size: 14px;
    line-height: 18px;
}

@media screen and (min-width: 1025px) {
    .dcw-footerlinks-wrapper {
        padding: 5rem 0;
    }

    .dcw-footerlinks-cont {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }

    .footer-menu {
        grid-template-columns: repeat(7, 1fr);
    }

        .footer-menu .footer-menu-box {
            width: 100%;
            word-break: break-word;
        }

            .footer-menu .footer-menu-box.quick-links {
                padding: 0.5rem 1rem;
            }

            .footer-menu .footer-menu-box.btm-border {
                border: none;
            }

    .footer-menu-box .category-title {
        pointer-events: all;
    }

    .footer-menu-box.accordion .category-chevron {
        display: none;
    }

    .footer-menu-box.accordion .footer-menu-subs {
        padding: 1rem 0;
        height: auto;
    }

    .footer-quick .quick-link-item {
        border-bottom: none;
    }

        .footer-quick .quick-link-item > a {
            padding: 0.5rem 0;
        }

    .footer-additional {
        width: 100%;
    }

    .footer-company {
        padding: 1.5rem 0;
        flex-direction: row;
    }

        .footer-company .footer-menu-box {
            width: 22%;
        }

    .footer-additional .footer-more {
        flex-direction: row-reverse;
        justify-content: flex-end;
        align-items: center;
    }

    .footer-endline {
        grid-template-columns: repeat(3, 1fr);
    }
}



/** Content **/
/** Home **/
/** Hero Banner **/
.dcw-herobanner {
    width: 100%;
    height: calc(100vh - 92px);
    position: relative;
    min-height: 700px;
}

    .dcw-herobanner .hero-big-banner {
        height: 100%;
    }

        .dcw-herobanner .hero-big-banner:after {
            content: '';
            height: 100%;
            width: 100%;
            background-color: #000000;
            opacity: 0.1;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
        }

        .dcw-herobanner .hero-big-banner .swiper-navigation {
            display: none;
        }

        .dcw-herobanner .hero-big-banner .hero-slider-container {
            height: 100%;
        }

        .dcw-herobanner .hero-big-banner .hero-image {
            height: 100%;
            width: 100%;
            object-fit: cover;
            object-position: 60% top;
            position: absolute;
            top: 0;
            left: 0;
        }

        .dcw-herobanner .hero-big-banner .hero-content {
            width: 100%;
            height: 50%;
            position: relative;
            z-index: 9;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            align-items: flex-start;
            gap: 1rem;
        }

        .dcw-herobanner .hero-big-banner .hero-subtitle {
            color: #FFFFFF;
            font-size: 1rem;
            font-weight: 700;
        }

        .dcw-herobanner .hero-big-banner .hero-title {
            color: #FFFFFF;
            font-size: 40px;
            line-height: 52px;
            font-weight: 700;
        }

        .dcw-herobanner .hero-big-banner .hero-button {
            color: #FFFFFF;
            background-color: #E84E15;
            font-size: 1rem;
            font-weight: 700;
            border-radius: 8px;
            padding: 1rem;
        }

    .dcw-herobanner .hero-small-slider {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 50%;
        z-index: 9;
        gap: 2rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        opacity: 0;
        transition: all 0.8s ease;
    }

        .dcw-herobanner .hero-small-slider .hero-slider-title {
            color: #FFFFFF;
            font-size: 1rem;
            line-height: 1.2;
            padding: 1rem;
            width: 80%;
        }

        .dcw-herobanner .hero-small-slider .hero-slider-container {
            width: 100%;
            padding: 0;
            position: static;
            padding-bottom: 1rem;
        }

        .dcw-herobanner .hero-small-slider .swiper-wrapper {
            padding: 0 1rem;
            display: flex;
            align-items: center;
            height: auto !important;
            min-height: 200px;
        }

        .dcw-herobanner .hero-small-slider .swiper-slide {
            background: rgba(255, 255, 255, 0.3);
            backdrop-filter: blur(10px);
            border-radius: 24px;
            padding: 1rem;
            height: auto;
            display: flex;
            cursor: pointer;
            aspect-ratio: 1/1;
            flex-direction: column;
            justify-content: space-between;
            align-items: flex-start;
            transition: all 1s;
        }

            .dcw-herobanner .hero-small-slider .swiper-slide.swiper-slide-active {
                transform: scale(1.1);
                border: 1px solid #ffffff;
            }

        .dcw-herobanner .hero-small-slider .swiper-holder {
            height: 0px;
        }

        .dcw-herobanner .hero-small-slider .swiper-slide.hidden-slide {
            opacity: 0;
            pointer-events: none;
            transform: translateX(-400%);
        }

        .dcw-herobanner .hero-small-slider .hero-content {
            color: #FFFFFF;
            font-weight: 800;
        }

        .dcw-herobanner .hero-small-slider .swiper-navigation {
            display: none;
            /* margin-top: -30px; */
        }

    .dcw-herobanner .hero-highlight {
        position: absolute;
        top: 0;
        left: 0;
        height: 50vh;
        width: 100%;
        z-index: 99;
        pointer-events: none;
    }

        .dcw-herobanner .hero-highlight .hero-content {
            width: 100%;
            height: calc(100% - 92px);
            position: absolute;
            top: 0;
            left: 0;
            z-index: 9;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            align-items: flex-start;
            gap: 1rem;
            visibility: hidden;
            opacity: 0;
            transition: all 0.4s ease;
        }

            .dcw-herobanner .hero-highlight .hero-content.show {
                position: relative;
                visibility: visible;
                opacity: 1;
            }

        .dcw-herobanner .hero-highlight .hero-subtitle {
            color: #FFFFFF;
            font-size: 1rem;
            text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
        }

        .dcw-herobanner .hero-highlight .hero-title {
            color: #FFFFFF;
            font-size: 40px;
            line-height: 52px;
            font-weight: 700;
            text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
        }

        .dcw-herobanner .hero-highlight .hero-button {
            color: #FFFFFF;
            background-color: #E84E15;
            font-size: 1rem;
            font-weight: 700;
            border-radius: 8px;
            padding: 1rem;
            pointer-events: all;
        }

@media screen and (min-width: 380px) {
    .dcw-herobanner .hero-small-slider .hero-slider-title {
        padding: 1rem;
    }

    .dcw-herobanner .hero-small-slider .swiper-wrapper {
        padding: 0.5rem 1.5rem;
        position: absolute;
    }

    .dcw-herobanner .hero-small-slider .swiper-holder {
        height: 190px;
    }
}

@media screen and (min-width: 400px) {
    .dcw-herobanner .hero-small-slider .hero-slider-title {
        /*font-weight: 800;*/
        padding: 1rem 2rem;
    }

    .dcw-herobanner .hero-small-slider .swiper-wrapper {
        padding: 0.5rem 2rem;
    }
}

@media screen and (min-width: 700px) {
    .dcw-herobanner {
        width: 100%;
        position: relative;
    }
}

@media screen and (min-width: 1025px) {
    .dcw-herobanner .hero-small-slider {
        width: 50%;
        height: 70%;
        right: 0;
        padding-bottom: 2rem;
        gap: 1rem;
    }

    .dcw-herobanner .hero-highlight {
        /* height: 100vh; */
        height: 100%;
        aspect-ratio: 16/7;
    }

        .dcw-herobanner .hero-highlight .hero-content {
            width: 100%;
            /* height: calc(100% - 92px); */
            height: 100%;
            justify-content: center;
            /* max-width: 1500px; */
            /* max-width: 786px; */
            width: 90%;
            margin: 0 auto;
        }

        .dcw-herobanner .hero-highlight .hero-subtitle,
        .dcw-herobanner .hero-highlight .hero-button {
            /* font-size: 20px; */
            /* font-size: 1rem; */
            font-size: 15.63px;
            line-height: 1.1;
        }

        .dcw-herobanner .hero-highlight .hero-subtitle {
            font-weight: 400;
        }

        .dcw-herobanner .hero-highlight .hero-title {
            /* font-size: 3.5rem; */
            /* font-size: 2.441rem; */
            font-size: 30.52px;
            line-height: 1.2;
            width: 75%;
        }

        .dcw-herobanner .hero-highlight .hero-button {
            padding: 1rem 2rem;
            width: fit-content;
        }

    .dcw-herobanner .hero-small-slider .hero-slider-title {
        width: 100%;
        /* font-size: 20px; */
        /* font-size: 1rem; */
        font-size: 15.63px;
        padding: 0;
    }

    .dcw-herobanner .hero-small-slider .swiper-wrapper {
        padding: 0;
        pointer-events: none;
    }

    .dcw-herobanner .hero-small-slider .swiper-slide {
        padding: 1rem;
    }

        .dcw-herobanner .hero-small-slider .swiper-slide:not(.hidden-slide) {
            pointer-events: all;
        }

    .dcw-herobanner .hero-small-slider .swiper-navigation {
        display: flex;
        gap: 1.5rem;
        padding: 0;
    }

    .dcw-herobanner .hero-small-slider .swiper-button-prev,
    .dcw-herobanner .hero-small-slider .swiper-button-next {
        margin-top: 0px;
        border-radius: 100%;
        background-color: #FFFFFF;
        width: 40px;
        height: 40px;
        color: #E84E15;
        position: relative;
        display: flex;
        justify-content: center;
        align-self: center;
        top: 0;
        left: 0;
    }

        .dcw-herobanner .hero-small-slider .swiper-button-prev:after,
        .dcw-herobanner .hero-small-slider .swiper-button-next:after {
            font-size: 1rem;
            font-weight: 700;
        }

        .dcw-herobanner .hero-small-slider .swiper-button-prev:hover,
        .dcw-herobanner .hero-small-slider .swiper-button-next:hover {
            filter: brightness(95%);
        }
}

@media screen and (min-width: 1600px) {
    /* .dcw-herobanner .hero-small-slider .swiper-button-prev,
    .dcw-herobanner .hero-small-slider .swiper-button-next {
        width: 52px;
        height: 52px;
    }
    .dcw-herobanner .hero-small-slider .swiper-button-prev:after,
    .dcw-herobanner .hero-small-slider .swiper-button-next:after {
        font-size: 1.8rem;
    } */
    .dcw-herobanner .hero-small-slider .swiper-holder {
        height: 220px;
    }

    .dcw-herobanner .hero-small-slider .hero-slider-container {
        padding-top: 2rem;
    }
}

/** Product Slider **/
.dcw-productslider * {
    box-sizing: border-box;
}

.dcw-productslider {
    width: 100%;
    height: fit-content;
    padding: 32px 0px;
    display: flex;
    flex-direction: column;
    gap: 0;
    background: var(--color-background-surface-warning, #FFFBEE);
    box-sizing: border-box;
    overflow: hidden;
}

    .dcw-productslider .dcw-header {
        width: 100%;
        height: fit-content;
        max-height: 32px;
        display: flex;
        align-items: center;
        gap: 16px;
        justify-content: space-between;
        margin: 1rem 0;
        /* max-width: 1512px !important; */
        margin: 0 auto !important;
    }

    .dcw-productslider .dcw-title-tag {
        width: 100%;
        max-height: 32px;
        display: flex;
        gap: 16px;
        justify-content: start;
        align-items: center;
        color: #414141;
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-productslider .dcw-header-title {
        width: fit-content;
    }

    .dcw-productslider .dcw-tag-img {
        background-color: #ffffff;
        border-radius: 50%;
        width: 42px;
        height: 42px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .dcw-productslider .dcw-tag-icon {
        width: auto;
        height: 32px;
    }

    .dcw-productslider .dcw-arrow-right {
        width: 0;
        height: 32px;
        display: none;
        align-items: center;
        text-decoration: none;
    }

    .dcw-productslider .dcw-card-first-container {
        padding: 0px 16px;
    }

    .dcw-productslider .dcw-card-first-row {
        width: 100%;
        height: auto;
        min-height: 300px;
        aspect-ratio: 3/2;
        border-radius: 24px;
        position: relative;
        padding: 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .dcw-productslider .dcw-round-icon {
        width: 48px;
        height: 48px;
        border-radius: 100%;
        position: relative;
    }

    .dcw-productslider .dcw-content-card {
        width: 100%;
        height: auto;
        color: white;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
        padding: 1rem;
        z-index: 1;
        background-image: linear-gradient(rgba(26,26,26,0), rgba(26,26,26,1));
    }

    .dcw-productslider .dcw-card-subtitle {
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        letter-spacing: -0.01em;
        text-align: left;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        color: white;
    }

    .dcw-productslider .dcw-card-title {
        color: white;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1.1;
        letter-spacing: -0.01em;
        text-align: left;
        height: fit-content;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 75%;
    }

    .dcw-productslider .dcw-card-time {
        height: 24px;
        display: flex;
        align-items: center;
        gap: 4px;
        color: white;
    }

    .dcw-productslider .dcw-svg-container {
        padding: 2.5px;
        height: 24px;
        width: 24px;
    }

    .dcw-productslider .dcw-time-desc {
        font-size: 12px;
        font-weight: 400;
        line-height: 24px;
    }

    .dcw-productslider .dcw-card-second-row {
        width: 100%;
        height: fit-content;
    }

    .dcw-productslider .card-item {
        background-color: transparent;
        height: auto;
        aspect-ratio: 1/1;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: end;
        color: white;
        transition: all 1s ease;
        width: calc(33.33% - 20px);
        border-radius: 24px;
        overflow: hidden;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

    .dcw-productslider .card-contents {
        display: block;
        height: 100%;
        width: 100%;
    }

    .dcw-productslider .card-item-child {
        height: 100%;
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: end;
        color: white;
        border-radius: 24px;
        overflow: hidden;
        transition: all 0.4s;
    }

    .dcw-productslider .dcw-card-background {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 0;
    }

    .dcw-productslider .dcw-card-container {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        /* gap: 16px; */
        gap: 0;
    }

    .dcw-productslider .dcw-clock-img {
        width: 19px;
        height: 19px;
    }

    .dcw-productslider .dcw-go-detail-btn {
        width: auto;
        height: auto;
        background: rgb(255, 255, 255, 20%);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
    }

        .dcw-productslider .dcw-go-detail-btn > img {
            width: 32px;
            height: 32px;
        }

    .dcw-productslider .swiper-pagination {
        position: relative;
        bottom: 0px;
    }

        .dcw-productslider .swiper-pagination .swiper-pagination-bullet {
            opacity: 1;
            background-color: #CCCCCC;
            transition: all 0.4s;
        }

        .dcw-productslider .swiper-pagination .swiper-pagination-bullet-active {
            opacity: 1;
            background-color: var(--color-background-fill-primary, #E84E15);
            width: 30px;
            border-radius: 10px;
            transition: all 0.4s;
        }

    .dcw-productslider .swiper-wrapper {
        align-items: center;
        height: 375px !important;
    }

    .dcw-productslider .card-item.swiper-slide-active {
        aspect-ratio: 1 / 1.35;
        background-color: #f0f0f0;
        box-sizing: border-box
    }

    .dcw-productslider .swiper-arrow-cont {
        display: none;
    }

    .dcw-productslider .swiper-slide {
        width: 250px;
        box-sizing: border-box;
    }

        .dcw-productslider .swiper-slide:last-child {
            margin-right: calc(100% - (350px));
        }

    .dcw-productslider .dcw-arrow-container {
        display: none;
    }

    .dcw-productslider .swiper-navigation {
        margin: 1rem 0;
    }

    .dcw-productslider .swiper {
        overflow: visible;
    }

@media screen and (min-width:768px) and (max-width: 1024px) {
    .dcw-ebanking-subcategory .dcw-newsfilter-wrapper {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media screen and (min-width:400px) {
    .dcw-productslider .swiper-wrapper {
        height: 420px !important;
    }

    .dcw-laptop-appbanner .dcw-iphone {
        height: 17rem !important;
    }
}

@media screen and (min-width:768px) {
    .dcw-productslider .swiper-wrapper {
        height: 340px !important;
    }
}

@media screen and (min-width:1024px) {
    .dcw-productslider {
        padding: 22px 0;
    }

        .dcw-productslider .dcw-header {
            max-height: 72px;
        }

        .dcw-productslider .dcw-title-tag {
            max-width: 70%;
            max-height: 72px;
            font-size: 40px;
            line-height: 52px;
        }

        .dcw-productslider .dcw-tag-img {
            width: 60px;
            height: 60px;
        }

        .dcw-productslider .dcw-tag-icon {
            width: 48px;
            height: 48px;
        }

        .dcw-productslider .dcw-arrow-right {
            color: #E84E15;
            /* font-size: 20px; */
            font-size: 15.63px;
            font-weight: 700;
            line-height: 28px;
            letter-spacing: -0.01em;
            text-align: center;
            width: auto;
            height: 72px;
            display: flex;
        }

        .dcw-productslider .dcw-arrow-right-img {
            display: none;
        }

        .dcw-productslider .dcw-card-subtitle {
            font-size: 16px;
            line-height: 20px;
        }

        .dcw-productslider .dcw-card-title {
            /* font-size: 26px;
        line-height: 40px; */
            font-size: 15.63px;
            word-wrap: break-word;
            line-height: 1.4;
        }

        .dcw-productslider .dcw-time-desc {
            color: white;
            font-size: 16px;
            line-height: 20px;
            letter-spacing: -0.01em;
            text-align: left;
            display: flex;
            align-items: center;
        }

        .dcw-productslider .card-item {
            border-radius: 24px;
            box-sizing: border-box;
        }

        .dcw-productslider .swiper-wrapper {
            align-items: center;
            height: 350px !important;
        }

        .dcw-productslider .swiper-pagination {
            display: none;
        }

        .dcw-productslider .swiper-arrow-cont.active {
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: 1rem 0;
            gap: 3rem;
        }

        .dcw-productslider .swiper-button-next {
            border-radius: 100%;
            background-color: var(--color-background-fill-primary);
            width: 40px;
            height: 40px;
            color: white;
            position: relative;
            display: flex;
            justify-content: center;
            align-self: center;
        }

            .dcw-productslider .swiper-button-next:after {
                font-size: 1rem;
                font-weight: 700;
            }

        .dcw-productslider .swiper-button-prev {
            border-radius: 100%;
            background-color: var(--color-background-fill-primary);
            width: 40px;
            height: 40px;
            color: white;
            position: relative;
            display: flex;
            justify-content: center;
            align-self: center;
        }

            .dcw-productslider .swiper-button-prev:after {
                font-size: 1rem;
                font-weight: 700;
            }

        .dcw-productslider .dcw-arrow-container {
            display: block;
        }

        .dcw-productslider .dcw-go-detail-btn > img {
            width: 40px;
            height: 40px;
        }
}
/* @media screen and (min-width: 1500px) {
    .dcw-productslider .dcw-card-container{
        max-width: 1512px !important;
        margin: 0 auto !important;
    }
} */
/* @media screen and (min-width:1920px){
    .dcw-productslider .swiper-wrapper{
        height: 540px !important;
    }
    .dcw-productslider .dcw-card-title{
        font-size: 32px;
        line-height: 40px;
    }
}
@media screen and (min-width:2500px){
    .dcw-productslider .swiper-wrapper{
        height: 650px !important;
    }
}
@media screen and (min-width:4000px){
    .dcw-productslider .swiper-wrapper{
        height: 1000px !important;
    }
} */

/** Latest Promo **/
.dcw-latestpromo * {
    box-sizing: border-box;
}

.dcw-latestpromo {
    width: 100%;
    height: fit-content;
    min-height: 500px;
    padding: 32px 0px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    background-color: white;
    box-sizing: border-box;
}

    .dcw-latestpromo .dcw-header {
        width: 100%;
        height: fit-content;
        max-height: 32px;
        display: flex;
        align-items: center;
        gap: 16px;
        justify-content: space-between;
        /* max-width: 1512px !important; */
        margin: 0 auto !important;
    }

    .dcw-latestpromo .dcw-title-tag {
        width: 85%;
        max-height: 32px;
        display: flex;
        gap: 16px;
        justify-content: start;
        align-items: center;
        color: #414141;
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-latestpromo .dcw-header-title {
        width: fit-content;
    }

    .dcw-latestpromo .dcw-tag-img {
        background-color: #ffffff;
        border-radius: 50%;
        width: 42px;
        height: 42px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .dcw-latestpromo .dcw-tag-icon {
        width: auto;
        height: 32px;
    }

    .dcw-latestpromo .dcw-arrow-right {
        white-space: nowrap;
        align-items: center;
        text-decoration: none;
        color: #E84E15;
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
        letter-spacing: -0.01em;
        text-align: center;
        width: auto;
        height: 72px;
        display: none;
    }

    .dcw-latestpromo .dcw-card-first-row {
        width: 100%;
        height: auto;
        aspect-ratio: 3/2;
        border-radius: 24px;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        overflow: hidden;
    }

    .dcw-latestpromo .dcw-round-icon {
        width: 48px;
        height: 48px;
        border-radius: 100%;
        position: relative;
        top: 1rem;
        left: 1rem;
    }

    .dcw-latestpromo .dcw-content-card {
        width: 100%;
        height: fit-content;
        color: white;
        display: flex;
        flex-direction: column;
        justify-content: end;
        gap: 4px;
        position: absolute;
        bottom: 0;
        padding: 1rem;
        z-index: 1;
        background-image: linear-gradient(rgba(26,26,26,0), rgba(26,26,26,1));
    }

    .dcw-latestpromo .dcw-card-subtitle {
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        letter-spacing: -0.01em;
        text-align: left;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        color: white;
    }

    .dcw-latestpromo .dcw-card-title {
        color: white;
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: -0.01em;
        text-align: left;
        height: fit-content;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 75%;
    }

    .dcw-latestpromo .dcw-card-time {
        height: 24px;
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .dcw-latestpromo .dcw-svg-container {
        padding: 2.5px;
        height: 24px;
        width: 24px;
    }

    .dcw-latestpromo .dcw-time-desc {
        color: white;
        font-size: 12px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: -0.01em;
        text-align: left;
        display: flex;
        align-items: center;
    }

    .dcw-latestpromo .dcw-card-second-row {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .dcw-latestpromo .dcw-content-card-second-row {
        width: 320px;
        height: auto;
        aspect-ratio: 3/2;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 24px;
        position: relative;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        color: white;
        flex-shrink: 0;
        flex-grow: 0;
        transition: all 0.4s;
    }

    .dcw-latestpromo .dcw-card-background {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 24px;
        z-index: 0;
    }

    .dcw-latestpromo .dcw-card-container {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 16px;
        width: 100%;
        /* max-width: 1512px !important; */
        margin: 0 auto !important;
    }

    .dcw-latestpromo .dcw-clock-img {
        width: 19px;
        height: 19px;
    }

    .dcw-latestpromo .card-contents {
        display: block;
        width: 100%;
        height: 100%;
    }

    .dcw-latestpromo .dcw-inner-content {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
    }

    .dcw-latestpromo .dcw-main-content {
        width: 90%;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .dcw-latestpromo .dcw-go-detail-btn {
        width: auto;
        height: auto;
        background: rgb(255, 255, 255, 20%);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
    }

        .dcw-latestpromo .dcw-go-detail-btn > img {
            width: 32px;
            height: 32px;
        }

    .dcw-latestpromo .swiper-wrapper {
        display: flex;
        flex-direction: row;
        gap: 1rem;
        overflow: auto;
        box-sizing: border-box;
        flex-wrap: nowrap;
    }

    .dcw-latestpromo .swiper-pagination {
        position: relative;
    }

        .dcw-latestpromo .swiper-pagination .swiper-pagination-bullet {
            opacity: 1;
            background-color: #CCCCCC;
            transition: all 0.4s;
        }

        .dcw-latestpromo .swiper-pagination .swiper-pagination-bullet-active {
            opacity: 1;
            background-color: var(--color-background-fill-primary, #E84E15);
            width: 30px;
            border-radius: 10px;
            transition: all 0.4s;
        }

    .dcw-latestpromo .dcw-arrow-right-img {
        width: 32px;
        height: 32px;
        display: block;
    }

@media screen and (min-width: 600px) {
    .dcw-latestpromo .dcw-content-card-second-row {
        width: calc(50% - 0.5rem);
        height: auto;
    }
}

@media screen and (min-width:1024px) {
    .dcw-latestpromo {
        padding: 2.2rem 0;
    }
        /* .dcw-latestpromo .dcw-header{
        max-height: 72px;
    } */
        .dcw-latestpromo .dcw-title-tag {
            max-height: 72px;
            font-size: 2rem !important;
            line-height: 52px;
        }

        .dcw-latestpromo .dcw-tag-icon {
            width: 48px;
            height: 48px;
        }

        .dcw-latestpromo .dcw-arrow-right {
            font-size: 15.63px;
            height: 72px;
            display: flex;
        }

        .dcw-latestpromo .dcw-arrow-right-img {
            display: none;
        }

        .dcw-latestpromo .dcw-card-subtitle {
            /* font-size: 16px; */
            font-size: 10px;
            /* line-height: 20px; */
        }

        .dcw-latestpromo .dcw-card-title {
            /* font-size: 32px; */
            font-size: 15.63px;
            line-height: 1.4;
            width: 100%;
        }

        .dcw-latestpromo .dcw-time-desc {
            /* font-size: 16px; */
            font-size: 12px;
            line-height: 20px;
        }

        .dcw-latestpromo .dcw-go-detail-btn {
            width: 58px;
            height: 58px;
        }

            .dcw-latestpromo .dcw-go-detail-btn > img {
                width: 48px;
                height: 48px;
            }

        .dcw-latestpromo .swiper-pagination {
            display: none;
        }

        .dcw-latestpromo .swiper-wrapper {
            flex-wrap: wrap;
        }

        .dcw-latestpromo .dcw-content-card {
            padding: 2rem;
        }
}

/** Exchange Rate **/
.dcw-exchangerate * {
    box-sizing: border-box;
    border: 0px solid #414141;
}

.dcw-exchangerate {
    width: 100%;
    height: fit-content;
    min-height: 500px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    background-color: #CC6600;
    box-sizing: border-box;
    padding: 3rem 0;
}

    .dcw-exchangerate .dcw-header {
        width: 100%;
        height: fit-content;
        display: flex;
        align-items: center;
        gap: 16px;
        justify-content: space-between;
        /* max-width: 1512px !important; */
        margin: 0 auto !important;
    }

    .dcw-exchangerate .dcw-title-tag {
        width: fit-content;
        max-width: 100%;
        display: flex;
        gap: 16px;
        justify-content: start;
        align-items: center;
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-exchangerate .dcw-header-title {
        color: white;
        width: fit-content;
    }

    .dcw-exchangerate .dcw-tag-img {
        background-color: #ffffff;
        border-radius: 50%;
        width: auto;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 8px;
    }

    .dcw-exchangerate .dcw-tag-icon {
        width: auto;
        height: 32px;
    }

    .dcw-exchangerate .dcw-card-container {
        width: 100%;
        height: fit-content;
        display: flex;
        gap: 32px;
        flex-direction: column;
        /* max-width: 1512px !important; */
        margin: 0 auto !important;
    }

    .dcw-exchangerate .dcw-content-card {
        width: 100%;
        min-height: 100%;
        background-color: white;
        border-radius: 24px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

    .dcw-exchangerate .dcw-content-card-header {
        width: 100%;
        height: fit-content;
        padding: 32px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .dcw-exchangerate .dcw-card-title {
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: -0.01em;
        text-align: left;
        color: #414141;
    }

    .dcw-exchangerate .dcw-card-subtitle {
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-exchangerate .dcw-card-content {
        width: 100%;
        height: 100%;
        padding: 0 32px 32px 32px;
        overflow-x: scroll;
        overflow-y: hidden;
        gap: 16px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

        .dcw-exchangerate .dcw-card-content::-webkit-scrollbar {
            height: 0px;
        }

    .dcw-exchangerate table {
        width: 100%;
        text-align: left;
        border-collapse: collapse;
    }

    .dcw-exchangerate th, .dcw-exchangerate td {
        padding: 0.5em;
        padding-left: 0;
        border-bottom: 1px solid var(--color-border-border-primary-default, #E0E0E0);
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: -0.01em;
        text-align: left;
        min-width: 80px;
    }

        .dcw-exchangerate th:first-child, .dcw-exchangerate td:first-child {
            padding: 0.5em;
            padding-left: 0;
        }

    .dcw-exchangerate th {
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-exchangerate .dcw-kurs-container {
        display: flex;
        width: 100%;
        height: 100%;
        flex-direction: row;
        gap: 5px;
    }

        .dcw-exchangerate .dcw-kurs-container span {
            display: flex;
            align-items: center;
            font-size: 16px;
            font-weight: 400;
            line-height: 20px;
            letter-spacing: -0.01em;
            text-align: left;
        }

    .dcw-exchangerate .dcw-flag-icon {
        width: 22px;
        height: 22px;
    }

    .dcw-exchangerate .dcw-currency {
        display: flex;
        align-items: center;
        gap: 8px;
        height: 60px;
        border-radius: 8px;
        border: 1px solid var(--color-border-border-primary-default, #E0E0E0)
    }

    .dcw-exchangerate *:focus {
        border: 0px solid #414141;
        outline: none;
    }

    .dcw-exchangerate .dcw-card-exchange-title {
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-exchangerate .dcw-arrow-dropdown::before {
        content: "\27E9";
        font-size: 20px;
        font-weight: 700;
        transform: rotate3d(90deg);
    }

    .dcw-exchangerate .dcw-arrow-dropdown {
        margin-top: 2px;
        width: 24px;
        height: 16px;
        object-fit: cover;
    }

    .dcw-exchangerate .dcw-icon-flag {
        font-size: 18px;
    }

    .dcw-exchangerate .dcw-currency *:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .dcw-exchangerate .dcw-currency input {
        text-align: end;
        width: 100%;
        padding: 0px 16px;
        font-size: 24px;
        line-height: 1.2;
        font-weight: 700;
    }

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

    .dcw-exchangerate .dcw-card-desc {
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-exchangerate .dcw-hitung-btn {
        width: 100%;
        height: 60px;
        padding: var(--spacepaddingspace-component-padding-m);
        gap: var(--spacegapspace-component-gap-s);
        border-radius: 8px;
        background-color: var(--color-background-fill-primary);
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: -0.01em;
        text-align: center;
        cursor: pointer;
    }

    .dcw-exchangerate .dcw-line {
        height: 1px;
        width: 100%;
        background-color: #E7E7EE;
    }

    .dcw-exchangerate .dcw-swap-icon {
        height: 32px;
        width: 32px;
        cursor: pointer;
    }

    .dcw-exchangerate .dcw-swap-btn-container {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 60px;
    }

    .dcw-exchangerate .dcw-selected-icon-container a {
        display: flex;
        gap: 6px;
        width: 100%;
        text-align: center;
        justify-content: center;
        align-items: center;
    }

        .dcw-exchangerate .dcw-selected-icon-container a:hover {
            text-decoration: none;
        }

    .dcw-exchangerate .dcw-dropdown {
        display: inline-block;
        position: relative;
        height: 100%;
    }

        .dcw-exchangerate .dcw-dropdown *::-webkit-scrollbar,
        .dcw-exchangerate .dcw-change-currency *::-webkit-scrollbar {
            width: 8px;
        }

        .dcw-exchangerate .dcw-dropdown *::-webkit-scrollbar-track,
        .dcw-exchangerate .dcw-change-currency *::-webkit-scrollbar-track {
            box-shadow: none;
            border-radius: 10px;
        }

        .dcw-exchangerate .dcw-dropdown *::-webkit-scrollbar-thumb,
        .dcw-exchangerate .dcw-change-currency *::-webkit-scrollbar-thumb {
            background: var(--color-background-fill-primary);
            border-radius: 10px;
        }

            .dcw-exchangerate .dcw-dropdown *::-webkit-scrollbar-thumb:hover,
            .dcw-exchangerate .dcw-change-currency *::-webkit-scrollbar-thumb:hover {
                background: var(--color-background-fill-primary);
            }

    .dcw-exchangerate .dropdown-selector {
        display: flex;
        align-items: center;
        padding: 10px 0px 10px 20px;
        text-decoration: none;
        color: #333;
        transition: background-color 0.3s;
        height: 100%;
        gap: 6px;
        width: fit-content;
        white-space: nowrap;
        pointer-events: none;
    }

    .dcw-exchangerate .dropdown-selector-alt {
        display: flex;
        align-items: center;
        padding: 7px 8px;
        text-decoration: none;
        color: #333;
        transition: background-color 0.3s;
        height: 100%;
        gap: 6px;
        width: fit-content;
        white-space: nowrap;
        border-radius: 24px;
        border: 1px solid #E0E0E0;
    }

        .dcw-exchangerate .dropdown-selector span,
        .dcw-exchangerate .dropdown-selector-alt span {
            display: flex;
            align-items: center;
            text-decoration: none;
            color: #333;
            transition: background-color 0.3s;
            height: 100%;
            gap: 6px;
            width: fit-content;
            white-space: nowrap;
        }

        .dcw-exchangerate .dropdown-selector-alt span {
            font-size: 12px;
            line-height: 1.2;
        }

        .dcw-exchangerate .dropdown-selector:hover,
        .dcw-exchangerate .dropdown-selector-alt:hover {
            background-color: #f0f0f0;
        }

    .dcw-exchangerate .dcw-dropdown ul,
    .dcw-exchangerate .change-currency ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: none;
        position: absolute;
        background-color: #fff;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        border: 1px solid #ccc;
        border-radius: 8px;
        max-height: 150px;
        overflow-y: scroll;
    }

    .dcw-exchangerate .change-currency ul {
        transform: translate(-65%, 5%);
    }

        .dcw-exchangerate .dcw-dropdown ul li,
        .dcw-exchangerate .change-currency ul li {
            display: flex;
            padding: 15px 20px;
            text-decoration: none;
            color: #333;
            transition: background-color 0.3s;
            gap: 5px;
            white-space: nowrap;
            width: 200px;
            cursor: pointer;
            align-items: center;
        }

            .dcw-exchangerate .dcw-dropdown ul li *,
            .dcw-exchangerate .change-currency ul li * {
                pointer-events: none;
            }

            .dcw-exchangerate .dcw-dropdown ul li:hover,
            .dcw-exchangerate .change-currency ul li:hover {
                background-color: #f0f0f0;
                text-decoration: none;
            }

    .dcw-exchangerate .change-currency .dcw-arrow-dropdown {
        display: none;
    }

@media screen and (min-width:1024px) {
    .dcw-exchangerate {
        padding: 22px 0;
    }

        .dcw-exchangerate .dcw-card-container {
            flex-direction: row;
        }

        .dcw-exchangerate .dcw-tag-img {
            padding: 16px;
        }

        .dcw-exchangerate .dcw-tag-icon {
            width: 48px;
            height: 48px;
        }

        .dcw-exchangerate .dcw-header-title {
            font-size: 19.53px;
        }

        .dcw-exchangerate .change-currency .dcw-arrow-dropdown {
            display: block;
        }

        .dcw-exchangerate .dropdown-selector-alt {
            padding: 10px;
            border-radius: 16px;
        }

        .dcw-exchangerate .change-currency ul {
            transform: translate(-50%, 5%);
        }

        .dcw-exchangerate .dcw-swap-icon {
            height: 60px;
            width: 60px;
        }

        .dcw-exchangerate .dcw-card-title {
            font-size: 15.63px;
            line-height: 1.2;
        }
}

/** Latest News **/
.dcw-home-latestnews * {
    box-sizing: border-box;
}

.dcw-home-latestnews {
    width: 100%;
    padding: 32px 0px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    background: #ffffff;
    box-sizing: border-box;
}

    .dcw-home-latestnews .dcw-header {
        width: 100%;
        height: fit-content;
        max-height: 32px;
        display: flex;
        align-items: center;
        gap: 16px;
        justify-content: space-between;
        /* max-width: 1512px !important; */
        margin: 0 auto !important;
    }

    .dcw-home-latestnews .dcw-title-tag {
        width: 85%;
        max-height: 32px;
        display: flex;
        gap: 16px;
        justify-content: start;
        align-items: center;
        color: #414141;
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-home-latestnews .dcw-header-title {
        width: fit-content;
    }

    .dcw-home-latestnews .dcw-tag-img {
        background-color: #ffffff;
        border-radius: 50%;
        width: 42px;
        height: 42px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .dcw-home-latestnews .dcw-tag-icon {
        width: auto;
        height: 32px;
    }

    .dcw-home-latestnews .dcw-arrow-right-img {
        width: 32px;
        height: 32px;
    }

    .dcw-home-latestnews .dcw-arrow-right {
        width: 32px;
        height: 32px;
        display: none;
        align-items: center;
        text-decoration: none;
        color: #E84E15;
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
        letter-spacing: -0.01em;
        text-align: center;
    }

    .dcw-home-latestnews .dcw-card-first-container {
        padding: 0px 16px;
    }

    .dcw-home-latestnews .dcw-card-first-row {
        width: 100%;
        height: auto;
        min-height: 300px;
        aspect-ratio: 3/2;
        border-radius: 24px;
        position: relative;
        padding: 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .dcw-home-latestnews .dcw-round-icon {
        width: 48px;
        height: 48px;
        border-radius: 100%;
        position: relative;
    }

    .dcw-home-latestnews .dcw-content-card {
        width: 100%;
        height: fit-content;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        z-index: 1;
        padding: 1rem;
    }

    .dcw-home-latestnews .dcw-content-left {
        width: 100%;
        color: black;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 8px;
    }

    .dcw-home-latestnews .dcw-content-right {
        display: block;
        align-self: flex-end;
    }

    .dcw-home-latestnews .dcw-card-subtitle {
        color: var(--color-text-text-secondary, #8D8D8D);
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        letter-spacing: -0.01em;
        text-align: left;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dcw-home-latestnews .dcw-card-title {
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: -0.01em;
        text-align: left;
        height: fit-content;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dcw-home-latestnews .dcw-card-time {
        height: 24px;
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .dcw-home-latestnews .dcw-svg-container {
        padding: 2.5px;
        height: 24px;
        width: 24px;
    }

    .dcw-home-latestnews .dcw-time-desc {
        color: var(--color-text-text-primary, #1A1A1A);
        font-size: 12px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: -0.01em;
        text-align: left;
        display: flex;
        align-items: center;
    }

    .dcw-home-latestnews .dcw-card-second-row {
        width: 100%;
        height: auto;
    }
    /* .dcw-home-latestnews .dcw-card-second-row .swiper-wrapper{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
} */
    .dcw-home-latestnews .dcw-content-card-second-row {
        background-color: transparent;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 24px;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: start;
        color: white;
        flex-shrink: 0;
        flex-grow: 0;
        transition: all 0.4s;
    }

    .dcw-home-latestnews .dcw-content-card-second-row-child {
        height: 100%;
        width: 100%;
        overflow: hidden;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: end;
        color: black;
        background: var(--color-background-background, #F5F5F5);
        border-radius: 24px;
        flex-shrink: 0;
        flex-grow: 0;
        transition: all 0.4s;
    }

    .dcw-home-latestnews .dcw-card-background {
        position: relative;
        width: 100%;
        height: auto;
        object-fit: cover;
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
        z-index: 0;
        aspect-ratio: 3 / 2;
    }

    .dcw-home-latestnews .dcw-card-container {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 20px;
        width: 100%;
        /* max-width: 1512px !important; */
        margin: 0 auto !important;
    }

    .dcw-home-latestnews .dcw-clock-img {
        width: 19px;
        height: 19px;
    }

    .dcw-home-latestnews .dcw-go-detail-btn {
        width: auto;
        height: auto;
        background: var(--color-background-fill-primary);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
    }

        .dcw-home-latestnews .dcw-go-detail-btn > img {
            width: 32px;
            height: 32px;
        }

    .dcw-home-latestnews .swiper-pagination {
        position: relative;
        bottom: 0px;
    }

        .dcw-home-latestnews .swiper-pagination .swiper-pagination-bullet {
            opacity: 1;
            background-color: #CCCCCC;
            transition: all 0.4s;
        }

        .dcw-home-latestnews .swiper-pagination .swiper-pagination-bullet-active {
            opacity: 1;
            background-color: var(--color-background-fill-primary, #E84E15);
            width: 30px;
            border-radius: 10px;
            transition: all 0.4s;
        }

    .dcw-home-latestnews .swiper-wrapper {
        padding-bottom: 40px;
        align-items: center;
    }

    .dcw-home-latestnews .swiper-slide-active {
        background-color: #f0f0f0;
        box-sizing: border-box
    }

    .dcw-home-latestnews .dcw-filter-tag {
        width: fit-content;
        height: 42px;
        padding: 8px 16px;
        gap: 32px;
        border-radius: 88px;
        border: 1px solid #E0E0E0;
        opacity: 0px;
        display: flex;
        align-items: center;
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        letter-spacing: -0.01em;
        text-align: center;
        flex-shrink: 0;
        cursor: pointer;
    }

    .dcw-home-latestnews .dcw-filter-container {
        width: 100%;
        height: fit-content;
        max-height: 72px;
        display: flex;
        gap: 16px;
        justify-content: start;
        align-items: center;
        padding: 0;
        overflow-x: scroll;
        /* max-width: 1512px !important; */
        margin: 0 auto !important;
    }

        .dcw-home-latestnews .dcw-filter-container::-webkit-scrollbar {
            height: 0px;
        }

    .dcw-home-latestnews .dcw-filter-tag:hover,
    .dcw-home-latestnews .dcw-filter-tag.dcw-filter-tag-active {
        background-color: var(--color-background-fill-primary);
        color: white;
    }

    .dcw-home-latestnews .swiper {
        overflow: visible;
    }

@media screen and (min-width:1024px) {
    .dcw-home-latestnews {
        padding: 2.2rem 0;
    }

        .dcw-home-latestnews .dcw-filter-tag {
            /* height: 60px; */
            height: 40px;
            padding: 16px 32px;
            font-size: 10px;
            line-height: 20px;
        }
        /* .dcw-home-latestnews .dcw-header{
        max-height: 72px;
    } */
        .dcw-home-latestnews .dcw-title-tag {
            max-width: 70%;
            max-height: 72px;
            font-size: 2rem !important;
            line-height: 52px;
        }

        .dcw-home-latestnews .dcw-tag-img {
            width: 48px;
            height: 48px;
        }

        .dcw-home-latestnews .dcw-tag-icon {
            width: 48px;
            height: 48px;
        }

        .dcw-home-latestnews .dcw-arrow-right-img {
            display: none;
        }

        .dcw-home-latestnews .dcw-arrow-right {
            width: auto;
            height: 72px;
            display: flex;
            font-size: 15.63px;
        }

        .dcw-home-latestnews .dcw-card-subtitle {
            font-size: 10px;
            line-height: 14px;
        }

        .dcw-home-latestnews .dcw-card-title {
            height: 40px;
            font-size: 12.5px;
            line-height: 1.5;
            word-wrap: break-word;
        }

        .dcw-home-latestnews .dcw-time-desc {
            font-size: 8px;
            line-height: 14px;
        }
        /* .dcw-home-latestnews .dcw-card-second-row .swiper-wrapper{
        grid-template-columns: repeat(3, 1fr);
    } */
        .dcw-home-latestnews .dcw-content-card-second-row {
            justify-content: space-between;
            box-sizing: border-box;
            transition: all 0.2s;
        }

        .dcw-home-latestnews .dcw-go-detail-btn {
            width: 68px;
            height: 68px;
        }

            .dcw-home-latestnews .dcw-go-detail-btn > img {
                width: 48px;
                height: 48px;
            }

        .dcw-home-latestnews .dcw-content-right {
            display: none;
        }
}

/** App Banner **/
.dcw-home-appbanner {
    width: 100%;
    height: fit-content;
    background-color: transparent;
    box-sizing: border-box;
    position: relative;
    margin-top: 2rem;
}

    .dcw-home-appbanner * {
        box-sizing: border-box;
    }

    .dcw-home-appbanner .dcw-appbanner-background {
        width: 100%;
        border-radius: var(--radius-xxl);
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        box-sizing: border-box;
        position: relative;
        /* max-width: 1512px !important; */
        margin: 0 auto !important;
    }

    .dcw-home-appbanner .dcw-appbanner-background-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        border-radius: var(--radius-xxl);
        z-index: 0;
    }

    .dcw-home-appbanner .dcw-appbanner-content {
        height: 100%;
        width: 100%;
        gap: 24px;
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: center;
        box-sizing: border-box;
        padding: 1rem 1rem 2rem 1rem;
        z-index: 1;
    }

    .dcw-home-appbanner .dcw-download-app-button-container {
        height: 40px;
        width: 100%;
        display: flex;
        flex-direction: row;
        gap: 10px;
        align-items: center;
        justify-content: center;
    }

    .dcw-home-appbanner .dcw-app-gallery {
        height: 40px;
        width: 30%;
        padding: 0 5px;
        background-color: #FFFFFF;
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px
    }

        .dcw-home-appbanner .dcw-app-gallery:hover {
            filter: brightness(95%);
        }

    .dcw-home-appbanner .dcw-img-app-gallery {
        height: 14px;
        width: 14px;
        display: flex;
    }

    .dcw-home-appbanner .dcw-img-app-apple {
        height: 16px;
        width: 14px;
        display: flex;
    }

    .dcw-home-appbanner .app-button-cont {
        display: flex;
        flex-direction: column;
    }

    .dcw-home-appbanner .app-subtitle {
        font-size: 4px;
        font-weight: 600;
    }

    .dcw-home-appbanner .app-title {
        font-size: 7px;
        font-weight: 700;
    }

    .dcw-home-appbanner .dcw-download-sekarang {
        height: 52px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 8px;
        color: white;
        border: 1px solid white;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: center;
        transition: border 0.3s ease, outline 0.3s ease;
    }

        .dcw-home-appbanner .dcw-download-sekarang:hover {
            background-color: #E84E15;
            border: none !important;
            outline: none !important;
        }

    .dcw-home-appbanner .dcw-content-header {
        height: 100%;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: end;
        align-items: start;
        border-radius: 8px;
        color: white;
        gap: 20px;
    }

    .dcw-home-appbanner .dcw-appbanner-image {
        position: relative;
        width: 100%;
    }

    .dcw-home-appbanner .dcw-union-cont {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: 230px;
    }

    .dcw-home-appbanner .dcw-appicon-cont-m {
        width: fit-content;
        height: fit-content;
        padding: 10px;
        background-color: white;
        border-radius: var(--radius-m);
        left: 1rem;
        bottom: 0;
        position: absolute;
        /*transform: translateX(-215%);*/
        display: flex;
    }

    .dcw-home-appbanner .dcw-appicon-cont-d {
        display: none;
    }

    .dcw-home-appbanner .dcw-appicon {
        width: 40px;
        height: 40px;
        object-fit: cover;
        border-radius: 8px;
    }

    .dcw-home-appbanner .dcw-title {
        font-size: 24px;
        font-weight: 600;
        line-height: 36px;
        text-align: left;
        width: 100%;
        color: #ffffff;
    }

    .dcw-home-appbanner .dcw-description {
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        text-align: left;
        color: #FFFFFF;
    }

    .dcw-home-appbanner .dcw-union {
        width: auto;
        height: 310px;
        left: -30px;
        top: -85px;
        position: relative;
        object-fit: cover;
    }

    .dcw-home-appbanner .dcw-iphone {
        width: auto;
        height: 17rem;
        left: 50%;
        top: -50px;
        position: absolute;
        object-fit: cover;
        transform: translateX(-50%);
    }

.dcw-title-logo {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: start;
}

@media screen and (min-width:380px) {
    .dcw-home-appbanner .dcw-appicon-cont-m {
        /*transform: translateX(-270%);*/
    }
}

@media screen and (min-width:400px) {
    .dcw-home-appbanner .dcw-appicon-cont-m {
        padding: 12px;
        border-radius: var(--corner-radiuscontainer-card-m);
        /*transform: translateX(-215%);*/
    }

    .dcw-home-appbanner .dcw-app-gallery {
        height: 50px;
    }

    .dcw-home-appbanner .dcw-appicon {
        width: 60px;
        height: 60px;
        border-radius: 12px;
    }

    .dcw-home-appbanner .dcw-img-app-gallery {
        height: 16px;
        width: 16px;
    }

    .dcw-home-appbanner .dcw-img-app-apple {
        height: 18px;
        width: 16px;
    }

    .dcw-home-appbanner .app-subtitle {
        font-size: 6px;
    }

    .dcw-home-appbanner .app-title {
        font-size: 10px;
    }
}

@media screen and (min-width:500px) {
    .dcw-home-appbanner .dcw-iphone {
        top: -60px;
        left: 75%;
    }

    .dcw-home-appbanner .dcw-appicon-cont-m {
        /*transform: translateX(-260%);*/
    }

    .dcw-home-appbanner .dcw-img-app-gallery {
        height: 18px;
        width: 18px;
    }

    .dcw-home-appbanner .dcw-img-app-apple {
        height: 20px;
        width: 18px;
    }

    .dcw-home-appbanner .app-subtitle {
        font-size: 8px;
    }

    .dcw-home-appbanner .app-title {
        font-size: 14px;
    }
}

@media screen and (min-width:600px) {
    .dcw-home-appbanner .dcw-appicon-cont-m {
        padding: 14px;
        /*transform: translateX(-270%);*/
    }

    .dcw-home-appbanner .dcw-appicon {
        width: 70px;
        height: 70px;
    }

    .dcw-home-appbanner .dcw-img-app-gallery {
        height: 24px;
        width: 24px;
    }

    .dcw-home-appbanner .dcw-img-app-apple {
        height: 26px;
        width: 24px;
    }

    .dcw-home-appbanner .app-title {
        font-size: 20px;
    }

    .dcw-home-appbanner .dcw-description {
        font-size: 16px;
    }

    .dcw-home-appbanner .dcw-title {
        font-size: 32px;
    }
}

@media screen and (min-width:768px) {
    .dcw-home-appbanner .dcw-appicon-cont-m {
        /*transform: translateX(-355%);*/
    }
}

@media screen and (min-width:1024px) {
    .dcw-home-appbanner .dcw-appbanner-image {
        width: 50%;
        height: auto;
    }

    .dcw-home-appbanner .dcw-union-cont {
        width: 100%;
        height: auto;
        min-height: 0;
    }

    .dcw-home-appbanner .dcw-union {
        width: 550px;
        height: auto;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .dcw-home-appbanner .dcw-iphone {
        /* width: 450px; */
        width: 370px;
        height: auto;
        /* top: -75px; */
        top: -20px;
        left: auto;
        right: 50%;
        transform: translateX(50%);
    }

    .dcw-home-appbanner .dcw-appbanner-content {
        width: 50%;
        padding: 3rem;
        z-index: 1;
    }

    .dcw-home-appbanner {
        display: flex;
        align-items: center;
        justify-content: center;
        /* padding:100px 16px 100px 16px; */
        min-width: 343px;
    }

        .dcw-home-appbanner .dcw-appbanner-background {
            max-height: 520px;
            width: 100%;
            min-width: 343px;
            border-radius: var(--radius-xxl);
            flex-direction: row-reverse;
            justify-content: space-between;
            background-position: center center;
            height: 370px;
        }

        .dcw-home-appbanner .dcw-appbanner-background-img {
            width: 100%;
            max-height: 520px;
            object-fit: cover;
            position: absolute;
            border-radius: var(--radius-xxl);
            z-index: -0;
        }

        .dcw-home-appbanner .dcw-download-app-button-container {
            height: fit-content;
            justify-content: flex-start;
        }

        .dcw-home-appbanner .dcw-app-gallery {
            height: 50px;
            min-width: 125px;
            gap: 10px
            /* height: 70px;
        min-width: 180px;
        gap:10px    */
        }

        .dcw-home-appbanner .dcw-img-app-gallery {
            /* height: 38px; */
            width: 20px;
        }

        .dcw-home-appbanner .dcw-img-app-apple {
            /* height: 38px; */
            width: 20px;
        }

        .dcw-home-appbanner .app-title {
            /* font-size: 22px; */
            font-size: 12px;
        }

        .dcw-home-appbanner .dcw-download-sekarang {
            height: 52px;
            width: fit-content;
            padding: 16px;
            font-weight: 700;
            line-height: 20px;
            letter-spacing: -0.01em;
            font-size: 10px;
        }

        .dcw-home-appbanner .dcw-appicon-cont-m {
            display: none;
        }

        .dcw-home-appbanner .dcw-appicon-cont-d {
            display: flex;
            width: fit-content;
            height: fit-content;
            padding: 16px;
            background-color: white;
            border-radius: var(--corner-radiuscontainer-card-l);
        }

        .dcw-home-appbanner .dcw-appicon {
            width: 60px;
            height: 60px;
        }

        .dcw-home-appbanner .dcw-title {
            /* font-size: 40px;
        font-weight: 700;
        line-height: 52px;
        letter-spacing: -0.01em; */
            /* font-size: 28px; */
            font-size: 24.41px;
            font-weight: 700;
            line-height: 32px;
            letter-spacing: -0.01em;
        }

        .dcw-home-appbanner .dcw-description {
            font-weight: 700;
            line-height: 20px;
            letter-spacing: -0.01em;
        }

    .dcw-title-logo {
        flex-direction: row;
        gap: 24px;
        align-items: center;
    }
}

@media screen and (min-width: 1370px) {
    .dcw-home-appbanner .dcw-appbanner-content {
        padding: 4rem;
    }

    .dcw-home-appbanner .dcw-app-gallery {
        min-width: 140px;
    }
}

@media screen and (min-width: 1600px) {
    .dcw-home-appbanner .dcw-appbanner-content {
        padding: 5rem;
    }

    .dcw-home-appbanner .dcw-appicon {
        width: 80px;
        height: 80px;
    }
}

/** Life Journey **/
.dcw-break-word {
    word-wrap: break-word;
}

.dcw-lifejourney-outer {
    background-color: rgb(165, 165, 165);
    width: 100%;
    margin: 0 auto;
    height: fit-content;
    min-height: 100vh;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    box-sizing: border-box;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

    .dcw-lifejourney-outer .dcw-orange-line-container {
        position: fixed;
        height: 8px;
        width: 100%;
        background-color: #FFFFFF;
        z-index: 999;
    }

    .dcw-lifejourney-outer .dcw-orange-line {
        display: block;
        height: 8px;
        border-radius: 0 2rem 2rem 0;
        width: 15%;
        background-color: var(--color-background-fill-primary);
        transition: all 0.8s ease;
    }

    .dcw-lifejourney-outer .dcw-lifejourneyquest-fixed-header {
        position: fixed;
        background-color: #FFFFFF;
        width: 100%;
        z-index: 99;
        top: 0;
        transform: translateY(-100%);
    }

        .dcw-lifejourney-outer .dcw-lifejourneyquest-fixed-header .dcw-lifejourneyquest-fixed-icon {
            padding: 1rem 5rem;
            position: relative;
            display: flex;
            height: fit-content;
            justify-content: space-between;
            align-items: center;
            word-wrap: break-word;
            min-width: 170px;
        }

        .dcw-lifejourney-outer .dcw-lifejourneyquest-fixed-header .dcw-lifejourneyquest-fixed-icon-button-container {
            display: flex;
        }

        .dcw-lifejourney-outer .dcw-lifejourneyquest-fixed-header .dcw-lifejourneyquest-fixed-icon-button {
            border-radius: var(--corner-radiuscontainer-card-xl);
            border: solid 1px #E0E0E0;
            display: flex;
            align-items: center;
            padding: 20px;
            gap: 10px;
            width: fit-content;
            justify-content: space-between;
            font-size: 20px;
            font-weight: 700;
            line-height: 24px;
            letter-spacing: -0.01em;
            text-align: left;
        }

        .dcw-lifejourney-outer .dcw-lifejourneyquest-fixed-header .dcw-lifejourneyquest-fixed-img {
            height: auto;
            width: 24px;
        }

        .dcw-lifejourney-outer .dcw-lifejourneyquest-fixed-header .dcw-lifejourneyquest-fixed-close-button {
            width: 42px;
            height: 42px;
            text-align: end;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            color: #1A1A1A;
            border: solid 1px #E0E0E0;
            border-radius: 100%;
            font-size: 24px;
            background-color: #FFFFFF;
        }

.dcw-lifejourneyquest * {
    box-sizing: border-box;
}

.dcw-lifejourneyquest {
    background-color: rgb(255, 255, 255);
    width: 100%;
    position: relative;
    overflow-x: hidden;
    visibility: hidden;
    opacity: 0;
    min-height: 110vh;
}

    .dcw-lifejourneyquest .dcw-content {
        padding: 3.5rem 5rem;
        position: relative;
        display: flex;
        flex-direction: column;
        height: 99%;
        gap: 3rem;
        visibility: hidden;
        opacity: 0;
    }

        .dcw-lifejourneyquest .dcw-content.sub-content {
            /* position: absolute;
    top: 0;
    left: 0;
    min-height: 700px;*/
            width: 100%;
            height: 100vh;
            overflow-y: scroll;
            margin: 0 auto;
        }

        .dcw-lifejourneyquest .dcw-content .dcw-content-icon {
            width: 100%;
            position: relative;
            display: flex;
            height: 56px;
            justify-content: space-between;
            align-items: center;
        }

            .dcw-lifejourneyquest .dcw-content .dcw-content-icon .dcw-icon-button {
                border-radius: var(--corner-radiuscontainer-card-xl);
                border: solid 1px #E0E0E0;
                display: flex;
                align-items: center;
                padding: 20px;
                gap: 10px;
                width: fit-content;
                justify-content: space-between;
                word-wrap: break-word;
                font-size: 20px;
                font-weight: 700;
                line-height: 24px;
                letter-spacing: -0.01em;
                text-align: left;
            }

                .dcw-lifejourneyquest .dcw-content .dcw-content-icon .dcw-icon-button .dcw-icon {
                    height: auto;
                    width: 24px;
                }

            .dcw-lifejourneyquest .dcw-content .dcw-content-icon .dcw-close-button {
                width: 60px;
                height: 60px;
                text-align: end;
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;
                color: #1A1A1A;
                border-radius: 100%;
                font-size: 36px;
            }

        .dcw-lifejourneyquest .dcw-content .dcw-content-lifejourneyquest {
            height: fit-content;
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 5rem;
        }

            .dcw-lifejourneyquest .dcw-content .dcw-content-lifejourneyquest .dcw-header {
                height: fit-content;
                width: 100%;
                max-width: 900px;
                display: flex;
                flex-direction: column;
            }

            .dcw-lifejourneyquest .dcw-content .dcw-content-lifejourneyquest .dcw-title {
                font-size: 40px;
                font-weight: 700;
                line-height: 52px;
                letter-spacing: -0.01em;
                text-align: left;
                max-width: 100%;
            }

            .dcw-lifejourneyquest .dcw-content .dcw-content-lifejourneyquest .dcw-subtitle {
                font-size: 18px;
                font-weight: 400;
                line-height: 1.2;
                letter-spacing: -0.01em;
                text-align: left;
                padding: 1rem 0;
            }

    .dcw-lifejourneyquest .dcw-content-card-container {
        display: flex;
        gap: 2rem;
        width: 100%;
        max-width: 100%;
        flex-wrap: wrap;
    }

        .dcw-lifejourneyquest .dcw-content-card-container::-webkit-scrollbar {
            height: 0px;
        }

        .dcw-lifejourneyquest .dcw-content-card-container::-webkit-scrollbar-track {
            border-radius: var(--corner-radiuscontainer-card-xl);
            background-color: #e7e7e7;
            border: 1px solid #cacaca;
        }

        .dcw-lifejourneyquest .dcw-content-card-container::-webkit-scrollbar-thumb {
            border-radius: 8px;
            background-color: var(--color-background-fill-primary);
        }

    .dcw-lifejourneyquest .dcw-content-card {
        height: 210px;
        width: 230px;
        border-radius: var(--corner-radiuscontainer-card-xl);
        border: 1px solid var(--color-border-border-primary-default);
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 1.5rem;
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: -0.01em;
        text-align: left;
        cursor: pointer;
    }

        .dcw-lifejourneyquest .dcw-content-card.active {
            border-color: #A2370F;
        }

        .dcw-lifejourneyquest .dcw-content-card .dcw-icon-header {
            display: flex;
            justify-content: space-between;
            width: 100%;
            height: 48px;
        }

    .dcw-lifejourneyquest .dcw-round {
        position: relative;
        width: 24px;
    }

    .dcw-lifejourneyquest .dcw-checkmark {
        color: #ffffff;
        position: absolute;
        top: 12px;
        text-align: center;
        font-size: 16px;
        line-height: 20px;
        min-height: 24px;
        min-width: 24px;
        border: 1px solid var(--color-border-border-primary-default);
        border-radius: var(--corner-radiuscontainer-card-s);
    }

    .dcw-lifejourneyquest .dcw-round input[type="checkbox"] {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

        .dcw-lifejourneyquest .dcw-round input[type="checkbox"]:checked ~ .dcw-checkmark {
            background-color: var(--color-background-fill-success);
            border-color: var(--color-background-fill-success);
        }

        .dcw-lifejourneyquest .dcw-round input[type="checkbox"]:checked {
            opacity: 1;
        }

    .dcw-lifejourneyquest .dcw-button-container {
        display: flex;
        gap: 1rem;
        align-items: end;
    }

    .dcw-lifejourneyquest .dcw-label {
        cursor: pointer;
    }

        .dcw-lifejourneyquest .dcw-label * {
            pointer-events: none;
        }

    .dcw-lifejourneyquest .dcw-button-prev {
        display: flex;
        height: 60px;
        width: fit-content;
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: -0.01em;
        text-align: center;
        border: 1px solid var(--color-background-fill-primary);
        border-radius: var(--corner-radiuscontainer-card-s);
        padding: var(--spacepaddingspace-component-padding-m);
        color: var(--color-background-fill-primary);
        cursor: pointer;
        background-color: white;
    }

    .dcw-lifejourneyquest .dcw-button-next {
        display: flex;
        height: 60px;
        width: fit-content;
        font-size: 16px;
        font-weight: 700;
        line-height: 26px;
        letter-spacing: -0.01em;
        text-align: center;
        cursor: context-menu;
        border: none;
        border-radius: var(--corner-radiuscontainer-card-s);
        padding: var(--spacepaddingspace-component-padding-m);
        color: var(--color-text-text-disabled);
        background-color: var(--color-background-fill-secondary-disabled);
    }

    .dcw-lifejourneyquest .dcw-button-next-active {
        color: white;
        background-color: var(--color-background-fill-primary);
        cursor: pointer;
    }

    .dcw-lifejourneyquest .icon-container {
        position: relative;
    }

        .dcw-lifejourneyquest .icon-container img {
            width: 48px;
            height: 48px;
        }

    .dcw-lifejourneyquest .dcw-keluarga-icon {
        position: absolute;
        visibility: visible;
        opacity: 1;
    }

    .dcw-lifejourneyquest .dcw-content-card.active .dcw-keluarga-icon {
        visibility: hidden;
        opacity: 0;
    }

    .dcw-lifejourneyquest .dcw-keluarga-icon-full {
        visibility: hidden;
        opacity: 0;
    }

    .dcw-lifejourneyquest .dcw-content-card.active .dcw-keluarga-icon-full {
        visibility: visible;
        opacity: 1;
    }

    .dcw-lifejourneyquest .dcw-icon-button-container {
        display: flex;
    }

    .dcw-lifejourneyquest .dcw-icon-button-text {
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: -0.01em;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 16px 24px;
        color: var(--color-background-fill-primary);
        cursor: pointer;
    }

@media screen and (min-width:1025px) {
    .dcw-lifejourneyquest .dcw-content-card-container {
        margin-top: -60px;
    }

    .dcw-lifejourneyquest .dcw-button-container {
        margin-top: -20px;
    }
}

@media screen and (max-width:1024px) {
    .dcw-lifejourney-outer {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        height: 100%;
    }

    .dcw-lifejourneyquest {
        border-radius: 0;
    }

        .dcw-lifejourneyquest .dcw-content {
            padding: 1rem 1rem;
            gap: 1rem;
        }

            .dcw-lifejourneyquest .dcw-content .dcw-content-icon {
                height: 32px;
                word-wrap: break-word;
                min-width: 170px;
            }

                .dcw-lifejourneyquest .dcw-content .dcw-content-icon .dcw-icon-button {
                    padding: 10px;
                    font-size: 12px;
                    line-height: 14px;
                }

                    .dcw-lifejourneyquest .dcw-content .dcw-content-icon .dcw-icon-button .dcw-icon {
                        width: 14px;
                    }

                .dcw-lifejourneyquest .dcw-content .dcw-content-icon .dcw-close-button {
                    height: 35px;
                    width: 35px;
                    font-size: 22px;
                    border: 1px solid var(--color-background-fill-primary);
                    color: var(--color-background-fill-primary);
                }

            .dcw-lifejourneyquest .dcw-content .dcw-content-lifejourneyquest {
                gap: 1rem;
            }

                .dcw-lifejourneyquest .dcw-content .dcw-content-lifejourneyquest .dcw-title {
                    font-size: 24px;
                    line-height: 28px;
                }

                .dcw-lifejourneyquest .dcw-content .dcw-content-lifejourneyquest .dcw-subtitle {
                    font-size: 16px;
                    line-height: 20px;
                    color: #8D8D8D;
                }

        .dcw-lifejourneyquest .dcw-content-card-container {
            gap: 1rem;
        }

        .dcw-lifejourneyquest .dcw-content-card {
            height: 164px;
            width: 100%;
            border-radius: var(--corner-radiuscontainer-card-m);
            padding: 24px;
            word-wrap: break-word;
        }

        .dcw-lifejourneyquest .dcw-button-container {
            flex-direction: column-reverse;
            padding: 20px 0;
            justify-content: end;
            /*width: calc(100% - 40px);*/
            bottom: 0;
            position: relative;
        }

        .dcw-lifejourneyquest .dcw-button-prev {
            align-items: center;
            justify-content: center;
            width: 100%;
        }

        .dcw-lifejourneyquest .dcw-button-next {
            width: 100%;
            align-items: center;
            justify-content: center;
        }

        .dcw-lifejourneyquest .dcw-icon-button-container {
            align-items: center;
        }

        .dcw-lifejourneyquest .dcw-icon-button-text {
            line-height: 16px;
            padding: 0vw 2vw;
            height: 24px;
        }

        .dcw-lifejourneyquest .dcw-label {
            width: calc(50% - 0.5rem);
        }

    .dcw-lifejourney-outer .dcw-lifejourneyquest-fixed-header .dcw-lifejourneyquest-fixed-icon {
        padding: 1rem 1rem;
        position: relative;
        display: flex;
        height: fit-content;
        justify-content: space-between;
        align-items: center;
        word-wrap: break-word;
        min-width: 170px;
    }

    .dcw-lifejourney-outer .dcw-lifejourneyquest-fixed-header .dcw-lifejourneyquest-fixed-icon-button {
        padding: 15px;
        font-size: 12px;
        line-height: 14px;
    }

    .dcw-lifejourney-outer .dcw-lifejourneyquest-fixed-header .dcw-lifejourneyquest-fixed-img {
        height: auto;
        width: 14px;
    }

    .dcw-lifejourney-outer .dcw-lifejourneyquest-fixed-header .dcw-lifejourneyquest-fixed-close-button {
        width: 42px;
        height: 42px;
        text-align: end;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: #1A1A1A;
        border: solid 1px #E0E0E0;
        border-radius: 100%;
        font-size: 24px;
        background-color: #FFFFFF;
    }
}

.dcw-all-lifejourney {
    min-height: calc(100vh + env(safe-area-inset-bottom, 0));
}

.dcw-lifejourneyres {
    background-color: rgb(255, 255, 255);
    width: 100%;
    height: 0;
    position: absolute;
    overflow-x: hidden;
    overflow-y: hidden;
    border-radius: 0;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
}

    .dcw-lifejourneyres.show {
        height: auto;
    }

    .dcw-lifejourneyres .dcw-content {
        display: flex;
        position: relative;
        flex-direction: column;
        height: 99%;
        padding-top: 1.5rem;
        gap: 1rem;
    }

        .dcw-lifejourneyres .dcw-content .dcw-content-icon {
            padding: 1rem 1rem;
            position: relative;
            display: flex;
            height: 32px;
            justify-content: space-between;
            align-items: center;
            word-wrap: break-word;
            min-width: 170px;
        }

            .dcw-lifejourneyres .dcw-content .dcw-content-icon .dcw-icon-button {
                border-radius: var(--corner-radiuscontainer-card-xl);
                border: solid 1px #E0E0E0;
                display: flex;
                align-items: center;
                padding: 15px;
                gap: 10px;
                width: fit-content;
                justify-content: space-between;
                font-size: 12px;
                font-weight: 700;
                line-height: 14px;
                letter-spacing: -0.01em;
                text-align: left;
            }

                .dcw-lifejourneyres .dcw-content .dcw-content-icon .dcw-icon-button .dcw-icon {
                    height: auto;
                    width: 14px;
                }

            .dcw-lifejourneyres .dcw-content .dcw-content-icon .dcw-close-button {
                height: 35px;
                width: 35px;
                font-size: 22px;
                text-align: end;
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;
                border: 1px solid var(--color-background-fill-primary);
                color: var(--color-background-fill-primary);
                border-radius: 100%;
            }

        .dcw-lifejourneyres .dcw-content .dcw-content-lifejourneyres {
            height: fit-content;
            width: 100%;
            display: flex;
            flex-direction: row;
            gap: 1rem;
            padding: 0 2rem !important;
        }

    .dcw-lifejourneyres .dcw-icon-button-container {
        display: flex;
        align-items: center;
    }

    .dcw-lifejourneyres .dcw-icon-button-text {
        font-size: 16px;
        font-weight: 700;
        line-height: 16px;
        letter-spacing: -0.01em;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0vw 2vw;
        color: var(--color-background-fill-primary);
        cursor: pointer;
        height: 24px;
    }

    .dcw-lifejourneyres .dcw-content-container {
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: start;
        text-align: left;
        width: calc(100% - 30px);
    }

    .dcw-lifejourneyres .dcw-title {
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1.1;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-lifejourneyres .dcw-desc {
        font-size: 1rem;
        font-weight: 400;
        line-height: 1;
        letter-spacing: -0.01em;
        text-align: left;
        padding: 1rem 0;
    }

    .dcw-lifejourneyres .dcw-switch-container {
        display: flex;
        width: 100%;
        padding: 2rem 0;
    }

    .dcw-lifejourneyres .toggleContainer {
        position: relative;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
        height: 60px;
        box-sizing: border-box;
        border: 1px solid var(--color-border-border-primary-default, #E0E0E0);
        border-radius: 88px;
        background: var(--color-background-background, #F5F5F5);
        color: white;
        cursor: pointer;
    }

        .dcw-lifejourneyres .toggleContainer::before {
            content: '';
            position: absolute;
            width: 50%;
            top: 4px;
            height: 50px;
            left: 4px;
            border-radius: 80px;
            background: #FFFFFF;
            color: white;
            transition: all 0.3s;
        }

        .dcw-lifejourneyres .toggleContainer.single-tab-only::before {
            display: none;
        }

        .dcw-lifejourneyres .toggleContainer.single-tab-only {
            width: 50%;
            grid-template-columns: repeat(1, 1fr);
        }

        .dcw-lifejourneyres .toggleContainer span.active {
            font-weight: 700;
        }

    .dcw-lifejourneyres .toggleCheckbox:checked + .toggleContainer::before {
        left: calc(50% - 4px);
    }

    .dcw-lifejourneyres .toggleContainer span {
        padding: 6px;
        text-align: center;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .dcw-lifejourneyres .toggleCheckbox {
        display: none;
    }

        .dcw-lifejourneyres .toggleCheckbox:checked + .toggleContainer div:first-child {
            color: #1A1A1A;
            transition: color 0.3s;
            font-weight: 500;
        }

        .dcw-lifejourneyres .toggleCheckbox:checked + .toggleContainer div:last-child {
            color: #1A1A1A;
            transition: color 0.3s;
            font-weight: 700;
        }

        .dcw-lifejourneyres .toggleCheckbox + .toggleContainer div:first-child {
            color: #1A1A1A;
            transition: color 0.3s;
            font-weight: 700;
        }

        .dcw-lifejourneyres .toggleCheckbox + .toggleContainer div:last-child {
            color: #1A1A1A;
            transition: color 0.3s;
            font-weight: 500;
        }

    .dcw-lifejourneyres .dcw-card-container {
        display: flex;
        flex-direction: column;
        gap: 32px;
        padding: 16px 0px;
    }

    .dcw-lifejourneyres .dcw-content-switch {
        width: 100%;
        margin-bottom: 32px;
    }

    .dcw-lifejourneyres .dcw-card-container-title {
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-lifejourneyres .dcw-card-content-container-end .dcw-card-container-title {
        padding-bottom: 2rem;
        color: #FFF2E6;
    }

    .dcw-lifejourneyres .dcw-card-wrapper {
        display: grid;
        grid-template-columns: 1fr;
        height: fit-content;
        gap: 2rem;
        width: 100%;
    }

    .dcw-lifejourneyres .dcw-card {
        position: relative;
        width: 100%;
        height: auto;
        aspect-ratio: 1/1;
        background: transparent;
        border-radius: var(--corner-radiuscontainer-card-l,24px);
        display: flex;
        align-items: end;
        z-index: 1;
        overflow: hidden;
    }

    .dcw-lifejourneyres .dcw-bg-card {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        border-radius: var(--corner-radiuscontainer-card-l,24px);
        z-index: -1;
    }

    .dcw-lifejourneyres .dcw-card-content {
        padding: 1.5rem;
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: -0.01em;
        text-align: left;
        color: white;
        width: 100%;
        background-image: linear-gradient(rgba(26,26,26,0), rgba(26,26,26,1))
    }

    .dcw-lifejourneyres .dcw-card-title {
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: -0.01em;
        text-align: left;
        color: white;
    }

    .dcw-lifejourneyres .dcw-desc-end {
        font-size: 18px;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-lifejourneyres .dcw-content-end-container {
        position: relative;
        display: flex;
        flex-direction: row;
        background: #CC6600;
        gap: 1rem;
        width: 100%;
        height: fit-content;
        padding: 0 2rem !important;
    }

    .dcw-lifejourneyres .dcw-card-end {
        position: relative;
        width: 100%;
        height: auto;
        aspect-ratio: 1/1;
        background: transparent;
        border-radius: var(--corner-radiuscontainer-card-l,24px);
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: end;
        z-index: 1;
        object-fit: cover;
        overflow: hidden;
    }

    .dcw-lifejourneyres .dcw-bg-card-end {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        border-radius: var(--corner-radiuscontainer-card-l,24px);
        z-index: -1;
        object-fit: cover;
    }

    .dcw-lifejourneyres .dcw-card-desc {
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: -0.01em;
        text-align: left;
        border-radius: 8px;
        color: white;
    }

.dcw-progress-container {
    position: relative;
    width: 4px;
    background: #F0F0F0;
    height: 100%;
}

.dcw-progress-container-container {
    position: relative;
    background: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    gap: 4px;
    width: 25px;
    padding-top: 20px;
}

.dcw-progress-bar {
    position: relative;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    width: 3px;
    background: var(--color-background-fill-primary);
}

.dcw-scrollbar-end-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    width: 25px;
}

.dcw-scrollbar-end {
    width: 3.6px;
    height: 1.5rem;
    background: var(--color-danamonGold-20, #FFD9B3);
}

.dcw-orange-dot {
    width: 10px;
    height: 10px;
    min-width: 4px;
    min-height: 4px;
    border-radius: 50%;
    background-color: var(--color-background-fill-primary);
}

.dcw-mid-dot {
    width: 10px;
    height: 10px;
    min-width: 4px;
    min-height: 4px;
    border-radius: 50%;
    background-color: #F0F0F0;
    position: absolute;
    border: 1px solid #FFFFFF;
}

.dcw-card-content-container {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0;
}

.dcw-card-content-container-end {
    display: flex;
    flex-direction: column;
    padding: 3rem 0;
    gap: 0;
    width: calc(100% - 30px);
}

    .dcw-card-content-container-end .dcw-card-title {
        font-size: 32px;
        line-height: 1.2;
        padding-bottom: 12px;
    }

    .dcw-card-content-container-end .dcw-card-desc {
        font-size: 24px;
        line-height: 1.2;
    }

@media screen and (min-width:1024px) {
    .dcw-lifejourneyres * {
        box-sizing: border-box;
    }

    .dcw-lifejourneyres .dcw-content {
        padding: 0;
        gap: 0;
    }

        .dcw-lifejourneyres .dcw-content .dcw-content-icon {
            padding: 3.5rem 5rem 0rem 5rem;
            width: 100%;
            height: 120px;
        }

            .dcw-lifejourneyres .dcw-content .dcw-content-icon .dcw-icon-button {
                padding: 20px;
                font-size: 20px;
                font-weight: 700;
                line-height: 24px;
                letter-spacing: -0.01em;
                text-align: left;
            }

                .dcw-lifejourneyres .dcw-content .dcw-content-icon .dcw-icon-button .dcw-icon {
                    width: 24px;
                }

            .dcw-lifejourneyres .dcw-content .dcw-content-icon .dcw-close-button {
                height: 60px;
                width: 60px;
                font-size: 36px;
                color: #1A1A1A;
                border: none;
            }

        .dcw-lifejourneyres .dcw-content .dcw-content-lifejourneyres {
            gap: 1rem;
        }

    .dcw-lifejourneyres .dcw-content-end-container {
        padding-bottom: 10rem !important;
    }

    .dcw-scrollbar-end {
        width: 4px;
    }

    .dcw-card-content-container {
        padding-top: 3.5rem;
    }

    .dcw-lifejourneyres .dcw-switch-container {
        width: 25%;
    }

    .dcw-lifejourneyres .dcw-title {
        font-size: 2.5rem;
        line-height: 1.3;
    }

    .dcw-lifejourneyres .dcw-desc {
        font-size: 18px;
        line-height: 20px;
    }

    .dcw-lifejourneyres .dcw-card-container-title {
        font-size: 2.5rem;
        line-height: 1.3;
    }

    .dcw-lifejourneyres .dcw-content-lifejourneyres .dcw-card-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }

    .dcw-lifejourneyres .dcw-content-end-container .dcw-card-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

    .dcw-lifejourneyres .dcw-card {
        width: 100%;
    }

    .dcw-lifejourneyres .dcw-card-content {
        padding: 2rem;
        font-size: 2rem;
        line-height: 1.1;
    }

    .dcw-progress-container-container {
        width: 30px;
        padding-top: 20px;
    }

    .dcw-scrollbar-end-container {
        width: 30px;
    }

    .dcw-lifejourneyres .dcw-card-end {
        width: 100%;
        aspect-ratio: 3/2;
    }

    .dcw-card-content-container-end {
        padding: 2.5rem 0;
    }

    .dcw-lifejourneyres .dcw-content-switch {
        margin-bottom: 40px;
    }
}

.dcw-lifejourney-lp * {
    box-sizing: border-box;
}

.dcw-lifejourney-lp {
    background-color: rgb(255, 255, 255);
    width: 100%;
    position: relative;
    overflow-x: hidden;
    min-height: 100vh;
}

    .dcw-lifejourney-lp .dcw-content {
        padding: 3.5rem 5rem;
        position: relative;
        display: flex;
        flex-direction: column;
        height: 99%;
        gap: 3rem;
    }

        .dcw-lifejourney-lp .dcw-content.sub-content {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
        }

        .dcw-lifejourney-lp .dcw-content .dcw-content-icon {
            width: 100%;
            position: relative;
            display: flex;
            height: 56px;
            justify-content: space-between;
            align-items: center;
        }

            .dcw-lifejourney-lp .dcw-content .dcw-content-icon .dcw-icon-button {
                border-radius: var(--corner-radiuscontainer-card-xl);
                border: solid 1px #E0E0E0;
                display: flex;
                align-items: center;
                padding: 20px;
                gap: 10px;
                width: fit-content;
                justify-content: space-between;
                word-wrap: break-word;
                font-size: 20px;
                font-weight: 700;
                line-height: 24px;
                letter-spacing: -0.01em;
                text-align: left;
            }

                .dcw-lifejourney-lp .dcw-content .dcw-content-icon .dcw-icon-button .dcw-icon {
                    height: auto;
                    width: 24px;
                }

            .dcw-lifejourney-lp .dcw-content .dcw-content-icon .dcw-close-button {
                width: 60px;
                height: 60px;
                text-align: end;
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;
                color: #1A1A1A;
                border-radius: 100%;
                font-size: 36px;
            }

        .dcw-lifejourney-lp .dcw-content .dcw-content-lifejourneyquest {
            height: fit-content;
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 3rem;
        }

            .dcw-lifejourney-lp .dcw-content .dcw-content-lifejourneyquest .dcw-header {
                height: fit-content;
                width: 100%;
                max-width: 900px;
                display: flex;
                flex-direction: column;
            }

            .dcw-lifejourney-lp .dcw-content .dcw-content-lifejourneyquest .dcw-title {
                font-size: 40px;
                font-weight: 700;
                line-height: 52px;
                letter-spacing: -0.01em;
                text-align: left;
                max-width: 100%;
            }

            .dcw-lifejourney-lp .dcw-content .dcw-content-lifejourneyquest .dcw-subtitle {
                font-size: 20px;
                font-weight: 400;
                line-height: 22px;
                letter-spacing: -0.01em;
                text-align: left;
                /* padding: 1rem 0; */
            }

    .dcw-lifejourney-lp .dcw-content-card-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
        width: 100%;
    }

        .dcw-lifejourney-lp .dcw-content-card-container::-webkit-scrollbar {
            height: 0px;
        }

        .dcw-lifejourney-lp .dcw-content-card-container::-webkit-scrollbar-track {
            border-radius: var(--corner-radiuscontainer-card-xl);
            background-color: #e7e7e7;
            border: 1px solid #cacaca;
        }

        .dcw-lifejourney-lp .dcw-content-card-container::-webkit-scrollbar-thumb {
            border-radius: 8px;
            background-color: var(--color-background-fill-primary);
        }

    .dcw-lifejourney-lp .dcw-content-card {
        height: 100%;
        width: 100%;
        border-radius: var(--corner-radiuscontainer-card-xl);
        border: 1px solid var(--color-border-border-primary-default);
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 1.5rem;
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: -0.01em;
        text-align: left;
        cursor: pointer;
        position: relative;
        overflow: hidden;
    }

        .dcw-lifejourney-lp .dcw-content-card .dcw-label-background {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

        .dcw-lifejourney-lp .dcw-content-card.active {
            border-color: #A2370F;
        }

        .dcw-lifejourney-lp .dcw-content-card .dcw-icon-header {
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: white;
            border-radius: 50%;
            width: 72px;
            height: 72px;
            margin-left: -5px;
            margin-top: -5px;
            position: relative;
        }

    .dcw-lifejourney-lp .dcw-content-desc {
        display: flex;
        flex-direction: row;
        position: relative;
        justify-content: space-between;
        align-items: center;
    }

    .dcw-lifejourney-lp .dcw-content-text-container {
        width: 90%;
        display: flex;
        flex-direction: column;
    }

    .dcw-lifejourney-lp .dcw-content-btn-container {
        width: fit-content;
    }

    .dcw-lifejourney-lp .dcw-go-detail-btn {
        width: 68px;
        height: 68px;
        background: rgb(255, 255, 255, 20%);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
    }

        .dcw-lifejourney-lp .dcw-go-detail-btn > img {
            width: 48px;
            height: 48px;
        }

    .dcw-lifejourney-lp .dcw-title-text {
        font-size: 32px;
        font-weight: 700;
        color: #FFFFFF;
        line-height: 1.4;
    }

    .dcw-lifejourney-lp .dcw-desc-text {
        font-size: 24px;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 28px;
    }

    .dcw-lifejourney-lp .dcw-btn-arrow {
        width: 62px;
        height: 62px;
    }

    .dcw-lifejourney-lp .dcw-round {
        position: relative;
        width: 24px;
    }

    .dcw-lifejourney-lp .dcw-checkmark {
        color: #ffffff;
        position: absolute;
        top: 12px;
        text-align: center;
        font-size: 16px;
        line-height: 20px;
        min-height: 24px;
        min-width: 24px;
        border: 1px solid var(--color-border-border-primary-default);
        border-radius: var(--corner-radiuscontainer-card-s);
    }

    .dcw-lifejourney-lp .dcw-round input[type="checkbox"] {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

        .dcw-lifejourney-lp .dcw-round input[type="checkbox"]:checked ~ .dcw-checkmark {
            background-color: var(--color-background-fill-success);
            border-color: var(--color-background-fill-success);
        }

        .dcw-lifejourney-lp .dcw-round input[type="checkbox"]:checked {
            opacity: 1;
        }

    .dcw-lifejourney-lp .dcw-button-container {
        display: flex;
        gap: 1rem;
        align-items: end;
    }

    .dcw-lifejourney-lp .dcw-label {
        cursor: pointer;
        aspect-ratio: 3/2;
    }

        .dcw-lifejourney-lp .dcw-label * {
            pointer-events: none;
        }

    .dcw-lifejourney-lp .dcw-button-prev {
        display: flex;
        height: 60px;
        width: fit-content;
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: -0.01em;
        text-align: center;
        border: 1px solid var(--color-background-fill-primary);
        border-radius: var(--corner-radiuscontainer-card-s);
        padding: var(--spacepaddingspace-component-padding-m);
        color: var(--color-background-fill-primary);
        cursor: pointer;
        background-color: white;
    }

    .dcw-lifejourney-lp .dcw-button-next {
        display: flex;
        height: 60px;
        width: fit-content;
        font-size: 16px;
        font-weight: 700;
        line-height: 26px;
        letter-spacing: -0.01em;
        text-align: center;
        cursor: context-menu;
        border: none;
        border-radius: var(--corner-radiuscontainer-card-s);
        padding: var(--spacepaddingspace-component-padding-m);
        color: var(--color-text-text-disabled);
        background-color: var(--color-background-fill-secondary-disabled);
    }

    .dcw-lifejourney-lp .dcw-button-next-active {
        color: white;
        background-color: var(--color-background-fill-primary);
        cursor: pointer;
    }

    .dcw-lifejourney-lp .icon-container {
        position: relative;
    }

        .dcw-lifejourney-lp .icon-container img {
            width: 48px;
            height: 48px;
        }

    .dcw-lifejourney-lp .dcw-keluarga-icon {
        position: absolute;
        visibility: visible;
        opacity: 1;
    }

    .dcw-lifejourney-lp .dcw-content-card.active .dcw-keluarga-icon {
        visibility: hidden;
        opacity: 0;
    }

    .dcw-lifejourney-lp .dcw-keluarga-icon-full {
        visibility: hidden;
        opacity: 0;
    }

    .dcw-lifejourney-lp .dcw-content-card.active .dcw-keluarga-icon-full {
        visibility: visible;
        opacity: 1;
    }

    .dcw-lifejourney-lp .dcw-icon-button-container {
        display: flex;
    }

    .dcw-lifejourney-lp .dcw-icon-button-text {
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: -0.01em;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 16px 24px;
        color: var(--color-background-fill-primary);
        cursor: pointer;
    }

@media screen and (max-width:1024px) {
    .dcw-lifejourney-outer {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        height: 100%;
    }

    .dcw-lifejourney-lp {
        border-radius: 0;
    }

        .dcw-lifejourney-lp .dcw-content {
            padding: 1rem 1rem;
            gap: 1rem;
        }

            .dcw-lifejourney-lp .dcw-content .dcw-content-icon {
                height: 32px;
                word-wrap: break-word;
                min-width: 170px;
            }

                .dcw-lifejourney-lp .dcw-content .dcw-content-icon .dcw-icon-button {
                    padding: 10px;
                    font-size: 12px;
                    line-height: 14px;
                }

                    .dcw-lifejourney-lp .dcw-content .dcw-content-icon .dcw-icon-button .dcw-icon {
                        width: 14px;
                    }

                .dcw-lifejourney-lp .dcw-content .dcw-content-icon .dcw-close-button {
                    height: 35px;
                    width: 35px;
                    font-size: 22px;
                    border: 1px solid var(--color-background-fill-primary);
                    color: var(--color-background-fill-primary);
                }

            .dcw-lifejourney-lp .dcw-content .dcw-content-lifejourneyquest {
                gap: 1rem;
            }
                /* .dcw-lifejourney-lp .dcw-content .dcw-content-lifejourneyquest .dcw-title{
        font-size: 24px;
        line-height: 28px;
    } */
                .dcw-lifejourney-lp .dcw-content .dcw-content-lifejourneyquest .dcw-subtitle {
                    font-size: 16px;
                    line-height: 20px;
                    color: #8D8D8D;
                }

        .dcw-lifejourney-lp .dcw-content-card-container {
            gap: 1rem;
            grid-template-columns: 1fr;
        }

        .dcw-lifejourney-lp .dcw-content-card {
            height: 100%;
            width: 100%;
            border-radius: var(--corner-radiuscontainer-card-m);
            padding: 24px;
            word-wrap: break-word;
        }

        .dcw-lifejourney-lp .dcw-button-container {
            flex-direction: column;
            padding: 20px 0;
            justify-content: end;
        }

        .dcw-lifejourney-lp .dcw-button-prev {
            align-items: center;
            justify-content: center;
            width: 100%;
        }

        .dcw-lifejourney-lp .dcw-button-next {
            width: 100%;
            align-items: center;
            justify-content: center;
        }

        .dcw-lifejourney-lp .dcw-icon-button-container {
            align-items: center;
        }

        .dcw-lifejourney-lp .dcw-icon-button-text {
            line-height: 16px;
            padding: 0vw 2vw;
            height: 24px;
        }

        .dcw-lifejourney-lp .dcw-content-card .dcw-icon-header {
            width: 48px;
            height: 48px;
        }

        .dcw-lifejourney-lp .icon-container img {
            width: 32px;
            height: 32px;
        }

        .dcw-lifejourney-lp .dcw-title-text {
            font-size: 24px;
            line-height: 1.4;
        }

        .dcw-lifejourney-lp .dcw-desc-text {
            font-size: 16px;
            line-height: 20px;
        }

        .dcw-lifejourney-lp .dcw-btn-arrow {
            width: 42px;
            height: 42px;
        }

        .dcw-lifejourney-lp .dcw-go-detail-btn {
            width: auto;
            height: auto;
        }

            .dcw-lifejourney-lp .dcw-go-detail-btn > img {
                width: 32px;
                height: 32px;
            }
}



/** Product **/
/** Hero Banner **/
.dcw-product-herobanner {
    width: 100%;
    height: calc(85vh - 92px);
    position: relative;
    background-color: #F5F5F5;
}

    .dcw-product-herobanner.half-banner {
        /* height: 300px; */
        width: 100% !important;
        height: 100% !important;
        aspect-ratio: 4/1 !important;
    }

    .dcw-product-herobanner.center-banner {
        height: auto;
        aspect-ratio: 3 / 2;
    }

    .dcw-product-herobanner .hero-product-big-banner,
    .hero-product-big-banner .hero-product-slider-container {
        height: 100%;
    }

.hero-product-big-banner .hero-product-image {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
    position: absolute;
    top: 0;
    left: 0;
}

.hero-product-big-banner .hero-product-content {
    /* width: calc(100% - 2rem); */
    height: 100%;
    position: relative;
    z-index: 9;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 1.5rem;
}

.hero-product-big-banner .hero-product-description {
    color: #FFFFFF;
    font-size: 1.1rem;
    font-weight: 100;
    line-height: 28px;
    letter-spacing: -0.01em;
    text-align: left;
    text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
}

.hero-product-big-banner .hero-product-subtitle {
    color: #FFFFFF;
    font-size: 1rem;
    line-height: 1;
}

.hero-product-big-banner .hero-product-title {
    color: #FFFFFF;
    font-size: 2rem;
    line-height: 1.3;
    font-weight: 700;
    text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
}

.hero-product-big-banner .hero-product-button {
    color: #FFFFFF;
    background-color: #E84E15;
    font-size: 1rem;
    font-weight: 700;
    border-radius: 8px;
    padding: 1rem;
}

.dcw-product-herobanner .hero-product-shade {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(243.43deg, rgba(26, 26, 26, 0) 33.33%, rgba(26, 26, 26, 0.4) 100%);
}

@media screen and (min-width: 1280px) {
    .dcw-herobanner .hero-small-slider {
        height: 60%;
    }

    .hero-product-big-banner .hero-product-content {
        /* max-width: 940px !important; */
        margin: 0 auto;
    }

    .hero-product-big-banner .hero-product-description {
        font-size: 1.5rem;
        line-height: 1.2;
    }

    .hero-product-big-banner .hero-product-button {
        font-size: 1.5rem;
        line-height: 1.1;
        padding: 1rem 2rem;
    }

    .hero-product-big-banner .hero-product-title {
        /* font-size: 3.5rem; */
        font-size: 2rem;
        line-height: 1.2;
    }
    /* .dcw-product-herobanner.half-banner {
        height: calc(50vh - 92px) !important;
    } */
    @media (max-height: 649px) {
        .dcw-product-herobanner.half-banner {
            height: 60vh;
        }
    }

    .dcw-product-herobanner.half-banner .hero-product-content {
        width: 100%;
        align-items: center;
    }

    .dcw-product-herobanner.half-banner .hero-product-title {
        font-size: 24px;
        line-height: 1.3;
        text-align: center;
    }

    .dcw-product-herobanner.half-banner .hero-product-subtitle {
        font-size: 1.5rem;
        line-height: 1.1;
        text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
    }

    .dcw-product-herobanner.half-banner.align-left .hero-product-content {
        align-items: flex-start;
    }

    .dcw-product-herobanner.half-banner.align-right .hero-product-content {
        align-items: flex-end;
    }
    /* .dcw-product-herobanner.center-banner {
        width: 100%;
        height: calc(85vh - 92px);
    } */
        .dcw-product-herobanner.center-banner .hero-product-big-banner .hero-product-image {
            /* aspect-ratio: 3 / 2; */
            width: 100%;
            left: 50%;
            transform: translateX(-50%);
        }
}

/** Sub-Product Slider **/
.dcw-subproduct-slider * {
    box-sizing: border-box;
}

.dcw-subproduct-slider {
    width: 100%;
    height: fit-content;
    padding: 32px 0px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    background: var(--color-background-background, #F5F5F5);
    box-sizing: border-box;
    overflow: hidden;
}

    .dcw-subproduct-slider .dcw-content-card {
        width: 100%;
        height: auto;
        color: white;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: end;
        gap: 1rem;
        padding: 1rem;
        z-index: 1;
        background-image: linear-gradient(rgba(26,26,26,0), rgba(26,26,26,1));
    }

    .dcw-subproduct-slider .dcw-card-title {
        color: white;
        font-size: 20px;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: -0.01em;
        text-align: left;
        height: fit-content;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 75%;
    }

    .dcw-subproduct-slider .dcw-svg-container {
        padding: 2.5px;
        height: 24px;
        width: 24px;
    }

    .dcw-subproduct-slider .dcw-card-second-row {
        width: 100%;
        height: auto;
    }

    .dcw-subproduct-slider .card-item {
        background-color: transparent;
        height: auto;
        aspect-ratio: 1/1;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 24px;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: end;
        color: white;
        transition: all 0.4s;
    }

    .dcw-subproduct-slider .card-contents {
        display: block;
        height: 100%;
        width: 100%;
    }

    .dcw-subproduct-slider .card-item-child {
        height: 100%;
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: end;
        color: white;
        border-radius: 24px;
        overflow: hidden;
        transition: all 0.4s;
    }

    .dcw-subproduct-slider .dcw-card-background {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 0;
    }

    .dcw-subproduct-slider .dcw-card-container {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 1.5rem;
        width: 100%;
        /* max-width: 1512px !important; */
        margin: 0 auto !important;
    }

    .dcw-subproduct-slider .dcw-clock-img {
        width: 19px;
        height: 19px;
    }

    .dcw-subproduct-slider .dcw-go-detail-btn {
        width: auto;
        height: auto;
        background: rgb(255, 255, 255, 20%);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
    }

        .dcw-subproduct-slider .dcw-go-detail-btn > img {
            width: 32px;
            height: 32px;
        }

    .dcw-subproduct-slider .swiper-pagination {
        position: relative;
        bottom: 0px;
        margin-top: 20px;
    }

        .dcw-subproduct-slider .swiper-pagination .swiper-pagination-bullet {
            opacity: 1;
            background-color: #CCCCCC;
            transition: all 0.4s;
        }

        .dcw-subproduct-slider .swiper-pagination .swiper-pagination-bullet-active {
            opacity: 1;
            background-color: var(--color-background-fill-primary, #E84E15);
            width: 30px;
            border-radius: 10px;
            transition: all 0.4s;
        }

    .dcw-subproduct-slider .swiper-wrapper {
        align-items: center;
        height: fit-content;
    }

    .dcw-subproduct-slider .card-item.swiper-slide-active {
        aspect-ratio: 1 / 1;
        background-color: transparent;
        box-sizing: border-box
    }

    .dcw-subproduct-slider .swiper-arrow-cont {
        display: none;
        height: fit-content;
    }

    .dcw-subproduct-slider .swiper-slide {
        width: 250px;
        box-sizing: border-box;
        background-color: transparent;
        padding-right: 1.5rem;
    }

        .dcw-subproduct-slider .swiper-slide:last-child {
            padding-right: 0;
        }

    .dcw-subproduct-slider .dcw-arrow-right {
        display: none;
    }

    .dcw-subproduct-slider .swiper {
        overflow: visible;
    }

@media screen and (min-width:1024px) {
    .dcw-subproduct-slider {
        padding: 56px 0px;
    }

        .dcw-subproduct-slider .dcw-header {
            max-height: 72px;
        }

        .dcw-subproduct-slider .dcw-title-tag {
            max-width: 70%;
            max-height: 72px;
            font-size: 40px;
            line-height: 52px;
        }

        .dcw-subproduct-slider .dcw-card-title {
            font-size: 15.63px;
            line-height: 1.4;
            word-wrap: break-word;
        }

        .dcw-subproduct-slider .swiper-pagination {
            display: none;
            margin-top: 0;
        }

        .dcw-subproduct-slider .swiper-arrow-cont {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 12px;
        }

        .dcw-subproduct-slider .swiper-button-next {
            border-radius: 100%;
            background-color: var(--color-background-fill-primary, #E84E15);
            width: 60px;
            height: 60px;
            color: white;
            position: relative;
            display: flex;
            justify-content: center;
            align-self: center;
            margin: 0;
            top: 0;
            left: 0;
        }

            .dcw-subproduct-slider .swiper-button-next:after {
                font-size: 2rem;
                font-weight: 700;
            }

        .dcw-subproduct-slider .swiper-button-prev {
            border-radius: 100%;
            background-color: var(--color-background-fill-primary, #E84E15);
            width: 60px;
            height: 60px;
            color: white;
            position: relative;
            display: flex;
            justify-content: center;
            align-self: center;
            margin: 0;
            top: 0;
            left: 0;
        }

            .dcw-subproduct-slider .swiper-button-prev:after {
                font-size: 2rem;
                font-weight: 700;
            }

        .dcw-subproduct-slider .swiper-slide {
            width: 420px;
            box-sizing: border-box;
        }

        .dcw-subproduct-slider .dcw-content-card {
            padding: 2rem;
        }

        .dcw-subproduct-slider .dcw-go-detail-btn > img {
            width: 48px;
            height: 48px;
        }
}


/** Sub-Product Slider Syariah **/
.dcw-subproduct-slidersyariah * {
    box-sizing: border-box;
}

.dcw-subproduct-slidersyariah {
    width: 100%;
    height: fit-content;
    padding: 32px 0px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    background: var(--color-background-fill-tertiary, #FFFFFF);
    box-sizing: border-box;
    overflow: hidden;
}

    .dcw-subproduct-slidersyariah .dcw-header {
        width: 100%;
        height: fit-content;
        max-height: 32px;
        display: flex;
        align-items: center;
        gap: 16px;
        justify-content: space-between;
    }

    .dcw-subproduct-slidersyariah .dcw-title-tag {
        width: 100%;
        max-height: 32px;
        display: flex;
        gap: 16px;
        justify-content: start;
        align-items: center;
        color: #414141;
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-subproduct-slidersyariah .dcw-header-title {
        width: fit-content;
    }

    .dcw-subproduct-slidersyariah .dcw-tag-icon {
        width: auto;
        height: 32px;
    }

    .dcw-subproduct-slidersyariah .dcw-arrow-right {
        display: none;
    }

    .dcw-subproduct-slidersyariah .dcw-content-card {
        width: 100%;
        height: auto;
        color: white;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: end;
        gap: 1rem;
        padding: 1.5rem;
        z-index: 1;
        background-image: linear-gradient(rgba(26,26,26,0), rgba(26,26,26,1));
    }

    .dcw-subproduct-slidersyariah .dcw-card-title {
        color: white;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1.1;
        letter-spacing: -0.01em;
        text-align: left;
        height: fit-content;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 75%;
    }

    .dcw-subproduct-slidersyariah .dcw-card-second-row {
        width: 100%;
        height: auto;
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s;
    }

    .dcw-subproduct-slidersyariah #dcw-subproduct-syariah-personal {
        position: relative;
    }

    .dcw-subproduct-slidersyariah #dcw-subproduct-syariah-business {
        position: absolute;
        top: 0;
    }

    .dcw-subproduct-slidersyariah .dcw-slider-wrapper {
        position: relative;
    }

    .dcw-subproduct-slidersyariah .card-item {
        background-color: transparent;
        height: auto;
        aspect-ratio: 1/1;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 24px;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: end;
        color: white;
        transition: all 0.4s;
    }

    .dcw-subproduct-slidersyariah .card-contents {
        display: block;
        height: 100%;
        width: 100%;
    }

    .dcw-subproduct-slidersyariah .card-item-child {
        height: 100%;
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: end;
        color: white;
        border-radius: 24px;
        overflow: hidden;
        transition: all 0.4s;
    }

    .dcw-subproduct-slidersyariah .dcw-card-background {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 0;
    }

    .dcw-subproduct-slidersyariah .dcw-card-container {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 1.5rem;
        width: 100%;
        /* max-width: 1512px !important; */
        margin: 0 auto !important;
    }

    .dcw-subproduct-slidersyariah .dcw-clock-img {
        width: 19px;
        height: 19px;
    }

    .dcw-subproduct-slidersyariah .dcw-go-detail-btn {
        width: 32px;
        height: 32px;
        background: rgb(255, 255, 255, 20%);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
    }

    .dcw-subproduct-slidersyariah .swiper-pagination {
        position: relative;
        margin-top: 20px;
    }

        .dcw-subproduct-slidersyariah .swiper-pagination .swiper-pagination-bullet {
            opacity: 1;
            background-color: #CCCCCC;
            transition: all 0.4s;
        }

        .dcw-subproduct-slidersyariah .swiper-pagination .swiper-pagination-bullet-active {
            opacity: 1;
            background-color: var(--color-background-fill-primary, #E84E15);
            width: 30px;
            border-radius: 10px;
            transition: all 0.4s;
        }

    .dcw-subproduct-slidersyariah .swiper-wrapper {
        align-items: center;
        height: fit-content;
    }

    .dcw-subproduct-slidersyariah .card-item.swiper-slide-active {
        aspect-ratio: 1 / 1;
        background-color: transparent;
        box-sizing: border-box
    }

    .dcw-subproduct-slidersyariah .swiper-arrow-cont {
        display: none;
        height: fit-content;
    }

    .dcw-subproduct-slidersyariah .swiper-slide {
        width: 250px;
        box-sizing: border-box;
        background-color: transparent;
        padding-right: 1.5rem;
    }

        .dcw-subproduct-slidersyariah .swiper-slide:last-child {
            padding-right: 0;
        }

    .dcw-subproduct-slidersyariah .dcw-switch-container {
        display: flex;
        width: 100%;
    }

    .dcw-subproduct-slidersyariah .toggleContainer {
        position: relative;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
        height: 50px;
        box-sizing: border-box;
        border: 1px solid var(--color-border-border-primary-default, #E0E0E0);
        border-radius: 88px;
        background: var(--color-background-background, #F5F5F5);
        color: white;
        cursor: pointer;
    }

        .dcw-subproduct-slidersyariah .toggleContainer::before {
            content: '';
            position: absolute;
            width: 50%;
            top: 4px;
            left: 4px;
            height: 40px;
            border-radius: 80px;
            background: #FFFFFF;
            color: white;
            transition: all 0.3s;
        }

        .dcw-subproduct-slidersyariah .toggleContainer.toggled::before {
            left: calc(50% - 4px);
        }

        .dcw-subproduct-slidersyariah .toggleContainer div {
            padding: 6px;
            text-align: center;
            z-index: 1;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .dcw-subproduct-slidersyariah .toggleContainer div.active {
                font-weight: 700;
            }

    .dcw-subproduct-slidersyariah .toggleCheckbox {
        display: none;
    }

        .dcw-subproduct-slidersyariah .toggleCheckbox:checked + .toggleContainer div:first-child {
            color: #1A1A1A;
            transition: color 0.3s;
            font-weight: 500;
        }

        .dcw-subproduct-slidersyariah .toggleCheckbox:checked + .toggleContainer div:last-child {
            color: #1A1A1A;
            transition: color 0.3s;
            font-weight: 700;
        }

        .dcw-subproduct-slidersyariah .toggleCheckbox + .toggleContainer div:first-child {
            color: #1A1A1A;
            transition: color 0.3s;
            font-weight: 700;
        }

        .dcw-subproduct-slidersyariah .toggleCheckbox + .toggleContainer div:last-child {
            color: #1A1A1A;
            transition: color 0.3s;
            font-weight: 500;
        }

    .dcw-subproduct-slidersyariah .swiper {
        overflow: visible;
    }

@media screen and (min-width:1024px) {
    .dcw-subproduct-slidersyariah {
        padding: 56px 0px;
    }

        .dcw-subproduct-slidersyariah .dcw-header {
            max-height: 72px;
        }

        .dcw-subproduct-slidersyariah .dcw-title-tag {
            max-width: 70%;
            max-height: 72px;
            font-size: 40px;
            line-height: 52px;
        }

        .dcw-subproduct-slidersyariah .dcw-tag-icon {
            height: 72px;
        }

        .dcw-subproduct-slidersyariah .dcw-arrow-right {
            color: #E84E15;
            font-size: 24px;
            font-weight: 700;
            line-height: 28px;
            letter-spacing: -0.01em;
            text-align: center;
            width: auto;
            height: 72px;
            display: flex;
            align-items: center;
            text-decoration: none;
        }

        .dcw-subproduct-slidersyariah .dcw-arrow-right-img {
            display: none;
        }

        .dcw-subproduct-slidersyariah .dcw-card-title {
            font-size: 15.63px;
            line-height: 1.4;
            word-wrap: break-word;
        }

        .dcw-subproduct-slidersyariah .swiper-pagination {
            display: none;
            margin-top: 0;
        }

        .dcw-subproduct-slidersyariah .swiper-arrow-cont {
            position: relative;
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 12px;
        }

        .dcw-subproduct-slidersyariah .swiper-button-next {
            border-radius: 100%;
            background-color: var(--color-background-fill-primary, #E84E15);
            width: 60px;
            height: 60px;
            color: white;
            position: relative;
            display: flex;
            justify-content: center;
            align-self: center;
            margin: 0;
            top: 0;
            left: 0;
        }

            .dcw-subproduct-slidersyariah .swiper-button-next:after {
                font-size: 2rem;
                font-weight: 700;
            }

        .dcw-subproduct-slidersyariah .swiper-button-prev {
            border-radius: 100%;
            background-color: var(--color-background-fill-primary, #E84E15);
            width: 60px;
            height: 60px;
            color: white;
            position: relative;
            display: flex;
            justify-content: center;
            align-self: center;
            margin: 0;
            top: 0;
            left: 0;
        }

            .dcw-subproduct-slidersyariah .swiper-button-prev:after {
                font-size: 2rem;
                font-weight: 700;
            }

        .dcw-subproduct-slidersyariah .swiper-slide {
            width: 350px;
        }

        .dcw-subproduct-slidersyariah .dcw-content-card {
            padding: 2rem;
        }

        .dcw-subproduct-slidersyariah .toggleContainer {
            height: 74px;
            font-size: 24px;
            line-height: 1.2;
        }

            .dcw-subproduct-slidersyariah .toggleContainer::before {
                height: 64px;
            }

        .dcw-subproduct-slidersyariah .swiper-navigation {
            margin: 1rem 0;
        }
}


/** Sub Product Promo **/
.dcw-product-promo * {
    box-sizing: border-box;
}

.dcw-product-promo {
    width: 100%;
    height: fit-content;
    padding: 32px 0px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    background: var(--color-background-fill-tertiary, #FFFFFF);
    box-sizing: border-box;
    overflow: hidden;
}

    .dcw-product-promo .dcw-header {
        width: 100%;
        height: fit-content;
        max-height: 32px;
        display: flex;
        align-items: center;
        gap: 16px;
        justify-content: space-between;
        /* max-width: 1512px !important; */
        margin: 0 auto !important;
    }

    .dcw-product-promo .dcw-title-tag {
        width: 100%;
        max-height: 32px;
        display: flex;
        gap: 16px;
        justify-content: start;
        align-items: center;
        color: #414141;
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-product-promo .dcw-header-title {
        width: fit-content;
    }

    .dcw-product-promo .dcw-tag-img {
        background-color: #ffffff;
        border-radius: 50%;
        width: 42px;
        height: 42px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .dcw-product-promo .dcw-tag-icon {
        width: auto;
        height: 32px;
    }

    .dcw-product-promo .dcw-arrow-right {
        width: 0;
        height: 32px;
        display: none;
        align-items: center;
        text-decoration: none;
    }

    .dcw-product-promo .dcw-round-icon {
        width: 48px;
        height: 48px;
        border-radius: 100%;
        position: relative;
    }

    .dcw-product-promo .dcw-content-card {
        width: 100%;
        height: 100%;
        color: white;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: start;
        gap: 1rem;
        padding: 1rem;
        z-index: 1;
        background-image: linear-gradient(rgba(26,26,26,0), rgba(26,26,26,1));
    }

    .dcw-product-promo .dcw-inner-content {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: end;
        width: 100%;
    }

    .dcw-product-promo .dcw-main-content {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .dcw-product-promo .dcw-card-subtitle {
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        letter-spacing: -0.01em;
        text-align: left;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        color: white;
    }

    .dcw-product-promo .dcw-card-title {
        color: white;
        font-size: 20px;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: -0.01em;
        text-align: left;
        height: fit-content;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }

    .dcw-product-promo .dcw-card-time {
        height: 24px;
        display: flex;
        align-items: center;
        gap: 4px;
        color: white;
    }

    .dcw-product-promo .dcw-svg-container {
        padding: 2.5px;
        height: 24px;
        width: 24px;
    }

    .dcw-product-promo .dcw-time-desc {
        font-size: 12px;
        font-weight: 400;
        line-height: 24px;
        color: white;
    }

    .dcw-product-promo .dcw-card-second-row {
        width: 100%;
        height: auto;
    }

    .dcw-product-promo .card-item {
        background-color: transparent;
        height: auto;
        aspect-ratio: 3/2;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 24px;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: end;
        color: white;
        transition: all 0.4s;
    }

    .dcw-product-promo .card-contents {
        display: block;
        height: 100%;
        width: 100%;
    }

    .dcw-product-promo .card-item-child {
        height: 100%;
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: end;
        color: white;
        border-radius: 24px;
        overflow: hidden;
        transition: all 0.4s;
    }

    .dcw-product-promo .dcw-card-background {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 0;
    }

    .dcw-product-promo .dcw-card-container {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 1.5rem;
        width: 100%;
        /* max-width: 1512px !important; */
        margin: 0 auto !important;
    }

    .dcw-product-promo .dcw-clock-img {
        width: 19px;
        height: 19px;
    }

    .dcw-product-promo .dcw-go-detail-btn {
        width: auto;
        height: auto;
        background: rgb(255, 255, 255, 20%);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
    }

        .dcw-product-promo .dcw-go-detail-btn > img {
            width: 32px;
            height: 32px;
        }

    .dcw-product-promo .swiper-pagination {
        position: relative;
        margin-top: 20px;
    }

        .dcw-product-promo .swiper-pagination .swiper-pagination-bullet {
            opacity: 1;
            background-color: #CCCCCC;
            transition: all 0.4s;
        }

        .dcw-product-promo .swiper-pagination .swiper-pagination-bullet-active {
            opacity: 1;
            background-color: var(--color-background-fill-primary, #E84E15);
            width: 30px;
            border-radius: 10px;
            transition: all 0.4s;
        }

    .dcw-product-promo .swiper-wrapper {
        align-items: center;
        height: fit-content;
    }

    .dcw-product-promo .card-item.swiper-slide-active {
        background-color: transparent;
        box-sizing: border-box
    }

    .dcw-product-promo .swiper-arrow-cont {
        display: none;
        height: fit-content;
    }

    .dcw-product-promo .swiper-slide {
        /* width: 400px;    */
        box-sizing: border-box;
        background-color: transparent;
        padding-right: 1.5rem;
    }

        .dcw-product-promo .swiper-slide:last-child {
            padding-right: 0;
        }

    .dcw-product-promo .dcw-switch-container {
        display: flex;
        width: 100%;
    }

    .dcw-product-promo .swiper {
        overflow: visible;
    }

@media screen and (min-width:1024px) {
    .dcw-product-promo {
        padding: 56px 0px;
        background: var(--color-background-fill-tertiary, #FFFFFF);
    }

        .dcw-product-promo .dcw-header {
            max-height: 72px;
        }

        .dcw-product-promo .dcw-title-tag {
            max-width: 70%;
            max-height: 72px;
            font-size: 30px;
            line-height: 52px;
        }

        .dcw-product-promo .dcw-tag-img {
            width: 48px;
            height: 48px;
        }

        .dcw-product-promo .dcw-tag-icon {
            width: 48px;
            height: 48px;
        }

        .dcw-product-promo .dcw-arrow-right {
            color: #E84E15;
            font-size: 15.63px;
            font-weight: 700;
            line-height: 28px;
            letter-spacing: -0.01em;
            text-align: center;
            width: auto;
            height: 72px;
            display: flex;
        }

        .dcw-product-promo .dcw-arrow-right-img {
            display: none;
        }

        .dcw-product-promo .dcw-card-subtitle {
            font-size: 10px;
            line-height: 1.4;
        }

        .dcw-product-promo .dcw-card-title {
            font-size: 15.63px;
            line-height: 1.4;
            word-wrap: break-word;
        }

        .dcw-product-promo .dcw-time-desc {
            font-size: 12px;
            line-height: 1.4;
            letter-spacing: -0.01em;
            text-align: left;
            display: flex;
            align-items: center;
        }

        .dcw-product-promo .swiper-pagination {
            display: none;
            margin-top: 0;
        }

        .dcw-product-promo .swiper-arrow-cont {
            position: relative;
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 12px;
        }

        .dcw-product-promo .swiper-button-next {
            border-radius: 100%;
            background-color: var(--color-background-fill-primary, #E84E15);
            width: 60px;
            height: 60px;
            color: white;
            position: relative;
            display: flex;
            justify-content: center;
            align-self: center;
            margin: 0;
            top: 0;
            left: 0;
        }

            .dcw-product-promo .swiper-button-next:after {
                font-size: 2rem;
                font-weight: 700;
            }

        .dcw-product-promo .swiper-button-prev {
            border-radius: 100%;
            background-color: var(--color-background-fill-primary, #E84E15);
            width: 60px;
            height: 60px;
            color: white;
            position: relative;
            display: flex;
            justify-content: center;
            align-self: center;
            margin: 0;
            top: 0;
            left: 0;
        }

            .dcw-product-promo .swiper-button-prev:after {
                font-size: 2rem;
                font-weight: 700;
            }

        .dcw-product-promo .swiper-slide {
            width: 600px;
            box-sizing: border-box;
        }

        .dcw-product-promo .dcw-content-card {
            padding: 2rem;
        }

        .dcw-product-promo .dcw-go-detail-btn > img {
            width: 48px;
            height: 48px;
        }
}

/** Product App Banner - Mobile **/
.dcw-mobile-appbanner {
    width: 100%;
    height: fit-content;
    min-height: auto;
    background-color: transparent;
    box-sizing: border-box;
    position: relative;
    margin-top: 4rem !important;
    max-width: 786px;
    margin: 0 auto;
}

    .dcw-mobile-appbanner * {
        box-sizing: border-box;
    }

    .dcw-mobile-appbanner .dcw-appbanner-background {
        width: 100%;
        border-radius: var(--radius-xxl);
        padding: 0;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        justify-content: space-between;
        box-sizing: border-box;
        position: relative;
        max-width: 1500px !important;
        margin: 0 auto !important;
    }

    .dcw-mobile-appbanner .dcw-appbanner-background-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        -webkit-object-fit: cover;
        position: absolute;
        border-radius: var(--radius-xxl);
        z-index: 0;
        transform: translateZ(0);
    }

    .dcw-mobile-appbanner .dcw-appbanner-content {
        height: 100%;
        width: 100%;
        gap: 24px;
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: center;
        box-sizing: border-box;
        padding: 0.2rem 1rem 2rem 1rem;
        z-index: 1;
    }

    .dcw-mobile-appbanner .dcw-download-app-button-container {
        height: fit-content;
        min-height: auto;
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-direction: row;
        gap: 10px;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    .dcw-mobile-appbanner .dcw-app-gallery {
        height: fit-content;
        min-height: auto;
        width: 30%;
        padding: 10px 10px;
        background-color: #FFFFFF;
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        box-shadow: 0px 24px 24px 0px #0000001F;
    }

        .dcw-mobile-appbanner .dcw-app-gallery:hover {
            filter: brightness(95%);
        }

    .dcw-mobile-appbanner .dcw-img-app-gallery {
        height: 14px;
        width: 14px;
        display: flex;
    }

    .dcw-mobile-appbanner .dcw-img-app-apple {
        height: 16px;
        width: 14px;
        display: flex;
    }

    .dcw-mobile-appbanner .app-button-cont {
        display: flex;
        flex-direction: column;
    }

    .dcw-mobile-appbanner .app-subtitle {
        font-size: 5px;
        font-weight: 600;
    }

    .dcw-mobile-appbanner .app-title {
        font-size: 10px;
        white-space: nowrap;
        font-weight: 700;
    }

    .dcw-mobile-appbanner .dcw-download-sekarang {
        height: 52px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 8px;
        color: white;
        border: 1px solid white;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: center;
    }

        .dcw-mobile-appbanner .dcw-download-sekarang:hover {
            background-color: #E84E15;
            border: transparent;
            outline: none;
        }

    .dcw-mobile-appbanner .dcw-content-header {
        height: 100%;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: end;
        align-items: start;
        border-radius: 8px;
        color: white;
        gap: 20px;
    }

    .dcw-mobile-appbanner .dcw-appbanner-image {
        position: relative;
        width: 100%;
    }

    .dcw-mobile-appbanner .dcw-union-cont {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: 270px;
    }

    .dcw-mobile-appbanner .dcw-appicon-cont-m {
        width: fit-content;
        height: fit-content;
        padding: 10px;
        background-color: white;
        border-radius: var(--radius-m);
        bottom: 0;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .dcw-mobile-appbanner .dcw-appicon-cont-d {
        display: none;
    }

    .dcw-mobile-appbanner .dcw-appicon {
        width: 40px;
        height: 100%;
        object-fit: cover;
        border-radius: 8px;
    }

    .dcw-mobile-appbanner .dcw-title {
        font-size: 24px;
        font-weight: 600;
        line-height: 36px;
        text-align: left;
        width: 100%;
        color: #ffffff;
    }

    .dcw-mobile-appbanner .dcw-description,
    .dcw-mobile-appbanner .dcw-description-lg {
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        text-align: left;
        color: #FFFFFF;
    }

    .dcw-mobile-appbanner .dcw-union {
        width: 450px;
        height: 372px;
        left: 10px;
        top: -120px;
        position: relative;
        object-fit: cover;
    }

    .dcw-mobile-appbanner .dcw-iphone {
        width: 325px;
        height: auto;
        right: -2rem;
        top: -50px;
        position: absolute;
        object-fit: cover;
    }

    .dcw-mobile-appbanner .dcw-title-logo {
        display: none;
        flex-direction: column;
        gap: 10px;
        align-items: start;
    }

    .dcw-mobile-appbanner .dcw-text-container {
        left: 1rem;
        position: absolute;
        width: 55%;
        bottom: 0;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

.dcw-title-container {
    display: none;
    gap: 8px;
}

@media screen and (min-width:400px) {
    .dcw-mobile-appbanner .dcw-appicon-cont-m {
        padding: 12px;
        border-radius: var(--corner-radiuscontainer-card-m);
    }

    .dcw-mobile-appbanner .dcw-iphone {
        right: -3rem;
    }

    .dcw-mobile-appbanner .dcw-union {
        width: 470px;
        height: 390px;
        left: 10px;
    }

    .dcw-mobile-appbanner .dcw-appicon {
        width: 60px;
        height: 60px;
        border-radius: 12px;
    }

    .dcw-mobile-appbanner .dcw-img-app-gallery {
        height: 18px;
        width: 18px;
    }

    .dcw-mobile-appbanner .dcw-img-app-apple {
        height: 20px;
        width: 18px;
    }

    .dcw-mobile-appbanner .app-subtitle {
        font-size: 6px;
    }

    .dcw-mobile-appbanner .app-title {
        font-size: 10px;
    }

    .dcw-mobile-appbanner .dcw-text-container {
        width: 50%;
    }
}

@media screen and (min-width:500px) {
    .dcw-mobile-appbanner .dcw-iphone {
        top: -50px;
    }

    .dcw-mobile-appbanner .dcw-img-app-gallery {
        height: 20px;
        width: 20px;
    }

    .dcw-mobile-appbanner .dcw-img-app-apple {
        height: 22px;
        width: 20px;
    }

    .dcw-mobile-appbanner .app-subtitle {
        font-size: 8px;
    }

    .dcw-mobile-appbanner .app-title {
        font-size: 14px;
    }
}

@media screen and (min-width:600px) {
    .dcw-mobile-appbanner .dcw-appicon {
        width: 70px;
        height: 70px;
    }

    .dcw-mobile-appbanner .dcw-img-app-gallery {
        height: 24px;
        width: 24px;
    }

    .dcw-mobile-appbanner .dcw-img-app-apple {
        height: 26px;
        width: 24px;
    }

    .dcw-mobile-appbanner .app-title {
        font-size: 18px;
    }

    .dcw-mobile-appbanner .app-subtitle {
        font-size: 10px;
    }

    .dcw-mobile-appbanner .dcw-description {
        font-size: 16px;
    }

    .dcw-mobile-appbanner .dcw-description-lg {
        font-size: 16px;
        line-height: 20px;
    }

    .dcw-mobile-appbanner .dcw-title {
        font-size: 32px;
    }

    .dcw-mobile-appbanner .dcw-text-container {
        width: 55%;
    }
}

@media screen and (min-width:700px) {
    .dcw-mobile-appbanner .dcw-img-app-gallery {
        height: 32px;
        width: 32px;
    }

    .dcw-mobile-appbanner .dcw-img-app-apple {
        height: 34px;
        width: 32px;
    }

    .dcw-mobile-appbanner .app-title {
        font-size: 20px;
    }

    .dcw-mobile-appbanner .app-subtitle {
        font-size: 12px;
    }

    .dcw-mobile-appbanner .dcw-text-container {
        width: 60%;
    }

    .dcw-mobile-appbanner .dcw-union-cont {
        height: 290px;
        min-height: 290px;
    }

    .dcw-mobile-appbanner .dcw-union {
        width: 430px;
        height: 350px;
        left: 352px;
        top: -65px;
    }
}

@media screen and (min-width:800px) {
    .dcw-mobile-appbanner .dcw-img-app-gallery {
        height: 40px;
        width: 40px;
    }

    .dcw-mobile-appbanner .dcw-img-app-apple {
        height: 44px;
        width: 42px;
    }

    .dcw-mobile-appbanner .app-title {
        font-size: 24px;
    }

    .dcw-mobile-appbanner .app-subtitle {
        font-size: 12px;
    }

    .dcw-mobile-appbanner .dcw-text-container {
        width: 65%;
    }
}

@media screen and (min-width:1024px) {
    .dcw-mobile-appbanner .dcw-appbanner-image {
        width: 50%;
        height: auto;
    }

    .dcw-mobile-appbanner .dcw-union-cont {
        width: 100%;
        height: auto;
        min-height: 0;
    }

    .dcw-mobile-appbanner .dcw-union {
        width: 550px;
        height: auto;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .dcw-mobile-appbanner .dcw-iphone {
        width: 340px;
        top: 0;
        left: auto;
        right: 50%;
        transform: translateX(50%);
    }

    .dcw-mobile-appbanner .dcw-appbanner-content {
        width: 50%;
        padding: 3rem 0rem 3rem 3rem;
        z-index: 1;
        gap: 15px;
    }

    .dcw-mobile-appbanner {
        display: flex;
        align-items: center;
        justify-content: center;
        /* padding:100px 16px 100px 16px; */
        min-width: 343px;
        margin-top: 5rem;
    }

        .dcw-mobile-appbanner .dcw-appbanner-background {
            max-height: 350px;
            min-width: 343px;
            flex-direction: row-reverse;
            justify-content: space-between;
            background-position: center center;
        }

        .dcw-mobile-appbanner .dcw-appbanner-background-img {
            max-height: 350px;
            /* height: 350px; */
        }

        .dcw-mobile-appbanner .dcw-download-app-button-container {
            height: fit-content;
            flex-wrap: nowrap;
            justify-content: flex-start;
            flex-direction: column;
            align-items: flex-start;
        }

    .dcw-app-gallery-container {
        display: flex;
        align-items: center;
        gap: 1rem;
        width: 80%;
    }

    .dcw-mobile-appbanner .dcw-app-gallery {
        gap: 10px;
        min-width: 100px;
        width: fit-content;
    }

    .dcw-mobile-appbanner .dcw-img-app-gallery {
        height: 24px;
        width: 24px;
    }

    .dcw-mobile-appbanner .dcw-img-app-apple {
        height: 26px;
        width: 24px;
    }

    .dcw-mobile-appbanner .app-subtitle {
        font-size: 6px;
    }

    .dcw-mobile-appbanner .app-title {
        font-size: 10px;
    }

    .dcw-mobile-appbanner .dcw-download-sekarang {
        height: 52px;
        min-width: 200px;
        width: fit-content;
        padding: 16px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: -0.01em;
    }

    .dcw-mobile-appbanner .dcw-appicon-cont-m {
        display: none;
    }

    .dcw-mobile-appbanner .dcw-appicon-cont-d {
        display: block;
        width: fit-content;
        height: fit-content;
        padding: 16px;
        background-color: white;
        border-radius: var(--corner-radiuscontainer-card-l);
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: 0px 24px 24px 0px #0000001F;
    }

    .dcw-mobile-appbanner .dcw-appicon {
        width: 85px;
        height: 85px;
    }

    .dcw-mobile-appbanner .dcw-title {
        font-size: 24.41px;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: -0.01em;
    }

    .dcw-mobile-appbanner .dcw-description {
        font-size: 16px;
        line-height: 1.2;
    }

    .dcw-mobile-appbanner .dcw-title-logo {
        display: flex;
        flex-direction: row;
        gap: 24px;
        align-items: flex-start;
    }

    .dcw-mobile-appbanner .dcw-text-container {
        display: none;
    }

    .dcw-mobile-appbanner .dcw-title-container {
        display: flex;
        flex-direction: column;
    }

    .dcw-mobile-appbanner .dcw-description-lg {
        display: none;
    }
}

@media screen and (min-width: 1370px) {
    .dcw-mobile-appbanner .dcw-appbanner-content {
        padding: 4rem 0rem 4rem 4rem;
    }

    .dcw-mobile-appbanner .dcw-app-gallery {
        min-width: 100px;
        width: fit-content;
    }

    .dcw-mobile-appbanner .dcw-img-app-gallery {
        height: 26px;
        width: 26px;
    }

    .dcw-mobile-appbanner .dcw-img-app-apple {
        height: 28px;
        width: 26px;
    }

    .dcw-mobile-appbanner .app-subtitle {
        font-size: 6px;
    }

    .dcw-mobile-appbanner .app-title {
        font-size: 10px;
    }
}

@media screen and (min-width: 1450px) {
    .dcw-mobile-appbanner .dcw-appbanner-content {
        padding: 5rem 0rem 5rem 5rem;
    }
}

@media screen and (min-width: 1550px) {
    .dcw-mobile-appbanner .dcw-app-gallery {
        min-width: 100px;
        width: fit-content;
    }

    .dcw-mobile-appbanner .dcw-img-app-gallery {
        height: 30px;
        width: 30px;
    }

    .dcw-mobile-appbanner .dcw-img-app-apple {
        height: 32px;
        width: 30px;
    }

    .dcw-mobile-appbanner .app-subtitle {
        font-size: 8px;
    }

    .dcw-mobile-appbanner .app-title {
        font-size: 14px;
    }
}

/** Product App Banner - Laptop **/
.dcw-laptop-appbanner {
    width: 100%;
    height: fit-content;
    min-height: auto;
    background-color: transparent;
    box-sizing: border-box;
    position: relative;
    margin-top: 5rem;
}

    .dcw-laptop-appbanner * {
        box-sizing: border-box;
    }

    .dcw-laptop-appbanner .dcw-appbanner-background {
        width: 100%;
        border-radius: var(--radius-xxl);
        padding: 0;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        justify-content: space-between;
        box-sizing: border-box;
        position: relative;
        max-width: 1512px !important;
        margin: 0 auto !important;
    }

    .dcw-laptop-appbanner .dcw-appbanner-background-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        -webkit-object-fit: cover;
        position: absolute;
        border-radius: var(--radius-xxl);
        z-index: 0;
        transform: translateZ(0);
    }

    .dcw-laptop-appbanner .dcw-appbanner-content {
        height: 100%;
        width: 100%;
        gap: 24px;
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: center;
        box-sizing: border-box;
        padding: 0.2rem 1rem 2rem 1rem;
        z-index: 1;
    }

    .dcw-laptop-appbanner .dcw-download-app-button-container {
        height: fit-content;
        min-height: auto;
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-direction: row;
        gap: 10px;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    .dcw-laptop-appbanner .dcw-app-gallery {
        height: fit-content;
        min-height: auto;
        width: 30%;
        padding: 10px 10px;
        background-color: #FFFFFF;
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px
    }

    .dcw-laptop-appbanner .dcw-img-app-gallery {
        height: 14px;
        width: 14px;
        display: flex;
    }

    .dcw-laptop-appbanner .dcw-img-app-apple {
        height: 16px;
        width: 14px;
        display: flex;
    }

    .dcw-laptop-appbanner .app-button-cont {
        display: flex;
        flex-direction: column;
    }

    .dcw-laptop-appbanner .app-subtitle {
        font-size: 5px;
        font-weight: 600;
    }

    .dcw-laptop-appbanner .app-title {
        font-size: 10px;
        white-space: nowrap;
        font-weight: 700;
    }

    .dcw-laptop-appbanner .dcw-download-sekarang {
        height: 52px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 8px;
        color: white;
        border: 1px solid white;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: center;
    }

    .dcw-laptop-appbanner .dcw-content-header {
        height: 100%;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: end;
        align-items: start;
        border-radius: 8px;
        color: white;
        gap: 20px;
    }

    .dcw-laptop-appbanner .dcw-appbanner-image {
        position: relative;
        width: 100%;
        height: 250px;
    }

    .dcw-laptop-appbanner .dcw-union-cont {
        position: relative;
        width: 100%;
        max-height: 100%;
        overflow: hidden;
        min-height: 250px;
    }

    .dcw-laptop-appbanner .dcw-appicon-cont-m {
        width: fit-content;
        height: fit-content;
        padding: 10px;
        background-color: white;
        border-radius: var(--radius-m);
        bottom: 0;
        position: relative;
    }

    .dcw-laptop-appbanner .dcw-appicon-cont-d {
        display: none;
    }

    .dcw-laptop-appbanner .dcw-appicon {
        width: 40px;
        height: 100%;
        object-fit: cover;
        border-radius: 8px;
    }

    .dcw-laptop-appbanner .dcw-title {
        font-size: 20px;
        font-weight: 600;
        line-height: 32px;
        text-align: left;
        width: 100%;
        color: #ffffff;
    }

    .dcw-laptop-appbanner .dcw-description {
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        text-align: left;
        color: #FFFFFF;
    }

    .dcw-laptop-appbanner .dcw-description-lg {
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        text-align: left;
        color: #FFFFFF;
    }

    .dcw-laptop-appbanner .dcw-union {
        width: 344px;
        height: 285px;
        left: 90px;
        top: -40px;
        position: relative;
        object-fit: cover;
    }

    .dcw-laptop-appbanner .dcw-iphone {
        width: auto;
        height: 18rem;
        right: 0;
        top: -80px;
        position: absolute;
        object-fit: cover;
    }

    .dcw-laptop-appbanner .dcw-title-logo {
        display: none;
        flex-direction: column;
        gap: 10px;
        align-items: start;
    }

    .dcw-laptop-appbanner .dcw-text-container {
        left: 1rem;
        position: absolute;
        width: 50%;
        bottom: 0;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

.dcw-title-container {
    display: none;
    gap: 8px;
}

@media screen and (min-width:400px) {
    .dcw-laptop-appbanner .dcw-appicon-cont-m {
        padding: 12px;
        border-radius: var(--corner-radiuscontainer-card-m);
    }

    .dcw-laptop-appbanner .dcw-appicon {
        width: 60px;
        height: 60px;
        border-radius: 12px;
    }

    .dcw-laptop-appbanner .dcw-img-app-gallery {
        height: 18px;
        width: 18px;
    }

    .dcw-laptop-appbanner .dcw-img-app-apple {
        height: 20px;
        width: 18px;
    }

    .dcw-laptop-appbanner .app-subtitle {
        font-size: 6px;
    }

    .dcw-laptop-appbanner .app-title {
        font-size: 10px;
    }

    .dcw-laptop-appbanner .dcw-text-container {
        width: 90%;
    }
}

@media screen and (min-width:500px) {
    .dcw-laptop-appbanner .dcw-iphone {
        top: -110px;
        right: 0;
        width: 400px;
        height: auto !important;
    }

    .dcw-laptop-appbanner .dcw-img-app-gallery {
        height: 20px;
        width: 20px;
    }

    .dcw-laptop-appbanner .dcw-img-app-apple {
        height: 22px;
        width: 20px;
    }

    .dcw-laptop-appbanner .app-subtitle {
        font-size: 8px;
    }

    .dcw-laptop-appbanner .app-title {
        font-size: 14px;
    }

    .dcw-laptop-appbanner .dcw-text-container {
        width: 50%;
    }
}

@media screen and (min-width:550px) {
    .dcw-laptop-appbanner .dcw-text-container {
        width: 50%;
    }
}

@media screen and (min-width:600px) {
    .dcw-laptop-appbanner .dcw-appicon {
        width: 70px;
        height: 70px;
    }

    .dcw-laptop-appbanner .dcw-img-app-gallery {
        height: 24px;
        width: 24px;
    }

    .dcw-laptop-appbanner .dcw-img-app-apple {
        height: 26px;
        width: 24px;
    }

    .dcw-laptop-appbanner .app-title {
        font-size: 18px;
    }

    .dcw-laptop-appbanner .app-subtitle {
        font-size: 10px;
    }

    .dcw-laptop-appbanner .dcw-description {
        font-size: 14px;
    }

    .dcw-laptop-appbanner .dcw-description-lg {
        font-size: 14px;
        line-height: 20px;
    }

    .dcw-laptop-appbanner .dcw-title {
        font-size: 28px;
    }

    .dcw-laptop-appbanner .dcw-text-container {
        width: 55%;
    }
}

@media screen and (min-width:700px) {
    .dcw-laptop-appbanner .dcw-iphone {
        width: 450px;
    }

    .dcw-laptop-appbanner .dcw-img-app-gallery {
        height: 32px;
        width: 32px;
    }

    .dcw-laptop-appbanner .dcw-img-app-apple {
        height: 34px;
        width: 32px;
    }

    .dcw-laptop-appbanner .app-title {
        font-size: 20px;
    }

    .dcw-laptop-appbanner .app-subtitle {
        font-size: 12px;
    }

    .dcw-laptop-appbanner .dcw-text-container {
        width: 60%;
    }
}

@media screen and (min-width:800px) {
    .dcw-laptop-appbanner .dcw-img-app-gallery {
        height: 40px;
        width: 40px;
    }

    .dcw-laptop-appbanner .dcw-img-app-apple {
        height: 44px;
        width: 42px;
    }

    .dcw-laptop-appbanner .app-title {
        font-size: 24px;
    }

    .dcw-laptop-appbanner .app-subtitle {
        font-size: 12px;
    }

    .dcw-laptop-appbanner .dcw-text-container {
        width: 65%;
    }
}

@media screen and (min-width:1024px) {
    .dcw-laptop-appbanner .dcw-appbanner-image {
        width: 50%;
        height: auto;
    }

    .dcw-laptop-appbanner .dcw-union-cont {
        width: 100%;
        height: auto;
        min-height: 0;
    }

    .dcw-laptop-appbanner .dcw-union {
        width: 550px;
        height: auto;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .dcw-laptop-appbanner .dcw-iphone {
        /* width: 500px; */
        width: 430px;
        height: auto !important;
        /* top: -30%; */
        top: -5%;
        left: auto;
        right: 50%;
        transform: translateX(50%);
    }

    .dcw-laptop-appbanner .dcw-appbanner-content {
        width: 50%;
        padding: 3rem 0rem 3rem 3rem;
        z-index: 1;
    }

    .dcw-laptop-appbanner {
        max-width: 786px;
        display: flex;
        align-items: center;
        justify-content: center;
        /* padding:100px 16px 100px 16px; */
        min-width: 343px;
        /* max-width: 1500px; */
        margin: 5rem auto 0 auto;
    }

        .dcw-laptop-appbanner .dcw-appbanner-background {
            max-height: 330px;
            width: 100%;
            min-width: 343px;
            border-radius: var(--radius-xxl);
            flex-direction: row-reverse;
            justify-content: space-between;
            background-position: center center;
        }

        .dcw-laptop-appbanner .dcw-appbanner-background-img {
            width: 100%;
            max-height: 330px;
            object-fit: cover;
            position: absolute;
            border-radius: var(--radius-xxl);
            z-index: -0;
        }

        .dcw-laptop-appbanner .dcw-download-app-button-container {
            height: fit-content;
            flex-wrap: nowrap;
            justify-content: flex-start;
        }

        .dcw-laptop-appbanner .dcw-app-gallery {
            gap: 10px;
            min-width: 100px;
            width: fit-content;
        }

        .dcw-laptop-appbanner .dcw-img-app-gallery {
            height: 24px;
            width: 24px;
        }

        .dcw-laptop-appbanner .dcw-img-app-apple {
            height: 26px;
            width: 24px;
        }

        .dcw-laptop-appbanner .app-subtitle {
            font-size: 6px;
        }

        .dcw-laptop-appbanner .app-title {
            font-size: 10px;
        }

        .dcw-laptop-appbanner .dcw-download-sekarang {
            height: 52px;
            min-width: 140px;
            width: fit-content;
            padding: 16px;
            font-weight: 700;
            line-height: 20px;
            letter-spacing: -0.01em;
        }

        .dcw-laptop-appbanner .dcw-appicon-cont-m {
            display: none;
        }

        .dcw-laptop-appbanner .dcw-appicon-cont-d {
            display: block;
            width: fit-content;
            height: fit-content;
            padding: 16px;
            background-color: white;
            border-radius: var(--corner-radiuscontainer-card-l);
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .dcw-laptop-appbanner .dcw-appicon {
            width: 85px;
            height: 85px;
        }

        .dcw-laptop-appbanner .dcw-title {
            font-size: 24.41px;
            font-weight: 700;
            line-height: 1.4;
            letter-spacing: -0.01em;
        }

        .dcw-laptop-appbanner .dcw-title-logo {
            display: flex;
            flex-direction: row;
            gap: 24px;
            align-items: center;
        }

        .dcw-laptop-appbanner .dcw-text-container {
            display: none;
        }

        .dcw-laptop-appbanner .dcw-title-container {
            display: flex;
            flex-direction: column;
        }

        .dcw-laptop-appbanner .dcw-description {
            display: none;
        }

        .dcw-laptop-appbanner .dcw-description-lg {
            display: block;
        }
}

@media screen and (min-width: 1370px) {
    .dcw-laptop-appbanner .dcw-appbanner-content {
        padding: 4rem 0rem 4rem 4rem;
    }

    .dcw-laptop-appbanner .dcw-app-gallery {
        min-width: 100px;
        width: fit-content;
    }

    .dcw-laptop-appbanner .dcw-img-app-gallery {
        height: 26px;
        width: 26px;
    }

    .dcw-laptop-appbanner .dcw-img-app-apple {
        height: 28px;
        width: 26px;
    }

    .dcw-laptop-appbanner .app-subtitle {
        font-size: 6px;
    }

    .dcw-laptop-appbanner .app-title {
        font-size: 10px;
    }

    .dcw-laptop-appbanner .dcw-iphone {
        top: -5%;
    }
}

@media screen and (min-width: 1450px) {
    .dcw-laptop-appbanner .dcw-appbanner-content {
        padding: 5rem 0rem 5rem 5rem;
    }
}

@media screen and (min-width: 1550px) {
    .dcw-laptop-appbanner .dcw-app-gallery {
        min-width: 100px;
        width: fit-content;
    }

    .dcw-laptop-appbanner .dcw-img-app-gallery {
        height: 30px;
        width: 30px;
    }

    .dcw-laptop-appbanner .dcw-img-app-apple {
        height: 32px;
        width: 30px;
    }

    .dcw-laptop-appbanner .app-subtitle {
        font-size: 8px;
    }

    .dcw-laptop-appbanner .app-title {
        font-size: 14px;
    }

    .dcw-laptop-appbanner .dcw-title {
        font-size: 40px;
    }

    .dcw-laptop-appbanner .dcw-iphone {
        top: -10%;
    }
}

@media screen and (min-width: 1650px) {
    .dcw-laptop-appbanner .dcw-iphone {
        width: 600px;
    }
}

@media screen and (min-width: 1850px) {
    .dcw-laptop-appbanner .dcw-iphone {
        top: -5%;
    }

    .dcw-laptop-appbanner {
        margin: 8rem auto 0 auto;
    }
}

/** Sub-Product Filter **/
.dcw-subproduct-filter * {
    box-sizing: border-box;
}

.dcw-subproduct-filter {
    width: 100%;
    padding: 32px 0px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    background: var(--color-background-background, #F5F5F5);
    box-sizing: border-box;
    align-items: center;
}

    .dcw-subproduct-filter .dcw-header {
        width: 100%;
        height: fit-content;
        max-height: 32px;
        display: flex;
        align-items: center;
        gap: 16px;
        justify-content: space-between;
        /* max-width: 1512px !important; */
        margin: 0 auto !important;
    }

    .dcw-subproduct-filter .dcw-title-tag {
        width: 85%;
        max-height: 32px;
        display: flex;
        gap: 16px;
        justify-content: start;
        align-items: center;
        color: #414141;
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-subproduct-filter .dcw-header-title {
        width: fit-content;
        font-size: 24px;
        line-height: 28px;
    }

    .dcw-subproduct-filter .dcw-header-desc {
        font-size: 12px;
        line-height: 14px;
        font-weight: 400;
    }

    .dcw-subproduct-filter .dcw-tag-icon {
        width: auto;
        height: 32px;
    }

    .dcw-subproduct-filter .dcw-arrow-right-img {
        width: 32px;
        height: 32px;
    }

    .dcw-subproduct-filter .dcw-arrow-right {
        width: 32px;
        height: 32px;
        display: none;
        align-items: center;
        text-decoration: none;
        color: #E84E15;
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
        letter-spacing: -0.01em;
        text-align: center;
    }

    .dcw-subproduct-filter .dcw-round-icon {
        width: 48px;
        height: 48px;
        border-radius: 100%;
        position: relative;
    }

    .dcw-subproduct-filter .dcw-content-card {
        width: 100%;
        height: fit-content;
        color: white;
        display: flex;
        flex-direction: column;
        justify-content: end;
        gap: 4px;
        z-index: 1;
        padding: 1rem;
        overflow: hidden;
        position: absolute;
        bottom: 0;
        background-image: linear-gradient(rgba(26,26,26,0), rgba(26,26,26,1));
    }

        .dcw-subproduct-filter .dcw-content-card * {
            color: var(--color-text-text-on-background-fill, #FFFFFF);
        }

    .dcw-subproduct-filter .dcw-card-subtitle {
        color: var(--color-text-text-on-background-fill, #FFFFFF);
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: -0.01em;
        text-align: left;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dcw-subproduct-filter .dcw-card-title {
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: -0.01em;
        text-align: left;
        height: fit-content;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dcw-subproduct-filter .dcw-card-second-row {
        width: 100%;
        height: auto;
    }

    .dcw-subproduct-filter .dcw-content-card-second-row {
        background-color: transparent;
        background-size: cover;
        background-repeat: no-repeat;
        aspect-ratio: 1/1;
        border-radius: 24px;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: start;
        color: white;
        flex-shrink: 1;
        flex-grow: 1;
        transition: all 0.4s;
        overflow: hidden;
    }

    .dcw-subproduct-filter .dcw-card-background {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 0;
    }

    .dcw-subproduct-filter .dcw-card-container {
        width: 100%;
        /* max-width: 1500px !important; */
        margin: 0 auto !important;
    }

    .dcw-subproduct-filter .dcw-filter-content {
        position: absolute;
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem;
        visibility: hidden;
        opacity: 1;
        height: 0px;
    }

        .dcw-subproduct-filter .dcw-filter-content:first-child {
            position: relative;
        }

        .dcw-subproduct-filter .dcw-filter-content.show {
            height: fit-content;
            position: relative;
        }

    .dcw-subproduct-filter .dcw-filter-tag {
        width: fit-content;
        height: 42px;
        padding: 8px 16px;
        gap: 8px;
        border-radius: 88px;
        border: 1px solid #E0E0E0;
        display: flex;
        align-items: center;
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        letter-spacing: -0.01em;
        text-align: center;
        flex-shrink: 0;
        cursor: pointer;
    }

        .dcw-subproduct-filter .dcw-filter-tag * {
            pointer-events: none;
        }

        .dcw-subproduct-filter .dcw-filter-tag img {
            width: 24px;
            height: auto;
        }

    .dcw-subproduct-filter .dcw-filter-container {
        width: 100%;
        height: fit-content;
        max-height: 72px;
        display: flex;
        gap: 16px;
        justify-content: start;
        align-items: center;
        padding: 0;
        overflow-x: scroll;
        overflow-y: hidden;
        /* max-width: 1512px !important; */
        margin: 0 auto !important;
    }

        .dcw-subproduct-filter .dcw-filter-container::-webkit-scrollbar {
            height: 0px;
        }

    .dcw-subproduct-filter .dcw-filter-tag:hover,
    .dcw-subproduct-filter .dcw-filter-tag.dcw-filter-tag-active {
        background-color: var(--color-background-fill-primary);
        color: white;
    }

    .dcw-subproduct-filter .dcw-arrow-container {
        width: fit-content;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .dcw-subproduct-filter .dcw-book-svg {
        background-color: #ffffff;
        border-radius: 50%;
        width: 42px;
        height: 42px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .dcw-subproduct-filter .dcw-book-svg-container {
        width: auto;
        height: 32px;
    }

    .dcw-subproduct-filter .dcw-filter-tag img:first-child {
        display: flex;
    }

    .dcw-subproduct-filter .dcw-filter-tag img:nth-child(2) {
        display: none;
    }

    .dcw-subproduct-filter .dcw-filter-tag.dcw-filter-tag-active img:first-child,
    .dcw-subproduct-filter .dcw-filter-tag:hover img:first-child {
        display: none;
    }

    .dcw-subproduct-filter .dcw-filter-tag.dcw-filter-tag-active img:nth-child(2),
    .dcw-subproduct-filter .dcw-filter-tag:hover img:nth-child(2) {
        display: flex;
    }

@media screen and (min-width:700px) {
    .dcw-subproduct-filter .dcw-filter-content {
        grid-template-columns: repeat(2, 1fr);
    }

    .dcw-subproduct-filter .dcw-content-card-second-row {
        justify-content: space-between;
        box-sizing: border-box;
    }
}

@media screen and (min-width:1024px) {
    .dcw-subproduct-filter {
        padding: 56px 0px;
    }

        .dcw-subproduct-filter .dcw-content-card {
            padding: 2rem;
        }

        .dcw-subproduct-filter .dcw-filter-tag {
            /* height: 60px; */
            padding: 16px 24px;
            font-size: 10px;
            line-height: 20px;
        }

        .dcw-subproduct-filter .dcw-header {
            max-height: 72px;
        }

        .dcw-subproduct-filter .dcw-header-title {
            font-size: 19.53px;
            line-height: 52px;
        }

        .dcw-subproduct-filter .dcw-header-desc {
            font-size: 18px;
            line-height: 22px;
        }

        .dcw-subproduct-filter .dcw-arrow-right-img {
            display: none;
        }

        .dcw-subproduct-filter .dcw-arrow-right {
            width: auto;
            height: 72px;
            display: flex;
        }

        .dcw-subproduct-filter .dcw-card-subtitle {
            font-size: 12px;
            line-height: 1.4;
        }

        .dcw-subproduct-filter .dcw-card-title {
            font-size: 15.63px;
            line-height: 1.4;
            word-wrap: break-word;
        }

        .dcw-subproduct-filter .dcw-arrow-container {
            width: 300px;
            max-height: 50px;
            border-radius: var(--corner-radiuscontainer-text-input,8px);
            border: 1px solid #E84E15;
        }

        .dcw-subproduct-filter .dcw-book-svg {
            width: 72px;
            height: 72px;
        }

        .dcw-subproduct-filter .dcw-book-svg-container {
            width: 48px;
            height: 48px;
        }

        .dcw-subproduct-filter .dcw-filter-content {
            gap: 2rem;
        }
}

/** Product Feature **/
.dcw-fiturproduct * {
    box-sizing: border-box;
}

.dcw-fiturproduct {
    width: 100%;
    padding: 32px 0px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    background: white;
    box-sizing: border-box;
    align-items: center;
}

    .dcw-fiturproduct .dcw-header {
        width: 100%;
        height: fit-content;
        max-height: 32px;
        display: flex;
        align-items: center;
        gap: 16px;
        justify-content: space-between;
        max-width: 1512px !important;
        margin: 0 auto !important;
    }

    .dcw-fiturproduct .dcw-title-tag {
        width: 100%;
        max-height: 32px;
        display: flex;
        gap: 16px;
        justify-content: start;
        align-items: center;
        color: #414141;
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-fiturproduct .dcw-header-title {
        width: fit-content;
    }

    .dcw-fiturproduct .dcw-card-container {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: start;
        flex-wrap: wrap;
        gap: 32px;
        /* max-width: 1512px !important; */
        margin: 0 auto !important;
    }

    .dcw-fiturproduct .dcw-card-fiturproduct {
        /* flex: 1 0 91%;
    min-width: 300px;
    min-height: 210px; */
        aspect-ratio: 8/5;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: start;
        /* flex-wrap: wrap; */
        gap: 16px;
        border: 1px solid var(--color-border-border-primary-default, #E0E0E0);
        /* border-radius:var(--corner-radiuscontainer-card-xl,32px); */
        border-radius: 20px;
        /* padding: var(--spacegapspace-component-gap-l,32px); */
        padding: 1rem;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.4;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-fiturproduct .dcw-card-header-container {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }

    .dcw-fiturproduct .dcw-card-header-icon {
        width: 48px;
        height: 48px;
    }

    .dcw-fiturproduct .dcw-card-product-content-container {
        display: flex;
        width: 100%;
        justify-content: start;
    }

@media screen and (min-width:1024px) {
    .dcw-fiturproduct {
        padding: 56px 0px;
        background: #FFFFFF;
    }

        .dcw-fiturproduct .dcw-header {
            max-height: 72px;
        }

        .dcw-fiturproduct .dcw-title-tag {
            max-width: 70%;
            max-height: 72px;
            font-size: 40px;
            line-height: 52px;
        }

        .dcw-fiturproduct .dcw-card-fiturproduct {
            flex: 1 1 31%;
        }
}

/** Product Feature Alternative **/
.dcw-fiturproduct-alt {
    max-width: 786px;
    margin: 0 auto;
    width: 100%;
    padding: 32px 0px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    background: white;
    box-sizing: border-box;
    align-items: center;
}

    .dcw-fiturproduct-alt .dcw-header {
        width: 100%;
        height: fit-content;
        max-height: 32px;
        display: flex;
        align-items: center;
        gap: 16px;
        justify-content: space-between;
        max-width: 1512px !important;
        margin: 0 auto !important;
    }

    .dcw-fiturproduct-alt .dcw-title-tag {
        width: 100%;
        max-height: 32px;
        display: flex;
        gap: 16px;
        justify-content: start;
        align-items: center;
        color: #414141;
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-fiturproduct-alt .dcw-header-title {
        width: fit-content;
    }

    .dcw-fiturproduct-alt .dcw-card-container {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: start;
        flex-wrap: wrap;
        gap: 32px;
        max-width: 1512px !important;
        margin: 0 auto !important;
    }

    .dcw-fiturproduct-alt .dcw-card-fiturproduct {
        flex: 1 0 91%;
        min-width: 300px;
        min-height: 210px;
        height: fit-content;
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: center;
        flex-wrap: wrap;
        gap: 16px;
        border: 1px solid var(--color-border-border-primary-default, #E0E0E0);
        border-radius: var(--corner-radiuscontainer-card-xl,32px);
        padding: var(--spacegapspace-component-gap-l,32px);
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-fiturproduct-alt .dcw-card-header-container {
        display: flex;
        width: 100%;
        justify-content: center;
    }

    .dcw-fiturproduct-alt .dcw-card-header-icon {
        width: 60%;
        height: auto;
    }

    .dcw-fiturproduct-alt .dcw-card-product-content-container {
        display: flex;
        width: 80%;
        justify-content: center;
        text-align: center;
    }

@media screen and (min-width:1024px) {
    .dcw-fiturproduct-alt {
        padding: 56px 0px;
        background: #FFFFFF;
    }

        .dcw-fiturproduct-alt .dcw-header {
            max-height: 72px;
        }

        .dcw-fiturproduct-alt .dcw-title-tag {
            max-width: 70%;
            max-height: 72px;
            font-size: 40px;
            line-height: 52px;
        }

        .dcw-fiturproduct-alt .dcw-card-fiturproduct {
            min-width: unset;
            min-height: unset;
            height: 100%;
        }
}

/** Product Rich Text **/
.dcw-product-richtext *, .dcw-faq-sidetab *, .dcw-rich-sidetab * {
    box-sizing: border-box;
}

.dcw-product-richtext {
    width: 100%;
    padding: 1rem 0px 1rem 0px;
    display: flex;
    flex-direction: column;
    background: white;
    box-sizing: border-box;
    align-items: center;
    /* max-width: 1512px !important; */
    margin: 0 auto !important;
}

    .dcw-product-richtext .dcw-section-container {
        width: 100%;
        height: fit-content;
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding-bottom: 2rem;
    }

    .dcw-product-richtext .dcw-section {
        width: 100%;
        height: fit-content;
        display: flex;
    }

    .dcw-product-richtext .dcw-section-content-container {
        width: 100%;
        height: fit-content;
        display: flex;
        flex-direction: column;
        gap: 16px;
        margin-bottom: -10px;
    }

        .dcw-product-richtext .dcw-section-content-container p, .dcw-faq-sidetab .dcw-section-content-container p, .dcw-rich-sidetab .dcw-section-content-container p {
            font-size: 16px;
            font-weight: 400;
            line-height: 20px;
            letter-spacing: -0.01em;
            text-align: left;
        }

        .dcw-product-richtext .dcw-section-content-container h3, .dcw-faq-sidetab .dcw-section-content-container h3, .dcw-rich-sidetab .dcw-section-content-container h3 {
            font-size: 24px;
            font-weight: 700;
            line-height: 28px;
            letter-spacing: -0.01em;
            text-align: left;
            height: fit-content;
        }

    .dcw-product-richtext .dcw-nav-tag {
        width: fit-content;
        height: 40px;
        padding: 8px 16px;
        gap: 8px;
        border-radius: 8px;
        border: 1px solid #E0E0E0;
        display: flex;
        align-items: center;
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        letter-spacing: -0.01em;
        text-align: center;
        flex-shrink: 0;
        cursor: pointer;
        color: black;
    }

        .dcw-product-richtext .dcw-nav-tag * {
            pointer-events: none;
        }

    .dcw-product-richtext .dcw-nav-container {
        width: 100%;
        height: 60px;
        display: flex;
        gap: 16px;
        justify-content: start;
        align-items: center;
        overflow-x: scroll;
        position: relative;
        background: white;
    }

        .dcw-product-richtext .dcw-nav-container.sticky {
            position: fixed;
            z-index: 99;
            top: 134px;
            padding: 0 2rem;
        }

    .dcw-product-richtext .nav-holder {
        display: none;
        height: 60px;
    }

        .dcw-product-richtext .nav-holder.active {
            display: block;
        }

    .dcw-product-richtext .dcw-nav-container::-webkit-scrollbar {
        height: 0px;
    }

    .dcw-product-richtext .dcw-nav-tag.dcw-nav-tag-active {
        background-color: var(--color-background-fill-primary);
        color: white;
    }

    .dcw-product-richtext .dcw-section-content-container .dcw-table-cont, .dcw-faq-sidetab .dcw-section-content-container .dcw-table-cont, .dcw-rich-sidetab .dcw-section-content-container .dcw-table-cont {
        overflow: auto;
        padding: 1rem 0;
    }

        .dcw-product-richtext .dcw-section-content-container .dcw-table-cont::-webkit-scrollbar, .dcw-faq-sidetab .dcw-section-content-container .dcw-table-cont::-webkit-scrollbar, .dcw-rich-sidetab .dcw-section-content-container .dcw-table-cont::-webkit-scrollbar {
            height: 10px;
        }

        .dcw-product-richtext .dcw-section-content-container .dcw-table-cont::-webkit-scrollbar-track, .dcw-faq-sidetab .dcw-section-content-container .dcw-table-cont::-webkit-scrollbar-track, .dcw-rich-sidetab .dcw-section-content-container .dcw-table-cont::-webkit-scrollbar-track {
            box-shadow: none;
            border-radius: 10px;
        }

        .dcw-product-richtext .dcw-section-content-container .dcw-table-cont::-webkit-scrollbar-thumb, .dcw-faq-sidetab .dcw-section-content-container .dcw-table-cont::-webkit-scrollbar-thumb, .dcw-rich-sidetab .dcw-section-content-container .dcw-table-cont::-webkit-scrollbar-thumb {
            background: var(--color-background-fill-success-hover, #1E8758);
            border-radius: 10px;
        }

            .dcw-product-richtext .dcw-section-content-container .dcw-table-cont::-webkit-scrollbar-thumb:hover, .dcw-faq-sidetab .dcw-section-content-container .dcw-table-cont::-webkit-scrollbar-thumb:hover, .dcw-rich-sidetab .dcw-section-content-container .dcw-table-cont::-webkit-scrollbar-thumb:hover {
                background: var(--color-background-fill-success-hover, #1E8758);
            }

    .dcw-product-richtext .dcw-section-content-container table, .dcw-faq-sidetab .dcw-section-content-container table, .dcw-rich-sidetab .dcw-section-content-container table {
        border-collapse: collapse;
        width: max-content;
    }

        .dcw-product-richtext .dcw-section-content-container table tr:first-child th:first-child, .dcw-faq-sidetab .dcw-section-content-container table tr:first-child th:first-child, .dcw-rich-sidetab .dcw-section-content-container table tr:first-child th:first-child {
            border-top-left-radius: 16px;
        }

        .dcw-product-richtext .dcw-section-content-container table tr:last-child td:first-child, .dcw-faq-sidetab .dcw-section-content-container table tr:last-child td:first-child, .dcw-rich-sidetab .dcw-section-content-container table tr:last-child td:first-child {
            border-bottom-left-radius: 16px;
        }

        .dcw-product-richtext .dcw-section-content-container table tr:last-child td:last-child, .dcw-faq-sidetab .dcw-section-content-container table tr:last-child td:last-child, .dcw-rich-sidetab .dcw-section-content-container table tr:last-child td:last-child {
            border-bottom-right-radius: 16px;
        }

        .dcw-product-richtext .dcw-section-content-container table tr:first-child th:last-child, .dcw-faq-sidetab .dcw-section-content-container table tr:first-child th:last-child, .dcw-rich-sidetab .dcw-section-content-container table tr:first-child th:last-child {
            border-top-right-radius: 16px;
        }

        .dcw-product-richtext .dcw-section-content-container table td, .dcw-faq-sidetab .dcw-section-content-container table td, .dcw-rich-sidetab .dcw-section-content-container table td {
            font-size: 16px;
            font-weight: 400;
            line-height: 20px;
            letter-spacing: -0.01em;
            text-align: left;
            padding: 12px 12px;
        }

        .dcw-product-richtext .dcw-section-content-container table tr:nth-child(even), .dcw-faq-sidetab .dcw-section-content-container table tr:nth-child(even), .dcw-rich-sidetab .dcw-section-content-container table tr:nth-child(even) {
            background-color: #eeeeee;
        }

        .dcw-product-richtext .dcw-section-content-container table tr:nth-child(odd), .dcw-faq-sidetab .dcw-section-content-container table tr:nth-child(odd), .dcw-rich-sidetab .dcw-section-content-container table tr:nth-child(odd) {
            background-color: #f8f8f8;
        }
        /* .dcw-product-richtext .dcw-section-content-container table tr:hover {
    background-color: #ddd;
} */
        .dcw-product-richtext .dcw-section-content-container table th, .dcw-faq-sidetab .dcw-section-content-container table th, .dcw-rich-sidetab .dcw-section-content-container table th {
            padding: 12px 12px;
            text-align: left;
            background: var(--color-background-fill-success-hover, #1E8758);
            color: white;
            white-space: nowrap;
            font-weight: 700;
        }

    .dcw-product-richtext .dcw-section-content-container .dcw-table-cont.table-alt::-webkit-scrollbar-thumb, .dcw-faq-sidetab .dcw-section-content-container .dcw-table-cont.table-alt::-webkit-scrollbar-thumb, .dcw-rich-sidetab .dcw-section-content-container .dcw-table-cont.table-alt::-webkit-scrollbar-thumb {
        background: #B6CAC7;
    }

        .dcw-product-richtext .dcw-section-content-container .dcw-table-cont.table-alt::-webkit-scrollbar-thumb:hover, .dcw-faq-sidetab .dcw-section-content-container .dcw-table-cont.table-alt::-webkit-scrollbar-thumb:hover, .dcw-rich-sidetab .dcw-section-content-container .dcw-table-cont.table-alt::-webkit-scrollbar-thumb:hover {
            background: #B6CAC7;
        }

    .dcw-product-richtext .dcw-section-content-container table.table-alt tr:nth-child(even), .dcw-faq-sidetab .dcw-section-content-container table.table-alt tr:nth-child(even), .dcw-rich-sidetab .dcw-section-content-container table.table-alt tr:nth-child(even) {
        background-color: #FFFFFF;
    }

    .dcw-product-richtext .dcw-section-content-container table.table-alt tr:nth-child(odd), .dcw-faq-sidetab .dcw-section-content-container table.table-alt tr:nth-child(odd), .dcw-rich-sidetab .dcw-section-content-container table.table-alt tr:nth-child(odd) {
        background-color: #E7EDEC;
    }

    .dcw-product-richtext .dcw-section-content-container table.table-alt th, .dcw-faq-sidetab .dcw-section-content-container table.table-alt th, .dcw-rich-sidetab .dcw-section-content-container table.table-alt th {
        background: #B6CAC7;
        color: #062F28;
    }

    .dcw-product-richtext .dcw-section-content-container table.table-alt td, .dcw-faq-sidetab .dcw-section-content-container table.table-alt td, .dcw-rich-sidetab .dcw-section-content-container table.table-alt td {
        color: #062F28;
    }

    .dcw-product-richtext .dcw-section-content-container b, .dcw-faq-sidetab .dcw-section-content-container b, .dcw-rich-sidetab .dcw-section-content-container b {
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-product-richtext .dcw-section-content-container ul, .dcw-faq-sidetab .dcw-section-content-container ul, .dcw-rich-sidetab .dcw-section-content-container ul {
        display: flex;
        flex-direction: column;
        gap: var(--spacegapspace-component-gap-s,12px);
        list-style: disc !important;
        padding-left: 24px;
    }

        .dcw-product-richtext .dcw-section-content-container ul li > *, .dcw-faq-sidetab .dcw-section-content-container ul li > *, .dcw-rich-sidetab .dcw-section-content-container ul li > * {
            margin-bottom: 8px;
        }

        .dcw-product-richtext .dcw-section-content-container ul li::marker, .dcw-faq-sidetab .dcw-section-content-container ul li::marker, .dcw-rich-sidetab .dcw-section-content-container ul li::marker {
            color: #E84E15;
            font-size: 24px;
        }

    .dcw-product-richtext .dcw-section-content-container ol {
        display: flex;
        flex-direction: column;
        list-style: decimal !important;
        padding-left: 24px;
    }

        .dcw-product-richtext .dcw-section-content-container ol li::marker {
            color: #1A1A1A;
            font-size: 16px;
        }

    .dcw-product-richtext .dcw-section-content-container a {
        color: #E84E15;
    }

    .dcw-product-richtext .dcw-section-content-container h4 {
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-product-richtext .dcw-list-decription {
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-product-richtext .dcw-nav-tag img {
        display: none;
    }

    .dcw-product-richtext a.cta-btn {
        color: #FFFFFF;
        background-color: #E84E15;
        font-size: 1rem;
        font-weight: 700;
        border-radius: 8px;
        padding: 1rem;
        text-align: center;
        display: block;
        width: fit-content;
        max-width: 100%;
    }

        .dcw-product-richtext a.cta-btn.left {
            align-self: flex-start;
        }

        .dcw-product-richtext a.cta-btn.right {
            align-self: flex-end;
        }

        .dcw-product-richtext a.cta-btn.center {
            align-self: center;
        }

@media screen and (min-width:1024px) {
    .dcw-product-richtext {
        max-width: 786px;
        margin: 0 auto 5rem auto;
        padding: 56px 0px;
        flex-direction: row;
        align-items: start;
        gap: 2rem;
        position: relative;
    }

        .dcw-product-richtext .dcw-nav-container {
            /* width: 450px; */
            width: 25%;
            flex-direction: column;
            height: fit-content;
        }

            .dcw-product-richtext .dcw-nav-container.sticky {
                top: 150px;
                padding: 0;
            }

        .dcw-product-richtext .nav-holder {
            height: auto;
            width: 450px;
        }

        .dcw-product-richtext .dcw-nav-container.bottom {
            top: auto;
            bottom: 24px;
            position: absolute;
        }

        .dcw-product-richtext .nav-holder.bottom {
            display: block;
        }

        .dcw-product-richtext .dcw-nav-tag {
            padding: 1rem 0.5rem;
            width: 100%;
            border-radius: 0;
            border: 0;
            border-bottom: 1px solid #E0E0E0;
            height: fit-content;
            /* font-size: 18px; */
            font-size: 15.63px;
            font-weight: 400;
            line-height: 36px;
            letter-spacing: -0.01em;
            text-align: left;
        }

            .dcw-product-richtext .dcw-nav-tag.dcw-nav-tag-active {
                background-color: white;
                color: var(--color-background-fill-primary);
            }

            .dcw-product-richtext .dcw-nav-tag img:first-child {
                display: block;
            }

            .dcw-product-richtext .dcw-nav-tag img:last-child {
                display: none;
            }

            .dcw-product-richtext .dcw-nav-tag.dcw-nav-tag-active img:first-child {
                display: none;
            }

            .dcw-product-richtext .dcw-nav-tag.dcw-nav-tag-active img:last-child {
                display: block;
            }

        .dcw-product-richtext .dcw-section-container {
            padding-top: 0rem !important;
            padding-bottom: 0rem !important;
        }

        .dcw-product-richtext .dcw-section-title {
            font-size: 32px;
            line-height: 40px;
            word-wrap: break-word;
        }

        .dcw-product-richtext .dcw-section-content-container table, .dcw-faq-sidetab .dcw-section-content-container table, .dcw-rich-sidetab .dcw-section-content-container table {
            width: 100%;
        }
}

/** Product Interest Bar **/
.dcw-interestbar * {
    box-sizing: border-box;
    position: relative;
}

.dcw-interestbar {
    width: 100%;
    height: auto;
}

    .dcw-interestbar .dcw-interestbar-content {
        width: 100%;
        height: fit-content;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 1rem;
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
        background: white;
        box-sizing: border-box;
        box-shadow: 0px -6px 28px 0px #00000014;
        position: fixed;
        bottom: 0;
        left: 0;
        transform: translateY(100%);
        z-index: 99;
    }

    .dcw-interestbar .dcw-bandingkanproduct {
        width: 100%;
        height: fit-content;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 1rem;
        padding: 1rem !important;
        padding-top: 2rem !important;
        background-color: #F5F5F5;
        box-sizing: border-box;
        box-shadow: 0px -6px 28px 0px #00000014;
        border-radius: var(--corner-radiuscontainer-card-xl) var(--corner-radiuscontainer-card-xl) 0px 0px;
        position: fixed;
        bottom: 0;
        left: 0;
        transform: translateY(100%);
        z-index: 999999;
    }

    .dcw-interestbar .interestbar-shade {
        position: fixed;
        width: 100%;
        background: rgba(0, 0, 0, 0.5);
        height: 100%;
        top: 0;
        left: 0;
        z-index: 999;
        opacity: 0;
        visibility: hidden;
    }

    .dcw-interestbar .dcw-next-mobile {
        display: flex;
        height: 60px;
        width: 100%;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        font-weight: 700;
        line-height: 26px;
        letter-spacing: -0.01em;
        text-align: center;
        border: none;
        border-radius: var(--corner-radiuscontainer-card-s);
        padding: var(--spacepaddingspace-component-padding-m,16px);
        color: #A3A3A3;
        cursor: pointer;
        background-color: #BABABA;
        pointer-events: none;
    }

        .dcw-interestbar .dcw-next-mobile.active {
            color: white;
            background-color: var(--color-background-fill-primary);
            pointer-events: all;
        }

    .dcw-interestbar .dcw-button-container {
        display: flex;
        justify-content: end;
        gap: 1rem;
    }

    .dcw-interestbar .dcw-title {
        display: none;
    }

    .dcw-interestbar .dcw-header {
        width: 100%;
        height: fit-content;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
    }

    .dcw-interestbar .dcw-title-subtitle-container {
        width: 100%;
        height: fit-content;
        display: flex;
        flex-direction: column;
    }

    .dcw-interestbar .dcw-title-tag {
        width: 100%;
        display: flex;
        gap: 16px;
        justify-content: start;
        align-items: center;
    }

    .dcw-interestbar .dcw-header-title {
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: -0.01em;
        text-align: left;
        width: fit-content;
    }

    .dcw-interestbar .dcw-header-subtitle {
        display: none;
    }

    .dcw-interestbar .dcw-tag-icon {
        display: none;
    }

    .dcw-interestbar .dcw-close-button {
        background-color: #FFFFFF;
        width: 32px;
        height: 32px;
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .dcw-interestbar .dcw-content-bandingkanProduct {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: var(--spacegapspace-component-gap-l,32px);
        padding-bottom: 1rem;
        height: 70vh;
    }

    .dcw-interestbar .dcw-product-dropdown-container {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 2rem;
        max-height: 600px;
        overflow-y: auto;
        overflow-x: hidden;
    }

        .dcw-interestbar .dcw-product-dropdown-container::-webkit-scrollbar {
            width: 16px;
        }

        .dcw-interestbar .dcw-product-dropdown-container::-webkit-scrollbar-track {
            background-color: transparent;
        }

        .dcw-interestbar .dcw-product-dropdown-container::-webkit-scrollbar-thumb {
            background-color: var(--color-background-fill-primary, #E84E15);
            border-radius: 32px;
            border-top: 2px solid transparent;
            border-bottom: 2px solid transparent;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            background-clip: content-box;
        }

    .dcw-interestbar .dcw-dropdown-box {
        background-color: #ffffff;
        border-radius: 8px;
        padding: 1rem;
        min-width: 200px;
        flex: 1 0 91%;
        height: fit-content;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .dcw-interestbar .dcw-bandingkan-text-not-selected {
        min-height: 28px;
        display: flex;
        align-items: center;
    }

    .dcw-interestbar .dcw-compare-img {
        width: 140px;
        height: 140px;
        aspect-ratio: 1 / 1;
        object-fit: cover;
        border-radius: var(--corner-radiuscontainer-card-l,24px);
        background: var(--color-background-background, #F5F5F5);
    }

    .dcw-interestbar .dcw-dropdown-card {
        width: 100%;
        height: 100%;
        aspect-ratio: 1;
        border-radius: var(--corner-radiuscontainer-card-l,24px);
        object-fit: cover;
    }

    .dcw-interestbar .dcw-card-title {
        font-size: 16px;
        font-weight: 700;
        line-height: 22px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-interestbar .dcw-dropdown {
        display: inline-block;
        position: relative;
        height: fit-content;
    }

        .dcw-interestbar .dcw-dropdown *::-webkit-scrollbar {
            width: 8px;
        }

        .dcw-interestbar .dcw-dropdown *::-webkit-scrollbar-track {
            box-shadow: none;
            border-radius: 10px;
        }

        .dcw-interestbar .dcw-dropdown *::-webkit-scrollbar-thumb {
            background: var(--color-background-fill-primary);
            border-radius: 10px;
        }

            .dcw-interestbar .dcw-dropdown *::-webkit-scrollbar-thumb:hover {
                background: var(--color-background-fill-primary);
            }

    .dcw-interestbar .dropdown-selector {
        height: 64px;
        width: 100%;
        padding: var(--spacepaddingspace-component-padding-ms,12px) var(--spacepaddingspace-component-padding-m,16px) var(--spacepaddingspace-component-padding-ms,12px) var(--spacepaddingspace-component-padding-m,16px);
        gap: var(--spacegapspace-component-gap-ms,12px);
        border-radius: var(--corner-radiuscontainer-text-input,8px);
        border: 1px solid var(--color-border-border-primary-default, #E0E0E0);
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #333;
        transition: background-color 0.3s;
    }

        .dcw-interestbar .dropdown-selector span {
            display: flex;
            flex-direction: column;
            align-items: start;
            justify-content: center;
            text-decoration: none;
            transition: background-color 0.3s;
            height: fit-content;
            width: fit-content;
            white-space: nowrap;
        }

        .dcw-interestbar .dropdown-selector:hover {
            background-color: #f0f0f0;
        }

    .dcw-interestbar .dcw-dropdown ul {
        list-style: none;
        margin: 10px 0 0 0;
        padding: 0;
        position: absolute;
        z-index: 9;
        background-color: #fff;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        border: 1px solid #ccc;
        border-radius: 8px;
        max-height: 150px;
        overflow-y: auto;
        width: 100%;
        visibility: hidden;
        opacity: 0;
    }

        .dcw-interestbar .dcw-dropdown ul li {
            display: flex;
            padding: 12px 20px;
            text-decoration: none;
            color: #333;
            transition: background-color 0.3s;
            gap: 5px;
            white-space: nowrap;
            width: 100%;
            cursor: pointer;
        }

            .dcw-interestbar .dcw-dropdown ul li:hover {
                background-color: #f0f0f0;
                text-decoration: none;
            }

    .dcw-interestbar .dcw-selector-subtitle {
        color: var(--color-text-text-secondary, #8D8D8D);
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-interestbar .dcw-selector-title {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-interestbar .dcw-product-choice {
        display: flex;
        flex-direction: row;
        gap: 1rem;
    }

    .dcw-interestbar .dcw-product-text {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .dcw-interestbar .dcw-bandingkan-delete-btn {
        display: flex;
        align-items: center;
        flex-direction: row;
        gap: 8px;
        width: fit-content;
        cursor: pointer;
        visibility: hidden;
        opacity: 0;
    }

        .dcw-interestbar .dcw-bandingkan-delete-btn * {
            display: flex;
            align-items: center;
            color: var(--color-background-fill-primary,#E84E15);
            height: 24px;
            font-size: 16px;
            font-weight: 700;
            line-height: 20px;
            letter-spacing: -0.01em;
            text-align: center;
        }

    .dcw-interestbar .ib-indicator {
        width: 80px;
        height: 4px;
        background-color: #E6E6E6;
        position: absolute;
        top: 10px;
        left: 50%;
        transform: translateX(-50%);
    }

@media screen and (min-width:1024px) {
    .dcw-interestbar .dcw-bandingkanproduct {
        background-color: white;
        padding-top: 2rem !important;
        padding-bottom: 4rem !important;
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }

    .dcw-interestbar .dcw-interestbar-content {
        flex-direction: row;
        padding: 0 2rem;
    }

    .dcw-interestbar .dcw-title {
        display: flex;
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
        letter-spacing: -0.01em;
        text-align: left;
        align-items: center;
    }

    .dcw-interestbar .dcw-title-tag {
        max-width: 70%;
        font-size: 40px;
        line-height: 52px;
    }

    .dcw-interestbar .dcw-tag-icon {
        display: block;
        width: auto;
        height: 100px;
    }

    .dcw-interestbar .dcw-header-title {
        font-size: 40px;
        line-height: 52px;
    }

    .dcw-interestbar .dcw-header-subtitle {
        font-weight: 400;
        letter-spacing: -0.01em;
        text-align: left;
        align-items: center;
        display: flex;
        font-size: 18px;
        line-height: 22px
    }

    .dcw-interestbar .dcw-close-button {
        height: 48px;
    }

    .dcw-interestbar .dcw-content-bandingkanProduct {
        flex-direction: row;
        height: auto;
    }

    .dcw-interestbar .dcw-product-dropdown-container {
        gap: 2%;
    }

    .dcw-interestbar .dcw-dropdown-box {
        background-color: transparent;
        border-radius: none;
        padding: 0;
        flex: 1 0 21%;
    }

    .dcw-interestbar .dcw-product-choice {
        flex-direction: column;
        gap: 0.5rem;
    }

    .dcw-interestbar .dcw-card-title {
        font-size: 24px;
        line-height: 28px;
    }

    .dcw-interestbar .ib-indicator {
        display: none;
    }
}

/** Product Comparison **/
.dcw-comparefilter * {
    box-sizing: border-box;
    position: relative;
}

.dcw-comparefilter {
    max-width: 786px;
    margin: 0 auto;
    width: 100%;
    height: fit-content;
    display: flex;
    background: white;
    box-sizing: border-box;
    position: relative;
}

    .dcw-comparefilter .dcw-comparefilter-content {
        width: 100%;
        height: fit-content;
        padding: 2rem 0px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 1rem;
    }

    .dcw-comparefilter .dcw-button-container {
        display: flex;
        justify-content: start;
        gap: 1rem;
    }

    .dcw-comparefilter .dcw-bandingkanproduct {
        width: 100%;
        height: fit-content;
        display: flex;
        flex-direction: column;
        padding: 1rem 0;
        gap: 1rem;
    }

    .dcw-comparefilter .dcw-filteredProduct {
        width: 100%;
        height: fit-content;
        display: flex;
        flex-direction: column;
        padding: 0rem 0;
        gap: 0;
    }

    .dcw-comparefilter .dcw-title {
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
        letter-spacing: -0.01em;
        text-align: left;
        align-items: center;
        display: flex;
    }

    .dcw-comparefilter .dcw-header {
        width: 100%;
        height: fit-content;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        max-width: 1512px !important;
        margin: 0 auto !important;
    }

    .dcw-comparefilter .dcw-title-subtitle-container {
        width: 100%;
        height: fit-content;
        display: flex;
        flex-direction: column;
    }

    .dcw-comparefilter .dcw-title-tag {
        width: 100%;
        display: flex;
        gap: 8px;
        justify-content: start;
        align-items: start;
    }

    .dcw-comparefilter .dcw-header-title {
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
        letter-spacing: -0.01em;
        text-align: left;
        width: fit-content;
    }

    .dcw-comparefilter .dcw-header-subtitle {
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: -0.01em;
        text-align: left;
        align-items: center;
        display: flex;
    }

    .dcw-comparefilter .dcw-tag-icon {
        width: auto;
        height: 30px;
    }

    .dcw-comparefilter .dcw-close-button {
        height: 36px;
        background: transparent;
        padding: 0;
        margin: 0;
    }

    .dcw-comparefilter .dcw-content-bandingkanproduct {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 2rem;
        max-width: 1512px !important;
        margin: 0 auto !important;
    }

    .dcw-comparefilter .dcw-product-dropdown-container {
        width: 100%;
        height: fit-content;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 1rem;
        padding: 1rem;
        background: var(--color-background-background, #F5F5F5);
        border-radius: var(--corner-radiuscontainer-card-xl,32px);
    }

        .dcw-comparefilter .dcw-product-dropdown-container::-webkit-scrollbar {
            width: 16px;
        }

        .dcw-comparefilter .dcw-product-dropdown-container::-webkit-scrollbar-track {
            background-color: transparent;
        }

        .dcw-comparefilter .dcw-product-dropdown-container::-webkit-scrollbar-thumb {
            background-color: var(--color-background-fill-primary, #E84E15);
            border-radius: 32px;
            border-top: 2px solid transparent;
            border-bottom: 2px solid transparent;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            background-clip: content-box;
        }

    .dcw-comparefilter .dcw-dropdown-box {
        min-width: 170px;
        height: fit-content;
        display: flex;
        flex-direction: column;
        gap: 1rem;
        border-radius: 8px;
        background: white;
    }

    .dcw-comparefilter .dcw-dropdown-box-2 {
        height: fit-content;
        display: flex;
        flex-direction: column;
        gap: 1rem;
        flex: 1 1 31%;
    }

    .dcw-comparefilter .dcw-dropdown-box:first-child {
        width: 30%;
        flex-grow: 1;
    }

    .dcw-comparefilter .dcw-dropdown-box:last-child {
        width: 60%;
        flex-grow: 1;
    }

    .dcw-comparefilter .dcw-product-dropdown-list {
        width: 100%;
        height: fit-content;
        display: flex;
        flex-direction: row;
        gap: 1rem;
        padding: 1rem;
        background: var(--color-background-background, #F5F5F5);
        overflow-x: auto;
    }

        .dcw-comparefilter .dcw-product-dropdown-list > * {
            min-width: 175px;
            width: 175px;
        }

    .dcw-comparefilter .dcw-bandingkan-text-not-selected {
        min-height: 28px;
        display: flex;
        align-items: center;
    }

    .dcw-comparefilter .dcw-compare-img {
        width: 140px;
        height: 140px;
        aspect-ratio: 1 / 1;
        object-fit: cover;
        border-radius: var(--corner-radiuscontainer-card-l,24px);
        background: var(--color-background-background, #F5F5F5);
    }

    .dcw-comparefilter .dcw-dropdown-card {
        width: 100%;
        height: 100%;
        aspect-ratio: 1;
        border-radius: var(--corner-radiuscontainer-card-l,24px);
        object-fit: cover;
    }

    .dcw-comparefilter .dcw-card-title {
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-comparefilter .dcw-dropdown {
        display: inline-block;
        position: relative;
        height: fit-content;
    }

        .dcw-comparefilter .dcw-dropdown *::-webkit-scrollbar {
            width: 4px;
        }

        .dcw-comparefilter .dcw-dropdown *::-webkit-scrollbar-track {
            box-shadow: none;
            border-radius: 10px;
        }

        .dcw-comparefilter .dcw-dropdown *::-webkit-scrollbar-thumb {
            background: var(--color-background-fill-primary);
            border-radius: 10px;
        }

            .dcw-comparefilter .dcw-dropdown *::-webkit-scrollbar-thumb:hover {
                background: var(--color-background-fill-primary);
            }

    .dcw-comparefilter .dropdown-selector {
        height: 64px;
        width: 100%;
        padding: var(--spacepaddingspace-component-padding-ms,12px) var(--spacepaddingspace-component-padding-m,16px) var(--spacepaddingspace-component-padding-ms,12px) var(--spacepaddingspace-component-padding-m,16px);
        gap: var(--spacegapspace-component-gap-ms,12px);
        border-radius: var(--corner-radiuscontainer-text-input,8px);
        border: 1px solid var(--color-border-border-primary-default, #E0E0E0);
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #333;
        transition: background-color 0.3s;
    }

        .dcw-comparefilter .dropdown-selector span {
            display: flex;
            flex-direction: column;
            align-items: start;
            justify-content: center;
            text-decoration: none;
            transition: background-color 0.3s;
            height: fit-content;
            width: fit-content;
            white-space: nowrap;
            overflow: hidden;
        }

        .dcw-comparefilter .dropdown-selector:hover {
            background-color: #f5f5f5;
        }

    .dcw-comparefilter .dcw-dropdown ul {
        list-style: none;
        margin: 10px 0 0 0;
        padding: 0;
        visibility: hidden;
        opacity: 0;
        position: absolute;
        z-index: 9;
        background-color: #fff;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        border: 1px solid #ccc;
        border-radius: 8px;
        max-height: 135px;
        overflow-y: auto;
        width: 100%;
        overflow-x: hidden;
        display: block;
    }

        .dcw-comparefilter .dcw-dropdown ul li {
            display: flex;
            padding: 12px 20px;
            text-decoration: none;
            color: #333;
            transition: background-color 0.3s;
            gap: 5px;
            white-space: nowrap;
            width: 100%;
            cursor: pointer;
            font-size: 14px;
            font-weight: 400;
            line-height: 20px;
            letter-spacing: -0.01em;
            text-align: left;
            justify-content: space-between;
        }

            .dcw-comparefilter .dcw-dropdown ul li i.dcw-check {
                display: none;
            }

                .dcw-comparefilter .dcw-dropdown ul li i.dcw-check:before {
                    content: "✓";
                }

            .dcw-comparefilter .dcw-dropdown ul li:hover {
                background-color: #f0f0f0;
                text-decoration: none;
            }

            .dcw-comparefilter .dcw-dropdown ul li.selected-product {
                display: flex !important;
                font-weight: 700;
            }

                .dcw-comparefilter .dcw-dropdown ul li.selected-product i.dcw-check {
                    display: block;
                }

    .dcw-comparefilter .dcw-selector-subtitle {
        color: var(--color-text-text-secondary, #8D8D8D);
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-comparefilter .dcw-bandingkan-delete-btn {
        display: flex;
        align-items: center;
        flex-direction: row;
        gap: 8px;
        width: fit-content;
        cursor: pointer;
        visibility: hidden;
        opacity: 0;
    }

        .dcw-comparefilter .dcw-bandingkan-delete-btn * {
            display: flex;
            align-items: center;
            color: var(--color-background-fill-primary,#E84E15);
            height: 24px;
            font-size: 16px;
            font-weight: 700;
            line-height: 20px;
            letter-spacing: -0.01em;
            text-align: center;
        }

    .dcw-comparefilter .dcw-inner-title {
        width: 100%;
        background-color: #F5F5F5;
        padding: 1rem 0.5rem;
    }

    .dcw-comparefilter .dcw-product-title {
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
        letter-spacing: -0.01em;
        text-align: left;
        padding: 2rem 1rem;
        width: 100%;
        max-width: 1512px !important;
        margin: 0 auto !important;
    }

    .dcw-comparefilter .dcw-bandingkan-desc {
        display: none;
    }

    .dcw-comparefilter .dcw-product-container {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
        width: 100%;
    }

    .dcw-comparefilter .dcw-fitur-container {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }

    .dcw-comparefilter .dcw-manfaat-list-container {
        width: 100%;
        height: fit-content;
        display: flex;
        flex-direction: row;
        gap: 1rem;
        overflow-x: auto;
    }

        .dcw-comparefilter .dcw-manfaat-list-container > * {
            min-width: 175px;
            width: 175px;
        }

    .dcw-comparefilter .dcw-manfaat-list {
        display: flex;
        flex-direction: column;
        gap: var(--spacegapspace-component-gap-s,1rem);
        flex: 1 1 31%;
    }
    /* .dcw-comparefilter .dcw-manfaat-list li {
    display: flex;
    flex-direction: column; 
    gap: var(--spacegapspace-component-gap-s,8px);
}
.dcw-comparefilter .dcw-manfaat-list li span{
    min-width: 6px;
} */
    .dcw-comparefilter .dcw-bullet-point {
        height: 6px;
        width: 6px;
        margin-top: 7px;
        background: black;
        border-radius: 50%;
    }

    .dcw-comparefilter .dcw-manfaat-list-container ul {
        display: flex;
        flex-direction: column;
        gap: var(--spacegapspace-component-gap-s,12px);
        list-style: disc !important;
        padding-left: 24px;
    }

        .dcw-comparefilter .dcw-manfaat-list-container ul li > * {
            margin-bottom: 8px;
        }

        .dcw-comparefilter .dcw-manfaat-list-container ul li::marker {
            color: #000000; /* #E84E15 */
            font-size: 24px;
        }

    .dcw-comparefilter .dcw-list-content-container {
        display: flex;
        flex-direction: row;
        gap: var(--spacegapspace-component-gap-ms,8px);
    }

    .dcw-comparefilter .dcw-list-title {
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-comparefilter .dcw-list-subtitle {
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-comparefilter .dcw-table-hasil {
        flex: 1 1 31%;
        padding: 0rem 0;
    }

        .dcw-comparefilter .dcw-table-hasil::-webkit-scrollbar {
            height: 10px;
        }

        .dcw-comparefilter .dcw-table-hasil::-webkit-scrollbar-track {
            box-shadow: none;
            border-radius: 10px;
        }

        .dcw-comparefilter .dcw-table-hasil::-webkit-scrollbar-thumb {
            background: var(--color-background-fill-primary);
            border-radius: 10px;
        }

            .dcw-comparefilter .dcw-table-hasil::-webkit-scrollbar-thumb:hover {
                background: var(--color-background-fill-primary);
            }

    .dcw-comparefilter .dcw-table {
        border-collapse: collapse;
        width: 100%;
    }

        .dcw-comparefilter .dcw-table tr:first-child th:first-child {
            border-top-left-radius: 16px;
        }

        .dcw-comparefilter .dcw-table tr:last-child td:first-child {
            border-bottom-left-radius: 16px;
        }

        .dcw-comparefilter .dcw-table tr:last-child td:last-child {
            border-bottom-right-radius: 16px;
        }

        .dcw-comparefilter .dcw-table tr:first-child th:last-child {
            border-top-right-radius: 16px;
        }

        .dcw-comparefilter .dcw-table td {
            font-size: 16px;
            font-weight: 400;
            line-height: 20px;
            letter-spacing: -0.01em;
            text-align: center;
            padding: 12px 12px;
        }

        .dcw-comparefilter .dcw-table tr:nth-child(even) {
            background-color: #eeeeee;
        }

        .dcw-comparefilter .dcw-table tr:nth-child(odd) {
            background-color: #f8f8f8;
        }
        /* .dcw-comparefilter .dcw-table tr:hover {
    background-color: #ddd;
} */
        .dcw-comparefilter .dcw-table th {
            padding: 4px 12px;
            text-align: center;
            background: var(--color-background-fill-success-hover, #1E8758);
            color: white;
            white-space: nowrap;
        }

    .dcw-comparefilter .dcw-table-text {
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-comparefilter .dcw-alert {
        width: 100%;
        height: fit-content;
        font-size: 14px;
        font-weight: 700;
        line-height: 18px;
        letter-spacing: -0.01em;
        text-align: left;
        color: var(--color-text-text-warning, #FF8000);
        background: var(--color-background-surface-warning, #FFFBEE);
        padding: var(--spacepaddingspace-component-padding-m,16px);
        gap: var(--spacegapspace-component-gap-ms,12px);
        border-radius: var(--corner-radiuscontainer-card-m,2rem);
        margin: 1rem 0;
    }

    .dcw-comparefilter .dcw-scrollable-content {
        background-color: transparent;
        width: 100%;
        max-width: 1512px !important;
        margin: 0 auto !important;
    }

    .dcw-comparefilter .dcw-mobilepop-cf-content {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
        visibility: hidden;
        opacity: 0;
    }

    .dcw-comparefilter .hidden-product {
        display: none !important;
    }

    .dcw-comparefilter .selected-product {
        display: block !important;
    }

.dcw-mobilepop-cf-content .dcw-mobilepop-shade {
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
}

.dcw-mobilepop-cf-content .dcw-mobilepop-content {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: fit-content;
    background-color: #F5F5F5;
    border-radius: var(--corner-radiuscontainer-card-l) var(--corner-radiuscontainer-card-l) 0px 0px;
    transform: translateY(100%);
}

.dcw-comparefilter .dcw-mobilepop-cf-content.show .dcw-mobilepop-content {
    transform: translateY(0%);
}

.dcw-mobilepop-cf-content .cf-indicator {
    width: 80px;
    height: 4px;
    background-color: #E6E6E6;
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
}

.dcw-mobilepop-cf-content .dcw-mobilepop-header {
    margin-top: 1rem;
}

.dcw-mobilepop-cf-content .dcw-mobilepop-header-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1rem 0 1rem;
    width: 100%;
}

.dcw-mobilepop-cf-content .dcw-mobilepop-dropdown {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    margin-top: 1rem;
    padding: 1rem;
    width: 100%;
}

    .dcw-mobilepop-cf-content .dcw-mobilepop-dropdown ul {
        width: 100%;
        border-radius: var(--corner-radiuscontainer-card-l);
        background-color: #ffffff;
        overflow: auto;
        padding: 1rem;
    }

        .dcw-mobilepop-cf-content .dcw-mobilepop-dropdown ul li {
            padding: 1rem;
            background-color: #ffffff !important;
            border-bottom: 1px solid #E0E0E0;
        }

            .dcw-mobilepop-cf-content .dcw-mobilepop-dropdown ul li:last-child {
                border-bottom: none;
            }

.dcw-mobilepop-cf-content .dcw-mobilepop-header-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.01em;
    text-align: left;
}

.dcw-mobilepop-cf-content .dcw-mobilepop-close {
    background-color: #FFFFFF;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dcw-comparefilter .dcw-content-start-hidden {
    display: flex;
}

    .dcw-comparefilter .dcw-content-start-hidden.hidden {
        display: none;
    }

@media screen and (min-width:1024px) {
    .dcw-comparefilter .dcw-product-dropdown-container {
        gap: 2.5rem;
        padding: 40px;
    }

    .dcw-comparefilter .dcw-comparefilter-content {
        flex-direction: row;
    }

    .dcw-comparefilter .dcw-bandingkanproduct {
        padding: 2rem 0;
    }

    .dcw-comparefilter .dcw-title-tag {
        gap: 16px;
        justify-content: start;
        align-items: center;
        max-width: 70%;
        font-size: 40px;
        line-height: 52px;
    }

    .dcw-comparefilter .dcw-tag-icon {
        height: 100px;
    }

    .dcw-comparefilter .dcw-header-title {
        /* font-size: 40px; */
        font-size: 19.53px;
        line-height: 52px;
    }

    .dcw-comparefilter .dcw-header-subtitle {
        font-size: 10px;
        line-height: 22px
    }

    .dcw-comparefilter .dcw-close-button {
        height: 48px;
    }

    .dcw-comparefilter .dcw-inner-title {
        background-color: transparent;
        font-size: 19.53px;
    }

    .dcw-comparefilter .dcw-product-container.desktop-invert {
        background-color: #F5F5F5;
        padding: 3rem 0 !important;
    }

    .dcw-comparefilter .dcw-product-dropdown-list {
        overflow: visible;
    }
}



/** Promo Hero Slider **/
.dcw-promohero-slider {
    opacity: 0;
    transition: all 0.8s ease;
}

    .dcw-promohero-slider * {
        box-sizing: border-box;
    }

    .dcw-promohero-slider .dcw-round-icon {
        border-radius: 50%;
        width: 48px;
        height: 48px;
        position: absolute;
        top: 1.5rem;
        left: 1.5rem;
    }

    .dcw-promohero-slider .dcw-content-card {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 1rem;
        background-image: linear-gradient(rgba(26,26,26,0), rgba(26,26,26,1));
        border-radius: 0;
    }

    .dcw-promohero-slider .dcw-card-subtitle {
        font-size: 12px;
        line-height: 1.2;
        font-weight: 400;
        color: #ffffff;
    }

    .dcw-promohero-slider .dcw-card-title {
        font-size: 20px;
        line-height: 1.2;
        font-weight: 700;
        color: #ffffff;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dcw-promohero-slider .dcw-card-time {
        display: flex;
        gap: 0.5rem;
        align-items: center;
    }

    .dcw-promohero-slider .dcw-svg-container {
        display: flex;
        align-items: center;
    }

    .dcw-promohero-slider .dcw-time-desc {
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        color: #ffffff;
    }

    .dcw-promohero-slider .card-contents {
        border-radius: 0;
        overflow: hidden;
        display: block;
        width: 100%;
        height: 100%;
    }

    .dcw-promohero-slider .card-item-child {
        border-radius: 0;
        overflow: hidden;
        width: 100%;
        height: 100%;
    }

    .dcw-promohero-slider .dcw-card-background {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .dcw-promohero-slider .swiper-pagination {
        position: relative;
        display: block;
        padding: 1rem 0;
    }

        .dcw-promohero-slider .swiper-pagination .swiper-pagination-bullet {
            background-color: #E84E15;
        }

    .dcw-promohero-slider .swiper-wrapper {
        display: flex;
        align-items: center;
    }

    .dcw-promohero-slider .swiper-arrow-cont {
        display: none;
        height: fit-content;
    }

    .dcw-promohero-slider .dcw-card-container {
        min-height: 300px;
    }

        .dcw-promohero-slider .dcw-card-container .swiper {
            min-height: 300px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

    .dcw-promohero-slider .swiper-slide {
        height: auto;
        aspect-ratio: 3 / 2;
        transition: all 1.5s ease;
    }

        .dcw-promohero-slider .swiper-slide.swiper-slide-active {
            transform: scale(1);
        }

@media screen and (min-width:700px) {
    .dcw-promohero-slider .dcw-card-container,
    .dcw-promohero-slider .dcw-card-container .swiper {
        min-height: 400px;
    }

    .dcw-promohero-slider .swiper-slide.swiper-slide-active {
        transform: scale(1.2);
    }

    .dcw-promohero-slider .card-contents {
        border-radius: 24px;
    }

    .dcw-promohero-slider .card-item-child {
        border-radius: 24px;
    }

    .dcw-promohero-slider .dcw-content-card {
        border-radius: 0px 0px 24px 24px;
    }
}

@media screen and (min-width:1000px) {
    .dcw-promohero-slider .dcw-card-container,
    .dcw-promohero-slider .dcw-card-container .swiper {
        /* min-height: 520px; */
        min-height: 350px;
    }
}

@media screen and (min-width:1025px) {
    .dcw-promohero-slider .dcw-card-container,
    .dcw-promohero-slider .dcw-card-container .swiper {
        padding: 3rem 0;
    }

    .dcw-promohero-slider .dcw-card-subtitle {
        font-size: 10px;
        line-height: 1.4px;
        letter-spacing: -0.01em;
        margin-bottom: 10px;
    }

    .dcw-promohero-slider .dcw-card-title {
        font-size: 15.63px;
        line-height: 1.4;
        letter-spacing: -0.01em;
    }

    .dcw-promohero-slider .dcw-time-desc {
        font-size: 10px;
        line-height: 1.4;
        letter-spacing: -0.01em;
    }

    .dcw-promohero-slider .swiper-arrow-cont {
        position: absolute;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 12px;
        top: 50%;
        left: 50%;
        z-index: 29;
        transform: translate(-50%,-50%);
        width: 85%;
        justify-content: space-between;
        pointer-events: none;
    }

    .dcw-promohero-slider .swiper-button-next {
        border-radius: 100%;
        background-color: #ffffff;
        width: 60px;
        height: 60px;
        color: var(--color-background-fill-primary, #E84E15);
        position: relative;
        display: flex;
        justify-content: center;
        align-self: center;
        margin: 0;
        top: 0;
        left: 0;
        pointer-events: all;
    }

    .dcw-promohero-slider .swiper-button-prev {
        border-radius: 100%;
        background-color: #ffffff;
        width: 60px;
        height: 60px;
        color: var(--color-background-fill-primary, #E84E15);
        position: relative;
        display: flex;
        justify-content: center;
        align-self: center;
        margin: 0;
        top: 0;
        left: 0;
        pointer-events: all;
    }

        .dcw-promohero-slider .swiper-button-next:after,
        .dcw-promohero-slider .swiper-button-prev:after {
            font-size: 2rem;
            font-weight: 700;
        }

    .dcw-promohero-slider .dcw-round-icon {
        top: 2rem;
        left: 2rem;
    }

    .dcw-promohero-slider .dcw-content-card {
        padding: 2rem;
    }
    /* .dcw-promohero-slider .dcw-card-container,
    .dcw-promohero-slider .dcw-card-container .swiper {
        min-height: 70.5vh;
    } */
    .dcw-promohero-slider .swiper-pagination {
        display: none;
    }
    /* .dcw-promohero-slider .swiper-slide {
        height: auto;
        aspect-ratio: 10 / 4;
    }
    .dcw-promohero-slider .swiper-slide.swiper-slide-active {
        height: auto;
        aspect-ratio: 10 / 5;
    } */
}

@media screen and (min-width:1100px) {
    /* .dcw-promohero-slider .dcw-card-container {
        margin-top: 36px;
        margin-bottom: 18px;
    } */
    .dcw-promohero-slider .dcw-card-container,
    .dcw-promohero-slider .dcw-card-container .swiper {
        min-height: 350px;
    }
}

@media screen and (min-width:1700px) {
    .dcw-promohero-slider .dcw-card-container,
    .dcw-promohero-slider .dcw-card-container .swiper {
        min-height: 585px;
    }
}

@media screen and (min-width:2000px) {
    .dcw-promohero-slider .dcw-card-container,
    .dcw-promohero-slider .dcw-card-container .swiper {
        min-height: 765px;
    }
}


/** Promo Filter **/
.dcw-promo-filter {
    width: 100%;
    padding: 32px 0px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    box-sizing: border-box;
    align-items: center;
    position: relative;
}

    .dcw-promo-filter .dcw-header {
        width: 100%;
        height: fit-content;
        max-height: 32px;
        display: flex;
        align-items: center;
        gap: 16px;
        justify-content: space-between;
        max-width: 1512px !important;
        margin: 0 auto !important;
    }

    .dcw-promo-filter .dcw-title-tag {
        width: 85%;
        max-height: 32px;
        display: flex;
        gap: 16px;
        justify-content: start;
        align-items: center;
        color: #414141;
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-promo-filter .dcw-header-title {
        width: fit-content;
    }

    .dcw-promo-filter .dcw-tag-icon {
        width: auto;
        height: 32px;
    }

    .dcw-promo-filter .promo-filter-desktop {
        width: 0;
        visibility: hidden;
        opacity: 0;
    }

    .dcw-promo-filter .filter-setting-cont {
        position: absolute;
        top: 11rem;
    }

    .dcw-promo-filter .promo-filter-mobile {
        display: flex;
    }

    .dcw-promo-filter .dcw-filter-setting {
        position: absolute;
        background-color: #ffffff;
        z-index: 9;
        border: 1px solid #E0E0E0;
        border-radius: 8px;
        padding: 1rem 1rem 2rem 1rem;
        transform: translateY(0.5rem);
        box-shadow: 0px 16px 16px 0px #0000001F;
        min-width: 390px;
        visibility: hidden;
        opacity: 0;
    }

    .dcw-promo-filter .filter-setting.cont {
        position: relative;
    }

    .dcw-promo-filter .filter-setting-header {
        font-size: 14px;
        line-height: 18px;
        font-weight: 700;
        padding: 1rem 0;
        border-bottom: 1px solid #E0E0E0;
    }

    .dcw-promo-filter .filter-setting-checklist {
        padding: 1rem 0;
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .dcw-promo-filter .checklist-label,
    .dcw-promo-filter .checklist-all-label {
        display: flex;
        align-items: center;
        cursor: pointer;
        font-size: 14px;
        line-height: 18px;
    }

    .dcw-promo-filter .checklist-checkbox,
    .dcw-promo-filter .checklist-all-checkbox {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        display: none;
    }

    .dcw-promo-filter .checklist-span,
    .dcw-promo-filter .checklist-all-span {
        width: 20px;
        height: 20px;
        border: 2px solid #cccccc;
        border-radius: 4px;
        margin-right: 10px;
        position: relative;
        gap: 0.5rem;
        color: transparent;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .dcw-promo-filter .checklist-checkbox:checked + .checklist-span,
    .dcw-promo-filter .checklist-all-checkbox:checked + .checklist-all-span {
        background-color: #25A96E;
        border-color: #25A96E;
        color: #ffffff;
    }

    .dcw-promo-filter .checklist-checkbox:checked::before,
    .dcw-promo-filter .checklist-all-checkbox:checked::before {
        content: '';
        position: absolute;
        top: 2px;
        left: 5px;
        width: 6px;
        height: 10px;
        border: solid white;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
        color: #ffffff;
    }

    .dcw-promo-filter .checklist-all-checkbox.minus-symbol:checked::before {
        content: '';
    }

    .dcw-promo-filter .filter-setting-action {
        display: flex;
        width: 100%;
        gap: 0.5rem;
    }

    .dcw-promo-filter .filter-setting-reset {
        width: 50%;
        color: #E84E15;
        border: 1px solid #E84E15;
        padding: 1rem 0;
        font-weight: 700;
        border-radius: 8px;
    }

    .dcw-promo-filter .filter-setting-submit {
        width: 50%;
        color: #ffffff;
        background-color: #E84E15;
        padding: 1rem 0;
        font-weight: 700;
        border-radius: 8px;
    }

    .dcw-promo-filter .filter-setting-action.disabled .filter-setting-reset {
        background-color: #EBEBEB;
        border: 1px solid #D6D6D6;
        color: #A3A3A3;
        pointer-events: none;
    }

    .dcw-promo-filter .filter-setting-action.disabled .filter-setting-submit {
        background-color: #BABABA;
        border: none;
        color: #A3A3A3;
        pointer-events: none;
    }

    .dcw-promo-filter .dcw-arrow-right-img {
        width: 32px;
        height: 32px;
    }

    .dcw-promo-filter .dcw-arrow-right {
        width: 32px;
        height: 32px;
        display: none;
        align-items: center;
        text-decoration: none;
        color: #E84E15;
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
        letter-spacing: -0.01em;
        text-align: center;
    }

    .dcw-promo-filter .dcw-round-icon {
        width: 48px;
        height: 48px;
        border-radius: 100%;
        position: relative;
    }

    .dcw-promo-filter .dcw-content-card {
        width: 100%;
        height: 100%;
        color: white;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 4px;
        z-index: 1;
        padding: 1rem;
        overflow: hidden;
        position: absolute;
        bottom: 0;
        background-image: linear-gradient(rgba(26,26,26,0), rgba(26,26,26,1));
    }

        .dcw-promo-filter .dcw-content-card * {
            color: var(--color-text-text-on-background-fill, #FFFFFF);
        }

    .dcw-promo-filter .dcw-card-subtitle {
        color: var(--color-text-text-on-background-fill, #FFFFFF);
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        letter-spacing: -0.01em;
        text-align: left;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dcw-promo-filter .dcw-card-title {
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: -0.01em;
        text-align: left;
        height: fit-content;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dcw-promo-filter .dcw-card-time {
        display: flex;
        align-items: center;
        flex-direction: row;
        gap: 0.5rem;
    }

    .dcw-promo-filter .dcw-main-content {
        width: 90%;
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .dcw-promo-filter .dcw-go-detail-btn {
        width: auto;
        height: auto;
        background: rgb(255, 255, 255, 20%);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
    }

        .dcw-promo-filter .dcw-go-detail-btn > img {
            width: 32px;
            height: 32px;
        }

    .dcw-promo-filter .dcw-inner-content {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: end;
    }

    .dcw-promo-filter .dcw-card-second-row {
        width: 100%;
        height: auto;
    }

    .dcw-promo-filter .dcw-content-card-second-row {
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 24px;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: start;
        color: white;
        flex-shrink: 1;
        flex-grow: 1;
        transition: all 0.4s;
        overflow: hidden;
        aspect-ratio: 3 / 2;
    }

    .dcw-promo-filter .dcw-card-background {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 0;
    }

    .dcw-promo-filter .dcw-card-container {
        width: 100%;
        max-width: 1512px !important;
        margin: 0 auto !important;
    }

    .dcw-promo-filter .dcw-filter-content {
        position: absolute;
        display: grid;
        grid-template-columns: 1fr;
        gap: 16px;
        visibility: hidden;
        opacity: 1;
        height: 0px;
    }

        .dcw-promo-filter .dcw-filter-content:first-child {
            position: relative;
        }

        .dcw-promo-filter .dcw-filter-content.show {
            height: fit-content;
            position: relative;
        }

    .dcw-promo-filter .dcw-filter-tag {
        width: fit-content;
        height: 42px;
        padding: 8px 16px;
        gap: 8px;
        border-radius: 88px;
        border: 1px solid #E0E0E0;
        display: flex;
        align-items: center;
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        letter-spacing: -0.01em;
        text-align: center;
        flex-shrink: 0;
        cursor: pointer;
    }

        .dcw-promo-filter .dcw-filter-tag * {
            pointer-events: none;
        }

        .dcw-promo-filter .dcw-filter-tag img {
            width: 24px;
            height: auto;
        }

    .dcw-promo-filter .dcw-filter-container {
        width: 100%;
        height: fit-content;
        max-height: 72px;
        display: flex;
        gap: 16px;
        align-items: center;
        padding: 0;
        /* overflow-x: scroll; */
        justify-content: space-between;
        max-width: 1512px !important;
        margin: 0 auto !important;
    }

        .dcw-promo-filter .dcw-filter-container::-webkit-scrollbar {
            height: 0px;
        }

    .dcw-promo-filter .dcw-filter-left {
        display: flex;
        flex-direction: row;
        gap: 1rem;
        transform: translateX(-1rem);
        overflow-y: hidden;
        width: 70%;
        scrollbar-width: none;
        -ms-overflow-style: none;
        /* padding-left: 1rem; */
    }

.dcw-filter-left .dcw-filter-tag {
    user-select: none;
}

.dcw-promo-filter .dcw-filter-left::-webkit-scrollbar {
    display: none;
}

.dcw-promo-filter .dcw-filter-right {
    position: absolute;
    right: 0;
    background: #ffffff;
    padding: 0.5rem 1rem;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 0.5rem;
}

.dcw-promo-filter .filter-toggle.active {
    border-color: #E84E15;
    background-color: #FDEDE8;
    color: #E84E15;
}

.dcw-promo-filter .dcw-filter-tag:hover,
.dcw-promo-filter .dcw-filter-tag.dcw-filter-tag-active {
    background-color: var(--color-background-fill-primary);
    color: white;
}

    .dcw-promo-filter .dcw-filter-tag:hover * {
        color: white;
    }

.dcw-promo-filter .dcw-filter-tag .dcw-filter-icon {
    position: relative;
}

.dcw-promo-filter .dcw-filter-tag.reverse .dcw-filter-icon {
    transform: scaleY(-1);
}

.dcw-promo-filter .dcw-filter-tag .dcw-filter-icon > img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}

    .dcw-promo-filter .dcw-filter-tag .dcw-filter-icon > img:first-child {
        position: relative;
        opacity: 1;
        visibility: visible;
    }

.dcw-promo-filter .dcw-filter-tag:hover .dcw-filter-icon > img {
    opacity: 1;
    visibility: visible;
}

.dcw-promo-filter .toggle-sort-text {
    display: none;
}

.dcw-promo-filter .dcw-arrow-container {
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dcw-promo-filter .dcw-book-svg {
    background-color: #ffffff;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dcw-promo-filter .dcw-book-svg-container {
    width: auto;
    height: 32px;
}

.dcw-promo-filter .dcw-filter-empty {
    display: none;
    justify-content: center;
    align-items: center;
    height: 500px;
}

.dcw-promo-filter .dcw-empty-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.dcw-promo-filter .load-more-btn {
    background: transparent;
    color: var(--color-background-fill-primary);
    border: 1px solid var(--color-background-fill-primary);
    border-radius: 8px;
    padding: 1rem 2rem;
    transition: all 0.2s;
    font-weight: 700;
}

    .dcw-promo-filter .load-more-btn:hover {
        background-color: var(--color-background-fill-primary);
        color: #ffffff;
    }

.dcw-promo-filter .promo-filterpop-indicator {
    width: 80px;
    height: 4px;
    background-color: #E6E6E6;
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
}

.dcw-promo-filter .dcw-promo-filterpop {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.7);
}

.dcw-promo-filter .promo-filterpop-container {
    position: absolute;
    bottom: 0;
    background-color: #F5F5F5;
    width: 100%;
    transform: translateY(100%);
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    overflow: auto;
    border-radius: var(--corner-radiuscontainer-card-l) var(--corner-radiuscontainer-card-l) 0px 0px;
}

    .dcw-promo-filter .promo-filterpop-container.active {
        transform: translateY(0%);
    }

.dcw-promo-filterpop .promo-filterpop-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid #E0E0E0;
}

    .dcw-promo-filterpop .promo-filterpop-header .filter-chevron {
        transform: rotate(180deg);
    }

    .dcw-promo-filterpop .promo-filterpop-header.active .filter-chevron {
        transform: rotate(0deg);
    }

    .dcw-promo-filterpop .promo-filterpop-header.active + .promo-filterpop-checklist {
        padding: 0.5rem 0;
    }

.dcw-promo-filterpop .promo-filterpop-checklist {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    overflow: hidden;
    height: fit-content;
    padding: 1rem;
}

.dcw-promo-filterpop .promo-filterpop-box {
    background-color: #ffffff;
    border-radius: 16px;
    margin-bottom: 12px;
}

.dcw-promo-filterpop .filter-setting-action {
    flex-direction: column;
    width: 100%;
}

.dcw-promo-filterpop .filter-setting-submit,
.dcw-promo-filterpop .filter-setting-reset {
    width: 100%;
}

.dcw-promo-filterpop .promo-filterpop-close-cont {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    display: flex;
    justify-content: flex-end;
}

.dcw-promo-filterpop .promo-filterpop-close {
    background-color: #ffffff;
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

@media screen and (min-width:700px) {
    .dcw-promo-filter .dcw-filter-content {
        grid-template-columns: repeat(2, 1fr);
    }

    .dcw-promo-filter .dcw-content-card-second-row {
        justify-content: space-between;
        box-sizing: border-box;
    }
}

@media screen and (min-width:1024px) {
    .dcw-promo-filter {
        padding: 0;
        padding-bottom: 56px;
    }

        .dcw-promo-filter .promo-filter-desktop {
            width: auto;
            visibility: visible;
            opacity: 1;
        }

        .dcw-promo-filter .promo-filter-mobile {
            display: none;
        }

        .dcw-promo-filter .dcw-filter-left {
            width: 100%;
            transform: translateX(0);
        }

        .dcw-promo-filter .dcw-filter-right {
            position: relative;
            padding: 0;
        }

            .dcw-promo-filter .dcw-filter-right .toggle-sort-text {
                display: block;
            }

        .dcw-promo-filter .dcw-filter-tag {
            /* height: 60px; */
            padding: 16px 24px;
            font-size: 10px;
            line-height: 20px;
        }

        .dcw-promo-filter .dcw-header {
            max-height: 72px;
        }

        .dcw-promo-filter .dcw-title-tag {
            max-width: 70%;
            max-height: 72px;
            font-size: 40px;
            line-height: 52px;
        }

        .dcw-promo-filter .dcw-arrow-right-img {
            display: none;
        }

        .dcw-promo-filter .dcw-arrow-right {
            width: auto;
            height: 72px;
            display: flex;
        }

        .dcw-promo-filter .dcw-card-subtitle, .dcw-promo-filter .dcw-card-time {
            font-size: 10px;
            line-height: 1.4;
        }

        .dcw-promo-filter .dcw-card-title {
            font-size: 15.63px;
            line-height: 1.4;
            word-wrap: break-word;
        }

        .dcw-promo-filter .dcw-arrow-container {
            width: 300px;
            max-height: 50px;
            border-radius: var(--corner-radiuscontainer-text-input,8px);
            border: 1px solid #E84E15;
        }
        /* .dcw-promo-filter .dcw-book-svg{
        width: 72px;
        height: 72px;
    } */
        .dcw-promo-filter .dcw-book-svg-container {
            width: 48px;
            height: 48px;
        }

        .dcw-promo-filter .dcw-go-detail-btn > img {
            width: 48px;
            height: 48px;
        }

        .dcw-promo-filter .filter-setting-cont {
            right: 26rem;
        }
}

@media screen and (min-width:1366px) {
    .dcw-promo-filter .filter-setting-cont {
        right: 29rem;
    }
}

@media screen and (min-width:1513px) {
    .dcw-promo-filter .filter-setting-cont {
        /* right: 32rem; */
    }
}



/** Promo Detail **/
.dcw-promodetail {
    padding: 2rem 0;
}

.dcw-promodetail-cont {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 1512px !important;
    margin: 0 auto !important;
}

.dcw-promodetail-content {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 1rem;
}

.dcw-promodetail-vendor img {
    border-radius: 50%;
    width: 48px;
    height: 48px;
}

.dcw-promodetail-header {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.dcw-promodetail-title {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.dcw-promodetail-tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin: 0.5rem 0;
}

.promodetail-tags-item {
    padding: 4px 12px;
    border-radius: 88px;
    background-color: #EBEBEB;
    font-size: 12px;
    line-height: 1.2;
}

.dcw-promodetail-social {
    display: none;
}

.dcw-promodetail-date {
    font-size: 18px;
    line-height: 22px;
}

@media screen and (min-width: 1024px) {
    .dcw-promodetail {
        padding: 4rem 0 0 0;
    }

    .dcw-promodetail-cont {
        flex-direction: row;
        justify-content: space-between;
    }

    .dcw-promodetail-content {
        flex-direction: row;
    }

    .dcw-promodetail-social {
        display: flex;
        flex-direction: row;
        gap: 0.5rem;
    }

        .dcw-promodetail-social > * {
            padding: 1rem;
        }

        .dcw-promodetail-social .copy-link {
            cursor: pointer;
        }

        .dcw-promodetail-social .share-button-item {
            width: 60px;
            height: 60px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            cursor: pointer;
        }

        .dcw-promodetail-social .copy-link .copy-message {
            position: absolute;
            transform: translateY(50px);
            opacity: 0;
            visibility: hidden;
        }

    .dcw-promodetail-vendor img {
        width: 72px;
        height: 72px;
    }

    .dcw-promodetail-title {
        font-size: 19.53px;
        line-height: 1.4;
    }
}



/** Promo Detail **/
.dcw-mobile-share {
    padding: 4rem 0;
}

.dcw-mobile-share-cont {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.dcw-mobile-share-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
}

.dcw-mobile-share-vendor img {
    border-radius: 50%;
    width: 72px;
    height: 72px;
}

.dcw-mobile-share-header {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.dcw-mobile-share-title {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    letter-spacing: -0.01em;
    margin-bottom: 1rem;
}

.dcw-mobile-share-social {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
}

    .dcw-mobile-share-social > * {
        padding: 1rem;
    }

    .dcw-mobile-share-social .copy-link {
        cursor: pointer;
    }

    .dcw-mobile-share-social .share-button-item {
        width: 60px;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        cursor: pointer;
        border: 1px solid #e0e0e0;
    }

    .dcw-mobile-share-social .copy-link .copy-message {
        position: absolute;
        transform: translateY(50px);
        opacity: 0;
        visibility: hidden;
    }

@media screen and (min-width: 1024px) {
    .dcw-mobile-share {
        display: none;
    }
}



/** News Hero Slider **/
.dcw-news-heroslider {
    width: 100%;
    height: calc(70vh - 92px);
    position: relative;
    min-height: 500px;
}

    .dcw-news-heroslider .news-slider-container {
        height: 100%;
    }

.news-slider-container .news-slider-swiper {
    height: 100%;
}

.news-slider-container .hero-image {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
}

.news-slider-container .hero-content {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 9;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 1rem;
}

.news-slider-container .hero-title {
    color: #FFFFFF;
    font-size: 40px;
    line-height: 52px;
    font-weight: 700;
    text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
}

.news-slider-container .hero-description {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 20px;
    text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
}

.news-slider-container .hero-button {
    color: #FFFFFF;
    background-color: #E84E15;
    font-size: 1rem;
    font-weight: 700;
    border-radius: 8px;
    padding: 1rem;
}

.dcw-news-heroslider .hero-small-slider {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50%;
    z-index: 9;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.news-slider-container .swiper-navigation.swiper-nav-desktop {
    display: none;
}

.news-slider-container .swiper-navigation.swiper-nav-mobile {
    display: flex;
}

.news-slider-container .swiper-navigation {
    position: absolute;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    bottom: 1rem;
    right: 1rem;
    justify-content: space-between;
}

.news-slider-container .swiper-button-next {
    border-radius: 100%;
    background-color: #ffffff;
    width: 60px;
    height: 60px;
    color: var(--color-background-fill-primary, #E84E15);
    position: relative;
    display: flex;
    justify-content: center;
    align-self: center;
    margin: 0;
    top: 0;
    left: 0;
}

.news-slider-container .swiper-button-prev {
    border-radius: 100%;
    background-color: #ffffff;
    width: 60px;
    height: 60px;
    color: var(--color-background-fill-primary, #E84E15);
    position: relative;
    display: flex;
    justify-content: center;
    align-self: center;
    margin: 0;
    top: 0;
    left: 0;
}

    .news-slider-container .swiper-button-next:after,
    .news-slider-container .swiper-button-prev:after {
        font-size: 2rem;
        font-weight: 700;
    }

@media screen and (min-width: 1024px) {
    .dcw-news-heroslider {
        height: calc(100vh - 92px);
    }
}

@media screen and (min-width: 1280px) {
    .dcw-news-heroslider .hero-small-slider {
        width: 50%;
        right: 0;
        padding-bottom: 2rem;
    }

    .news-slider-container .hero-content {
        /* width: 50%; */
        gap: 2rem;
    }

    .news-slider-container .hero-subtitle,
    .news-slider-container .hero-button {
        font-size: 1.5rem;
        line-height: 1.1;
    }

    .news-slider-container .hero-title {
        font-size: 56px;
        line-height: 68px;
    }

    .news-slider-container .hero-description {
        font-size: 24px;
        line-height: 28px;
    }

    .news-slider-container .hero-button {
        padding: 1rem 2rem;
    }

    .news-slider-container .swiper-navigation {
        position: relative;
    }

    .news-slider-container .swiper-button-next {
        border-radius: 100%;
        background-color: #ffffff;
        width: 60px;
        height: 60px;
        color: var(--color-background-fill-primary, #E84E15);
        position: relative;
        display: flex;
        justify-content: center;
        align-self: center;
        margin: 0;
        top: 0;
        left: 0;
    }

    .news-slider-container .swiper-button-prev {
        border-radius: 100%;
        background-color: #ffffff;
        width: 60px;
        height: 60px;
        color: var(--color-background-fill-primary, #E84E15);
        position: relative;
        display: flex;
        justify-content: center;
        align-self: center;
        margin: 0;
        top: 0;
        left: 0;
    }

        .news-slider-container .swiper-button-next:after,
        .news-slider-container .swiper-button-prev:after {
            font-size: 2rem;
            font-weight: 700;
        }

    .news-slider-container .swiper-navigation.swiper-nav-desktop {
        display: flex;
        gap: 1rem;
        margin: 1rem;
    }

    .news-slider-container .swiper-navigation.swiper-nav-mobile {
        display: none;
    }
}


/** News Filter **/
.dcw-news-filters {
    width: 100%;
    padding-bottom: 32px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    background: #ffffff;
    box-sizing: border-box;
}

    .dcw-news-filters .dcw-header {
        width: 100%;
        height: fit-content;
        display: flex;
        align-items: center;
        gap: 16px;
        justify-content: space-between;
    }

    .dcw-news-filters .dcw-title-tag {
        width: 100%;
        display: flex;
        gap: 16px;
        justify-content: start;
        align-items: flex-start;
        color: #414141;
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-news-filters .dcw-header-title {
        width: fit-content;
        font-size: 24px;
        line-height: 28px;
    }

    .dcw-news-filters .dcw-header-desc {
        font-size: 12px;
        line-height: 14px;
        font-weight: 400;
    }

    .dcw-news-filters .dcw-tag-img {
        background-color: #ffffff;
        border-radius: 50%;
        width: 42px;
        height: 42px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .dcw-news-filters .dcw-tag-icon {
        width: auto;
        height: 32px;
    }

    .dcw-news-filters .dcw-arrow-right-img {
        width: 32px;
        height: 32px;
    }

    .dcw-news-filters .dcw-arrow-right {
        width: 32px;
        height: 32px;
        display: none;
        align-items: center;
        text-decoration: none;
        color: #E84E15;
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
        letter-spacing: -0.01em;
        text-align: center;
    }

    .dcw-news-filters .dcw-newsfilter-wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
    }

    .dcw-news-filters .dcw-card-first-container {
        padding: 0px 16px;
    }

    .dcw-news-filters .dcw-card-first-row {
        width: 100%;
        height: auto;
        min-height: 300px;
        aspect-ratio: 3/2;
        border-radius: 24px;
        position: relative;
        padding: 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .dcw-news-filters .dcw-round-icon {
        width: 48px;
        height: 48px;
        border-radius: 100%;
        position: relative;
    }

    .dcw-news-filters .dcw-content-card {
        width: 100%;
        /* height: 33.33%; */
        height: fit-content;
        color: black;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 5px;
        z-index: 1;
        padding: 1rem;
    }

    .dcw-news-filters .dcw-card-subtitle {
        color: var(--color-text-text-secondary, #8D8D8D);
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        letter-spacing: -0.01em;
        text-align: left;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dcw-news-filters .dcw-card-title {
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: -0.01em;
        text-align: left;
        height: fit-content;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        /* display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; */
    }

    .dcw-news-filters .dcw-card-time {
        height: 24px;
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .dcw-news-filters .dcw-svg-container {
        padding: 2.5px;
        height: 24px;
        width: 24px;
    }

    .dcw-news-filters .dcw-time-desc {
        color: var(--color-text-text-primary, #1A1A1A);
        font-size: 12px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: -0.01em;
        text-align: left;
        display: flex;
        align-items: center;
    }

    .dcw-news-filters .dcw-card-second-row {
        width: 100%;
        height: auto;
    }

    .dcw-news-filters .dcw-content-card-second-row {
        background-color: transparent;
        height: 350px;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 24px;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: start;
        color: white;
        flex-shrink: 0;
        flex-grow: 0;
        transition: all 0.4s;
    }

    .dcw-news-filters .dcw-content-card-second-row-child {
        height: 100%;
        width: 100%;
        overflow: hidden;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: end;
        color: black;
        background: var(--color-background-background, #F5F5F5);
        border-radius: 24px;
        flex-shrink: 0;
        flex-grow: 0;
        transition: all 0.4s;
    }

    .dcw-news-filters .dcw-card-background {
        position: relative;
        width: 100%;
        height: 66.66%;
        object-fit: cover;
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
        z-index: 0;
    }

    .dcw-news-filters .dcw-card-container {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 16px;
        width: 100%;
        max-width: 1512px !important;
        margin: 0 auto !important;
    }

    .dcw-news-filters .dcw-clock-img {
        width: 19px;
        height: 19px;
    }

    .dcw-news-filters .swiper-pagination {
        position: relative;
        bottom: 0px;
    }

        .dcw-news-filters .swiper-pagination .swiper-pagination-bullet {
            opacity: 1;
            background-color: #CCCCCC;
            transition: all 0.4s;
        }

        .dcw-news-filters .swiper-pagination .swiper-pagination-bullet-active {
            opacity: 1;
            background-color: var(--color-background-fill-primary, #E84E15);
            width: 30px;
            border-radius: 10px;
            transition: all 0.4s;
        }

    .dcw-news-filters .swiper-wrapper {
        padding-bottom: 40px;
        align-items: center;
    }

    .dcw-news-filters .swiper-slide-active {
        background-color: #f0f0f0;
        box-sizing: border-box
    }

    .dcw-news-filters .dcw-filter-tag {
        width: fit-content;
        height: 42px;
        padding: 8px 16px;
        gap: 32px;
        border-radius: 88px;
        border: 1px solid #E0E0E0;
        opacity: 0px;
        display: flex;
        align-items: center;
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        letter-spacing: -0.01em;
        text-align: center;
        flex-shrink: 0;
        cursor: pointer;
    }

    .dcw-news-filters .dcw-filter-container {
        width: 100%;
        height: fit-content;
        max-height: 72px;
        display: flex;
        gap: 16px;
        justify-content: start;
        align-items: center;
        padding: 0;
        overflow-x: scroll;
        max-width: 1512px !important;
        margin: 0 auto !important;
    }

        .dcw-news-filters .dcw-filter-container::-webkit-scrollbar {
            height: 0px;
        }

    .dcw-news-filters .dcw-filter-tag:hover,
    .dcw-news-filters .dcw-filter-tag.dcw-filter-tag-active {
        background-color: var(--color-background-fill-primary);
        color: white;
    }

    .dcw-news-filters .dcw-load-more {
        display: flex;
        justify-content: center;
    }

    .dcw-news-filters .load-more-btn {
        background: transparent;
        color: var(--color-background-fill-primary);
        border: 1px solid var(--color-background-fill-primary);
        border-radius: 8px;
        padding: 1rem 2rem;
        transition: all 0.2s;
    }

        .dcw-news-filters .load-more-btn:hover {
            background-color: var(--color-background-fill-primary);
            color: #ffffff;
        }

@media screen and (min-width:1024px) {
    /* .dcw-news-filters{
        padding: 56px 0px;
    } */
    .dcw-news-filters .dcw-filter-tag {
        /* height: 60px; */
        padding: 16px 32px;
        font-size: 10px;
        line-height: 1.4;
    }

    .dcw-news-filters .dcw-title-tag {
        font-size: 40px;
        line-height: 52px;
    }

    .dcw-news-filters .dcw-header-desc {
        font-size: 18px;
        line-height: 22px;
    }

    .dcw-news-filters .dcw-tag-img {
        width: 72px;
        height: 72px;
    }

    .dcw-news-filters .dcw-tag-icon {
        width: 48px;
        height: 48px;
    }

    .dcw-news-filters .dcw-arrow-right-img {
        display: none;
    }

    .dcw-news-filters .dcw-arrow-right {
        width: auto;
        height: 72px;
        display: flex;
    }

    .dcw-news-filters .dcw-card-title {
        word-wrap: break-word;
    }

    .dcw-news-filters .dcw-content-card-second-row {
        flex: 0 0 31.5%;
        height: auto;
        aspect-ratio: 1/1;
        justify-content: space-between;
        box-sizing: border-box;
        transition: all 0.2s;
    }
}



/** News Rich Text **/
.dcw-news-richtext {
    width: 100%;
    padding: 1rem 0px 1rem 0px;
    display: flex;
    flex-direction: column-reverse;
    background: white;
    box-sizing: border-box;
    align-items: flex-start;
}

    .dcw-news-richtext .dcw-section-container {
        width: 100%;
        height: fit-content;
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding: 2rem 0;
    }

    .dcw-news-richtext .dcw-section {
        width: 100%;
        height: fit-content;
        display: flex;
    }

    .dcw-news-richtext .dcw-section-content-container {
        width: 100%;
        height: fit-content;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .dcw-news-richtext .dcw-section-date {
        color: #8D8D8D;
        font-size: 14px;
        line-height: 18px;
    }

    .dcw-news-richtext .dcw-section-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
    }

    .dcw-news-richtext .tags-item {
        border-radius: 88px;
        background-color: #EBEBEB;
        padding: 4px 12px;
        font-size: 12px;
        line-height: 14px;
    }

    .dcw-news-richtext .dcw-section-content {
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: -0.01em;
        text-align: left;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .dcw-news-richtext .dcw-section-title {
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
        letter-spacing: -0.01em;
        text-align: left;
        height: fit-content;
    }

    .dcw-news-richtext .dcw-section-content img,
    .dcw-product-richtext .dcw-section-container img,
    .dcw-faq-richtext .dcw-section-container img,
    .dcw-profile-popup .dcw-section-container img,
    .dcw-faq-sidetab .dcw-section-container img,
    .dcw-rich-sidetab .dcw-section-container img
    .dcw-news-richtext .dcw-section-content p img /*custom*/ {
        width: 100%;
        height: auto;
        /* aspect-ratio: 2 / 1; */
        object-fit: cover;
        object-position: center;
        border-radius: 24px;
    }

    .dcw-news-richtext .dcw-section-content .dcw-table-cont {
        overflow: auto;
        padding: 1rem 0;
    }

        .dcw-news-richtext .dcw-section-content .dcw-table-cont::-webkit-scrollbar {
            height: 10px;
        }

        .dcw-news-richtext .dcw-section-content .dcw-table-cont::-webkit-scrollbar-track {
            box-shadow: none;
            border-radius: 10px;
        }

        .dcw-news-richtext .dcw-section-content .dcw-table-cont::-webkit-scrollbar-thumb {
            background: var(--color-background-fill-success-hover, #1E8758);
            border-radius: 10px;
        }

            .dcw-news-richtext .dcw-section-content .dcw-table-cont::-webkit-scrollbar-thumb:hover {
                background: var(--color-background-fill-success-hover, #1E8758);
            }

    .dcw-news-richtext .dcw-section-content table {
        border-collapse: collapse;
        width: 100%;
    }

        .dcw-news-richtext .dcw-section-content table tr:first-child th:first-child {
            border-top-left-radius: 16px;
        }

        .dcw-news-richtext .dcw-section-content table tr:last-child td:first-child {
            border-bottom-left-radius: 16px;
        }

        .dcw-news-richtext .dcw-section-content table tr:last-child td:last-child {
            border-bottom-right-radius: 16px;
        }

        .dcw-news-richtext .dcw-section-content table tr:first-child th:last-child {
            border-top-right-radius: 16px;
        }

        .dcw-news-richtext .dcw-section-content table td {
            font-size: 16px;
            font-weight: 400;
            line-height: 20px;
            letter-spacing: -0.01em;
            text-align: left;
            padding: 12px 12px;
            word-break: break-word;
        }

        .dcw-news-richtext .dcw-section-content table tr:nth-child(even) {
            background-color: #eeeeee;
        }

        .dcw-news-richtext .dcw-section-content table tr:nth-child(odd) {
            background-color: #f8f8f8;
        }
        /* .dcw-news-richtext .dcw-section-content table tr:hover {
    background-color: #ddd;
} */
        .dcw-news-richtext .dcw-section-content table th {
            padding: 12px 12px;
            text-align: left;
            background: var(--color-background-fill-success-hover, #1E8758);
            color: white;
            white-space: nowrap;
            font-weight: 700;
        }

    .dcw-news-richtext .dcw-section-content .dcw-table-cont.table-alt::-webkit-scrollbar-thumb {
        background: #B6CAC7;
    }

        .dcw-news-richtext .dcw-section-content .dcw-table-cont.table-alt::-webkit-scrollbar-thumb:hover {
            background: #B6CAC7;
        }

    .dcw-news-richtext .dcw-section-content table.table-alt tr:nth-child(even) {
        background-color: #FFFFFF;
    }

    .dcw-news-richtext .dcw-section-content table.table-alt tr:nth-child(odd) {
        background-color: #E7EDEC;
    }

    .dcw-news-richtext .dcw-section-content table.table-alt th {
        background: #B6CAC7;
        color: #062F28;
    }

    .dcw-news-richtext .dcw-section-content table.table-alt td {
        color: #062F28;
    }

    .dcw-news-richtext ul {
        display: flex;
        flex-direction: column;
        gap: var(--spacegapspace-component-gap-s,12px);
        list-style: disc !important;
        padding-left: 24px;
    }

        .dcw-news-richtext ul li > * {
            margin: 0.5rem 0;
        }

        .dcw-news-richtext ul li::marker {
            color: #E84E15;
            font-size: 24px;
        }

    .dcw-news-richtext ol {
        display: flex;
        flex-direction: column;
        list-style: decimal !important;
        padding-left: 24px;
    }

        .dcw-news-richtext ol li > * {
            margin: 0.5rem 0;
        }

        .dcw-news-richtext ol li::marker {
            color: #1A1A1A;
            font-size: 16px;
        }

    .dcw-news-richtext .dcw-section-content a {
        color: #E84E15;
    }

    .dcw-news-richtext .dcw-share-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .dcw-news-richtext .dcw-share-title {
        font-weight: 700;
        font-size: 14px;
        line-height: 18px;
    }

    .dcw-news-richtext .dcw-share-button {
        display: flex;
        flex-direction: reverse;
        align-items: center;
        gap: 1rem;
        padding-bottom: 2rem;
    }

    .dcw-news-richtext .share-button-item {
        width: 60px;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #E0E0E0;
        border-radius: 50%;
        cursor: pointer;
    }

    .dcw-news-richtext .copy-link .copy-message {
        position: absolute;
        transform: translateY(50px);
        opacity: 0;
        visibility: hidden;
    }

    .dcw-news-richtext .dcw-share-container.no-breadcrumb.sticky {
        top: 90px;
    }

    .dcw-news-richtext .dcw-share-container.sticky {
        position: fixed;
        z-index: 99;
        top: 134px;
        padding: 0 1rem;
    }

    .dcw-news-richtext .nav-holder {
        display: none;
        height: 60px;
    }

        .dcw-news-richtext .nav-holder.active {
            display: block;
        }

    .dcw-news-richtext .dcw-share-container::-webkit-scrollbar {
        height: 0px;
    }

    .dcw-news-richtext .dcw-nav-tag.dcw-nav-tag-active {
        background-color: var(--color-background-fill-primary);
        color: white;
    }

    .dcw-news-richtext a.cta-btn {
        color: #FFFFFF;
        background-color: #E84E15;
        font-size: 1rem;
        font-weight: 700;
        border-radius: 8px;
        padding: 1rem;
        text-align: center;
        display: block;
        width: fit-content;
        max-width: 100%;
    }

        .dcw-news-richtext a.cta-btn.left {
            align-self: flex-start;
        }

        .dcw-news-richtext a.cta-btn.right {
            align-self: flex-end;
        }

        .dcw-news-richtext a.cta-btn.center {
            align-self: center;
        }

@media screen and (min-width:1024px) {
    .dcw-news-richtext {
        max-width: 786px;
        margin: 2rem auto 10rem auto;
        flex-direction: row;
        align-items: start;
        justify-content: center;
        gap: 2.5rem;
        position: relative;
        width: 100%;
    }

        .dcw-news-richtext .dcw-section-container {
            width: 800px;
            padding: 0;
        }

        .dcw-news-richtext .dcw-section-title, .dcw-news-richtext .dcw-section-content > h2 {
            font-size: 19.53px;
            line-height: 1.4;
            word-wrap: break-word;
        }

        .dcw-news-richtext .dcw-section-content > h2 {
            font-size: 24px;
            font-weight: 700;
        }

        .dcw-news-richtext .dcw-section-content > h3 {
            font-size: 16px;
            font-size: 20px;
            font-weight: 700;
        }

        .dcw-news-richtext .dcw-share-container {
            gap: 2rem;
            align-items: flex-start;
        }

        .dcw-news-richtext .dcw-share-button {
            flex-direction: column;
            gap: 2rem;
            padding-bottom: 0;
        }

        .dcw-news-richtext .dcw-share-container {
            width: 75px;
            flex-direction: column;
            height: fit-content;
        }

            .dcw-news-richtext .dcw-share-container.sticky {
                top: 150px;
                padding: 0;
                left: 55.5%;
                transform: translateX(calc(-50% - 420px));
            }

            .dcw-news-richtext .dcw-share-container.bottom {
                /* transform: translateX(calc(-50% - 420px)); */
                left: 57.5%;
            }

        .dcw-news-richtext .nav-holder {
            height: auto;
            width: 75px; 
        }

        .dcw-news-richtext .dcw-share-container.bottom {
            top: auto;
            bottom: 24px;
            position: absolute;
        }

        .dcw-news-richtext .nav-holder.bottom {
            display: block;
        }
}



/**Tentang Category Slider **/
.dcw-tentang-subcards {
    width: 100%;
    height: fit-content;
    padding: 32px 0px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    background: var(--color-background-background, #F5F5F5);
    box-sizing: border-box;
    overflow: hidden;
}

    .dcw-tentang-subcards .dcw-header {
        width: 100%;
        height: fit-content;
        display: flex;
        align-items: center;
        gap: 16px;
        justify-content: space-between;
    }

    .dcw-tentang-subcards .dcw-title-tag {
        width: 100%;
        display: flex;
        gap: 16px;
        justify-content: start;
        align-items: flex-start;
        color: #414141;
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-tentang-subcards .dcw-header-title {
        width: fit-content;
        font-size: 24px;
        line-height: 28px;
    }

    .dcw-tentang-subcards .dcw-card-container {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .dcw-tentang-subcards .dcw-content-card {
        width: 100%;
        height: auto;
        color: white;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: end;
        gap: 1rem;
        padding: 1.5rem;
        z-index: 1;
        background-image: linear-gradient(rgba(26,26,26,0), rgba(26,26,26,1));
    }

    .dcw-tentang-subcards .dcw-card-title {
        color: white;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1.1;
        letter-spacing: -0.01em;
        text-align: left;
        height: fit-content;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 75%;
    }

    .dcw-tentang-subcards .dcw-svg-container {
        padding: 2.5px;
        height: 24px;
        width: 24px;
    }

    .dcw-tentang-subcards .dcw-card-second-row {
        width: 100%;
        height: auto;
    }

    .dcw-tentang-subcards .card-item {
        background-color: transparent;
        height: auto;
        width: 345px;
        aspect-ratio: 1/1;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 24px;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: end;
        color: white;
        transition: all 0.4s;
    }

    .dcw-tentang-subcards .card-contents {
        display: block;
        height: 100%;
        width: 100%;
    }

    .dcw-tentang-subcards .card-item-child {
        height: 100%;
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: end;
        color: white;
        border-radius: 24px;
        overflow: hidden;
        transition: all 0.4s;
    }

    .dcw-tentang-subcards .dcw-card-background {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 0;
    }

    .dcw-tentang-subcards .dcw-clock-img {
        width: 19px;
        height: 19px;
    }

@media screen and (min-width:1024px) {
    .dcw-tentang-subcards {
        padding: 56px 0px;
    }

        .dcw-tentang-subcards .dcw-header {
            max-height: 72px;
        }

        .dcw-tentang-subcards .dcw-header-title {
            font-size: 40px;
            line-height: 52px;
        }

        .dcw-tentang-subcards .dcw-card-container {
            grid-template-columns: repeat(3, 1fr);
        }

        .dcw-tentang-subcards .dcw-card-title {
            font-size: 32px;
            line-height: 40px;
            word-wrap: break-word;
        }

        .dcw-tentang-subcards .dcw-content-card {
            padding: 2rem;
        }
}



/** Ebanking Inner Title **/
.dcw-ebank-innertitle {
    width: 100%;
    padding-top: 32px;
    padding-bottom: 16px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    background: #ffffff;
    box-sizing: border-box;
}

    .dcw-ebank-innertitle .dcw-header {
        width: 100%;
        height: fit-content;
        display: flex;
        align-items: center;
        gap: 16px;
        justify-content: space-between;
        /* max-width: 1512px !important; */
        margin: 0 auto !important;
    }

    .dcw-ebank-innertitle .dcw-title-tag {
        width: 100%;
        display: flex;
        gap: 16px;
        justify-content: start;
        align-items: flex-start;
        color: #414141;
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-ebank-innertitle .dcw-header-title {
        width: fit-content;
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 1rem;
    }

    .dcw-ebank-innertitle .dcw-header-desc {
        font-size: 16px;
        line-height: 20px;
        font-weight: 400;
    }

    .dcw-ebank-innertitle .dcw-tag-img {
        background-color: #ffffff;
        border-radius: 50%;
        width: 42px;
        height: 42px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .dcw-ebank-innertitle .dcw-tag-icon {
        width: auto;
        height: 32px;
    }

@media screen and (min-width: 1024px) {
    .dcw-ebank-innertitle {
        padding: 56px 0 30px 0;
    }

        .dcw-ebank-innertitle .dcw-title-tag {
            font-size: 40px;
            line-height: 52px;
        }

        .dcw-ebank-innertitle .dcw-header-desc {
            font-size: 10px;
            line-height: 1.4;
        }

        .dcw-ebank-innertitle .dcw-tag-img {
            width: 72px;
            height: 72px;
        }

        .dcw-ebank-innertitle .dcw-tag-icon {
            width: 48px;
            height: 48px;
        }

        .dcw-ebank-innertitle .dcw-header-title {
            font-size: 19.53px;
            line-height: 1.4;
        }

    .dcw-allkalkulator .calculator-form .dcw-currency .dcw-dropdown ul {
        max-height: 90px;
    }
}



/** Ebanking Sub Category **/
.dcw-ebanking-subcategory {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 32px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    background: #ffffff;
    box-sizing: border-box;
}

    .dcw-ebanking-subcategory .dcw-newsfilter-wrapper {
        display: grid;
        grid-template-columns: 1fr;
        gap: 2rem;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

        .dcw-ebanking-subcategory .dcw-newsfilter-wrapper:first-child {
            position: relative;
        }

    .dcw-ebanking-subcategory .dcw-card-first-container {
        padding: 0px 16px;
    }

    .dcw-ebanking-subcategory .dcw-card-first-row {
        width: 100%;
        height: auto;
        min-height: 300px;
        aspect-ratio: 3/2;
        border-radius: 24px;
        position: relative;
        padding: 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .dcw-ebanking-subcategory .dcw-round-icon {
        width: 48px;
        height: 48px;
        border-radius: 100%;
        position: relative;
    }

    .dcw-ebanking-subcategory .dcw-content-card {
        width: 100%;
        height: 30%;
        color: black;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 4px;
        z-index: 1;
        padding: 1rem;
    }

    .dcw-ebanking-subcategory .dcw-card-title {
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: -0.01em;
        text-align: left;
        height: fit-content;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dcw-ebanking-subcategory .dcw-card-description {
        font-size: 16px;
        width: 98%;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: -0.01em;
        text-align: left;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dcw-ebanking-subcategory .dcw-card-second-row {
        width: 100%;
        height: auto;
        position: relative;
    }

    .dcw-ebanking-subcategory .dcw-content-card-second-row {
        background-color: transparent;
        height: 350px;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 24px;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: start;
        color: white;
        flex-shrink: 0;
        flex-grow: 0;
        transition: all 0.4s;
        box-shadow: none;
    }

        .dcw-ebanking-subcategory .dcw-content-card-second-row:hover {
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        }

    .dcw-ebanking-subcategory .dcw-content-card-second-row-child {
        height: 100%;
        width: 100%;
        overflow: hidden;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: start;
        color: black;
        background: var(--color-background-background, #F5F5F5);
        border-radius: 24px;
        flex-shrink: 0;
        flex-grow: 0;
        transition: all 0.4s;
    }

    .dcw-ebanking-subcategory .dcw-card-background {
        position: relative;
        width: 100%;
        height: 70%;
        object-fit: cover;
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
        z-index: 0;
    }

    .dcw-ebanking-subcategory .dcw-card-container {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 16px;
        position: relative;
        width: 100%;
        max-width: 1512px !important;
        margin: 0 auto !important;
    }

    .dcw-ebanking-subcategory .dcw-filter-tag {
        width: fit-content;
        height: 42px;
        padding: 8px 16px;
        gap: 32px;
        border-radius: 88px;
        border: 1px solid #E0E0E0;
        opacity: 0px;
        display: flex;
        align-items: center;
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        letter-spacing: -0.01em;
        text-align: center;
        flex-shrink: 0;
        cursor: pointer;
    }

    .dcw-ebanking-subcategory .dcw-filter-container {
        width: 100%;
        height: fit-content;
        max-height: 72px;
        display: flex;
        gap: 16px;
        justify-content: start;
        align-items: center;
        padding: 0;
        overflow-x: scroll;
        max-width: 1512px !important;
        margin: 0 auto !important;
    }

        .dcw-ebanking-subcategory .dcw-filter-container::-webkit-scrollbar {
            height: 0px;
        }

    .dcw-ebanking-subcategory .dcw-filter-tag:hover,
    .dcw-ebanking-subcategory .dcw-filter-tag.dcw-filter-tag-active {
        background-color: var(--color-background-fill-primary);
        color: white;
    }

@media screen and (min-width:1024px) {
    .dcw-ebanking-subcategory {
        max-width: 786px;
        margin: 0 auto;
        padding-top: 8px;
        padding-bottom: 56px;
    }

        .dcw-ebanking-subcategory .dcw-filter-tag {
            padding: 16px 32px;
            font-size: 10px;
            line-height: 1.4;
        }

        .dcw-ebanking-subcategory .dcw-tag-img {
            width: 72px;
            height: 72px;
        }

        .dcw-ebanking-subcategory .dcw-tag-icon {
            width: 48px;
            height: 48px;
        }

        .dcw-ebanking-subcategory .dcw-card-title {
            font-size: 12.5px;
            line-height: 1.4;
            word-wrap: break-word;
        }

        .dcw-ebanking-subcategory .dcw-content-card-second-row {
            /* height: 450px; */
            height: fit-content;
            justify-content: space-between;
            box-sizing: border-box;
            transition: all 0.2s;
        }

        .dcw-ebanking-subcategory .dcw-newsfilter-wrapper {
            grid-template-columns: repeat(3, 1fr);
        }
}


/** Video Slider **/
.dcw-video-slider {
    width: 100%;
    height: calc(115vh - 92px);
    position: relative;
}

    .dcw-video-slider .hero-big-banner {
        height: 100%;
    }

        .dcw-video-slider .hero-big-banner .hero-slider-container {
            height: calc(100vh - 92px);
            position: static;
            padding-top: 5rem;
        }

        .dcw-video-slider .hero-big-banner .hero-image {
            height: calc(100vh - 92px);
            /* height: 100%; */
            width: 100%;
            object-fit: cover;
            object-position: center;
            position: absolute;
            top: 0;
            left: 0;
        }

        .dcw-video-slider .hero-big-banner .hero-content {
            width: 100%;
            height: 40%;
            position: relative;
            z-index: 9;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            align-items: flex-start;
            gap: 1rem;
        }

        .dcw-video-slider .hero-big-banner .hero-subtitle {
            color: #FFFFFF;
            font-size: 1rem;
            font-weight: 700;
        }

        .dcw-video-slider .hero-big-banner .hero-title {
            color: #FFFFFF;
            font-size: 2.5rem;
            line-height: 1.1;
            font-weight: 700;
            text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
        }

        .dcw-video-slider .hero-big-banner .hero-description {
            color: #ffffff;
            font-size: 16px;
            line-height: 20px;
            text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
        }

        .dcw-video-slider .hero-big-banner .hero-button {
            color: #FFFFFF;
            background-color: #E84E15;
            font-size: 1rem;
            font-weight: 700;
            border-radius: 8px;
            padding: 1rem;
        }

    .dcw-video-slider.privilege-theme .hero-big-banner .hero-subtitle,
    .dcw-video-slider.privilege-theme .hero-big-banner .hero-title,
    .dcw-video-slider.privilege-theme .hero-big-banner .hero-description,
    .dcw-video-slider.privilege-theme .hero-big-banner .hero-description > p /*custom on element p*/ {
        color: #FFF2E6;
    }

    .dcw-video-slider.privilege-theme .hero-big-banner .hero-button {
        color: #FFF2E6;
        background-color: #B35A00;
    }

    .dcw-video-slider.optimal-theme .hero-big-banner .hero-subtitle,
    .dcw-video-slider.optimal-theme .hero-big-banner .hero-title,
    .dcw-video-slider.optimal-theme .hero-big-banner .hero-description {
        color: #FFF2E6;
    }

    .dcw-video-slider.optimal-theme .hero-big-banner .hero-button {
        color: #484848;
        background-color: #FFCC3F;
    }

    .dcw-video-slider .hero-small-slider {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 50%;
        z-index: 9;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

        .dcw-video-slider .hero-small-slider .hero-slider-title {
            color: #FFFFFF;
            font-size: 14px;
            line-height: 18px;
            font-weight: 700;
            padding: 0 1rem;
        }

        .dcw-video-slider .hero-small-slider .hero-slider-center {
            width: 100%;
            height: calc(100vh - 92px);
        }

        .dcw-video-slider .hero-small-slider .hero-slider-container {
            width: 100%;
            height: auto;
        }

        .dcw-video-slider .hero-small-slider .swiper-wrapper {
            padding: 1rem;
            display: flex;
            align-items: center;
            position: absolute;
            bottom: 0%;
        }

        .dcw-video-slider .hero-small-slider .swiper-slide {
            background-color: rgba(0, 0, 0, 0.3);
            border-radius: 24px;
            height: auto;
            padding: 0.5rem;
            display: flex;
            cursor: pointer;
            flex-direction: column;
            justify-content: space-between;
            align-items: flex-start;
            transition: all 0.4s;
            position: relative;
            overflow: hidden;
            aspect-ratio: 2/2.5;
        }

            .dcw-video-slider .hero-small-slider .swiper-slide:not(.hidden-slide) {
                pointer-events: all;
            }

        .dcw-video-slider .hero-small-slider .swiper-slide-active {
            height: auto;
            aspect-ratio: 2/3;
        }

    .dcw-video-slider .swiper-nav-mobile {
        display: block;
    }

    .dcw-video-slider .swiper-pagination {
        transform: translateY(0);
    }

        .dcw-video-slider .swiper-pagination .swiper-pagination-bullet {
            opacity: 1;
            background-color: #CCCCCC;
            transition: all 0.4s;
        }

        .dcw-video-slider .swiper-pagination .swiper-pagination-bullet-active {
            opacity: 1;
            background-color: var(--color-background-fill-primary, #E84E15);
            width: 30px;
            border-radius: 10px;
            transition: all 0.4s;
        }

    .dcw-video-slider .hero-small-slider .hero-video-content {
        color: #FFFFFF;
        background-image: linear-gradient(rgba(26, 26, 26, 0), rgba(26, 26, 26, 1));
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 1rem;
        opacity: 1;
    }

    .dcw-video-slider .hero-small-slider .hero-video-background {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        object-fit: cover;
        object-position: center;
    }

        .dcw-video-slider .hero-small-slider .hero-video-background img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }

    .dcw-video-slider .hero-small-slider .hero-video-control {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        opacity: 1;
    }

    .dcw-video-slider .hero-small-slider .video-slide.playing .hero-video-control,
    .dcw-video-slider .hero-small-slider .video-slide.playing .hero-video-content {
        opacity: 0;
    }

    .dcw-video-slider .hero-big-banner .swiper-navigation {
        display: none;
    }

    .dcw-video-slider .swiper-slide.hidden-slide {
        opacity: 0;
        pointer-events: none;
        transform: translateX(-100%);
    }

    .dcw-video-slider .dcw-video-popup {
        position: fixed;
        top: 0;
        left: 0;
        min-height: 100vh;
        max-height: 100vh;
        text-align: center;
        overflow-y: auto;
        height: auto;
        width: 100%;
        z-index: 999;
        visibility: hidden;
        opacity: 0;
    }

        .dcw-video-slider .dcw-video-popup .dcw-video-preview {
            width: 100%;
            height: auto;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            gap: 1rem;
            padding-top: 1rem !important;
            padding-bottom: 1rem !important;
            background-color: white;
            box-sizing: border-box;
            box-shadow: 0px -6px 28px 0px #00000014;
            transform: translateY(100%);
            z-index: 9999;
            border-radius: 32px 32px 0 0;
            min-height: 90vh;
            position: relative;
            margin-top: 100px;
        }

    .dcw-video-slider.privilege-theme .dcw-video-popup .dcw-video-preview {
        background-color: #484848;
    }

    .dcw-video-slider.optimal-theme .dcw-video-popup .dcw-video-preview {
        background-color: #166542;
    }

    .dcw-video-slider .dcw-video-popup .dcw-popup-content {
        display: none;
    }

    .dcw-video-slider .dcw-video-popup .dcw-yt-content iframe {
        width: 100%;
        height: auto;
        min-height: 68.25vh;
        border-radius: 24px;
        overflow: hidden;
    }

    .dcw-video-slider .dcw-video-popup.show .dcw-video-preview {
        transform: translateY(0);
    }

    .dcw-video-slider .dcw-video-popup .video-popup-shade {
        position: fixed;
        width: 100%;
        background: rgba(0, 0, 0, 0.5);
        height: 100%;
        top: 0;
        left: 0;
        z-index: 999;
    }

    .dcw-video-slider .dcw-video-popup .dcw-video-preview .dcw-header {
        width: 100%;
        height: fit-content;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        padding: 1rem 0;
        border-bottom: 1px solid #E0E0E0;
    }

    .dcw-video-slider .dcw-video-popup .dcw-video-preview .dcw-title-tag {
        width: 100%;
        display: flex;
        gap: 16px;
        justify-content: start;
        align-items: center;
    }

    .dcw-video-slider .dcw-video-popup .dcw-video-preview .dcw-header-title {
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: -0.01em;
        text-align: left;
        width: fit-content;
    }

    .dcw-video-slider.privilege-theme .dcw-video-popup .dcw-video-preview .dcw-header-title {
        color: #FFD9B3;
    }

    .dcw-video-slider.optimal-theme .dcw-video-popup .dcw-video-preview .dcw-header-title {
        color: #FFD9B3;
    }

    .dcw-video-slider .dcw-video-popup .dcw-video-preview .dcw-tag-icon {
        display: none;
    }

    .dcw-video-slider .dcw-video-popup .dcw-video-preview .dcw-close-button {
        height: 36px;
        background: transparent;
        padding: 0;
        margin: 0;
        display: flex;
        gap: 1rem;
        align-items: center;
        cursor: pointer;
    }

        .dcw-video-slider .dcw-video-popup .dcw-video-preview .dcw-close-button p {
            font-weight: 700;
            color: #E84E15;
        }

@media screen and (min-width: 500px) {
    .dcw-video-slider {
        height: calc(125vh - 92px);
    }
}

@media screen and (min-width: 1025px) {
    .dcw-video-slider {
        height: calc(100vh - 92px);
    }

        .dcw-video-slider .hero-slider-container {
            height: 100%;
            position: relative;
        }

        .dcw-video-slider .hero-small-slider {
            width: 50%;
            height: 100%;
            right: 0;
            bottom: auto;
            top: 0;
        }

        .dcw-video-slider .hero-big-banner .hero-content {
            height: 100%;
            width: calc(35% - 2rem);
            justify-content: center;
            gap: 2rem;
        }

        .dcw-video-slider .hero-big-banner .hero-subtitle,
        .dcw-video-slider .hero-big-banner .hero-button {
            font-size: 15.63px;
            line-height: 1.4;
        }

        .dcw-video-slider .hero-big-banner .hero-title {
            /* font-size: 56px; */
            font-size: 30.52px;
            line-height: 1.4;
        }

        .dcw-video-slider .hero-big-banner .hero-description {
            font-size: 15.63px;
            line-height: 1.4;
        }

        .dcw-video-slider .hero-big-banner .hero-button {
            padding: 1rem 2rem;
        }

        .dcw-video-slider .hero-small-slider {
            bottom: 0;
        }

            .dcw-video-slider .hero-small-slider .hero-slider-title {
                padding: 0;
            }

        .dcw-video-slider .hero-slider-center {
            width: 100%;
            height: calc(100vh - 132px);
        }

        .dcw-video-slider .hero-small-slider .swiper-wrapper {
            padding: 1rem 0;
            position: absolute;
            bottom: auto;
            top: auto;
        }

        .dcw-video-slider .hero-big-banner .swiper-navigation {
            display: flex;
            gap: 2.5rem;
        }

        .dcw-video-slider .hero-big-banner .swiper-button-prev,
        .dcw-video-slider .hero-big-banner .swiper-button-next {
            border-radius: 100%;
            background-color: #FFFFFF;
            width: 48px;
            height: 48px;
            color: #E84E15;
            position: relative;
            display: flex;
            justify-content: center;
            align-self: center;
            top: auto;
            margin: 0;
        }

        .dcw-video-slider.privilege-theme .hero-big-banner .swiper-button-prev,
        .dcw-video-slider.privilege-theme .hero-big-banner .swiper-button-next {
            background-color: #FFF2E6;
            color: #994D00;
        }

        .dcw-video-slider.optimal-theme .hero-big-banner .swiper-button-prev,
        .dcw-video-slider.optimal-theme .hero-big-banner .swiper-button-next {
            background-color: #FFF2E6;
            color: #B3860B;
        }

        .dcw-video-slider .hero-big-banner .swiper-button-prev:after,
        .dcw-video-slider .hero-big-banner .swiper-button-next:after {
            font-size: 1.5rem;
            font-weight: 700;
        }

        .dcw-video-slider .dcw-video-popup .dcw-video-preview .dcw-title {
            display: flex;
            font-size: 24px;
            font-weight: 700;
            line-height: 28px;
            letter-spacing: -0.01em;
            text-align: left;
            align-items: center;
        }

        .dcw-video-slider .dcw-video-popup .dcw-video-preview .dcw-title-tag {
            max-width: 70%;
            font-size: 40px;
            line-height: 52px;
        }

        .dcw-video-slider .dcw-video-popup .dcw-video-preview .dcw-tag-icon {
            display: block;
            width: auto;
            height: 48px;
        }

        .dcw-video-slider .dcw-video-popup .dcw-video-preview .dcw-header-title {
            font-size: 24px;
            line-height: 28px;
        }

        .dcw-video-slider .dcw-video-popup .dcw-video-preview .dcw-header {
            padding: 1rem 2rem;
        }

        .dcw-video-slider .dcw-video-popup .dcw-video-preview .dcw-close-button {
            height: 48px;
        }

        .dcw-video-slider .hero-big-banner .hero-slider-container {
            padding-top: 0;
        }

        .dcw-video-slider .hero-small-slider .hero-video-content {
            padding: 1.5rem;
            font-size: 19.53px;
            line-height: 1.4;
            font-weight: 700;
            font-family: 'Inter', sans-serif;
        }

        .dcw-video-slider .hero-small-slider .swiper-slide-active .hero-video-content {
            font-size: 19.53px;
        }

        .dcw-video-slider .dcw-video-popup .dcw-yt-content iframe {
            min-height: 67vh;
            aspect-ratio: 16 / 9;
        }

        .dcw-video-slider .swiper-nav-mobile {
            display: none;
        }
}

@media screen and (min-width: 2000px) {
    .dcw-video-slider .hero-big-banner .hero-title {
        font-size: 56px;
        line-height: 68px;
    }

    .dcw-video-slider .hero-big-banner .hero-description {
        font-size: 24px;
        line-height: 28px;
    }

    .dcw-video-slider .hero-big-banner .hero-subtitle,
    .dcw-video-slider .hero-big-banner .hero-button {
        font-size: 1.5rem;
    }

    .dcw-video-slider .hero-big-banner .swiper-button-prev,
    .dcw-video-slider .hero-big-banner .swiper-button-next {
        width: 60px;
        height: 60px;
    }

        .dcw-video-slider .hero-big-banner .swiper-button-prev:after,
        .dcw-video-slider .hero-big-banner .swiper-button-next:after {
            font-size: 2rem;
        }

    .dcw-video-slider .hero-big-banner .swiper-navigation {
        display: flex;
        gap: 3rem;
    }
}


/** Ebanking Cards **/
.dcw-ebanking-cards {
    width: 100%;
    height: fit-content;
    background-color: #F5F5F5;
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
    position: relative;
    border-radius: 0;
    top: 0;
    z-index: 9;
}

    .dcw-ebanking-cards .dcw-ebanking-main {
        width: 100%;
        display: flex;
        justify-content: center;
        gap: 1rem;
        /* max-width: 1512px !important; */
        margin: 0 auto;
    }

    .dcw-ebanking-cards .dcw-ebanking-sub {
        width: 100%;
        display: flex;
        flex-direction: column;
        /*gap: 1.5rem;*/
    }

        .dcw-ebanking-cards .dcw-ebanking-sub h1 {
            font-size: 30px;
            font-weight: 800;
            color: #1A1A1A;
        }

    .dcw-ebanking-cards .dcw-image-backdrop,
    .dcw-ebanking-cards .dcw-ebanking-sub-2 {
        display: none;
    }

    .dcw-ebanking-cards .dcw-image-phone-container {
        position: relative;
        z-index: 10;
        width: 90%;
    }

        .dcw-ebanking-cards .dcw-image-phone-container img {
            width: 100%;
            height: 100%;
        }

    .dcw-ebanking-cards .dcw-ebanking-image {
        width: 4rem;
        margin-bottom: 1rem;
    }

    .dcw-ebanking-cards .dcw-ebanking-description {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        font-size: 16px;
        line-height: 20px;
        margin-top: 0.5rem;
    }

    .dcw-ebanking-cards .dcw-image-phone-mobile {
        display: flex;
        align-items: center;
        width: 100%;
        height: 28rem;
        position: relative;
        z-index: 5;
        margin-top: 2rem;
    }

        .dcw-ebanking-cards .dcw-image-phone-mobile div {
            width: 100%;
            position: absolute;
        }

        .dcw-ebanking-cards .dcw-image-phone-mobile img {
            width: 100%;
            height: 100%;
        }

    .dcw-ebanking-cards .dcw-image-phone-mobile-img-2 > img {
        width: calc(100% - 2rem);
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    .dcw-ebanking-cards .dcw-image-phone-mobile-img-3 {
        top: 0 !important;
    }

    .dcw-ebanking-cards .dcw-image-phone-mobile-img-4 {
        top: 0 !important;
    }

    .dcw-ebanking-cards .dcw-bg-union {
        width: 100%;
        position: absolute;
    }

    .dcw-ebanking-cards .dcw-color-1 {
        color: #8D8D8D;
    }

    .dcw-ebanking-cards .dcw-reason {
        margin-top: 1rem;
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 1rem;
    }

    .dcw-ebanking-cards .dcw-reason-item {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .dcw-ebanking-cards .dcw-num {
        width: 1.5rem;
        height: 1.5rem;
        background-color: #E84E15;
        border-radius: 999px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        color: white;
    }

    .dcw-ebanking-cards .dcw-reason-item h2 {
        font-size: 1.1rem;
    }

    .dcw-ebanking-cards .dcw-reason-item p {
        font-size: 0.9rem;
    }

    .dcw-ebanking-cards .dcw-ebanking-download-btn {
        padding: 20px 20px;
        background-color: #E84E15 !important;
        color: white;
        border-radius: 8px;
        margin-top: 2rem;
        display: block;
        width: 100%;
        font-weight: 600;
        text-align: center;
    }

    .dcw-ebanking-cards .dcw-reason-container {
        position: relative;
        z-index: 10;
        margin-top: -5rem;
        margin-left: 0;
    }

        .dcw-ebanking-cards .dcw-reason-container span {
            font-size: 20px;
            line-height: 24px;
            font-weight: 700;
        }

    .dcw-ebanking-cards .dcw-mobile-slider {
        height: auto;
    }

        .dcw-ebanking-cards .dcw-mobile-slider .swiper-pagination {
            bottom: auto;
        }

    .dcw-ebanking-cards .dcw-ebanking-description-content {
        display: none;
        flex-direction: column;
        gap: 1rem;
        font-size: 16px;
        line-height: 20px;
        margin-top: 0.5rem;
    }

    .dcw-ebanking-cards .dcw-notice-container, .new-notice-card .dcw-notice-container {
        border-radius: 16px;
        background-color: #E6F3FF;
        width: 100%;
        padding: 1rem;
        display: flex;
        align-items: flex-start;
        gap: 1rem;
    }

    .dcw-ebanking-cards .dcw-notice-content, .new-notice-card .dcw-notice-content {
        display: flex;
        flex-direction: column;
        gap: 0.5rem
    }

    .dcw-ebanking-cards .dcw-notice-container .notice-title, .new-notice-card .dcw-notice-container .notice-title {
        font-size: 14px;
        line-height: 18px;
        font-weight: 700;
        color: #0088FF;
    }

    .dcw-ebanking-cards .dcw-notice-container .notice-desc, .new-notice-card .dcw-notice-container .notice-desc {
        font-size: 14px;
        line-height: 18px;
        font-weight: 400;
        color: #0088FF;
    }

@media screen and (min-width:432px) {
    .dcw-ebanking-cards .dcw-image-phone-mobile {
        height: 30rem;
    }

    .dcw-ebanking-cards .dcw-reason-container {
        margin-top: 1rem !important;
    }
}

@media screen and (min-width:651px) {
    .dcw-ebanking-cards .dcw-image-phone-mobile {
        height: 45rem;
    }
}

@media screen and (min-width: 801px) {
    .dcw-ebanking-cards .dcw-ebanking-sub h1 {
        font-size: 45px;
    }
}

@media screen and (min-width: 1024px) {
    .dcw-ebanking-cards {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

        .dcw-ebanking-cards .dcw-ebanking-sub {
            width: 45%;
        }

            .dcw-ebanking-cards .dcw-ebanking-sub > .dcw-container {
                padding-right: 0 !important;
            }

            .dcw-ebanking-cards .dcw-ebanking-sub h1 {
                font-size: 30.52px;
                line-height: 1.2;
            }

        .dcw-ebanking-cards .dcw-image-backdrop {
            position: absolute;
            right: 0;
            width: 45%;
            height: 70%;
        }

        .dcw-ebanking-cards .dcw-ebanking-sub-2 {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .dcw-ebanking-cards .dcw-ebanking-description,
        .dcw-ebanking-cards .dcw-image-phone-mobile {
            display: none;
            margin-top: 2rem;
        }

            .dcw-ebanking-cards .dcw-ebanking-description.show {
                display: block;
            }

        .dcw-ebanking-cards .dcw-reason {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .dcw-ebanking-cards .dcw-ebanking-download-btn {
            font-size: 10px;
            width: fit-content;
            text-align: left;
        }

        .dcw-ebanking-cards .dcw-reason-container {
            margin-left: 2.5rem;
        }

        .dcw-ebanking-cards .dcw-image-backdrop,
        .dcw-ebanking-cards .dcw-ebanking-sub-2 {
            display: block;
        }

        .dcw-ebanking-cards .dcw-ebanking-description-content {
            display: flex;
            font-size: 10px;
        }

            .dcw-ebanking-cards .dcw-ebanking-description-content h3 {
                font-size: 24px;
                line-height: 28px;
            }

        .dcw-ebanking-cards .dcw-ebanking-image {
            margin-bottom: 2rem;
        }

        .dcw-ebanking-cards .dcw-image-phone-container {
            top: 50%;
            transform: translateY(-50%);
        }
    /* .dcw-ebanking-cards {
        padding-bottom: 10rem !important;
    } */
}

@media screen and (min-width: 1500px) {
    .dcw-ebanking-cards .dcw-ebanking-sub h1 {
        font-size: 50px;
        line-height: 1.2;
    }

    .dcw-ebanking-cards .dcw-reason-container span {
        font-size: 24px;
        line-height: 1.2;
    }

    .dcw-ebanking-cards .dcw-reason-item h2 {
        font-size: 20px;
        line-height: 1.2;
    }

    .dcw-ebanking-cards .dcw-reason-item p {
        font-size: 16px;
        line-height: 1.2;
    }
}


/** Ebanking Feature **/
.dcw-feature-dbankpro {
    width: 100%;
    height: fit-content;
    background-color: #FFD9B3;
    padding-top: 1rem !important;
    padding-bottom: 3rem !important;
    margin-top: 0rem;
    position: relative;
    z-index: 20;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

    .dcw-feature-dbankpro.privilege-theme {
        background-color: #1A1A1A;
    }

.dcw-feature-dbankpro-ver-new {
    background-color: #FFFFFF !important;
}

.dcw-feature-dbankpro.optimal-theme {
    background-color: #0B3321;
}

.dcw-feature-dbankpro.margin-up {
    margin-top: -7rem;
}

.dcw-feature-dbankpro.margin-down {
    margin-top: 3rem;
}

.dcw-feature-dbankpro .dcw-dbank-headline {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    /* max-width: 1512px !important; */
    margin: 0 auto !important;
}

.dcw-feature-dbankpro .dcw-headline-content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.dcw-feature-dbankpro .dcw-dbank-headline .dcw-headline-title {
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
}

.dcw-feature-dbankpro .dcw-dbank-headline .dcw-headline-desc, .dcw-feature-dbankpro-ver-new .dcw-dbank-headline .dcw-headline-desc {
    font-size: 16px;
    line-height: 20px;
}

.dcw-feature-dbankpro.privilege-theme .dcw-dbank-headline .dcw-headline-title {
    color: #FFFFFF;
}

.dcw-feature-dbankpro.privilege-theme .dcw-dbank-headline .dcw-headline-title-ver-new {
    color: #000000 !important;
}

.dcw-feature-dbankpro.privilege-theme .dcw-dbank-headline .dcw-headline-desc {
    color: #FFFFFF;
}

.dcw-feature-dbankpro.optimal-theme .dcw-dbank-headline .dcw-headline-title {
    color: #FFFFFF;
}

.dcw-feature-dbankpro.optimal-theme .dcw-dbank-headline .dcw-headline-desc {
    color: #FFFFFF;
}

.dcw-feature-dbankpro .dcw-dbankpro-cards-container {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
    width: 100%;
    /* max-width: 1512px !important; */
    margin: 0 auto !important;
}

.dcw-feature-dbankpro .dcw-dbankpro-card-item {
    position: relative;
    object-fit: cover;
    width: 100%;
}

    .dcw-feature-dbankpro .dcw-dbankpro-card-item img {
        width: 100%;
        height: 100%;
        border-radius: 20px;
        object-fit: cover;
        object-position: center;
        aspect-ratio: 1/1;
    }

.dcw-feature-dbankpro .dcw-img-overlay {
    max-height: 100%;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
    padding: 1rem;
    background-image: linear-gradient(to bottom, transparent 10%, rgba(0,0,0,0.7) 95%);
    border-radius: 20px;
}

.dcw-feature-dbankpro .dcw-overlay-sec-1 {
    color: white;
    width: 100%;
}

    .dcw-feature-dbankpro .dcw-overlay-sec-1 p {
        color: white;
    }

.dcw-feature-dbankpro .dcw-overlay-headline {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 0.5rem;
    color: #FFFFFF;
}

.dcw-feature-dbankpro .dcw-overlay-description {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    height: fit-content;
    text-overflow: ellipsis;
    white-space: normal;
    width: 100%;
    color: #FFFFFF;
}

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

.custom-line-clamp-5 {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 5 !important;
}

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

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

.dcw-feature-dbankpro .dcw-overlay-description * {
    color: #FFFFFF !important;
}
/* .dcw-feature-dbankpro .dcw-overlay-description p{
    margin-bottom: 0.5rem;
} */
.dcw-feature-dbankpro .dcw-overlay-description ul {
    display: flex;
    flex-direction: column;
    list-style: disc !important;
    padding-left: 24px;
}

    .dcw-feature-dbankpro .dcw-overlay-description ul li > * {
        margin-bottom: 8px;
    }

    .dcw-feature-dbankpro .dcw-overlay-description ul li::marker {
        color: #FFFFFF;
        font-size: 24px;
    }

.dcw-feature-dbankpro .dcw-overlay-description ol {
    display: flex;
    flex-direction: column;
    list-style: decimal !important;
    padding-left: 24px;
}

    .dcw-feature-dbankpro .dcw-overlay-description ol li::marker {
        color: #FFFFFF;
        font-size: 18px;
    }

.dcw-feature-dbankpro .dcw-overlay-description a {
    color: #FFFFFF;
    text-decoration: underline;
    font-size: 24px;
}

.dcw-feature-dbankpro .dcw-dbankpro-card-item .dcw-overlay-description.original {
    display: block;
}
/*.dcw-feature-dbankpro .dcw-dbankpro-card-item:hover .dcw-overlay-description.original,
.dcw-feature-dbankpro .dcw-dbankpro-card-item.active .dcw-overlay-description.original {
    display: block;
}
.dcw-feature-dbankpro .dcw-dbankpro-card-item:hover .dcw-overlay-description.original,
.dcw-feature-dbankpro .dcw-dbankpro-card-item.active .dcw-overlay-description.original{
    max-height: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 13; 
    line-clamp: 13;
    -webkit-box-orient: vertical;
    width: 100%;
    max-height: 287px;
}*/
.dcw-feature-dbankpro .dcw-dbankpro-card-item .dcw-overlay-description.shortened {
    display: block;
    width: 100%;
    height: fit-content;
}

.dcw-feature-dbankpro .dcw-dbankpro-card-item:hover .dcw-overlay-description.shortened,
.dcw-feature-dbankpro .dcw-dbankpro-card-item.active .dcw-overlay-description.shortened {
    display: none;
}

.dcw-feature-dbankpro .dcw-overlay-sec-2 {
    width: fit-content;
}

    .dcw-feature-dbankpro .dcw-overlay-sec-2 img {
        width: 3rem;
    }

.dcw-feature-dbankpro .dcw-tnc-link .tnc-orange,
.dcw-feature-dbankpro .dcw-tnc-link .tnc-arrow {
    color: var(--color-background-fill-primary);
}

    .dcw-feature-dbankpro .dcw-tnc-link .tnc-arrow img {
        position: relative;
        top: 8px;
    }

@media screen and (min-width: 1024px) {
    .dcw-feature-dbankpro {
        padding-top: 5rem !important;
        padding-bottom: 10rem !important;
    }

        .dcw-feature-dbankpro .dcw-dbankpro-cards-container {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            max-width: 786px;
        }

        .dcw-feature-dbankpro .dcw-dbankpro-cards-container-ver-new {
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            max-width: 786px;
        }

        .dcw-feature-dbankpro .dcw-overlay-headline {
            font-size: 12.5px;
            /* line-height: 40px; */
        }

        .dcw-feature-dbankpro .dcw-overlay-description {
            font-size: 10px;
            line-height: 1.2;
            width: 100%;
        }

        .dcw-feature-dbankpro .dcw-overlay-description-ver-new {
            font-size: 10px;
            line-height: 1.2;
            width: 75%;
        }

        .dcw-feature-dbankpro .dcw-overlay-sec-2 img {
            width: 5rem;
        }

        .dcw-feature-dbankpro .dcw-img-overlay {
            padding: 1rem;
        }

        .dcw-feature-dbankpro .dcw-dbankpro-card-item:hover .dcw-overlay-description.original,
        .dcw-feature-dbankpro .dcw-dbankpro-card-item.active .dcw-overlay-description.original {
            -webkit-line-clamp: 19;
            line-clamp: 19;
            max-height: 515px;
        }
}


/** Ebanking Feature Link **/
.dcw-feature-dbankpro-link {
    width: 100%;
    height: fit-content;
    background-color: #FFD9B3;
    /*padding-top: 5rem !important;*/
    padding-bottom: 5rem !important;
    margin-top: 0rem;
    position: relative;
    z-index: 20;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

    .dcw-feature-dbankpro-link.privilege-theme {
        background-color: #1A1A1A;
    }

    .dcw-feature-dbankpro-link.optimal-theme {
        background-color: #0B3321;
    }

    .dcw-feature-dbankpro-link.margin-up {
        margin-top: -7rem;
    }

    .dcw-feature-dbankpro-link.margin-down {
        margin-top: 3rem;
    }

    .dcw-feature-dbankpro-link .dcw-dbank-headline {
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .dcw-feature-dbankpro-link .dcw-headline-content {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .dcw-feature-dbankpro-link .dcw-dbank-headline .dcw-headline-title {
        font-size: 24px;
        line-height: 28px;
        font-weight: 700;
    }

    .dcw-feature-dbankpro-link .dcw-dbank-headline .dcw-headline-desc {
        font-size: 16px;
        line-height: 20px;
    }

    .dcw-feature-dbankpro-link.privilege-theme .dcw-dbank-headline .dcw-headline-title {
        color: #FFFFFF;
    }

    .dcw-feature-dbankpro-link.privilege-theme .dcw-dbank-headline .dcw-headline-desc {
        color: #FFFFFF;
    }

    .dcw-feature-dbankpro-link.optimal-theme .dcw-dbank-headline .dcw-headline-title {
        color: #FFFFFF;
    }

    .dcw-feature-dbankpro-link.optimal-theme .dcw-dbank-headline .dcw-headline-desc {
        color: #FFFFFF;
    }

    .dcw-feature-dbankpro-link .dcw-dbankpro-cards-container {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .dcw-feature-dbankpro-link .dcw-dbankpro-card-item {
        position: relative;
        object-fit: cover;
        cursor: pointer;
        width: 100%;
    }

        .dcw-feature-dbankpro-link .dcw-dbankpro-card-item img {
            width: 100%;
            height: 100%;
            border-radius: 20px;
            object-fit: cover;
            object-position: center;
            aspect-ratio: 1/1;
        }

    .dcw-feature-dbankpro-link .dcw-img-overlay {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        position: absolute;
        z-index: 10;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 1rem;
        background-image: linear-gradient(to bottom, transparent 80%, rgba(0,0,0,0.7) 95%);
        border-radius: 20px;
    }

    .dcw-feature-dbankpro-link .dcw-overlay-sec-1 {
        color: white;
        width: 100%;
    }

        .dcw-feature-dbankpro-link .dcw-overlay-sec-1 p {
            color: white;
        }

    .dcw-feature-dbankpro-link .dcw-overlay-headline {
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
    }

    .dcw-feature-dbankpro-link .dcw-overlay-description {
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        overflow: hidden;
        height: fit-content;
        width: 100%;
    }

    .dcw-feature-dbankpro-link .dcw-overlay-sec-2 {
        width: fit-content;
    }

        .dcw-feature-dbankpro-link .dcw-overlay-sec-2 img {
            width: 3rem;
        }

    .dcw-feature-dbankpro-link .dcw-tnc-link .tnc-orange,
    .dcw-feature-dbankpro-link .dcw-tnc-link .tnc-arrow {
        color: var(--color-background-fill-primary);
    }

        .dcw-feature-dbankpro-link .dcw-tnc-link .tnc-arrow img {
            position: relative;
            top: 8px;
        }

    .dcw-feature-dbankpro-link .dcw-go-detail-btn {
        width: auto;
        height: auto;
        background: rgb(255, 255, 255, 20%);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
    }

        .dcw-feature-dbankpro-link .dcw-go-detail-btn > img {
            width: 32px;
            height: 32px;
        }

@media screen and (min-width: 1024px) {
    .dcw-feature-dbankpro-link .dcw-dbankpro-cards-container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 3rem;
        max-width: 786px;
        margin: 0 auto;
    }

    .dcw-feature-dbankpro-link .dcw-overlay-headline {
        font-size: 15.63px;
        line-height: 1.4;
    }

    .dcw-feature-dbankpro-link .dcw-overlay-description {
        font-size: 24px;
        line-height: 28px;
    }

    .dcw-feature-dbankpro-link .dcw-overlay-sec-2 img {
        width: 5rem;
    }

    .dcw-feature-dbankpro-link .dcw-img-overlay {
        padding: 2rem;
    }

    .dcw-feature-dbankpro-link .dcw-go-detail-btn > img {
        width: 48px;
        height: 48px;
    }
}


/** Ebanking Promo Slider **/
/* .dcw-ebanking-slider{
    margin-top: -5rem;
    position: relative;
    z-index: 30;
    border-radius: 3rem 3rem 0 0;
    margin-bottom: 5rem;
}*/

/*@media screen and (min-width: 1024px) {
    .dcw-ebanking-slider{
        border-radius: 5rem 5rem 0 0;
    }
} */



/** FAQ With Sidetab **/
.dcw-faq-sidetab {
    width: 100%;
    padding: 1rem 0px 1rem 0px;
    display: flex;
    flex-direction: column;
    background: white;
    box-sizing: border-box;
    align-items: center;
    /* margin: 6rem 0; */
    margin-top: 2rem;
    margin-bottom: 2rem;
    /* max-width: 1512px !important; */
    margin-left: auto !important;
    margin-right: auto !important;
}

    .dcw-faq-sidetab.top-rounded {
        position: relative;
        top: -10rem;
        padding-top: 1rem !important;
        z-index: 999;
    }

    .dcw-faq-sidetab .dcw-section-container {
        width: 100%;
        height: fit-content;
        display: flex;
        flex-direction: column;
        gap: 24px;
        position: relative;
    }

    .dcw-faq-sidetab .dcw-nav-tag {
        width: fit-content;
        height: 40px;
        padding: 8px 16px;
        gap: 8px;
        border-radius: 8px;
        border: 1px solid #E0E0E0;
        display: flex;
        align-items: center;
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        letter-spacing: -0.01em;
        text-align: center;
        flex-shrink: 0;
        cursor: pointer;
        color: black;
    }

        .dcw-faq-sidetab .dcw-nav-tag * {
            pointer-events: none;
        }

    .dcw-faq-sidetab .dcw-nav-container {
        width: 100%;
        height: 60px;
        display: flex;
        gap: 16px;
        justify-content: start;
        align-items: center;
        overflow-x: scroll;
        position: relative;
        background: white;
    }

        .dcw-faq-sidetab .dcw-nav-container.no-breadcrumb.sticky {
            top: 90px;
        }

        .dcw-faq-sidetab .dcw-nav-container.sticky {
            position: fixed;
            z-index: 99;
            top: 134px;
            padding: 0 2rem;
        }

    .dcw-faq-sidetab .nav-holder {
        display: none;
        height: 60px;
    }

        .dcw-faq-sidetab .nav-holder.active {
            display: block;
        }

    .dcw-faq-sidetab .dcw-nav-container::-webkit-scrollbar {
        height: 0px;
    }

    .dcw-faq-sidetab .dcw-nav-tag.dcw-nav-tag-active {
        background-color: var(--color-background-fill-primary);
        color: white;
    }

    .dcw-faq-sidetab .dcw-nav-tag img {
        display: none;
    }

    .dcw-faq-sidetab .dcw-section {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 1rem;
        left: 0;
        width: 100%;
    }

        .dcw-faq-sidetab .dcw-section:first-child {
            position: relative;
        }

    .dcw-faq-sidetab .dcw-ebanking-period {
        font-size: 20px;
        line-height: 24px;
        font-weight: 700;
        padding: 0.5rem 0;
    }

    .dcw-faq-sidetab .dcw-tentang-content {
        width: 100%;
        margin: 2rem 0;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .dcw-faq-sidetab .dcw-faq-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 14px;
        border: 1px solid #E0E0E0;
        border-radius: 14px;
        cursor: pointer;
    }

        .dcw-faq-sidetab .dcw-faq-item span {
            width: 80%;
            font-size: 20px;
            font-weight: 600;
        }

    .dcw-faq-sidetab .faq-arrow {
        display: flex;
        align-items: center;
    }

    .dcw-faq-sidetab .dcw-section-content-container {
        width: 100%;
    }

    .dcw-faq-sidetab .dcw-accordion-container, .dcw-profile-popup .dcw-accordion-container, .dcw-rich-sidetab .dcw-accordion-container {
        margin: 2rem 0;
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .dcw-faq-sidetab .accordion-item-head, .dcw-profile-popup .accordion-item-head, .dcw-rich-sidetab .accordion-item-head {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin: 0 1rem;
        padding: 1rem 0;
        border-bottom: 1px solid transparent;
        cursor: pointer;
        font-weight: 700;
    }

        .dcw-faq-sidetab .accordion-item-head > *, .dcw-profile-popup .accordion-item-head > *, .dcw-rich-sidetab .accordion-item-head > * {
            pointer-events: none;
        }

    .dcw-faq-sidetab .dcw-accordion-items, .dcw-profile-popup .dcw-accordion-items, .dcw-rich-sidetab .dcw-accordion-items {
        border: 1px solid #E0E0E0;
        border-radius: 16px;
    }

    .dcw-faq-sidetab .accordion-item-content, .dcw-profile-popup .accordion-item-content, .dcw-rich-sidetab .accordion-item-content {
        padding: 0 1rem;
        height: 0;
        overflow: hidden;
        margin-bottom: 0;
    }

    .dcw-faq-sidetab .accordion-item-head.open, .dcw-profile-popup .accordion-item-head.open {
        margin: 0 1rem;
        border-bottom: 1px solid #E0E0E0;
    }

        .dcw-faq-sidetab .accordion-item-head.open + .accordion-item-content, .dcw-profile-popup .accordion-item-head.open + .accordion-item-content {
            padding: 1rem !important;
            height: auto;
            margin-bottom: 1rem;
        }

    .dcw-faq-sidetab .accordion-item-chevron, .dcw-profile-popup .accordion-item-chevron, .dcw-rich-sidetab .accordion-item-chevron {
        transform: rotate(180deg);
    }

    .dcw-faq-sidetab .accordion-item-head.open .accordion-item-chevron, .dcw-profile-popup .accordion-item-head.open .accordion-item-chevron {
        transform: rotate(0deg);
    }

    .dcw-faq-sidetab .accordion-item-content .dcw-table-cont {
        overflow: auto;
        padding: 1rem 0;
    }

        .dcw-faq-sidetab .accordion-item-content .dcw-table-cont::-webkit-scrollbar {
            height: 10px;
        }

        .dcw-faq-sidetab .accordion-item-content .dcw-table-cont::-webkit-scrollbar-track {
            box-shadow: none;
            border-radius: 10px;
        }

        .dcw-faq-sidetab .accordion-item-content .dcw-table-cont::-webkit-scrollbar-thumb {
            background: var(--color-background-fill-success-hover, #1E8758);
            border-radius: 10px;
        }

            .dcw-faq-sidetab .accordion-item-content .dcw-table-cont::-webkit-scrollbar-thumb:hover {
                background: var(--color-background-fill-success-hover, #1E8758);
            }

    .dcw-faq-sidetab .accordion-item-content table {
        border-collapse: collapse;
        width: 100%;
    }

        .dcw-faq-sidetab .accordion-item-content table tr:first-child th:first-child {
            border-top-left-radius: 16px;
        }

        .dcw-faq-sidetab .accordion-item-content table tr:last-child td:first-child {
            border-bottom-left-radius: 16px;
        }

        .dcw-faq-sidetab .accordion-item-content table tr:last-child td:last-child {
            border-bottom-right-radius: 16px;
        }

        .dcw-faq-sidetab .accordion-item-content table tr:first-child th:last-child {
            border-top-right-radius: 16px;
        }

        .dcw-faq-sidetab .accordion-item-content table td {
            font-size: 16px;
            font-weight: 400;
            line-height: 20px;
            letter-spacing: -0.01em;
            text-align: left;
            padding: 12px 12px;
            vertical-align: middle;
        }

        .dcw-faq-sidetab .accordion-item-content table tr:nth-child(even) {
            background-color: #eeeeee;
        }

        .dcw-faq-sidetab .accordion-item-content table tr:nth-child(odd) {
            background-color: #f8f8f8;
        }
        /* .dcw-faq-sidetab .accordion-item-content table tr:hover {
    background-color: #ddd;
} */
        .dcw-faq-sidetab .accordion-item-content table th {
            padding: 12px 12px;
            text-align: left;
            background: var(--color-background-fill-success-hover, #1E8758);
            color: white;
            white-space: nowrap;
            vertical-align: middle;
            font-weight: 700;
        }

    .dcw-faq-sidetab .accordion-item-content .dcw-table-cont.table-alt::-webkit-scrollbar-thumb {
        background: #B6CAC7;
    }

        .dcw-faq-sidetab .accordion-item-content .dcw-table-cont.table-alt::-webkit-scrollbar-thumb:hover {
            background: #B6CAC7;
        }

    .dcw-faq-sidetab .accordion-item-content table.table-alt tr:nth-child(even) {
        background-color: #FFFFFF;
    }

    .dcw-faq-sidetab .accordion-item-content table.table-alt tr:nth-child(odd) {
        background-color: #E7EDEC;
    }

    .dcw-faq-sidetab .accordion-item-content table.table-alt th {
        background: #B6CAC7;
        color: #062F28;
    }

    .dcw-faq-sidetab .accordion-item-content table.table-alt td {
        color: #062F28;
    }

    .dcw-faq-sidetab .accordion-item-content b {
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-faq-sidetab .accordion-item-content ul {
        display: flex;
        flex-direction: column;
        gap: var(--spacegapspace-component-gap-s,12px);
        list-style: disc !important;
        padding-left: 24px;
    }

        .dcw-faq-sidetab .accordion-item-content ul li > * {
            margin-bottom: 8px;
        }

        .dcw-faq-sidetab .accordion-item-content ul li::marker {
            color: #E84E15;
            font-size: 24px;
        }

    .dcw-faq-sidetab .accordion-item-content ol {
        display: flex;
        flex-direction: column;
        list-style: decimal !important;
        padding-left: 24px;
    }

        .dcw-faq-sidetab .accordion-item-content ol li::marker {
            color: #1A1A1A;
            font-size: 16px;
        }

    .dcw-faq-sidetab .accordion-item-content a {
        color: #E84E15;
    }

    .dcw-faq-sidetab .accordion-item-content h4 {
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-faq-sidetab a.cta-btn {
        color: #FFFFFF;
        background-color: #E84E15;
        font-size: 1rem;
        font-weight: 700;
        border-radius: 8px;
        padding: 1rem;
        text-align: center;
        display: block;
        width: fit-content;
        max-width: 100%;
        margin: 1rem 0;
    }

@media screen and (min-width:1024px) {
    .dcw-faq-sidetab {
        max-width: 786px;
        padding: 56px 0px;
        flex-direction: row;
        align-items: start;
        gap: 2rem;
        position: relative;
        margin: 6rem auto 10rem auto;
    }

        .dcw-faq-sidetab .dcw-nav-container {
            width: 25%;
            flex-direction: column;
            height: fit-content;
        }

            .dcw-faq-sidetab .dcw-nav-container.sticky {
                top: 150px;
                padding: 0;
            }

        .dcw-faq-sidetab .nav-holder {
            height: auto;
            width: 450px;
        }

        .dcw-faq-sidetab .dcw-nav-container.bottom {
            top: auto !important;
            bottom: 24px;
            position: absolute;
        }

        .dcw-faq-sidetab .nav-holder.bottom {
            display: block;
        }

        .dcw-faq-sidetab .dcw-nav-tag {
            padding: 1rem 0.5rem;
            width: 100%;
            border-radius: 0;
            border: 0;
            border-bottom: 1px solid #E0E0E0;
            height: fit-content;
            font-size: 15.63px;
            font-weight: 400;
            line-height: 1.4;
            letter-spacing: -0.01em;
            text-align: left;
        }

            .dcw-faq-sidetab .dcw-nav-tag.dcw-nav-tag-active {
                background-color: white;
                color: var(--color-background-fill-primary);
            }

            .dcw-faq-sidetab .dcw-nav-tag img:first-child {
                display: block;
            }

            .dcw-faq-sidetab .dcw-nav-tag img:last-child {
                display: none;
            }

            .dcw-faq-sidetab .dcw-nav-tag.dcw-nav-tag-active img:first-child {
                display: none;
            }

            .dcw-faq-sidetab .dcw-nav-tag.dcw-nav-tag-active img:last-child {
                display: block;
            }

        .dcw-faq-sidetab .dcw-section-title {
            font-size: 32px;
            line-height: 40px;
            word-wrap: break-word;
        }

        .dcw-faq-sidetab .dcw-tentang-content {
            margin: 1rem 0;
        }

        .dcw-faq-sidetab .accordion-item-head, .dcw-profile-popup .accordion-item-head, .dcw-rich-sidetab .accordion-item-head {
            font-size: 20px;
            line-height: 1.2;
        }
}



/** Ebanking Feature Slider **/
.dcw-ebanking-description-slider {
    overflow: hidden;
}

    .dcw-ebanking-description-slider .dcw-navigation-container {
        display: none;
        position: absolute;
        bottom: 1rem;
        right: 3rem;
        z-index: 30;
        gap: 1rem;
    }

    .dcw-ebanking-description-slider .dcw-ebanking-description-slider-main {
        width: 100%;
        display: flex;
        justify-content: center;
        gap: 1rem;
        /* max-width: 1512px !important; */
        margin: 0 auto !important;
    }

    .dcw-ebanking-description-slider ul {
        display: flex;
        flex-direction: column;
        gap: var(--spacegapspace-component-gap-s,12px);
        list-style: disc !important;
        transform: translateX(24px);
        width: 95%;
    }

        .dcw-ebanking-description-slider ul li::marker {
            color: #E84E15;
            font-size: 24px;
        }

    .dcw-ebanking-description-slider .dcw-image-slider-mobile {
        display: flex;
        align-items: center;
        width: 100%;
        height: 22rem;
        position: relative;
        margin-top: 2rem;
    }

    .dcw-ebanking-description-slider .dcw-ebanking-sub-4 {
        display: none;
    }

    .dcw-ebanking-description-slider .image-backdrop {
        display: none;
    }

    .dcw-ebanking-description-slider .custom-swiper-button-prev,
    .dcw-ebanking-description-slider .custom-swiper-button-next {
        width: 3.5rem;
        height: 3.5rem;
        background-color: #E84E15;
        border-radius: 999px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .dcw-ebanking-description-slider .dcw-mobile-slider {
        width: 100%;
        height: 100%;
    }

        .dcw-ebanking-description-slider .dcw-mobile-slider .swiper-pagination-bullet-active {
            background-color: #E84E15;
            width: 2rem;
            height: 0.5rem;
            border-radius: 5px;
        }

        .dcw-ebanking-description-slider .dcw-mobile-slider .swiper-pagination {
            bottom: 10%;
        }

    .dcw-ebanking-description-slider .dcw-ebanking-sub-4 .swiper-slide {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 1000ms;
    }

@media screen and (min-width: 1024px) {
    .dcw-ebanking-description-slider {
        padding-right: 0px !important;
        padding-top: 5rem !important;
        min-height: 75vh;
    }

        .dcw-ebanking-description-slider .dcw-navigation-container {
            display: flex;
            position: absolute;
            right: 30px;
            bottom: 30%;
        }

        .dcw-ebanking-description-slider .dcw-image-slider-mobile {
            display: none;
        }

        .dcw-ebanking-description-slider .dcw-ebanking-sub-4 {
            display: flex;
            align-items: flex-end;
            overflow: visible;
            justify-content: center;
        }

            .dcw-ebanking-description-slider .dcw-ebanking-sub-4 .swiper-wrapper {
                height: fit-content;
            }

        .dcw-ebanking-description-slider .image-backdrop {
            display: block;
            position: absolute;
            right: 0;
            top: 0;
            padding: 0 !important;
        }

        .dcw-ebanking-description-slider .dcw-ebanking-description-slider-main {
            align-items: center;
            justify-content: space-between;
        }

        .dcw-ebanking-description-slider .dcw-ebanking-sub-4 .swiper-slide.hidden-slide {
            opacity: 0;
            pointer-events: none;
            transform: translateX(-50%);
        }

        .dcw-ebanking-description-slider .dcw-ebanking-sub-4 .swiper-slide:not(.hidden-slide) {
            pointer-events: all;
        }
}


/** Ebanking Table Richtext **/
.dcw-ebanking-table-richtext {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background-color: #ffffff;
    padding: 2rem 0;
}

    .dcw-ebanking-table-richtext .dcw-richtext-content {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        width: 100%;
        /* max-width: 1512px !important; */
        margin: 0 auto !important;
    }

    .dcw-ebanking-table-richtext .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        width: 100%;
    }

        .dcw-ebanking-table-richtext .table-responsive::-webkit-scrollbar {
            height: 10px;
        }

        .dcw-ebanking-table-richtext .table-responsive::-webkit-scrollbar-track {
            box-shadow: none;
            border-radius: 10px;
        }

        .dcw-ebanking-table-richtext .table-responsive::-webkit-scrollbar-thumb {
            background: var(--color-background-fill-success-hover, #1E8758);
            border-radius: 10px;
        }

            .dcw-ebanking-table-richtext .table-responsive::-webkit-scrollbar-thumb:hover {
                background: var(--color-background-fill-success-hover, #1E8758);
            }

    .dcw-ebanking-table-richtext table {
        width: auto;
        border-collapse: collapse;
        table-layout: auto;
    }

    /*custom*/
    .dcw-ebanking-table-richtext th,
    .dcw-faq-richtext th,
    .dcw-news-richtext th,
    .dcw-ebanking-table-richtext td,
    .dcw-faq-richtext td,
    .dcw-news-richtext td {
        padding: 10px;
        border: 1px solid white;
        text-align: center;
        word-wrap: break-word;
        overflow-wrap: break-word;
        white-space: normal;
        position: relative;
        vertical-align: middle;
        width: auto;
    }

        .dcw-ebanking-table-richtext th.fit-content,
        .dcw-ebanking-table-richtext td.fit-content {
            width: 3rem;
            white-space: nowrap;
        }

    .dcw-ebanking-table-richtext thead tr {
        background-color: #1E8758;
        height: 3rem;
    }

        .dcw-ebanking-table-richtext thead tr th {
            text-align: center;
            color: white;
            line-height: 24px;
            border-right: 1px solid white;
        }

    .dcw-ebanking-table-richtext table tr:first-child th:first-child {
        border-top-left-radius: 16px;
    }

    .dcw-ebanking-table-richtext table tr:last-child td:first-child {
        border-bottom-left-radius: 16px;
    }

    .dcw-ebanking-table-richtext table tr:last-child td:last-child {
        border-bottom-right-radius: 16px;
    }

    .dcw-ebanking-table-richtext table tr:first-child th:last-child {
        border-top-right-radius: 16px;
    }

    .dcw-ebanking-table-richtext tbody tr:nth-child(odd) {
        height: 3rem;
        background-color: #e7edec;
    }

    .dcw-ebanking-table-richtext tbody tr:nth-child(even) {
        height: 3rem;
    }

    .dcw-ebanking-table-richtext tbody tr td {
        text-align: center;
        line-height: 24px;
    }

        .dcw-ebanking-table-richtext tbody tr td:not(:last-child) {
            border-right: 1px solid white;
        }

    .dcw-ebanking-table-richtext .table-responsive.table-alt::-webkit-scrollbar-thumb {
        background: #B6CAC7;
    }

        .dcw-ebanking-table-richtext .table-responsive.table-alt::-webkit-scrollbar-thumb:hover {
            background: #B6CAC7;
        }

    .dcw-ebanking-table-richtext table.table-alt tr:nth-child(even) {
        background-color: #FFFFFF;
    }

    .dcw-ebanking-table-richtext table.table-alt tr:nth-child(odd) {
        background-color: #E7EDEC;
    }

    .dcw-ebanking-table-richtext table.table-alt th {
        background: #B6CAC7;
        color: #062F28;
    }

    .dcw-ebanking-table-richtext table.table-alt td {
        color: #062F28;
    }

    .dcw-ebanking-table-richtext ul {
        display: flex;
        flex-direction: column;
        gap: var(--spacegapspace-component-gap-s,12px);
        list-style: disc !important;
        padding-left: 24px;
    }

        .dcw-ebanking-table-richtext ul li > * {
            margin-bottom: 8px;
        }

        .dcw-ebanking-table-richtext ul li::marker {
            color: #E84E15;
            font-size: 24px;
        }

    .dcw-ebanking-table-richtext ol {
        display: flex;
        flex-direction: column;
        list-style: decimal !important;
        padding-left: 24px;
    }

        .dcw-ebanking-table-richtext ol li::marker {
            color: #1A1A1A;
            font-size: 16px;
        }

    .dcw-ebanking-table-richtext a {
        color: #E84E15;
    }

@media screen and (min-width: 1024px) {
    .dcw-ebanking-table-richtext {
        padding: 5rem 0;
    }

        .dcw-ebanking-table-richtext .table-responsive {
            overflow-x: hidden;
        }

        .dcw-ebanking-table-richtext table {
            table-layout: fixed;
            width: 100%;
        }
}



/** Ebanking Alter Content **/
.dcw-alter-content {
    background-color: #ffffff;
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

    .dcw-alter-content.top-rounded {
        position: relative;
        top: -2rem;
        z-index: 99;
    }

    .dcw-alter-content .dcw-alter-row {
        display: grid;
        justify-content: center;
        align-content: center;
        grid-template-columns: 1fr;
        gap: 1rem;
        width: 100%;
        /* max-width: 1512px !important; */
        margin: 1rem auto 0 auto !important;
    }

    .dcw-alter-content .dcw-alter-row-text,
    .dcw-alter-content .dcw-alter-text-content {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .dcw-alter-content .dcw-alter-row-text {
        order: 1;
    }

    .dcw-alter-content .dcw-alter-text-title {
        font-size: 24px;
        line-height: 1.4;
        font-weight: 700;
        letter-spacing: -0.01em;
    }

    .dcw-alter-content .dcw-alter-text-content {
        font-size: 16px;
        line-height: 20px;
        font-weight: 400;
        letter-spacing: -0.01em;
    }

        .dcw-alter-content .dcw-alter-text-content strong {
            font-weight: 600; /*custom*/
        }

    .dcw-alter-content .dcw-alter-row-img {
        width: 100%;
        height: fit-content;
        margin: 1rem auto;
        order: 2;
    }

        .dcw-alter-content .dcw-alter-row-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }

    .dcw-alter-content ul {
        list-style-type: disc;
        padding-left: 24px;
    }

        .dcw-alter-content ul li::marker {
            color: #E84E15;
            font-size: 24px;
        }

        .dcw-alter-content ul li {
            margin-bottom: 0.5rem;
        }

        .dcw-alter-content ul h3 {
            margin-bottom: 0.5rem;
        }

    .dcw-alter-content ol {
        list-style: decimal !important;
        padding-left: 24px;
    }

        .dcw-alter-content ol li::marker {
            color: #1A1A1A;
            font-size: 16px;
        }

    .dcw-alter-content a {
        color: var(--color-background-fill-primary);
        font-weight: 700;
    }

        .dcw-alter-content a img {
            position: relative;
            top: 8px;
        }

@media screen and (min-width: 1024px) {
    .dcw-alter-content {
        display: flex;
        flex-direction: column;
        gap: 5rem;
    }

        .dcw-alter-content .dcw-alter-row {
            max-width: 786px;
            grid-template-columns: repeat(2, 1fr);
            gap: 5rem;
        }

        .dcw-alter-content .dcw-reverse-row .dcw-alter-row-text {
            order: 2;
        }

        .dcw-alter-content .dcw-reverse-row .dcw-alter-row-img {
            order: 1;
        }

        .dcw-alter-content .dcw-alter-row-img {
            /* width: 80%; */
            width: 100%;
            border-radius: 16px;
            overflow: hidden;
            margin: 0;
        }

        .dcw-alter-content ul h3 {
            font-size: 16px;
            line-height: 1.2;
        }
}



/** Tentang Subcards **/
.dcw-tentang-subitem {
    width: 100%;
    height: fit-content;
    margin: 32px 0px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    background: var(--color-background-background, #F5F5F5);
    box-sizing: border-box;
    overflow: hidden;
}

    .dcw-tentang-subitem .dcw-content-card {
        width: 100%;
        height: auto;
        color: white;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: end;
        gap: 1rem;
        padding: 1rem;
        z-index: 1;
        background-image: linear-gradient(rgba(26,26,26,0), rgba(26,26,26,1));
    }

    .dcw-tentang-subitem .dcw-card-title {
        color: white;
        font-size: 20px;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: -0.01em;
        text-align: left;
        height: fit-content;
        display: -webkit-box;
        -webkit-line-clamp: 9;
        line-clamp: 9;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }

    .dcw-tentang-subitem .dcw-svg-container {
        padding: 2.5px;
        height: 24px;
        width: 24px;
    }

    .dcw-tentang-subitem .dcw-card-second-row {
        width: 100%;
        height: auto;
        display: grid;
        gap: 2rem;
        grid-template-columns: 1fr;
    }

    .dcw-tentang-subitem .card-item {
        background-color: transparent;
        height: auto;
        aspect-ratio: 1/1;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: end;
        color: white;
        transition: all 0.4s;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        width: 100%;
    }

    .dcw-tentang-subitem .card-contents {
        display: block;
        height: 100%;
        width: 100%;
    }

    .dcw-tentang-subitem .card-item-child {
        height: 100%;
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: end;
        color: white;
        border-radius: 24px;
        overflow: hidden;
        transition: all 0.4s;
    }

    .dcw-tentang-subitem .dcw-card-background {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 0;
    }

    .dcw-tentang-subitem .dcw-card-container {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 1.5rem;
        width: 100%;
        /* max-width: 1512px !important; */
        margin: 0 auto !important;
    }

    .dcw-tentang-subitem .dcw-clock-img {
        width: 19px;
        height: 19px;
    }

    .dcw-tentang-subitem .dcw-go-detail-btn {
        width: 32px;
        height: 32px;
        background: rgb(255, 255, 255, 20%);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
    }

    .dcw-tentang-subitem .dcw-header {
        width: 100%;
        height: fit-content;
        max-height: 32px;
        display: flex;
        align-items: center;
        gap: 16px;
        justify-content: space-between;
    }

    .dcw-tentang-subitem .dcw-title-tag {
        width: 100%;
        max-height: 32px;
        display: flex;
        gap: 16px;
        justify-content: start;
        align-items: center;
        color: #414141;
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-tentang-subitem .dcw-header-content {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .dcw-tentang-subitem .dcw-header-title {
        width: fit-content;
        font-size: 24px;
        line-height: 28px;
    }

    .dcw-tentang-subitem .dcw-header-desc {
        font-size: 12px;
        line-height: 14px;
        font-weight: 400;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .dcw-tentang-subitem .dcw-tag-img {
        background-color: #ffffff;
        border-radius: 50%;
        width: 42px;
        height: 42px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .dcw-tentang-subitem .dcw-tag-icon {
        width: auto;
        height: 32px;
    }

    .dcw-tentang-subitem .dcw-arrow-right {
        width: 0;
        height: 32px;
        display: none;
        align-items: center;
        text-decoration: none;
    }

@media screen and (min-width:1024px) {
    .dcw-tentang-subitem {
        margin: 56px 0px;
    }

        .dcw-tentang-subitem .dcw-header {
            max-height: 72px;
        }

        .dcw-tentang-subitem .dcw-header-title {
            font-size: 40px;
            line-height: 52px;
        }

        .dcw-tentang-subitem .dcw-header-desc {
            font-size: 18px;
            line-height: 22px;
        }

        .dcw-tentang-subitem .dcw-title-tag {
            max-height: 72px;
            font-size: 40px;
            line-height: 52px;
        }

        .dcw-tentang-subitem .dcw-card-title {
            font-size: 15.63px;
            line-height: 1.4;
            word-wrap: break-word;
        }

        .dcw-tentang-subitem .card-item {
            width: 100%;
            box-sizing: border-box;
        }

        .dcw-tentang-subitem .dcw-content-card {
            padding: 2rem;
        }

        .dcw-tentang-subitem .dcw-card-second-row {
            grid-template-columns: repeat(3, 1fr);
        }

        .dcw-tentang-subitem .dcw-tag-img {
            width: 72px;
            height: 72px;
        }

        .dcw-tentang-subitem .dcw-tag-icon {
            width: 48px;
            height: 48px;
        }

        .dcw-tentang-subitem .dcw-arrow-right {
            color: #E84E15;
            font-size: 24px;
            font-weight: 700;
            line-height: 28px;
            letter-spacing: -0.01em;
            text-align: center;
            width: auto;
            height: 72px;
            display: flex;
        }

        .dcw-tentang-subitem .dcw-arrow-right-img {
            display: none;
        }
}



/** Profile Pop Up **/
.dcw-profile-popup {
    width: 100%;
    padding: 1rem 0px 1rem 0px;
    display: flex;
    flex-direction: column;
    background: white;
    box-sizing: border-box;
    align-items: center;
    /* max-width: 1512px !important; */
    margin: 0 auto !important;
}

    .dcw-profile-popup .dcw-section-container {
        width: 100%;
        height: fit-content;
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .dcw-profile-popup .dcw-section {
        width: 100%;
        height: fit-content;
        display: flex;
    }

    .dcw-profile-popup .dcw-section-content-container, .dcw-faq-sidetab .dcw-section-content-container, .dcw-rich-sidetab .dcw-section-content-container {
        width: 100%;
        height: fit-content;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

        .dcw-profile-popup .dcw-section-content-container p, .dcw-faq-sidetab .dcw-section-content-container p, .dcw-rich-sidetab .dcw-section-content-container p {
            font-size: 16px;
            font-weight: 400;
            line-height: 20px;
            letter-spacing: -0.01em;
            text-align: left;
        }

        .dcw-profile-popup .dcw-section-content-container h3, .dcw-faq-sidetab .dcw-section-content-container h3, .dcw-rich-sidetab .dcw-section-content-container h3 {
            font-size: 24px;
            font-weight: 700;
            line-height: 28px;
            letter-spacing: -0.01em;
            text-align: left;
            height: fit-content;
        }

    .dcw-profile-popup .dcw-nav-tag {
        width: fit-content;
        height: 40px;
        padding: 8px 16px;
        gap: 8px;
        border-radius: 8px;
        border: 1px solid #E0E0E0;
        display: flex;
        align-items: center;
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        letter-spacing: -0.01em;
        text-align: center;
        flex-shrink: 0;
        cursor: pointer;
        color: black;
    }

        .dcw-profile-popup .dcw-nav-tag * {
            pointer-events: none;
        }

    .dcw-profile-popup .dcw-nav-container {
        width: 100%;
        height: 60px;
        display: flex;
        gap: 16px;
        justify-content: start;
        align-items: center;
        overflow-x: scroll;
        position: relative;
        background: white;
    }

        .dcw-profile-popup .dcw-nav-container.sticky {
            position: fixed;
            z-index: 99;
            top: 134px;
            padding: 0 2rem;
        }

    .dcw-profile-popup .nav-holder {
        display: none;
        height: 60px;
    }

        .dcw-profile-popup .nav-holder.active {
            display: block;
        }

    .dcw-profile-popup .dcw-nav-container::-webkit-scrollbar {
        height: 0px;
    }

    .dcw-profile-popup .dcw-nav-tag.dcw-nav-tag-active {
        background-color: var(--color-background-fill-primary);
        color: white;
    }

    .dcw-profile-popup .profile-container {
        display: grid;
        gap: 2rem;
        grid-template-columns: 1fr;
    }

    .dcw-profile-popup .profile-card {
        height: 350px;
        width: 100%;
        display: flex;
        flex-direction: column;
        background-color: #F5F5F5;
        border-radius: 24px;
        overflow: hidden;
        cursor: pointer;
    }

    .dcw-profile-popup .profile-card-img {
        height: 66.66%;
        width: 100%;
        overflow: hidden;
    }

        .dcw-profile-popup .profile-card-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: top;
        }

    .dcw-profile-popup .profile-card-summary {
        height: 33.33%;
        width: 100%;
        padding: 1rem;
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

        .dcw-profile-popup .profile-card-summary .profile-summary-name {
            font-size: 20px;
            line-height: 24px;
            font-weight: 700;
        }

    .dcw-profile-popup .dcw-section-content-container .dcw-table-cont, .dcw-faq-sidetab .dcw-section-content-container .dcw-table-cont, .dcw-rich-sidetab .dcw-section-content-container .dcw-table-cont {
        overflow: auto;
        padding: 1rem 0;
    }

        .dcw-profile-popup .dcw-section-content-container .dcw-table-cont::-webkit-scrollbar, .dcw-faq-sidetab .dcw-section-content-container .dcw-table-cont::-webkit-scrollbar, .dcw-rich-sidetab .dcw-section-content-container .dcw-table-cont::-webkit-scrollbar {
            height: 10px;
        }

        .dcw-profile-popup .dcw-section-content-container .dcw-table-cont::-webkit-scrollbar-track, .dcw-faq-sidetab .dcw-section-content-container .dcw-table-cont::-webkit-scrollbar-track, .dcw-rich-sidetab .dcw-section-content-container .dcw-table-cont::-webkit-scrollbar-track {
            box-shadow: none;
            border-radius: 10px;
        }

        .dcw-profile-popup .dcw-section-content-container .dcw-table-cont::-webkit-scrollbar-thumb, .dcw-faq-sidetab .dcw-section-content-container .dcw-table-cont::-webkit-scrollbar-thumb, .dcw-rich-sidetab .dcw-section-content-container .dcw-table-cont::-webkit-scrollbar-thumb {
            background: var(--color-background-fill-success-hover, #1E8758);
            border-radius: 10px;
        }

            .dcw-profile-popup .dcw-section-content-container .dcw-table-cont::-webkit-scrollbar-thumb:hover, .dcw-faq-sidetab .dcw-section-content-container .dcw-table-cont::-webkit-scrollbar-thumb:hover, .dcw-rich-sidetab .dcw-section-content-container .dcw-table-cont::-webkit-scrollbar-thumb:hover {
                background: var(--color-background-fill-success-hover, #1E8758);
            }

    .dcw-profile-popup .dcw-section-content-container table, .dcw-faq-sidetab .dcw-section-content-container table, .dcw-rich-sidetab .dcw-section-content-container table {
        border-collapse: collapse;
        width: max-content;
    }

        .dcw-profile-popup .dcw-section-content-container table tr:first-child th:first-child, .dcw-faq-sidetab .dcw-section-content-container table tr:first-child th:first-child, .dcw-rich-sidetab .dcw-section-content-container table tr:first-child th:first-child {
            border-top-left-radius: 16px;
        }

        .dcw-profile-popup .dcw-section-content-container table tr:last-child td:first-child, .dcw-faq-sidetab .dcw-section-content-container table tr:last-child td:first-child, .dcw-rich-sidetab .dcw-section-content-container table tr:last-child td:first-child {
            border-bottom-left-radius: 16px;
        }

        .dcw-profile-popup .dcw-section-content-container table tr:last-child td:last-child, .dcw-faq-sidetab .dcw-section-content-container table tr:last-child td:last-child, .dcw-rich-sidetab .dcw-section-content-container table tr:last-child td:last-child {
            border-bottom-right-radius: 16px;
        }

        .dcw-profile-popup .dcw-section-content-container table tr:first-child th:last-child, .dcw-faq-sidetab .dcw-section-content-container table tr:first-child th:last-child, .dcw-rich-sidetab .dcw-section-content-container table tr:first-child th:last-child {
            border-top-right-radius: 16px;
        }

        .dcw-profile-popup .dcw-section-content-container table td, .dcw-faq-sidetab .dcw-section-content-container table td, .dcw-rich-sidetab .dcw-section-content-container table td {
            font-size: 16px;
            font-weight: 400;
            line-height: 20px;
            letter-spacing: -0.01em;
            text-align: left;
            padding: 12px 12px;
        }

        .dcw-profile-popup .dcw-section-content-container table tr:nth-child(even), .dcw-faq-sidetab .dcw-section-content-container table tr:nth-child(even), .dcw-rich-sidetab .dcw-section-content-container table tr:nth-child(even) {
            background-color: #eeeeee;
        }

        .dcw-profile-popup .dcw-section-content-container table tr:nth-child(odd), .dcw-faq-sidetab .dcw-section-content-container table tr:nth-child(odd), .dcw-rich-sidetab .dcw-section-content-container table tr:nth-child(odd) {
            background-color: #f8f8f8;
        }
        /* .dcw-profile-popup .dcw-section-content-container table tr:hover {
    background-color: #ddd;
} */
        .dcw-profile-popup .dcw-section-content-container table th, .dcw-faq-sidetab .dcw-section-content-container table th, .dcw-rich-sidetab .dcw-section-content-container table th {
            padding: 12px 12px;
            text-align: left;
            background: var(--color-background-fill-success-hover, #1E8758);
            color: white;
            white-space: nowrap;
            font-weight: 700;
        }

    .dcw-profile-popup .dcw-section-content-container .dcw-table-cont.table-alt::-webkit-scrollbar-thumb, .dcw-faq-sidetab .dcw-section-content-container .dcw-table-cont.table-alt::-webkit-scrollbar-thumb, .dcw-rich-sidetab .dcw-section-content-container .dcw-table-cont.table-alt::-webkit-scrollbar-thumb {
        background: #B6CAC7;
    }

        .dcw-profile-popup .dcw-section-content-container .dcw-table-cont.table-alt::-webkit-scrollbar-thumb:hover, .dcw-faq-sidetab .dcw-section-content-container .dcw-table-cont.table-alt::-webkit-scrollbar-thumb:hover, .dcw-rich-sidetab .dcw-section-content-container .dcw-table-cont.table-alt::-webkit-scrollbar-thumb:hover {
            background: #B6CAC7;
        }

    .dcw-profile-popup .dcw-section-content-container table.table-alt tr:nth-child(even), .dcw-faq-sidetab .dcw-section-content-container table.table-alt tr:nth-child(even), .dcw-rich-sidetab .dcw-section-content-container table.table-alt tr:nth-child(even) {
        background-color: #FFFFFF;
    }

    .dcw-profile-popup .dcw-section-content-container table.table-alt tr:nth-child(odd), .dcw-faq-sidetab .dcw-section-content-container table.table-alt tr:nth-child(odd), .dcw-rich-sidetab .dcw-section-content-container table.table-alt tr:nth-child(odd) {
        background-color: #E7EDEC;
    }

    .dcw-profile-popup .dcw-section-content-container table.table-alt th, .dcw-faq-sidetab .dcw-section-content-container table.table-alt th, .dcw-rich-sidetab .dcw-section-content-container table.table-alt th {
        background: #B6CAC7;
        color: #062F28;
    }

    .dcw-profile-popup .dcw-section-content-container table.table-alt td, .dcw-faq-sidetab .dcw-section-content-container table.table-alt td, .dcw-rich-sidetab .dcw-section-content-container table.table-alt td {
        color: #062F28;
    }

    .dcw-profile-popup .dcw-section-content-container b, .dcw-faq-sidetab .dcw-section-content-container b, .dcw-rich-sidetab .dcw-section-content-container b {
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-profile-popup .dcw-section-content-container ul, .dcw-faq-sidetab .dcw-section-content-container ul, .dcw-rich-sidetab .dcw-section-content-container ul {
        display: flex;
        flex-direction: column;
        gap: var(--spacegapspace-component-gap-s,12px);
        list-style: disc !important;
        padding-left: 24px;
    }

        .dcw-profile-popup .dcw-section-content-container ul li > *, .dcw-faq-sidetab .dcw-section-content-container ul li > *, .dcw-rich-sidetab .dcw-section-content-container ul li > * {
            margin-bottom: 8px;
        }

        .dcw-profile-popup .dcw-section-content-container ul li::marker, .dcw-faq-sidetab .dcw-section-content-container ul li::marker, .dcw-rich-sidetab .dcw-section-content-container ul li::marker, .dcw-rich-sidetab .dcw-section-content-container ul li::marker {
            color: #E84E15;
            font-size: 24px;
        }

    .dcw-profile-popup .dcw-section-content-container ol, .dcw-faq-sidetab .dcw-section-content-container ol, .dcw-rich-sidetab .dcw-section-content-container ol {
        display: flex;
        flex-direction: column;
        list-style: decimal !important;
        padding-left: 24px;
    }

        .dcw-profile-popup .dcw-section-content-container ol li::marker, .dcw-faq-sidetab .dcw-section-content-container ol li::marker, .dcw-rich-sidetab .dcw-section-content-container ol li::marker {
            color: #1A1A1A;
            font-size: 16px;
        }

    .dcw-profile-popup .dcw-section-content-container a, .dcw-faq-sidetab .dcw-section-content-container a, .dcw-rich-sidetab .dcw-section-content-container a {
        color: #E84E15;
    }

    .dcw-profile-popup .dcw-section-content-container h4, .dcw-faq-sidetab .dcw-section-content-container h4, .dcw-rich-sidetab .dcw-section-content-container h4 {
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-profile-popup .dcw-list-decription {
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-profile-popup .dcw-nav-tag img {
        display: none;
    }

    .dcw-profile-popup .profile-popup-container {
        position: fixed;
        top: 0;
        left: 0;
        min-height: 100vh;
        max-height: 100vh;
        text-align: center;
        overflow-y: auto;
        height: auto;
        width: 100%;
        z-index: 999;
        visibility: hidden;
        opacity: 0;
    }

    .dcw-profile-popup .profile-popup-content {
        position: relative;
        margin-top: 100px;
        width: 100%;
        height: auto;
        background-color: #F5F5F5;
        z-index: 9;
        padding: 2rem 0;
        border-radius: 24px 24px 0 0;
        transform: translateY(100%);
        min-height: calc(100vh - 100px);
    }

    .dcw-profile-popup .profile-popup-container.show .profile-popup-content {
        transform: translateY(0);
    }

    .dcw-profile-popup .profile-popup-shade {
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .dcw-profile-popup .profile-indicator {
        width: 80px;
        height: 4px;
        background-color: #E6E6E6;
        position: absolute;
        top: 10px;
        left: 50%;
        transform: translateX(-50%);
    }

    .dcw-profile-popup .profile-header-inner {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .dcw-profile-popup .profile-header-left {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        gap: 1rem;
    }

    .dcw-profile-popup .profile-header-icon,
    .dcw-profile-popup .profile-header-close {
        background-color: #ffffff;
        border-radius: 50%;
        width: 32px;
        height: 32px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .dcw-profile-popup .profile-header-close {
        cursor: pointer;
    }

    .dcw-profile-popup .profile-header-title {
        font-size: 20px;
        line-height: 24px;
        font-weight: 700;
    }

    .dcw-profile-popup .profile-popup-body {
        margin-top: 1.5rem;
        margin-top: 1rem;
    }

    .dcw-profile-popup .profile-body-inner {
        background-color: #ffffff;
        border-radius: 1rem;
        padding: 1rem;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .dcw-profile-popup .profile-popup-image {
        border-radius: 32px;
        overflow: hidden;
        aspect-ratio: 1/1;
    }

        .dcw-profile-popup .profile-popup-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: top;
        }

    .dcw-profile-popup .profile-summary,
    .dcw-profile-popup .profile-section {
        text-align: left;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .dcw-profile-popup .profile-section {
        gap: 1rem;
    }

    .dcw-profile-popup .profile-popup-desc {
        text-align: left;
    }

    .dcw-profile-popup .profile-section p {
        text-align: left;
    }

    .dcw-profile-popup .profile-section ul {
        text-align: left;
        display: flex;
        flex-direction: column;
        list-style: disc !important;
        padding-left: 24px;
    }

        .dcw-profile-popup .profile-section ul li {
            margin-bottom: 8px;
        }

            .dcw-profile-popup .profile-section ul li::marker {
                color: #E84E15;
                font-size: 24px;
            }

    .dcw-profile-popup .profile-summary-name {
        font-size: 24px;
        line-height: 28px;
        font-weight: 700;
    }

    .dcw-profile-popup .profile-popup-title {
        text-align: left;
        font-weight: 700;
        font-size: 20px;
        line-height: 24px;
    }

    .dcw-profile-popup .profile-main,
    .dcw-profile-popup .profile-content {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

@media screen and (min-width:1024px) {
    .dcw-profile-popup {
        /* padding: 56px 0px; */
        flex-direction: row;
        align-items: start;
        gap: 2rem;
        position: relative;
        margin-bottom: 10rem;
        max-width: 786px;
        margin: 0 auto;
    }

        .dcw-profile-popup .dcw-nav-container {
            /* width: 450px; */
            width: 25%;
            flex-direction: column;
            height: fit-content;
        }

            .dcw-profile-popup .dcw-nav-container.sticky {
                top: 150px;
                padding: 0;
            }

        .dcw-profile-popup .nav-holder {
            height: auto;
            width: 450px;
        }

        .dcw-profile-popup .dcw-nav-container.bottom {
            top: auto;
            bottom: 24px;
            position: absolute;
        }

        .dcw-profile-popup .nav-holder.bottom {
            display: block;
        }

        .dcw-profile-popup .dcw-nav-tag {
            padding: 1rem 0.5rem;
            width: 100%;
            border-radius: 0;
            border: 0;
            border-bottom: 1px solid #E0E0E0;
            height: fit-content;
            font-size: 15.63px;
            font-weight: 400;
            line-height: 36px;
            letter-spacing: -0.01em;
            text-align: left;
        }

            .dcw-profile-popup .dcw-nav-tag.dcw-nav-tag-active {
                background-color: white;
                color: var(--color-background-fill-primary);
            }

            .dcw-profile-popup .dcw-nav-tag img:first-child {
                display: block;
            }

            .dcw-profile-popup .dcw-nav-tag img:last-child {
                display: none;
            }

            .dcw-profile-popup .dcw-nav-tag.dcw-nav-tag-active img:first-child {
                display: none;
            }

            .dcw-profile-popup .dcw-nav-tag.dcw-nav-tag-active img:last-child {
                display: block;
            }

        .dcw-profile-popup .profile-container {
            grid-template-columns: repeat(3, 1fr);
        }

        .dcw-profile-popup .dcw-section-container {
            padding-top: 1rem !important;
        }

        .dcw-profile-popup .dcw-section-title {
            font-size: 32px;
            line-height: 40px;
            word-wrap: break-word;
        }

        .dcw-profile-popup .dcw-section-content-container table, .dcw-faq-sidetab .dcw-section-content-container table, .dcw-rich-sidetab .dcw-section-content-container table {
            width: 100%;
        }

        .dcw-profile-popup .profile-header-inner {
            padding: 1rem 2rem;
            border-bottom: 1px solid #E0E0E0;
        }

        .dcw-profile-popup .profile-body-inner {
            background-color: transparent;
            padding: 2rem;
            flex-direction: row;
        }

        .dcw-profile-popup .profile-header-title {
            font-size: 24px;
            line-height: 28px;
        }

        .dcw-profile-popup .profile-indicator {
            display: none;
        }

        .dcw-profile-popup .profile-popup-image {
            width: 310px;
        }

        .dcw-profile-popup .profile-main, .dcw-profile-popup .profile-content {
            padding: 0 1rem;
        }

        .dcw-profile-popup .profile-summary-name {
            font-size: 32px;
            line-height: 40px;
        }

        .dcw-profile-popup .profile-popup-title {
            font-size: 24px;
            line-height: 28px;
        }
}



/** Richtext With Sidetab **/
.dcw-rich-sidetab {
    width: 100%;
    padding: 1rem 0px 1rem 0px;
    display: flex;
    flex-direction: column;
    background: white;
    box-sizing: border-box;
    align-items: center;
    /* max-width: 1512px !important; */
    margin: 0 auto !important;
}

    .dcw-rich-sidetab.top-rounded {
        position: relative;
        top: -10rem;
        padding-top: 1rem !important;
        z-index: 999;
    }

    .dcw-rich-sidetab .dcw-section-container {
        width: 100%;
        height: fit-content;
        display: flex;
        flex-direction: column;
        gap: 24px;
        position: relative;
    }

    .dcw-rich-sidetab .dcw-nav-tag {
        width: fit-content;
        height: 40px;
        padding: 8px 16px;
        gap: 8px;
        border-radius: 8px;
        border: 1px solid #E0E0E0;
        display: flex;
        align-items: center;
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        letter-spacing: -0.01em;
        text-align: center;
        flex-shrink: 0;
        cursor: pointer;
        color: black;
    }

        .dcw-rich-sidetab .dcw-nav-tag * {
            pointer-events: none;
        }

    .dcw-rich-sidetab .dcw-nav-container {
        width: 100%;
        height: 60px;
        display: flex;
        gap: 16px;
        justify-content: start;
        align-items: center;
        overflow-x: scroll;
        position: relative;
        background: white;
    }

        .dcw-rich-sidetab .dcw-nav-container.sticky {
            position: fixed;
            z-index: 99;
            top: 134px;
            padding: 0 2rem;
        }

    .dcw-rich-sidetab .nav-holder {
        display: none;
        height: 60px;
    }

        .dcw-rich-sidetab .nav-holder.active {
            display: block;
        }

    .dcw-rich-sidetab .dcw-nav-container::-webkit-scrollbar {
        height: 0px;
    }

    .dcw-rich-sidetab .dcw-nav-tag.dcw-nav-tag-active {
        background-color: var(--color-background-fill-primary);
        color: white;
    }

    .dcw-rich-sidetab .dcw-nav-tag img {
        display: none;
    }

    .dcw-rich-sidetab .dcw-section {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 1rem;
        left: 0;
        width: 100%;
    }

        .dcw-rich-sidetab .dcw-section:first-child {
            position: relative;
        }

    .dcw-rich-sidetab .dcw-tentang-content {
        width: 100%;
        margin-top: 2rem;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .dcw-rich-sidetab .dcw-faq-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 14px;
        border: 1px solid #E0E0E0;
        border-radius: 14px;
        cursor: pointer;
    }

        .dcw-rich-sidetab .dcw-faq-item span {
            width: 80%;
            font-size: 20px;
            font-weight: 600;
        }

    .dcw-rich-sidetab h3 {
        padding: 1rem 0;
    }

    .dcw-rich-sidetab .dcw-rich-content {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

        .dcw-rich-sidetab .dcw-rich-content .dcw-table-cont {
            overflow: auto;
            padding: 1rem 0;
        }

            .dcw-rich-sidetab .dcw-rich-content .dcw-table-cont::-webkit-scrollbar {
                height: 10px;
            }

            .dcw-rich-sidetab .dcw-rich-content .dcw-table-cont::-webkit-scrollbar-track {
                box-shadow: none;
                border-radius: 10px;
            }

            .dcw-rich-sidetab .dcw-rich-content .dcw-table-cont::-webkit-scrollbar-thumb {
                background: var(--color-background-fill-success-hover, #1E8758);
                border-radius: 10px;
            }

                .dcw-rich-sidetab .dcw-rich-content .dcw-table-cont::-webkit-scrollbar-thumb:hover {
                    background: var(--color-background-fill-success-hover, #1E8758);
                }

        .dcw-rich-sidetab .dcw-rich-content table {
            border-collapse: collapse;
            width: max-content;
        }

            .dcw-rich-sidetab .dcw-rich-content table tr:first-child th:first-child {
                border-top-left-radius: 16px;
            }

            .dcw-rich-sidetab .dcw-rich-content table tr:last-child td:first-child {
                border-bottom-left-radius: 16px;
            }

            .dcw-rich-sidetab .dcw-rich-content table tr:last-child td:last-child {
                border-bottom-right-radius: 16px;
            }

            .dcw-rich-sidetab .dcw-rich-content table tr:first-child th:last-child {
                border-top-right-radius: 16px;
            }

            .dcw-rich-sidetab .dcw-rich-content table td {
                font-size: 16px;
                font-weight: 400;
                line-height: 20px;
                letter-spacing: -0.01em;
                text-align: left;
                padding: 12px 12px;
                max-width: 300px;
            }

            .dcw-rich-sidetab .dcw-rich-content table tr:nth-child(even) {
                background-color: #eeeeee;
            }

            .dcw-rich-sidetab .dcw-rich-content table tr:nth-child(odd) {
                background-color: #f8f8f8;
            }
            /* .dcw-rich-sidetab .dcw-rich-content table tr:hover {
    background-color: #ddd;
} */
            .dcw-rich-sidetab .dcw-rich-content table th {
                padding: 12px 12px;
                text-align: left;
                background: var(--color-background-fill-success-hover, #1E8758);
                color: white;
                white-space: nowrap;
                max-width: 300px;
                font-weight: 700;
            }

        .dcw-rich-sidetab .dcw-rich-content .dcw-table-cont.table-alt::-webkit-scrollbar-thumb {
            background: #B6CAC7;
        }

            .dcw-rich-sidetab .dcw-rich-content .dcw-table-cont.table-alt::-webkit-scrollbar-thumb:hover {
                background: #B6CAC7;
            }

        .dcw-rich-sidetab .dcw-rich-content table.table-alt tr:nth-child(even) {
            background-color: #FFFFFF;
        }

        .dcw-rich-sidetab .dcw-rich-content table.table-alt tr:nth-child(odd) {
            background-color: #E7EDEC;
        }

        .dcw-rich-sidetab .dcw-rich-content table.table-alt th {
            background: #B6CAC7;
            color: #062F28;
        }

        .dcw-rich-sidetab .dcw-rich-content table.table-alt td {
            color: #062F28;
        }

        .dcw-rich-sidetab .dcw-rich-content ol {
            display: flex;
            flex-direction: column;
            list-style: decimal !important;
            padding-left: 24px;
        }

            .dcw-rich-sidetab .dcw-rich-content ol li::marker {
                color: #1A1A1A;
                font-size: 16px;
            }

    .dcw-rich-sidetab a.cta-btn {
        color: #FFFFFF;
        background-color: #E84E15;
        font-size: 1rem;
        font-weight: 700;
        border-radius: 8px;
        padding: 1rem;
        text-align: center;
        display: block;
        width: fit-content;
        max-width: 100%;
    }

        .dcw-rich-sidetab a.cta-btn.left {
            align-self: flex-start;
        }

        .dcw-rich-sidetab a.cta-btn.right {
            align-self: flex-end;
        }

        .dcw-rich-sidetab a.cta-btn.center {
            align-self: center;
        }

@media screen and (min-width:1024px) {
    .dcw-rich-sidetab {
        padding: 56px 0px;
        flex-direction: row;
        align-items: start;
        gap: 2rem;
        position: relative;
        margin-bottom: 10rem;
    }

        .dcw-rich-sidetab .dcw-nav-container {
            /* width: 450px; */
            width: 25%;
            flex-direction: column;
            height: fit-content;
        }

            .dcw-rich-sidetab .dcw-nav-container.sticky {
                top: 150px;
                padding: 0;
            }

        .dcw-rich-sidetab .nav-holder {
            height: auto;
            width: 450px;
        }

        .dcw-rich-sidetab .dcw-nav-container.bottom {
            top: auto;
            bottom: 24px;
            position: absolute;
        }

        .dcw-rich-sidetab .nav-holder.bottom {
            display: block;
        }

        .dcw-rich-sidetab .dcw-nav-tag {
            padding: 1rem 0.5rem;
            width: 100%;
            border-radius: 0;
            border: 0;
            border-bottom: 1px solid #E0E0E0;
            height: fit-content;
            font-size: 15.63px;
            font-weight: 400;
            line-height: 36px;
            letter-spacing: -0.01em;
            text-align: left;
        }

            .dcw-rich-sidetab .dcw-nav-tag.dcw-nav-tag-active {
                background-color: white;
                color: var(--color-background-fill-primary);
            }

            .dcw-rich-sidetab .dcw-nav-tag img:first-child {
                display: block;
            }

            .dcw-rich-sidetab .dcw-nav-tag img:last-child {
                display: none;
            }

            .dcw-rich-sidetab .dcw-nav-tag.dcw-nav-tag-active img:first-child {
                display: none;
            }

            .dcw-rich-sidetab .dcw-nav-tag.dcw-nav-tag-active img:last-child {
                display: block;
            }

        .dcw-rich-sidetab .dcw-section-title {
            font-size: 32px;
            line-height: 40px;
            word-wrap: break-word;
        }

        .dcw-rich-sidetab .dcw-tentang-content {
            margin-top: 1rem;
        }

        .dcw-rich-sidetab .dcw-rich-content table {
            width: 100%;
        }
}



/** FAQ Rich Text **/
.dcw-faq-richtext {
    width: 100%;
    padding: 1rem 0px 1rem 0px;
    display: flex;
    flex-direction: column;
    background: white;
    box-sizing: border-box;
    align-items: center;
    /* max-width: 1512px !important; */
    margin: 0 auto !important;
}

    .dcw-faq-richtext .dcw-section-container {
        width: 100%;
        height: fit-content;
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .dcw-faq-richtext .dcw-section {
        width: 100%;
        height: fit-content;
        display: flex;
    }

    .dcw-faq-richtext .dcw-section-content-container {
        width: 100%;
        height: fit-content;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

        .dcw-faq-richtext .dcw-section-content-container p, .dcw-faq-sidetab .dcw-section-content-container p, .dcw-rich-sidetab .dcw-section-content-container p {
            font-size: 16px;
            font-weight: 400;
            line-height: 20px;
            letter-spacing: -0.01em;
            text-align: left;
        }

        .dcw-faq-richtext .dcw-section-content-container h3, .dcw-faq-sidetab .dcw-section-content-container h3 {
            font-size: 24px;
            font-weight: 700;
            line-height: 1.4;
            letter-spacing: -0.01em;
            text-align: left;
            height: fit-content;
        }

    .dcw-faq-richtext .dcw-nav-tag {
        width: fit-content;
        height: 40px;
        padding: 8px 16px;
        gap: 8px;
        border-radius: 8px;
        border: 1px solid #E0E0E0;
        display: flex;
        align-items: center;
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        letter-spacing: -0.01em;
        text-align: center;
        flex-shrink: 0;
        cursor: pointer;
        color: black;
    }

        .dcw-faq-richtext .dcw-nav-tag * {
            pointer-events: none;
        }

    .dcw-faq-richtext .dcw-nav-container {
        width: 100%;
        height: 60px;
        display: flex;
        gap: 16px;
        justify-content: start;
        align-items: center;
        overflow-x: scroll;
        position: relative;
        background: white;
    }

        .dcw-faq-richtext .dcw-nav-container.sticky {
            position: fixed;
            z-index: 99;
            top: 134px;
            padding: 0 2rem;
        }

    .dcw-faq-richtext .nav-holder {
        display: none;
        height: 60px;
    }

        .dcw-faq-richtext .nav-holder.active {
            display: block;
        }

    .dcw-faq-richtext .dcw-nav-container::-webkit-scrollbar {
        height: 0px;
    }

    .dcw-faq-richtext .dcw-nav-tag.dcw-nav-tag-active {
        background-color: var(--color-background-fill-primary);
        color: white;
    }

    .dcw-faq-richtext .dcw-section-content-container .dcw-table-cont {
        overflow: auto;
        padding: 1rem 0;
    }

        .dcw-faq-richtext .dcw-section-content-container .dcw-table-cont::-webkit-scrollbar {
            height: 10px;
        }

        .dcw-faq-richtext .dcw-section-content-container .dcw-table-cont::-webkit-scrollbar-track {
            box-shadow: none;
            border-radius: 10px;
        }

        .dcw-faq-richtext .dcw-section-content-container .dcw-table-cont::-webkit-scrollbar-thumb {
            background: var(--color-background-fill-success-hover, #1E8758);
            border-radius: 10px;
        }

            .dcw-faq-richtext .dcw-section-content-container .dcw-table-cont::-webkit-scrollbar-thumb:hover {
                background: var(--color-background-fill-success-hover, #1E8758);
            }

    .dcw-faq-richtext .dcw-section-content-container table {
        border-collapse: collapse;
        width: max-content;
    }

        .dcw-faq-richtext .dcw-section-content-container table tr:first-child th:first-child {
            border-top-left-radius: 16px;
        }

        .dcw-faq-richtext .dcw-section-content-container table tr:last-child td:first-child {
            border-bottom-left-radius: 16px;
        }

        .dcw-faq-richtext .dcw-section-content-container table tr:last-child td:last-child {
            border-bottom-right-radius: 16px;
        }

        .dcw-faq-richtext .dcw-section-content-container table tr:first-child th:last-child {
            border-top-right-radius: 16px;
        }

        .dcw-faq-richtext .dcw-section-content-container table td {
            font-size: 16px;
            font-weight: 400;
            line-height: 20px;
            letter-spacing: -0.01em;
            text-align: left;
            padding: 12px 12px;
        }

        .dcw-faq-richtext .dcw-section-content-container table tr:nth-child(even) {
            background-color: #eeeeee;
        }

        .dcw-faq-richtext .dcw-section-content-container table tr:nth-child(odd) {
            background-color: #f8f8f8;
        }
        /* .dcw-faq-richtext .dcw-section-content-container table tr:hover {
    background-color: #ddd;
} */
        .dcw-faq-richtext .dcw-section-content-container table th {
            padding: 12px 12px;
            text-align: left;
            background: var(--color-background-fill-success-hover, #1E8758);
            color: white;
            white-space: nowrap;
            font-weight: 700;
        }

    .dcw-faq-richtext .dcw-section-content-container .dcw-table-cont.table-alt::-webkit-scrollbar-thumb {
        background: #B6CAC7;
    }

        .dcw-faq-richtext .dcw-section-content-container .dcw-table-cont.table-alt::-webkit-scrollbar-thumb:hover {
            background: #B6CAC7;
        }

    .dcw-faq-richtext .dcw-section-content-container table.table-alt tr:nth-child(even) {
        background-color: #FFFFFF;
    }

    .dcw-faq-richtext .dcw-section-content-container table.table-alt tr:nth-child(odd) {
        background-color: #E7EDEC;
    }

    .dcw-faq-richtext .dcw-section-content-container table.table-alt th {
        background: #B6CAC7;
        color: #062F28;
    }

    .dcw-faq-richtext .dcw-section-content-container table.table-alt td {
        color: #062F28;
    }

    .dcw-faq-richtext .dcw-section-content-container b {
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-faq-richtext .dcw-section-content-container ul {
        display: flex;
        flex-direction: column;
        gap: var(--spacegapspace-component-gap-s,12px);
        list-style: disc !important;
        padding-left: 24px;
    }

        .dcw-faq-richtext .dcw-section-content-container ul li > * {
            margin-bottom: 8px;
        }

        .dcw-faq-richtext .dcw-section-content-container ul li::marker {
            color: #E84E15;
            font-size: 24px;
        }

    .dcw-faq-richtext .dcw-section-content-container ol {
        display: flex;
        flex-direction: column;
        list-style: decimal !important;
        padding-left: 24px;
    }

        .dcw-faq-richtext .dcw-section-content-container ol li::marker {
            color: #1A1A1A;
            font-size: 16px;
        }

    .dcw-faq-richtext .dcw-section-content-container a {
        color: #E84E15;
    }

    .dcw-faq-richtext .dcw-section-content-container h4 {
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-faq-richtext .dcw-list-decription {
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-faq-richtext .dcw-nav-tag img {
        display: none;
    }

    .dcw-faq-richtext .dcw-tentang-content {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .dcw-faq-richtext .dcw-faq-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 14px;
        border: 1px solid #E0E0E0;
        border-radius: 14px;
        cursor: pointer;
    }

        .dcw-faq-richtext .dcw-faq-item span {
            width: 80%;
            font-size: 20px;
            font-weight: 600;
        }

    .dcw-faq-richtext .faq-arrow {
        display: flex;
        align-items: center;
    }

    .dcw-faq-richtext .dcw-cardsgrid, .dcw-faq-sidetab .dcw-cardsgrid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem;
    }

        .dcw-faq-richtext .dcw-cardsgrid .dcw-cardsgrid-item, .dcw-faq-sidetab .dcw-cardsgrid .dcw-cardsgrid-item {
            border: 1px solid #E0E0E0;
            border-radius: 32px;
            min-height: 300px;
            padding: 2rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .dcw-faq-richtext .dcw-cardsgrid img, .dcw-faq-sidetab .dcw-cardsgrid img {
            width: 48px;
            height: 48px;
            object-fit: contain;
            margin: 1rem 0;
        }

        .dcw-faq-richtext .dcw-cardsgrid p, .dcw-faq-sidetab .dcw-cardsgrid p {
            margin: 1rem 0;
        }

    .dcw-faq-richtext a.cta-btn {
        color: #FFFFFF;
        background-color: #E84E15;
        font-size: 1rem;
        font-weight: 700;
        border-radius: 8px;
        padding: 1rem;
        text-align: center;
        display: block;
        width: fit-content;
        max-width: 100%;
    }

        .dcw-faq-richtext a.cta-btn.left {
            align-self: flex-start;
        }

        .dcw-faq-richtext a.cta-btn.right {
            align-self: flex-end;
        }

        .dcw-faq-richtext a.cta-btn.center {
            align-self: center;
        }

@media screen and (min-width:1024px) {
    .dcw-faq-richtext {
        padding: 56px 0px;
        flex-direction: row;
        align-items: start;
        gap: 2rem;
        position: relative;
        margin-bottom: 10rem;
    }

        .dcw-faq-richtext .dcw-nav-container {
            width: 25%;
            flex-direction: column;
            height: fit-content;
        }

            .dcw-faq-richtext .dcw-nav-container.sticky {
                top: 150px;
                padding: 0;
            }

        .dcw-faq-richtext .nav-holder {
            height: auto;
            width: 450px;
        }

        .dcw-faq-richtext .dcw-nav-container.bottom {
            top: auto;
            bottom: 24px;
            position: absolute;
        }

        .dcw-faq-richtext .nav-holder.bottom {
            display: block;
        }

        .dcw-faq-richtext .dcw-nav-tag {
            padding: 1rem 0.5rem;
            width: 100%;
            border-radius: 0;
            border: 0;
            border-bottom: 1px solid #E0E0E0;
            height: fit-content;
            font-size: 15.63px;
            font-weight: 400;
            line-height: 36px;
            letter-spacing: -0.01em;
            text-align: left;
        }

            .dcw-faq-richtext .dcw-nav-tag.dcw-nav-tag-active {
                background-color: white;
                color: var(--color-background-fill-primary);
            }

            .dcw-faq-richtext .dcw-nav-tag img:first-child {
                display: block;
            }

            .dcw-faq-richtext .dcw-nav-tag img:last-child {
                display: none;
            }

            .dcw-faq-richtext .dcw-nav-tag.dcw-nav-tag-active img:first-child {
                display: none;
            }

            .dcw-faq-richtext .dcw-nav-tag.dcw-nav-tag-active img:last-child {
                display: block;
            }

        .dcw-faq-richtext .dcw-section-container, .dcw-profile-popup .dcw-section-container {
            width: 75%;
            padding-top: 1rem !important;
        }

        .dcw-faq-richtext .dcw-section-title {
            font-size: 32px;
            line-height: 40px;
            word-wrap: break-word;
        }

        .dcw-faq-richtext .dcw-section-content-container table {
            width: 100%;
        }

        .dcw-faq-richtext .dcw-cardsgrid, .dcw-faq-sidetab .dcw-cardsgrid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 1rem;
        }
}



/** Single PDF **/
.dcw-single-pdf .dcw-pdf-content,
.dcw-single-pdf .dcw-pdf-iframe {
    width: 100%;
    min-height: 100vh;
}

.dcw-single-pdf .dcw-pdf-content {
    max-width: 1512px !important;
    margin: 0 auto !important;
}



/** Search List **/
.dcw-search-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

    .dcw-search-list .dcw-search-container {
        padding-bottom: 1.5rem;
        width: 100%;
        max-width: 1512px !important;
        margin: 0 auto !important;
    }

    .dcw-search-list .dcw-search-type {
        display: flex;
        flex-direction: row;
        gap: 1rem;
        overflow-x: auto;
        width: 100%;
        max-width: 1512px !important;
        margin: 0 auto !important;
    }

        .dcw-search-list .dcw-search-type::-webkit-scrollbar {
            height: 0px;
        }

        .dcw-search-list .dcw-search-type .search-type-item {
            border: 1px solid #E0E0E0;
            border-radius: 88px;
            padding: 1rem;
            cursor: pointer;
            height: fit-content;
            white-space: nowrap;
        }

            .dcw-search-list .dcw-search-type .search-type-item.active,
            .dcw-search-list .dcw-search-type .search-type-item:hover {
                border: 1px solid transparent;
                background-color: #E84E15;
                color: #FFFFFF;
                padding: 1rem;
            }

    .dcw-search-list .dcw-search-input {
        position: relative;
        width: 100%;
        max-width: 1512px !important;
        margin: 0 auto !important;
    }

        .dcw-search-list .dcw-search-input input {
            width: 100%;
            border: 1px solid #E0E0E0;
            height: 60px;
            padding: 1rem 4rem 1rem 1rem;
            border-radius: 8px;
        }

        .dcw-search-list .dcw-search-input img {
            position: absolute;
            right: 1rem;
            top: 12px;
            cursor: pointer;
        }

    .dcw-search-list .dcw-search-result {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem;
    }

        .dcw-search-list .dcw-search-result .search-result-card {
            border: 1px solid #E0E0E0;
            padding: 2rem;
            border-radius: 32px;
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
        }

        .dcw-search-list .dcw-search-result .search-card-link {
            color: #E84E15;
            padding: 0;
        }

            .dcw-search-list .dcw-search-result .search-card-link img {
                position: relative;
                top: 7px;
            }

        .dcw-search-list .dcw-search-result .search-card-title {
            font-size: 18px;
            line-height: 22px;
            font-weight: 700;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-bottom: 2px;
        }

        .dcw-search-list .dcw-search-result .search-card-desc {
            font-size: 14px;
            line-height: 18px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .dcw-search-list .dcw-search-pagination,
    .dcw-search-list .dcw-search-pagination ul {
        display: flex;
        flex-direction: row;
        gap: 0;
        margin: 1rem 0.25rem;
        align-items: center;
    }

        .dcw-search-list .dcw-search-pagination .search-page-prev,
        .dcw-search-list .dcw-search-pagination .search-page-next {
            border-radius: 50%;
            background-color: #E84E15;
            width: 24px;
            height: 24px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            cursor: pointer;
        }

            .dcw-search-list .dcw-search-pagination .search-page-prev img,
            .dcw-search-list .dcw-search-pagination .search-page-next img {
                width: 18px;
                height: 18px;
            }

        .dcw-search-list .dcw-search-pagination ul {
            border-radius: 99px;
            background-color: #FFFFFF;
        }

            .dcw-search-list .dcw-search-pagination ul li {
                width: 28px;
                height: 28px;
                border-radius: 50%;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                cursor: pointer;
            }

                .dcw-search-list .dcw-search-pagination ul li.active,
                .dcw-search-list .dcw-search-pagination ul li:hover {
                    background-color: #E84E15;
                    color: #FFFFFF;
                }

                .dcw-search-list .dcw-search-pagination ul li.skip {
                    pointer-events: none;
                }

    .dcw-search-list .dcw-search-empty {
        display: none;
        justify-content: center;
        align-items: center;
        height: 500px;
        width: 100%;
        max-width: 1512px !important;
        margin: 0 auto !important;
    }

    .dcw-search-list .dcw-empty-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

@media screen and (min-width: 1025px) {
    .dcw-search-list .dcw-search-result {
        grid-template-columns: repeat(3, 1fr);
        gap: 2rem;
    }

    .dcw-search-list .dcw-search-pagination .search-page-prev,
    .dcw-search-list .dcw-search-pagination .search-page-next {
        width: 40px;
        height: 40px;
    }

        .dcw-search-list .dcw-search-pagination .search-page-prev img,
        .dcw-search-list .dcw-search-pagination .search-page-next img {
            width: 20px;
            height: 20px;
        }

    .dcw-search-list .dcw-search-pagination ul li {
        width: 40px;
        height: 40px;
    }

    .dcw-search-list .dcw-search-result .search-result-card {
        padding: 3rem 2rem;
    }

    .dcw-search-list .dcw-search-result .search-card-title {
        font-size: 15.63px;
        line-height: 1.4;
    }

    .dcw-search-list .dcw-search-result .search-card-desc {
        font-size: 10px;
        line-height: 1.4;
    }

    .dcw-search-list .dcw-search-result .search-card-link {
        font-size: 12px;
    }

    .dcw-search-list .dcw-search-container {
        padding-bottom: 3rem;
    }
}



/** Accordion List **/
.dcw-accordion-list {
    margin: 2rem 0;
    width: 100%;
}

    .dcw-accordion-list .dcw-header-cont {
        max-width: 1512px !important;
        margin: 0 auto !important;
    }

    .dcw-accordion-list .dcw-accordion-container {
        margin: 2rem 0;
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 1rem;
        max-width: 1512px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .dcw-accordion-list .accordion-item-head {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin: 0 1rem;
        padding: 1rem 0;
        border-bottom: 1px solid transparent;
        cursor: pointer;
    }

        .dcw-accordion-list .accordion-item-head > * {
            pointer-events: none;
        }

    .dcw-accordion-list .dcw-accordion-items {
        border: 1px solid #E0E0E0;
        border-radius: 16px;
    }
        /*custom*/
        .dcw-accordion-list .dcw-accordion-items .accordion-item-content ul {
            display: flex;
            flex-direction: column;
            gap: var(--spacegapspace-component-gap-s,12px);
            list-style: disc !important;
            padding-left: 24px;
        }

            .dcw-accordion-list .dcw-accordion-items .accordion-item-content ul li > * {
                margin-bottom: 8px;
            }

            .dcw-accordion-list .dcw-accordion-items .accordion-item-content ul li::marker {
                color: #E84E15;
                font-size: 24px;
            }

        .dcw-accordion-list .dcw-accordion-items .accordion-item-content ol {
            display: flex;
            flex-direction: column;
            list-style: decimal !important;
            padding-left: 24px;
        }

            .dcw-accordion-list .dcw-accordion-items .accordion-item-content ol li::marker {
                color: #1A1A1A;
                font-size: 16px;
            }
    /*end custom*/

    .dcw-accordion-list .accordion-item-content {
        padding: 0 1rem;
        height: 0;
        overflow: hidden;
    }

    .dcw-accordion-list .accordion-item-head.open {
        margin: 0 1rem;
        border-bottom: 1px solid #E0E0E0;
    }

        .dcw-accordion-list .accordion-item-head.open + .accordion-item-content {
            padding: 1rem !important;
            height: auto;
        }

    .dcw-accordion-list .accordion-item-chevron {
        transform: rotate(180deg);
    }

    .dcw-accordion-list .accordion-item-head.open .accordion-item-chevron {
        transform: rotate(0deg);
    }

    .dcw-accordion-list .accordion-item-content .dcw-table-cont {
        overflow: auto;
        padding: 1rem 0;
    }

        .dcw-accordion-list .accordion-item-content .dcw-table-cont::-webkit-scrollbar {
            height: 10px;
        }

        .dcw-accordion-list .accordion-item-content .dcw-table-cont::-webkit-scrollbar-track {
            box-shadow: none;
            border-radius: 10px;
        }

        .dcw-accordion-list .accordion-item-content .dcw-table-cont::-webkit-scrollbar-thumb {
            background: var(--color-background-fill-success-hover, #1E8758);
            border-radius: 10px;
        }

            .dcw-accordion-list .accordion-item-content .dcw-table-cont::-webkit-scrollbar-thumb:hover {
                background: var(--color-background-fill-success-hover, #1E8758);
            }

    .dcw-accordion-list .accordion-item-content table {
        border-collapse: collapse;
        width: 100%;
    }

        .dcw-accordion-list .accordion-item-content table tr:first-child th:first-child {
            border-top-left-radius: 16px;
        }

        .dcw-accordion-list .accordion-item-content table tr:last-child td:first-child {
            border-bottom-left-radius: 16px;
        }

        .dcw-accordion-list .accordion-item-content table tr:last-child td:last-child {
            border-bottom-right-radius: 16px;
        }

        .dcw-accordion-list .accordion-item-content table tr:first-child th:last-child {
            border-top-right-radius: 16px;
        }

        .dcw-accordion-list .accordion-item-content table td {
            font-size: 16px;
            font-weight: 400;
            line-height: 20px;
            letter-spacing: -0.01em;
            text-align: left;
            padding: 12px 12px;
            vertical-align: middle;
        }

        .dcw-accordion-list .accordion-item-content table tr:nth-child(even) {
            background-color: #eeeeee;
        }

        .dcw-accordion-list .accordion-item-content table tr:nth-child(odd) {
            background-color: #f8f8f8;
        }
        /* .dcw-accordion-list .accordion-item-content table tr:hover {
    background-color: #ddd;
} */
        .dcw-accordion-list .accordion-item-content table th {
            padding: 12px 12px;
            text-align: left;
            background: var(--color-background-fill-success-hover, #1E8758);
            color: white;
            white-space: nowrap;
            vertical-align: middle;
            font-weight: 700;
        }

    .dcw-accordion-list .accordion-item-content .dcw-table-cont.table-alt::-webkit-scrollbar-thumb {
        background: #B6CAC7;
    }

        .dcw-accordion-list .accordion-item-content .dcw-table-cont.table-alt::-webkit-scrollbar-thumb:hover {
            background: #B6CAC7;
        }

    .dcw-accordion-list .accordion-item-content table.table-alt tr:nth-child(even) {
        background-color: #FFFFFF;
    }

    .dcw-accordion-list .accordion-item-content table.table-alt tr:nth-child(odd) {
        background-color: #E7EDEC;
    }

    .dcw-accordion-list .accordion-item-content table.table-alt th {
        background: #B6CAC7;
        color: #062F28;
    }

    .dcw-accordion-list .accordion-item-content table.table-alt td {
        color: #062F28;
    }

@media screen and (min-width: 1024px) {
    .dcw-accordion-list h3 {
        font-size: 24px;
        line-height: 1.2;
    }

    .dcw-accordion-list .accordion-item-title {
        font-weight: 700;
        font-size: 20px;
        line-height: 1.2;
    }
}

/** Full Rich Text **/
.dcw-full-richtext {
    width: 100%;
    padding: 32px 0px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    background: #ffffff;
    box-sizing: border-box;
}

    .dcw-full-richtext .dcw-header {
        width: 100%;
        height: fit-content;
        max-height: 32px;
        display: flex;
        align-items: center;
        gap: 16px;
        justify-content: space-between;
    }

    .dcw-full-richtext .dcw-title-tag {
        width: 85%;
        max-height: 32px;
        display: flex;
        gap: 16px;
        justify-content: start;
        align-items: center;
        color: #414141;
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-full-richtext .dcw-header-title {
        width: fit-content;
    }

    .dcw-full-richtext .dcw-tag-img {
        background-color: #ffffff;
        border-radius: 50%;
        width: 42px;
        height: 42px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .dcw-full-richtext .dcw-tag-icon {
        width: auto;
        height: 32px;
    }

    .dcw-full-richtext .dcw-section-container {
        width: 100%;
        height: fit-content;
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding-bottom: 5rem;
        max-width: 1512px !important;
        margin: 0 auto !important;
    }

    .dcw-full-richtext .dcw-section {
        width: 100%;
        height: fit-content;
        display: flex;
    }

    .dcw-full-richtext .dcw-table-cont,
    .dcw-rich-sidetab .dcw-table-cont,
    .dcw-faq-richtext .dcw-table-cont,
    .dcw-news-richtext .dcw-table-cont,
    .dcw-product-richtext .dcw-table-cont,
    .dcw-profile-popup .dcw-table-cont {
        overflow: auto;
        padding: 1rem;
        scrollbar-width: auto;
    }

        .dcw-full-richtext .dcw-table-cont::-webkit-scrollbar {
            height: 10px;
        }

        .dcw-full-richtext .dcw-table-cont::-webkit-scrollbar-track {
            box-shadow: none;
            border-radius: 10px;
        }

        .dcw-full-richtext .dcw-table-cont::-webkit-scrollbar-thumb {
            background: var(--color-background-fill-success-hover, #1E8758);
            border-radius: 10px;
        }

            .dcw-full-richtext .dcw-table-cont::-webkit-scrollbar-thumb:hover {
                background: var(--color-background-fill-success-hover, #1E8758);
            }

    .dcw-full-richtext table {
        border-collapse: collapse;
        width: 100%;
    }

    .dcw-full-richtext .dcw-table-cont.table-alt::-webkit-scrollbar-thumb {
        background: #B6CAC7;
    }

        .dcw-full-richtext .dcw-table-cont.table-alt::-webkit-scrollbar-thumb:hover {
            background: #B6CAC7;
        }

    .dcw-full-richtext table.table-alt tr:nth-child(even) {
        background-color: #FFFFFF;
    }

    .dcw-full-richtext table.table-alt tr:nth-child(odd) {
        background-color: #E7EDEC;
    }

    .dcw-full-richtext table.table-alt th {
        background: #B6CAC7;
        color: #062F28;
    }

    .dcw-full-richtext table.table-alt td {
        color: #062F28;
    }

    .dcw-full-richtext table tr:first-child th:first-child {
        border-top-left-radius: 16px;
    }

    .dcw-full-richtext table tr:last-child td:first-child {
        border-bottom-left-radius: 16px;
    }

    .dcw-full-richtext table tr:last-child td:last-child {
        border-bottom-right-radius: 16px;
    }

    .dcw-full-richtext table tr:first-child th:last-child {
        border-top-right-radius: 16px;
    }

    .dcw-full-richtext table td {
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: -0.01em;
        text-align: center;
        vertical-align: middle;
        padding: 12px 12px;
    }

    .dcw-full-richtext table tr:nth-child(even) {
        background-color: #FFFFFF;
    }

    .dcw-full-richtext table tr:nth-child(odd) {
        background-color: #f8f8f8;
    }
    /* .dcw-full-richtext table tr:hover {
    background-color: #dddddd;
} */
    .dcw-full-richtext table th {
        padding: 12px 12px;
        text-align: center;
        vertical-align: middle;
        background: var(--color-background-fill-success-hover, #1E8758);
        color: white;
        font-weight: bold;
        white-space: nowrap;
        border: 1px solid white;
    }

        .dcw-full-richtext table th[rowspan] {
            vertical-align: middle;
        }

    .dcw-full-richtext .dcw-table-text-bold {
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: -0.01em;
        text-align: middle;
    }

    .dcw-full-richtext .dcw-periode-container {
        padding-left: 6rem;
    }

    .dcw-full-richtext h3 {
        font-size: 24px;
        font-weight: 700;
    }

    .dcw-full-richtext .dcw-renewperiod-text {
        font-size: 16px;
        color: #8D8D8D;
    }

    .dcw-full-richtext .dcw-keterangan-container {
        padding-left: 6rem;
        width: 92%;
    }

    .dcw-full-richtext .dcw-keterangan-title {
        font-size: 16px;
        font-weight: bold;
    }

    .dcw-full-richtext .dcw-section-container ul {
        display: flex;
        flex-direction: column;
        list-style: disc !important;
        padding-left: 24px;
    }

        .dcw-full-richtext .dcw-section-container ul li::marker {
            color: #E84E15;
            font-size: 24px;
        }

    .dcw-full-richtext .dcw-section-container ol {
        display: flex;
        flex-direction: column;
        list-style: decimal !important;
        padding-left: 24px;
    }

        .dcw-full-richtext .dcw-section-container ol li::marker {
            color: #1A1A1A;
            font-size: 16px;
        }

    .dcw-full-richtext .dcw-keterangan-contents {
        font-size: 16px;
        text-align: justify;
        margin-bottom: 10px;
    }

    .dcw-full-richtext .dcw-keterangan-linktext {
        font-size: 16px;
        text-align: justify;
        color: #E84E15;
        font-weight: bold;
    }

    /*custom add for class richtext*/
    .dcw-full-richtext a.cta-btn {
        color: #FFFFFF;
        background-color: #E84E15;
        font-size: 1rem;
        font-weight: 700;
        border-radius: 8px;
        padding: 1rem;
        text-align: center;
        display: block;
        width: fit-content;
        max-width: 100%;
    }

        .dcw-full-richtext a.cta-btn.left {
            align-self: flex-start;
        }

        .dcw-full-richtext a.cta-btn.right {
            align-self: flex-end;
        }

        .dcw-full-richtext a.cta-btn.center {
            align-self: center;
        }


@media screen and (min-width:1024px) {
    .dcw-full-richtext {
        padding: 30px 0px;
    }

        .dcw-full-richtext .dcw-header {
            max-height: 72px;
        }

        .dcw-full-richtext .dcw-title-tag {
            max-width: 70%;
            max-height: 72px;
            font-size: 40px;
            line-height: 52px;
        }

        .dcw-full-richtext .dcw-tag-img {
            width: 72px;
            height: 72px;
        }

        .dcw-full-richtext .dcw-tag-icon {
            width: 48px;
            height: 48px;
        }
}

@media screen and (max-width:1366px) {
    .dcw-full-richtext .dcw-periode-container {
        padding-left: 3rem;
    }

    .dcw-full-richtext .dcw-keterangan-container {
        padding-left: 3rem;
        width: 96%;
    }
}

/*Suku Bunga Table*/
.dcw-sukubunga-table {
    width: 100%;
    padding-bottom: 5rem;
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: #ffffff;
    box-sizing: border-box;
}

    .dcw-sukubunga-table .dcw-filter-tag {
        width: fit-content;
        height: 42px;
        padding: 8px 16px;
        gap: 32px;
        border-radius: 88px;
        border: 1px solid #E0E0E0;
        opacity: 0px;
        display: flex;
        align-items: center;
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        letter-spacing: -0.01em;
        text-align: center;
        flex-shrink: 0;
        cursor: pointer;
    }

    .dcw-sukubunga-table .dcw-filter-container {
        width: 100%;
        height: fit-content;
        max-height: 72px;
        display: flex;
        gap: 16px;
        justify-content: start;
        align-items: center;
        padding: 0;
        overflow-x: scroll;
    }

        .dcw-sukubunga-table .dcw-filter-container::-webkit-scrollbar {
            height: 0px;
        }

    .dcw-sukubunga-table .dcw-filter-tag:hover,
    .dcw-sukubunga-table .dcw-filter-tag.dcw-filter-tag-active {
        background-color: var(--color-background-fill-primary);
        color: white;
    }

    .dcw-sukubunga-table .dcw-filter-header {
        margin-top: 10px;
        width: 100%;
        height: fit-content;
        display: flex;
        align-items: center;
        justify-content: space-between;
        /* max-width: 1512px !important; */
        margin: 0 auto;
    }

    .dcw-sukubunga-table .dcw-title-filter {
        width: 100%;
        display: flex;
        gap: 16px;
        justify-content: start;
        align-items: center;
        color: #414141;
        font-size: 18px;
        font-weight: 700;
        line-height: 22px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-sukubunga-table .dcw-header-filter {
        width: fit-content;
    }

    .dcw-sukubunga-table .dcw-filter-img {
        background-color: #ffffff;
        border-radius: 50%;
        width: 42px;
        height: 42px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .dcw-sukubunga-table .dcw-filter-contents {
        position: relative;
        width: 100%;
    }

    .dcw-sukubunga-table .dcw-filter-icon {
        width: auto;
        height: 32px;
    }

    .dcw-sukubunga-table .dcw-filter-section {
        visibility: hidden;
        opacity: 0;
        width: 100%;
        display: none;
    }

        .dcw-sukubunga-table .dcw-filter-section.show {
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }

        .dcw-sukubunga-table .dcw-filter-section:first-child {
            position: relative;
        }

    .dcw-sukubunga-table .dcw-table-sukubungamain {
        overflow: auto;
        /* margin-top: 1rem; */
        width: 100%;
        /* max-width: 1512px !important; */
        margin: 1rem auto 0 auto;
    }

        .dcw-sukubunga-table .dcw-table-sukubungamain > * {
            display: none;
            opacity: 0;
            visibility: hidden;
        }

            .dcw-sukubunga-table .dcw-table-sukubungamain > *.show {
                display: block;
            }

        .dcw-sukubunga-table .dcw-table-sukubungamain::-webkit-scrollbar {
            height: 10px;
        }

        .dcw-sukubunga-table .dcw-table-sukubungamain::-webkit-scrollbar-track {
            box-shadow: none;
            border-radius: 10px;
        }

        .dcw-sukubunga-table .dcw-table-sukubungamain::-webkit-scrollbar-thumb {
            background: var(--color-background-fill-success-hover, #1E8758);
            border-radius: 10px;
        }

            .dcw-sukubunga-table .dcw-table-sukubungamain::-webkit-scrollbar-thumb:hover {
                background: var(--color-background-fill-success-hover, #1E8758);
            }

    .dcw-sukubunga-table table {
        border-collapse: collapse;
        width: 100%;
    }

        .dcw-sukubunga-table table tr:first-child th:first-child {
            border-top-left-radius: 16px;
        }

        .dcw-sukubunga-table table tr:last-child td:first-child {
            border-bottom-left-radius: 16px;
        }

        .dcw-sukubunga-table table tr:last-child td:last-child {
            border-bottom-right-radius: 16px;
        }

        .dcw-sukubunga-table table tr:first-child th:last-child {
            border-top-right-radius: 16px;
        }

        .dcw-sukubunga-table table td {
            font-size: 14px;
            font-weight: 400;
            line-height: 18px;
            letter-spacing: -0.01em;
            text-align: center;
            padding: 12px 12px;
            white-space: nowrap;
        }

        .dcw-sukubunga-table table tr:nth-child(odd) {
            background-color: #FFFFFF;
        }

        .dcw-sukubunga-table table tr:nth-child(even) {
            background-color: #f8f8f8;
        }
        /* .dcw-sukubunga-table table tr:hover {
    background-color: #dddddd;
} */
        .dcw-sukubunga-table table th {
            padding: 12px 12px;
            text-align: center;
            background: var(--color-background-fill-success-hover, #1E8758);
            color: white;
            font-weight: bold;
            white-space: nowrap;
            border: 1px solid white;
        }

    .dcw-sukubunga-table .dcw-extratext-container {
        display: flex;
        align-items: center;
        margin-top: 5px;
        margin-bottom: 1rem;
        border-radius: 10px;
        border: none;
        background-color: #FFFBEE;
        padding: 1rem 0;
        width: 100%;
        /* max-width: 1512px !important; */
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .dcw-sukubunga-table .dcw-extratext-contents {
        font-size: 14px;
        line-height: 18px;
        padding-left: 18px;
        font-weight: bold;
        color: #FF8000;
    }

    .dcw-sukubunga-table .dropdown-selector-alt {
        display: flex;
        align-items: center;
        padding: 10px;
        text-decoration: none;
        color: #333;
        transition: background-color 0.3s;
        height: 100%;
        gap: 6px;
        width: fit-content;
        white-space: nowrap;
        border-radius: 16px;
        border: 1px solid #E0E0E0;
    }

        .dcw-sukubunga-table .dropdown-selector-alt span {
            display: flex;
            align-items: center;
            text-decoration: none;
            color: #333;
            transition: background-color 0.3s;
            height: 100%;
            gap: 6px;
            width: fit-content;
            white-space: nowrap;
        }

        .dcw-sukubunga-table .dropdown-selector-alt:hover {
            background-color: #f0f0f0;
        }

    .dcw-sukubunga-table .dcw-change-currency {
        position: relative;
    }

    .dcw-sukubunga-table .change-currency ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: none;
        position: absolute;
        background-color: #fff;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        border: 1px solid #ccc;
        border-radius: 8px;
        max-height: 150px;
        overflow-y: scroll;
        right: 0;
    }

        .dcw-sukubunga-table .change-currency ul li {
            display: flex;
            padding: 15px 20px;
            text-decoration: none;
            color: #333;
            transition: background-color 0.3s;
            gap: 5px;
            white-space: nowrap;
            width: 200px;
            cursor: pointer;
            align-items: center;
        }

            .dcw-sukubunga-table .change-currency ul li * {
                pointer-events: none;
            }

            .dcw-sukubunga-table .change-currency ul li:hover {
                background-color: #f0f0f0;
                text-decoration: none;
            }

    .dcw-sukubunga-table .dcw-currency-sukubunga {
        display: flex;
        justify-content: flex-end;
        margin-left: auto;
        align-items: center;
        color: #414141;
        gap: 16px;
        font-size: 16px;
        letter-spacing: -0.01em;
        text-align: end;
        font-weight: 700;
    }

        .dcw-sukubunga-table .dcw-currency-sukubunga .dcw-space-item:first-child {
            display: none;
        }

    .dcw-sukubunga-table .dcw-flag-icon {
        width: 22px;
        height: 22px;
    }

@media screen and (min-width:1024px) {
    .dcw-sukubunga-table .dcw-filter-tag {
        height: 60px;
        padding: 16px 32px;
        font-size: 16px;
        line-height: 20px;
        gap: 32px;
    }

    .dcw-sukubunga-table .dcw-currency-sukubunga .dcw-space-item:first-child {
        display: block;
    }

    .dcw-sukubunga-table .dcw-title-filter {
        font-size: 24px;
        line-height: 28px;
    }

    .dcw-sukubunga-table table td {
        font-size: 16px;
        line-height: 20px;
    }
}


/** Cards With Image **/
.dcw-cards-images {
    width: 100%;
    padding: 3rem 0;
    background-color: #FFFFFF;
}

    .dcw-cards-images.alt-color {
        background-color: #FFF2E6;
    }

    .dcw-cards-images .dcw-cardsimages-main {
        display: flex;
        flex-direction: column-reverse;
        gap: 2rem;
        width: 100%;
        /* max-width: 1512px !important; */
        margin: 0 auto !important;
    }

    .dcw-cards-images .dcw-cardsimages-left {
        width: 100%;
    }

        .dcw-cards-images .dcw-cardsimages-left img {
            width: 100%;
        }

    .dcw-cards-images .dcw-cardsimages-detail {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .dcw-cards-images .cardsimages-cards-detail {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .dcw-cards-images .dcw-cardsimages-title {
        font-size: 24px;
        line-height: 28px;
        font-weight: 700;
    }

    .dcw-cards-images .dcw-cardsimages-desc {
        font-size: 16px;
        line-height: 20px;
    }

    .dcw-cards-images .swiper-slide,
    .dcw-cards-images .cardsimages-item {
        border: 1px solid #E0E0E0;
        border-radius: 32px;
        padding: 2rem;
        display: flex;
        flex-direction: column;
        gap: 1rem;
        background-color: #ffffff;
        min-height: 235px;
    }

        .dcw-cards-images .swiper-slide img,
        .dcw-cards-images .cardsimages-item img {
            width: 32px;
            height: 32px;
        }

    .dcw-cards-images .cardsimages-cards-title {
        font-size: 20px;
        line-height: 24px;
        font-weight: 700;
    }

    .dcw-cards-images .cardsimages-cards-desc {
        font-size: 16px;
        line-height: 20px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dcw-cards-images .swiper-slide.no-link .cardsimages-cards-desc {
        -webkit-line-clamp: 4;
        line-clamp: 4;
    }

    .dcw-cards-images .cardsimages-cards-more {
        font-size: 16px;
        line-height: 20px;
        font-weight: 700;
        display: flex;
        align-items: center;
        color: #E84E15;
    }

        .dcw-cards-images .cardsimages-cards-more img {
            width: 28px;
            height: 28px;
        }

    .dcw-cards-images .dcw-cardsimages-cards-mobile {
        transform: translateY(-25%);
    }

        .dcw-cards-images .dcw-cardsimages-cards-mobile .dcw-cardsimages-swiper {
            padding: 0 1rem;
        }

        .dcw-cards-images .dcw-cardsimages-cards-mobile .swiper-pagination {
            position: relative;
            margin-top: 1.5rem;
        }

            .dcw-cards-images .dcw-cardsimages-cards-mobile .swiper-pagination .swiper-pagination-bullet {
                transition-property: all;
                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                transition-duration: 300ms;
            }

                .dcw-cards-images .dcw-cardsimages-cards-mobile .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
                    background-color: #E84E15;
                    width: 24px;
                    border-radius: 4px;
                }

    .dcw-cards-images .dcw-cardsimages-cards-desktop {
        display: none;
    }

@media screen and (min-width: 1024px) {
    .dcw-cards-images {
        padding: 7rem 0;
    }

        .dcw-cards-images .dcw-cardsimages-cards-mobile {
            display: none;
        }

        .dcw-cards-images .dcw-cardsimages-cards-desktop {
            display: flex;
            width: 100%;
            transform: translateX(-50%);
        }

        .dcw-cards-images .dcw-cardsimages-main {
            flex-direction: row;
            gap: 0;
        }

        .dcw-cards-images .dcw-cardsimages-left,
        .dcw-cards-images .dcw-cardsimages-right {
            width: 50%;
        }

        .dcw-cards-images .dcw-cardsimages-left {
            padding-right: 4rem;
        }

        .dcw-cards-images .dcw-cardsimages-right {
            padding-left: 4rem;
        }

        .dcw-cards-images .dcw-cardsimages {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1.5rem;
        }

        .dcw-cards-images .dcw-cardsimages-desc {
            /* font-size: 16px; */
            line-height: 1.4;
        }

        .dcw-cards-images .dcw-cardsimages-right {
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 3rem;
        }

        .dcw-cards-images .cardsimages-cards-desc {
            -webkit-line-clamp: 3;
            line-clamp: 3;
            font-size: 14px;
            line-height: 18px;
        }

    .dcw-cardsimages-cards-desktop .cardsimages-item.no-link .cardsimages-cards-desc {
        -webkit-line-clamp: 5;
        line-clamp: 5;
    }

    .dcw-cards-images .dcw-cardsimages-cards-mobile .dcw-cardsimages-swiper {
        padding: 0 2rem;
    }

    .dcw-cards-images .cardsimages-cards-title {
        font-size: 18px;
        line-height: 22px;
    }
}

@media screen and (min-width: 1300px) {
    .dcw-cards-images .dcw-cardsimages-cards-desktop {
        width: 145%;
        transform: translateX(-30%);
    }

    .dcw-cards-images .dcw-cardsimages-title {
        font-size: 40px;
        line-height: 52px;
    }
    /* .dcw-cards-images .dcw-cardsimages-desc {
        font-size: 18px;
        line-height: 22px;
    } */
    .dcw-cards-images .cardsimages-cards-title {
        font-size: 24px;
        line-height: 28px;
    }

    .dcw-cards-images .cardsimages-cards-desc {
        font-size: 16px;
        line-height: 20px;
    }

    .dcw-cards-images .cardsimages-cards-more {
        font-size: 16px;
        line-height: 20px;
    }
}

/** Point Cards Slider **/
.dcw-pointcard-slider {
    width: 100%;
    height: fit-content;
    background-color: #F5F5F5;
    padding-top: 5rem;
    padding-bottom: 3rem;
    position: relative;
}

    .dcw-pointcard-slider * {
        color: #ffffff;
    }

    .dcw-pointcard-slider.privilege-theme {
        background-color: #1A1A1A;
        color: #ffffff;
    }

    .dcw-pointcard-slider.optimal-theme {
        background-color: #0B3321;
        color: #ffffff;
    }

    .dcw-pointcard-slider .dcw-head-title {
        font-size: 24px;
        line-height: 28px;
        font-weight: 700;
        margin-bottom: 4rem;
        width: 100%;
        /* max-width: 1512px !important; */
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .dcw-pointcard-slider.privilege-theme .dcw-head-title {
        color: #FFD9B3;
    }

    .dcw-pointcard-slider.optimal-theme .dcw-head-title {
        color: #FFBF0F;
    }

    .dcw-pointcard-slider .dcw-main-container {
        display: flex;
        align-items: flex-start;
        width: 100%;
        /* max-width: 1512px !important; */
        margin: 0 auto !important;
    }

    .dcw-pointcard-slider .main-content-left .main-content-button {
        margin-top: 2rem;
    }

    .dcw-pointcard-slider .main-content-left {
        width: 100%;
    }

    .dcw-pointcard-slider .main-content-title {
        font-size: 48px;
        line-height: 1.2;
        font-weight: 700;
    }

    .dcw-pointcard-slider .slider-container-mobile {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        padding: 4rem 0;
        position: relative;
    }

    .dcw-pointcard-slider .mobile-slider {
        width: 100%;
    }

        .dcw-pointcard-slider .mobile-slider .swiper-wrapper {
            padding: 0 2rem;
        }

        .dcw-pointcard-slider .mobile-slider .swiper-slide img {
            width: 100%;
            height: auto;
            aspect-ratio: 3/2;
        }

        .dcw-pointcard-slider .mobile-slider .swiper-pagination {
            position: relative;
            margin: 0.5rem 0;
        }

            .dcw-pointcard-slider .mobile-slider .swiper-pagination .swiper-pagination-bullet {
                background-color: #CCCCCC;
                opacity: 1;
                transition-property: all;
                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                transition-duration: 300ms;
            }

                .dcw-pointcard-slider .mobile-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
                    background-color: #E84E15;
                    width: 24px;
                    border-radius: 4px;
                }

    .dcw-pointcard-slider .slider-backdrop {
        width: 450px;
        aspect-ratio: 4/3;
        background-color: #FFFFFF;
        border-radius: 32px;
        opacity: 0.07;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate(33%, calc(-50% - 1rem));
    }

    .dcw-pointcard-slider .points-title {
        font-size: 24px;
        line-height: 28px;
        font-weight: 700;
        color: #A3A3A3;
    }

    .dcw-pointcard-slider.privilege-theme .points-title {
        color: #A3A3A3;
    }

    .dcw-pointcard-slider.optimal-theme .points-title {
        color: #FFBF0F;
    }

    .dcw-pointcard-slider .points-content {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        padding: 1rem 0;
    }

    .dcw-pointcard-slider .point-item {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .dcw-pointcard-slider .point-num {
        width: 30px;
        height: 30px;
        background-color: #FFD9B3;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #994D00;
        font-size: 16px;
        line-height: 28px;
        font-weight: 700;
    }

    .dcw-pointcard-slider.privilege-theme .point-num {
        background-color: #FFD9B3;
        color: #994D00;
    }

    .dcw-pointcard-slider.optimal-theme .point-num {
        background-color: #E9F6F1;
        color: #B3860B;
    }

    .dcw-pointcard-slider .point-cont,
    .dcw-pointcard-slider .point-cont * {
        font-size: 16px;
        line-height: 20px;
    }

    .dcw-pointcard-slider .point-cont {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

        .dcw-pointcard-slider .point-cont ul {
            display: flex;
            flex-direction: column;
            gap: var(--spacegapspace-component-gap-s,12px);
            list-style: disc !important;
            padding-left: 24px;
        }

        .dcw-pointcard-slider .point-cont ol {
            display: flex;
            flex-direction: column;
            list-style: decimal !important;
            padding-left: 24px;
        }

            .dcw-pointcard-slider .point-cont ol li::marker {
                font-size: 16px;
            }

        .dcw-pointcard-slider .point-cont a {
            color: #E84E15;
        }

    .dcw-pointcard-slider .main-content-button > a {
        color: #FFFFFF;
        background-color: #E84E15;
        font-size: 1rem;
        font-weight: 700;
        border-radius: 8px;
        padding: 1rem;
    }

    .dcw-pointcard-slider.privilege-theme .main-content-button > a {
        background-color: #B35A00;
        color: #FFF2E6;
    }

    .dcw-pointcard-slider.optimal-theme .main-content-button > a {
        background-color: #FFCC3F;
        color: #484848;
    }

    .dcw-pointcard-slider .slider-container-desktop {
        display: none;
    }

@media screen and (min-width: 500px) {
    .dcw-pointcard-slider .slider-backdrop {
        height: 750px;
    }
}

@media screen and (min-width: 1025px) {
    .dcw-pointcard-slider {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

        .dcw-pointcard-slider .dcw-head-title {
            font-size: 40px;
            line-height: 52px;
        }

        .dcw-pointcard-slider .dcw-main-container {
            align-items: flex-end;
        }

        .dcw-pointcard-slider .main-content-title {
            font-size: 19.53px;
            line-height: 1.4;
        }

        .dcw-pointcard-slider .main-content-left {
            width: 50%;
            z-index: 99;
            display: flex;
            flex-direction: column;
            gap: 2rem;
        }

        .dcw-pointcard-slider .main-content-right {
            width: 50%;
            z-index: 9;
        }

        .dcw-pointcard-slider .slider-container-mobile {
            display: none;
        }

        .dcw-pointcard-slider .slider-container-desktop {
            display: block;
            position: relative;
            transform: translateY(-10%);
        }

        .dcw-pointcard-slider .desktop-slider {
            width: 100%;
            position: relative;
            z-index: 9;
        }

            .dcw-pointcard-slider .desktop-slider .swiper-slide.hidden-slide {
                opacity: 0;
                pointer-events: none;
                transform: translateX(-50%);
            }

            .dcw-pointcard-slider .desktop-slider .swiper-slide:not(.hidden-slide) {
                pointer-events: all;
            }

            .dcw-pointcard-slider .desktop-slider .swiper-slide img {
                width: 100%;
                height: auto;
                aspect-ratio: 3/2;
            }

            .dcw-pointcard-slider .desktop-slider .dcw-navigation-container {
                display: flex;
                flex-direction: row;
                gap: 1rem;
                margin: 1rem 0;
                justify-content: flex-end;
            }

            .dcw-pointcard-slider .desktop-slider .swiper-prev,
            .dcw-pointcard-slider .desktop-slider .swiper-next {
                width: 3.5rem;
                height: 3.5rem;
                background-color: #FFFFFF;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
            }

        .dcw-pointcard-slider .slider-backdrop {
            height: 575px;
        }

        .dcw-pointcard-slider .main-content-points {
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }
        /* .dcw-pointcard-slider .points-title {
        padding: 0 1rem;
    } */
        .dcw-pointcard-slider .points-content {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 2rem;
            padding-right: 2rem
        }

        .dcw-pointcard-slider .point-cont ul {
            gap: 0;
        }

        .dcw-pointcard-slider .main-content-button > a {
            width: fit-content;
            padding: 1.5rem;
        }
}

@media screen and (min-width: 1500px) {
    .dcw-pointcard-slider .main-content-title {
        font-size: 70px;
        line-height: 77px;
        padding-right: 0 !important;
    }
}



/** Dynamic Content **/
.dcw-dynamic-content .dcw-filter-tag {
    width: fit-content;
    height: 42px;
    padding: 8px 16px;
    gap: 32px;
    border-radius: 88px;
    border: 1px solid #E0E0E0;
    opacity: 0px;
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: -0.01em;
    text-align: center;
    flex-shrink: 0;
    cursor: pointer;
}

.dcw-dynamic-content .dcw-filter-container {
    width: 100%;
    height: fit-content;
    max-height: 72px;
    display: flex;
    gap: 16px;
    justify-content: start;
    align-items: center;
    padding: 0;
    overflow-x: scroll;
    /* max-width: 1512px !important; */
    margin: 0 auto 3rem auto;
}

    .dcw-dynamic-content .dcw-filter-container::-webkit-scrollbar {
        height: 0px;
    }

.dcw-dynamic-content .dcw-filter-tag:hover,
.dcw-dynamic-content .dcw-filter-tag.active {
    background-color: var(--color-background-fill-primary);
    color: white;
}

.dcw-dynamic-content .dcw-component-container > .dcw-section {
    display: none;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    flex-direction: column;
    width: 100%;
}

    .dcw-dynamic-content .dcw-component-container > .dcw-section:first-child {
        position: relative;
    }

    .dcw-dynamic-content .dcw-component-container > .dcw-section.show {
        display: flex;
        position: relative;
    }

@media screen and (min-width: 1024px) {
    .dcw-dynamic-content .dcw-filter-tag {
        /* height: 60px; */
        padding: 16px 32px;
        font-size: 10px;
        line-height: 1.4;
    }
}


/** EForm Filter **/
.dcw-eform-filters {
    padding-bottom: 1rem;
}

    .dcw-eform-filters .dcw-filter-tag {
        width: fit-content;
        height: 42px;
        padding: 8px 16px;
        gap: 32px;
        border-radius: 88px;
        border: 1px solid #E0E0E0;
        opacity: 0px;
        display: flex;
        align-items: center;
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        letter-spacing: -0.01em;
        text-align: center;
        flex-shrink: 0;
        cursor: pointer;
    }

    .dcw-eform-filters .dcw-filter-container {
        width: 100%;
        height: fit-content;
        max-height: 72px;
        display: flex;
        gap: 16px;
        justify-content: start;
        align-items: center;
        padding: 0;
        overflow-x: scroll;
        margin-bottom: 3rem;
        /* max-width: 1512px !important; */
        margin-left: auto !important;
        margin-right: auto !important;
    }

        .dcw-eform-filters .dcw-filter-container::-webkit-scrollbar {
            height: 0px;
        }

    .dcw-eform-filters .dcw-filter-tag:hover,
    .dcw-eform-filters .dcw-filter-tag.active {
        background-color: var(--color-background-fill-primary);
        color: white;
    }

    .dcw-eform-filters .dcw-card-container .dcw-section {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem;
        width: 100%;
        /* max-width: 1512px !important; */
        margin: 0 auto !important;
    }

    .dcw-eform-filters .eform-item {
        border: 1px solid #E0E0E0;
        border-radius: 32px;
        padding: 2rem;
        min-height: 160px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .dcw-eform-filters .eform-title {
        font-weight: 700;
        font-size: 22px;
        line-height: 28px;
    }

    .dcw-eform-filters .eform-label {
        font-weight: 700;
        font-size: 16px;
        line-height: 20px;
        color: #E84E15;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 0.5rem;
    }

    .dcw-eform-filters .dcw-load-more {
        display: flex;
        justify-content: center;
        margin-top: 2rem;
    }

    .dcw-eform-filters .load-more-btn {
        background: transparent;
        color: var(--color-background-fill-primary);
        border: 1px solid var(--color-background-fill-primary);
        border-radius: 8px;
        padding: 1rem 2rem;
        transition: all 0.2s;
    }

        .dcw-eform-filters .load-more-btn:hover {
            background-color: var(--color-background-fill-primary);
            color: #ffffff;
        }

@media screen and (min-width: 1024px) {
    .dcw-eform-filters {
        padding-bottom: 3rem;
    }

        .dcw-eform-filters .dcw-filter-tag {
            /* height: 60px; */
            padding: 16px 32px;
            font-size: 10px;
            line-height: 20px;
        }

        .dcw-eform-filters .dcw-card-container .dcw-section {
            grid-template-columns: repeat(3, 1fr);
        }
}



/** Search List **/
.dcw-search-page {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 2rem 0;
}

    .dcw-search-page .dcw-search-type {
        display: flex;
        flex-direction: row;
        gap: 1rem;
        overflow-x: auto;
        padding: 0 2rem;
        width: 100%;
        /* max-width: 1512px !important; */
        margin: 0 auto !important;
    }

        .dcw-search-page .dcw-search-type .search-type-item {
            border: 1px solid #E0E0E0;
            border-radius: 88px;
            padding: 8px 16px;
            cursor: pointer;
            height: 42px;
            width: fit-content;
            white-space: nowrap;
            background-color: #FFFFFF;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            font-size: 16px;
            font-weight: 400;
            line-height: 20px;
        }

            .dcw-search-page .dcw-search-type .search-type-item.active,
            .dcw-search-page .dcw-search-type .search-type-item:hover {
                border: 1px solid transparent;
                background-color: #E84E15;
                color: #FFFFFF;
            }

    .dcw-search-page .dcw-search-input {
        position: relative;
        width: 100%;
        /* max-width: 1512px !important; */
        margin: 0 auto !important;
    }

        .dcw-search-page .dcw-search-input input {
            width: 100%;
            border: 1px solid #E0E0E0;
            height: 60px;
            padding: 1.5rem 3rem 0.75rem 3rem;
            border-radius: 8px;
        }

    .dcw-search-page .dcw-search-input-inner {
        position: relative;
    }

    .dcw-search-page .dcw-search-input img.dcw-search-input-icon {
        position: absolute;
        left: 0.5rem;
        top: 0.75rem;
        cursor: pointer;
    }

    .dcw-search-page .dcw-search-input img.dcw-search-input-close {
        position: absolute;
        right: 1rem;
        top: 1rem;
        cursor: pointer;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }

    .dcw-search-page .dcw-search-input .dcw-search-input-label {
        position: absolute;
        left: 3rem;
        top: 1rem;
        font-size: 14px;
        top: 20px;
        pointer-events: none;
        color: #8D8D8D;
    }

    .dcw-search-page .search-input:focus + .dcw-search-input-label,
    .dcw-search-page .search-input:not(:placeholder-shown) + .dcw-search-input-label {
        font-size: 0.75rem;
        top: 10px;
    }

        .dcw-search-page .search-input:not(:placeholder-shown) + .dcw-search-input-label ~ .dcw-search-input-close {
            opacity: 1;
            visibility: visible;
            pointer-events: all;
        }

    .dcw-search-page .dcw-search-container {
        width: 100%;
        /* max-width: 1512px !important; */
        margin: 0 auto !important;
    }

    .dcw-search-page .dcw-search-result {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem;
    }

        .dcw-search-page .dcw-search-result .search-result-card {
            display: flex;
            flex-direction: row;
            /* aspect-ratio: 2 / 1.1; */
            overflow: hidden;
            border-radius: 16px;
            background-color: #FFFFFF;
        }

        .dcw-search-page .dcw-search-result .search-img-cont {
            width: 100%;
        }

            .dcw-search-page .dcw-search-result .search-img-cont > img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center;
            }

        .dcw-search-page .dcw-search-result .search-detail-cont {
            width: 100%;
            padding: 1rem;
            display: flex;
            justify-content: center;
            flex-direction: column;
            gap: 0.3rem;
        }

        .dcw-search-page .dcw-search-result .search-card-link {
            color: #E84E15;
            padding: 0;
            display: flex;
            flex-direction: row;
            align-items: center;
            /* margin-top: 1rem; */
            font-weight: 800;
            font-size: 14px;
            line-height: 1.2;
        }

        .dcw-search-page .dcw-search-result .search-card-category {
            font-size: 12px;
            line-height: 14px;
        }

        .dcw-search-page .dcw-search-result .search-card-title {
            font-size: 20px;
            line-height: 1.2;
            font-weight: 700;
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
        }

        .dcw-search-page .dcw-search-result .search-card-desc {
            font-size: 12px;
            line-height: 1.3;
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
        }

    .dcw-search-page .dcw-search-pagination,
    .dcw-search-page .dcw-search-pagination ul {
        display: flex;
        flex-direction: row;
        gap: 0;
        margin: 1rem 0.25rem;
        align-items: center;
    }

        .dcw-search-page .dcw-search-pagination .search-page-prev,
        .dcw-search-page .dcw-search-pagination .search-page-next {
            border-radius: 50%;
            background-color: #E84E15;
            width: 24px;
            height: 24px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            cursor: pointer;
        }

            .dcw-search-page .dcw-search-pagination .search-page-prev img,
            .dcw-search-page .dcw-search-pagination .search-page-next img {
                width: 18px;
                height: 18px;
            }

        .dcw-search-page .dcw-search-pagination ul {
            border-radius: 99px;
            background-color: #FFFFFF;
        }

            .dcw-search-page .dcw-search-pagination ul li {
                width: 28px;
                height: 28px;
                border-radius: 50%;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                cursor: pointer;
            }

                .dcw-search-page .dcw-search-pagination ul li.active,
                .dcw-search-page .dcw-search-pagination ul li:hover {
                    background-color: #E84E15;
                    color: #FFFFFF;
                }

                .dcw-search-page .dcw-search-pagination ul li.skip {
                    pointer-events: none;
                }

    .dcw-search-page .dcw-search-empty {
        display: none;
        justify-content: center;
        align-items: center;
        height: 500px;
        width: 100%;
        max-width: 1512px !important;
        margin: 0 auto !important;
    }

    .dcw-search-page .dcw-empty-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

    .dcw-search-page .dcw-search-count {
        font-size: 14px;
        line-height: 18px;
        margin: 1rem 0;
        width: 100%;
        /* max-width: 1512px !important; */
        margin: 0 auto !important;
    }

.search-image-section {
    display: none;
    width: 50%;
    height: 100%;
    aspect-ratio: 3/2;
}

@media screen and (min-width: 400px) {
    .dcw-search-page .dcw-search-pagination .search-page-prev,
    .dcw-search-page .dcw-search-pagination .search-page-next {
        width: 36px;
        height: 36px;
    }

    .dcw-search-page .dcw-search-pagination ul li {
        width: 36px;
        height: 36px;
    }
}

@media screen and (min-width: 1025px) {
    /* .dcw-search-page .dcw-search-type{
        padding: 0 2rem;
    } */
    .dcw-search-page .dcw-search-input .dcw-search-input-inner {
        width: 80%;
    }

    .dcw-search-page .dcw-search-result .search-result-card {
        aspect-ratio: unset;
    }

    .dcw-search-page .dcw-search-result {
        gap: 2rem;
    }

        .dcw-search-page .dcw-search-result .search-img-cont {
            aspect-ratio: 3/2;
            width: unset;
            height: unset;
        }

        .dcw-search-page .dcw-search-result .search-img-square {
            aspect-ratio: 1/1 !important;
            width: fit-content !important;
            height: 100% !important;
        }

        .dcw-search-page .dcw-search-result .search-card-title {
            -webkit-line-clamp: 1;
            line-clamp: 1;
        }

        .dcw-search-page .dcw-search-result .search-detail-cont {
            width: 80%;
            padding: 1rem;
            display: flex;
            justify-content: center;
            flex-direction: column;
            gap: 0.2rem;
        }

    .dcw-search-page .dcw-search-pagination .search-page-prev,
    .dcw-search-page .dcw-search-pagination .search-page-next {
        width: 40px;
        height: 40px;
    }

        .dcw-search-page .dcw-search-pagination .search-page-prev img,
        .dcw-search-page .dcw-search-pagination .search-page-next img {
            width: 20px;
            height: 20px;
        }

    .dcw-search-page .dcw-search-pagination ul li {
        width: 40px;
        height: 40px;
        gap: 1rem;
    }

    .dcw-search-page .dcw-search-container .dcw-search-result {
        width: 80%;
    }

    .dcw-search-page .dcw-search-pagination,
    .dcw-search-page .dcw-search-pagination ul {
        gap: 1rem;
        margin: 1rem;
    }
}



/** Join Bar **/
.dcw-joinbar * {
    box-sizing: border-box;
    position: relative;
}

.dcw-joinbar {
    width: 100%;
    height: auto;
}

    .dcw-joinbar .dcw-joinbar-content {
        width: 100%;
        height: fit-content;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 1rem;
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
        border-top-left-radius: 25px;
        border-top-right-radius: 25px;
        box-sizing: border-box;
        box-shadow: 0px -6px 28px 0px #00000014;
        position: fixed;
        bottom: 0;
        left: 0;
        transform: translateY(100%);
        z-index: 99;
        background-color: #FFFFFF;
    }

    .dcw-joinbar.privilege-theme .dcw-joinbar-content {
        background-color: #484848;
    }

    .dcw-joinbar.optimal-theme .dcw-joinbar-content {
        background-color: #166542;
        padding: 0 2rem;
    }

    .dcw-joinbar .dcw-title {
        font-size: 24px;
        font-weight: bold;
        line-height: 28px;
        text-align: left;
        align-items: center;
        color: #1A1A1A;
    }

    .dcw-joinbar.privilege-theme .dcw-title {
        color: #FFD9B3;
    }

    .dcw-joinbar.optimal-theme .dcw-title {
        color: #FFD9B3;
    }

    .dcw-joinbar .dcw-button-container {
        display: flex;
        justify-content: end;
        gap: 1rem;
    }

    .dcw-joinbar .dcw-button-next {
        display: flex;
        height: 60px;
        width: 100%;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        font-weight: 700;
        line-height: 26px;
        letter-spacing: -0.01em;
        text-align: center;
        border: none;
        border-radius: var(--corner-radiuscontainer-card-s);
        padding: var(--spacepaddingspace-component-padding-m,16px);
        cursor: pointer;
    }

    .dcw-joinbar.privilege-theme .dcw-button-next {
        color: #FFF2E6;
        background-color: #B35A00;
    }

    .dcw-joinbar.optimal-theme .dcw-button-next {
        color: #484848;
        background-color: #FFCC3F;
    }

@media screen and (min-width: 343px) {
    .dcw-joinbar .dcw-title {
        text-align: center !important;
    }

    .dcw-joinbar .dcw-joinbar-content {
        flex-direction: column;
        border-top-left-radius: 35px;
        border-top-right-radius: 35px;
    }

    .dcw-joinbar .dcw-description {
        font-size: 18px;
        font-weight: 400;
        line-height: 15px;
        letter-spacing: -0.01em;
        text-align: center;
        align-items: center;
        color: #E8E8E8;
    }
}

@media screen and (min-width: 1024px) {
    .dcw-joinbar .dcw-button-next {
        width: fit-content;
    }

    .dcw-joinbar .dcw-description {
        display: none !important;
    }

    .dcw-joinbar .dcw-joinbar-content {
        padding: 0 2rem;
        flex-direction: row;
        border-top-left-radius: 25px;
        border-top-right-radius: 25px;
    }

    .dcw-joinbar .dcw-title {
        display: flex;
        font-size: 24px;
        font-weight: bold;
        line-height: 28px;
        letter-spacing: -0.01em;
        text-align: left;
        align-items: center;
        color: #FFD9B3;
    }
}

/** Colorable Cards **/
.dcw-colorable-cards {
    width: 100%;
    height: fit-content;
    background-color: #FFFFFF;
    position: relative;
    top: 0;
    z-index: 9;
}

    .dcw-colorable-cards.privilege-theme {
        background-color: #FFF2E6;
    }

    .dcw-colorable-cards.optimal-theme {
        background-color: #E9F6F1;
    }

    .dcw-colorable-cards .dcw-main-content {
        padding: 5rem 0;
        width: 100%;
        display: flex;
        gap: 1rem;
        /* max-width: 1512px !important; */
        margin: 0 auto !important;
    }

    .dcw-colorable-cards .dcw-title {
        width: 100%;
        font-size: 24px;
        line-height: 28px;
        font-weight: 700;
        color: #1A1A1A;
        margin-bottom: 0.5rem;
    }

    .dcw-colorable-cards .dcw-points-card-container {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem;
        width: 100%;
        height: fit-content;
        margin-top: 6.8rem;
    }

    .dcw-colorable-cards .dcw-wealth-growth-card {
        flex: 1 0 91%;
        min-width: 300px;
        min-height: 210px;
        height: fit-content;
        width: 100%;
        /* aspect-ratio: 1 / 1; */
        display: flex;
        flex-direction: column;
        justify-content: start;
        flex-wrap: wrap;
        gap: 16px;
        border: 1px solid var(--color-border-border-primary-default, #E0E0E0);
        border-radius: var(--corner-radiuscontainer-card-xl,32px);
        padding: var(--spacegapspace-component-gap-l,32px);
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: -0.01em;
        text-align: left;
        background-color: #FFFFFF;
    }

    .dcw-colorable-cards .dcw-card-header-container {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }

    .dcw-colorable-cards .dcw-card-header-icon {
        width: 36px;
        height: 36px;
    }

    .dcw-colorable-cards .dcw-richtext-container {
        height: fit-content;
        display: flex;
        flex-direction: column;
        gap: 6px;
        width: 100%;
        margin-bottom: 5px;
    }

    .dcw-colorable-cards .dcw-card-title {
        font-size: 24px;
        color: #1A1A1A;
        font-weight: 700;
        line-height: 28px;
    }

    .dcw-colorable-cards .dcw-card-description {
        font-size: 16px;
        font-weight: 400;
        color: #1A1A1A;
        line-height: 20px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        line-clamp: 5;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .dcw-colorable-cards .dcw-readmore-container {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: fit-content;
    }

        .dcw-colorable-cards .dcw-readmore-container:hover {
            cursor: pointer;
        }

    .dcw-colorable-cards .dcw-hyperlink-text {
        font-size: 16px;
        font-weight: 700;
        color: #E84E15;
        line-height: 20px;
    }

    .dcw-colorable-cards .dcw-card-hyperlink-icon {
        padding-left: 5px;
    }

@media screen and (min-width: 343px) {
    .dcw-colorable-cards .dcw-main-content {
        flex-direction: column;
    }

    .dcw-colorable-cards .dcw-points-card-container {
        width: fit-content;
        align-items: center;
        text-align: center;
        margin-top: 0rem;
    }
}

@media screen and (min-width: 1024px) {
    .dcw-colorable-cards .dcw-main-content {
        flex-direction: row;
    }

    .dcw-colorable-cards .dcw-points-card-container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
        /* margin-top: 6.8rem; */
    }

    .dcw-colorable-cards .dcw-title {
        width: 30%;
        font-size: 19.53px;
        line-height: 1.4;
    }
    /* .dcw-colorable-cards .dcw-wealth-growth-card {
        aspect-ratio: 1.9 / 1;
    } */
    .dcw-colorable-cards .dcw-card-description {
        -webkit-line-clamp: 3;
        line-clamp: 3;
    }
}

/** Contact Cards **/
.dcw-contact-cards {
    width: 100%;
    height: fit-content;
    padding-bottom: 5rem !important;
    position: relative;
    top: 0;
    z-index: 9;
}

    .dcw-contact-cards .dcw-contact-cards-container {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem;
        width: 100%;
        height: fit-content;
    }

    .dcw-contact-cards .dcw-contact-card {
        flex: 1 0 91%;
        min-width: 300px;
        min-height: 210px;
        height: fit-content;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: start;
        flex-wrap: wrap;
        gap: 16px;
        border: 1px solid var(--color-border-border-primary-default, #E0E0E0);
        border-radius: var(--corner-radiuscontainer-card-xl,32px);
        padding: var(--spacegapspace-component-gap-l,32px);
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: -0.01em;
        text-align: left;
        background-color: #FFFFFF;
    }

    .dcw-contact-cards .dcw-card-header-container {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }

    .dcw-contact-cards .dcw-card-header-icon {
        width: 36px;
        height: 36px;
    }

    .dcw-contact-cards .dcw-richtext-container {
        height: fit-content;
        display: flex;
        flex-direction: column;
        gap: 6px;
        width: 100%;
        margin-bottom: 5px;
    }

    .dcw-contact-cards .dcw-card-title {
        font-size: 20px;
        color: #1A1A1A;
        font-weight: 700;
        line-height: 24px;
    }

    .dcw-contact-cards .has-table .dcw-card-title {
        padding: 8px;
        border-bottom: 1px solid #E0E0E0;
    }

    .dcw-contact-cards .dcw-card-description {
        font-size: 16px;
        font-weight: 400;
        color: #1A1A1A;
        line-height: 20px;
    }

    .dcw-contact-cards .dcw-btn-container {
        width: fit-content;
        height: fit-content;
        margin-top: 10px;
    }

    .dcw-contact-cards .dcw-contact-btn {
        height: 32px;
        color: #FFFFFF;
        background-color: #E84E15;
        font-size: 14px;
        font-weight: 700;
        border-radius: 8px;
        padding: 1rem;
    }

    .dcw-contact-cards .dcw-socialmedia-container {
        display: flex;
        flex-direction: row;
        gap: 1rem;
        align-items: center;
    }

        .dcw-contact-cards .dcw-socialmedia-container img {
            max-height: 28px;
            max-width: 60px;
            height: auto;
            width: auto;
        }

    .dcw-contact-cards .dcw-card-description > * {
        margin-bottom: 16px;
    }

    .dcw-contact-cards table {
        border-collapse: collapse;
        width: 100%;
    }

        .dcw-contact-cards table tr:first-child th:first-child {
            border-top-left-radius: 16px;
        }

        .dcw-contact-cards table tr:last-child td:first-child {
            border-bottom-left-radius: 16px;
        }

        .dcw-contact-cards table tr:last-child td:last-child {
            border-bottom-right-radius: 16px;
        }

        .dcw-contact-cards table tr:first-child th:last-child {
            border-top-right-radius: 16px;
        }

        .dcw-contact-cards table td {
            font-size: 16px;
            font-weight: 400;
            line-height: 20px;
            letter-spacing: -0.01em;
            text-align: left;
            padding: 12px 12px;
        }

        .dcw-contact-cards table tr:nth-child(even) {
            background-color: #eeeeee;
        }

        .dcw-contact-cards table tr:nth-child(odd) {
            background-color: #f8f8f8;
        }

        .dcw-contact-cards table th {
            padding: 12px 12px;
            text-align: left;
            background: var(--color-background-fill-success-hover, #1E8758);
            color: white;
            white-space: nowrap;
            font-weight: 700;
        }

/*Mobile View for the cards*/
@media screen and (min-width: 343px) {
    .dcw-contact-cards .dcw-contact-cards-container {
        width: fit-content;
        height: fit-content;
        align-items: flex-start;
        text-align: center;
    }
}
/*Desktop View for the cards*/
@media screen and (min-width: 1024px) {
    .dcw-contact-cards .dcw-contact-cards-container {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
        /* max-width: 1512px !important; */
        max-width: 786px;
        margin: 0 auto;
    }
}

/** Full Rich Card **/
.dcw-fullrich-card {
    width: 100%;
    padding-top: 35px;
    padding-bottom: 30px;
    gap: 32px;
    background-color: #ffffff;
    box-sizing: border-box;
}

    .dcw-fullrich-card .dcw-fullrich-card-container {
        display: flex;
        width: 100%;
        height: fit-content;
        /* max-width: 1512px !important; */
        margin: 0 auto !important;
    }

    .dcw-fullrich-card .dcw-fullrich-card-inner {
        flex: 1 0 91%;
        min-width: 300px;
        min-height: 210px;
        height: fit-content;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: start;
        flex-wrap: wrap;
        gap: 16px;
        border: 1px solid var(--color-border-border-primary-default, #E0E0E0);
        border-radius: var(--corner-radiuscontainer-card-xl,32px);
        padding: var(--spacegapspace-component-gap-l,32px);
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: -0.01em;
        text-align: left;
        background-color: #FFFFFF;
    }

    .dcw-fullrich-card .dcw-card-title {
        font-size: 16px;
        font-weight: 700;
        color: #1A1A1A;
        line-height: 22px;
        letter-spacing: -0.01em;
    }

    .dcw-fullrich-card .dcw-section-container {
        width: 100%;
        height: fit-content;
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding-bottom: 0.7rem;
    }

        .dcw-fullrich-card .dcw-section-container ul {
            display: flex;
            flex-direction: column;
            gap: var(--spacegapspace-component-gap-s,12px);
            list-style: disc !important;
            padding-left: 24px;
        }

            .dcw-fullrich-card .dcw-section-container ul li > * {
                margin-bottom: 8px;
            }

            .dcw-fullrich-card .dcw-section-container ul li::marker {
                color: #E84E15;
                font-size: 24px;
            }

    .dcw-fullrich-card .dcw-keterangan-contents {
        font-size: 16px;
        text-align: justify;
        margin-bottom: 10px;
    }

/** E-Form Sample **/
.dcw-eform-sample {
    width: 100%;
    height: fit-content;
    padding-top: 30px;
    padding-bottom: 100px;
    gap: 32px;
    background-color: #F5F5F5;
    box-sizing: border-box;
}

    .dcw-eform-sample .dcw-eform-container {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
    }

    .dcw-eform-sample .dcw-eform-icon {
        padding: 0 2rem;
        width: 100%;
        margin-top: 15px;
        position: relative;
        display: flex;
        height: 56px;
        justify-content: space-between;
        align-items: center;
    }

    .dcw-eform-sample .dcw-icon-button-container {
        display: flex;
    }

    .dcw-eform-sample .dcw-icon-button {
        background-color: #FFFFFF;
        border-radius: var(--corner-radiuscontainer-card-xl);
        border: solid 1px #E0E0E0;
        display: flex;
        align-items: center;
        padding: 20px;
        gap: 10px;
        width: fit-content;
        justify-content: space-between;
        word-wrap: break-word;
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .dcw-eform-sample .dcw-icon {
        height: 24px;
        width: 24px;
    }

    .dcw-eform-sample .dcw-close-button {
        width: 42px;
        height: 42px;
        text-align: end;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: #1A1A1A;
        border: solid 1px #E0E0E0;
        border-radius: 100%;
        font-size: 24px;
        background-color: #FFFFFF;
    }

    .dcw-eform-sample .dcw-eform-fixed-header {
        position: fixed;
        background-color: #FFFFFF;
        width: 100%;
        z-index: 99;
        top: 85px;
        transform: translateY(-200%);
    }

        .dcw-eform-sample .dcw-eform-fixed-header .dcw-fixed-eform-icon {
            padding: 0 2rem;
            width: 100%;
            position: relative;
            display: flex;
            height: 60px;
            justify-content: space-between;
            align-items: center;
        }

        .dcw-eform-sample .dcw-eform-fixed-header .dcw-fixed-icon-button-container {
            display: flex;
        }

        .dcw-eform-sample .dcw-eform-fixed-header .dcw-fixed-icon-button {
            display: flex;
            align-items: center;
            padding: 20px;
            gap: 10px;
            width: fit-content;
            justify-content: space-between;
            word-wrap: break-word;
            font-size: 20px;
            font-weight: 700;
            line-height: 24px;
            letter-spacing: -0.01em;
            text-align: left;
        }

        .dcw-eform-sample .dcw-eform-fixed-header .dcw-fixed-icon {
            height: 24px;
            width: 24px;
        }

        .dcw-eform-sample .dcw-eform-fixed-header .dcw-fixed-close-button {
            width: 42px;
            height: 42px;
            text-align: end;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            color: #1A1A1A;
            border: solid 1px #E0E0E0;
            border-radius: 100%;
            font-size: 24px;
            background-color: #FFFFFF;
        }

    .dcw-eform-sample .dcw-form-content-container {
        display: flex;
        flex-direction: column;
        height: fit-content;
        justify-content: center;
        align-items: center;
        padding-top: 60px;
    }

    .dcw-eform-sample .dcw-content-header {
        width: 50%;
        text-align: left;
        font-size: 20px;
        font-weight: 700;
        letter-spacing: -0.01em;
        line-height: 24px;
        padding-bottom: 20px;
    }

    .dcw-eform-sample h2.dcw-content-header-title {
        font-size: 24px;
        line-height: 1.4;
        font-weight: 700;
    }

    .dcw-eform-sample .dcw-content-header-desc {
        font-size: 16px;
        line-height: 20px;
        font-weight: 400;
    }

    .dcw-eform-sample .dcw-form-container {
        width: 50%;
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .dcw-eform-sample .dcw-form-input-content {
        width: 100%;
        position: relative;
        font-size: 14px;
    }

    .dcw-eform-sample .dcw-input-field {
        width: 100% !important;
        background-color: #FFFFFF;
        border-radius: 8px;
        border: solid 1px #E0E0E0;
        height: 60px;
        padding-left: 1rem;
        padding-top: 0.8rem;
        min-width: 95% !important;
        appearance: none;
        -webkit-appearance: none;
        text-align-last: left;
    }

        .dcw-eform-sample .dcw-input-field:focus {
            outline: none;
        }

    .dcw-eform-sample .dcw-form-radio-content {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .dcw-eform-sample .dcw-radio-title {
        font-size: 14px;
        color: #8D8D8D;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: -0.01em;
        height: 36px;
    }

    .dcw-eform-sample .dcw-radio-choice-container {
        display: flex;
        gap: 42px;
    }

    .dcw-eform-sample .dcw-radio-choice {
        position: relative;
        padding-left: 30px;
        margin-bottom: 10px;
        cursor: pointer;
        font-size: 14px;
    }

        .dcw-eform-sample .dcw-radio-choice input {
            position: absolute;
            opacity: 0;
            height: 0;
            width: 0;
            cursor: pointer;
        }

        .dcw-eform-sample .dcw-radio-choice .dcw-new-radio {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 22px;
            height: 22px;
            border: 1px solid #E0E0E0;
            border-radius: 50%;
            background-color: #FFFFFF;
            transition: background-color 0.2s, border-color 0.2s;
        }

        .dcw-eform-sample .dcw-radio-choice input:checked + .dcw-new-radio {
            border: 1px solid #25A96E;
        }

        .dcw-eform-sample .dcw-radio-choice .dcw-new-radio::after {
            content: "";
            position: absolute;
            display: none;
        }

        .dcw-eform-sample .dcw-radio-choice input:checked + .dcw-new-radio::after {
            left: 3px;
            top: 50%;
            transform: translateY(-50%);
            width: 14px;
            height: 14px;
            border-radius: 100%;
            background-color: #25A96E;
            display: block;
        }

    .dcw-eform-sample input[type="date"]::-webkit-calendar-picker-indicator {
        background-image: url('/Areas/v1/assets/icon/calendar-black-outline.svg');
        height: 24px;
        width: 24px;
        margin-top: -0.8rem;
        cursor: pointer;
    }

    .dcw-eform-sample .dcw-eform-dob-icon {
        position: absolute;
        height: 24px;
        width: 24px;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
    }

    .dcw-eform-sample .dcw-flag-icon {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        background-size: cover;
        pointer-events: none;
    }

    .dcw-eform-sample .dcw-phone-field {
        width: 100%;
        background-color: #FFFFFF;
        border-radius: 8px;
        border: solid 1px #E0E0E0;
        height: 60px;
        padding-top: 0.8rem;
        padding-left: 5rem;
    }

    .dcw-eform-sample .dcw-input-phone-label {
        position: absolute;
        left: 3rem;
        font-size: 14px;
        color: #8D8D8D;
        top: 20px;
        pointer-events: none;
    }

    .dcw-eform-sample .dcw-input-countrycode-label {
        position: absolute;
        left: 3rem;
        font-size: 14px;
        color: #8D8D8D;
        top: 1.6rem;
        display: none;
    }

    .dcw-eform-sample .dcw-input-withplaceholder:focus + .dcw-label-withplaceholder,
    .dcw-eform-sample .dcw-input-withplaceholder:not(:placeholder-shown) + .dcw-label-withplaceholder {
        font-size: 0.75rem;
        top: 8px;
    }

    .dcw-eform-sample .dcw-phone-field:focus + .dcw-input-phone-label + .dcw-input-countrycode-label,
    .dcw-eform-sample .dcw-phone-field:not(:placeholder-shown) + .dcw-input-phone-label + .dcw-input-countrycode-label {
        display: block;
    }

    .dcw-eform-sample .dcw-textarea-field {
        width: 100%;
        background-color: #FFFFFF;
        border-radius: 8px;
        border: solid 1px #E0E0E0;
        height: 120px;
        padding-left: 1rem;
        padding-top: 1.5rem;
        resize: none;
    }

        .dcw-eform-sample .dcw-textarea-field:focus {
            outline: none;
        }

    .dcw-eform-sample .dcw-textarea-label {
        position: absolute;
        left: 1rem;
        font-size: 14px;
        color: #8D8D8D;
        top: 15px;
        pointer-events: none;
    }

    .dcw-eform-sample .dcw-word-counter {
        text-align: end;
        font-size: 12px;
        line-height: 14px;
        letter-spacing: -0.01em;
        font-weight: 400;
        color: #8D8D8D;
    }

    .dcw-eform-sample .dcw-input-label {
        position: absolute;
        left: 1rem;
        font-size: 14px;
        color: #8D8D8D;
        top: 20px;
        pointer-events: none;
    }

    .dcw-eform-sample .dcw-no-spinner::-webkit-outer-spin-button,
    .dcw-eform-sample .dcw-no-spinner::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .dcw-eform-sample .dcw-dropdown-list {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        border: 1px solid #ccc;
        background-color: white;
        z-index: 9;
        margin: 10px 0 0 0;
        padding: 0;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        max-height: 210px;
        overflow-y: auto;
        width: 100%;
        overflow-x: hidden;
    }

        .dcw-eform-sample .dcw-dropdown-list::-webkit-scrollbar {
            width: 8px;
        }

        .dcw-eform-sample .dcw-dropdown-list::-webkit-scrollbar-track {
            box-shadow: none;
            border-radius: 10px;
        }

        .dcw-eform-sample .dcw-dropdown-list::-webkit-scrollbar-thumb {
            background: var(--color-background-fill-primary);
            border-radius: 10px;
        }

            .dcw-eform-sample .dcw-dropdown-list::-webkit-scrollbar-thumb:hover {
                background: var(--color-background-fill-primary);
            }

    .dcw-eform-sample .dcw-dropdown-item {
        padding: 10px;
        cursor: pointer;
    }

        .dcw-eform-sample .dcw-dropdown-item:hover {
            background-color: #f0f0f0;
        }

    .dcw-eform-sample .dcw-dropdown-pendapatan {
        padding: 10px;
        cursor: pointer;
    }

        .dcw-eform-sample .dcw-dropdown-pendapatan:hover {
            background-color: #f0f0f0;
        }

    .dcw-eform-sample .dcw-keterangan-text {
        text-align: start;
        margin-top: -25px;
        font-size: 12px;
        line-height: 14px;
        letter-spacing: -0.01em;
        font-weight: 400;
        color: #8D8D8D;
    }

    .dcw-eform-sample .dcw-checkbox-container {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        gap: 1rem;
        padding-top: 1.5rem;
    }

    .dcw-eform-sample .dcw-checkbox-contents {
        display: flex;
        flex-direction: row;
        gap: 12px;
    }

    .dcw-eform-sample .dcw-checkbox {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 24px;
        height: 24px;
        border: 1px solid #E0E0E0;
        background-color: #FFFFFF;
        border-radius: 8px;
        outline: none;
        cursor: pointer;
        position: relative;
        transition: background-color 0.3s, border-color 0.3s;
    }

        .dcw-eform-sample .dcw-checkbox:checked {
            background-color: #25A96E;
            border-color: #25A96E;
        }

            .dcw-eform-sample .dcw-checkbox:checked::after {
                content: "✓";
                position: absolute;
                left: 5.5px;
                top: -1px;
                color: white;
                font-size: 16px;
                font-weight: bold;
            }

    .dcw-eform-sample .dcw-checkbox-text {
        text-align: start;
        margin-top: 4px;
        font-size: 14px;
        line-height: 14px;
        letter-spacing: -0.01em;
        font-weight: 400;
        color: #1A1A1A;
    }

    .dcw-eform-sample .dcw-alert-container {
        background-color: #FFFBEE;
        border-radius: 16px;
        padding: 1rem;
        width: 100%;
        display: flex;
        gap: 0.5rem;
        align-items: center;
        margin: 1rem 0;
    }

        .dcw-eform-sample .dcw-alert-container .dcw-alert-text {
            font-size: 14px;
            line-height: 18px;
            font-weight: 700;
            color: #FF8000;
        }

            .dcw-eform-sample .dcw-alert-container .dcw-alert-text * {
                font-size: 14px;
                line-height: 18px;
                font-weight: 700;
                color: #FF8000;
            }

            .dcw-eform-sample .dcw-alert-container .dcw-alert-text a {
                font-size: 14px;
                line-height: 18px;
                font-weight: 700;
                color: #121212;
            }

    .dcw-eform-sample .dcw-next-button-container {
        display: flex;
        justify-content: center;
        flex-direction: row;
        padding-top: 1.5rem;
    }

    .dcw-eform-sample .dcw-next-button-contents {
        width: 50%;
        display: flex;
        flex-direction: row;
        gap: 18px;
    }

    .dcw-eform-sample .dcw-button-prev {
        height: 60px;
        min-width: 160px;
        width: fit-content;
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: -0.01em;
        text-align: center;
        border: 1px solid var(--color-background-fill-primary);
        border-radius: var(--corner-radiuscontainer-card-s);
        padding: var(--spacepaddingspace-component-padding-m);
        color: var(--color-background-fill-primary);
        cursor: pointer;
        background-color: white;
    }

    .dcw-eform-sample .dcw-button-next {
        height: 60px;
        min-width: 160px;
        width: fit-content;
        font-size: 16px;
        font-weight: 700;
        line-height: 26px;
        letter-spacing: -0.01em;
        text-align: center;
        cursor: context-menu;
        border: none;
        border-radius: var(--corner-radiuscontainer-card-s);
        padding: var(--spacepaddingspace-component-padding-m);
        color: var(--color-text-text-disabled);
        background-color: var(--color-background-fill-secondary-disabled);
    }

    .dcw-eform-sample .dcw-button-next-active {
        color: white;
        background-color: var(--color-background-fill-primary);
        cursor: pointer;
    }

        .dcw-eform-sample .dcw-button-next-active:hover {
            filter: brightness(90%);
        }

    .dcw-eform-sample .dcw-orange-line-container {
        margin-top: -30px;
        position: fixed;
        height: 5px;
        width: 100%;
        background-color: #FFFFFF;
        z-index: 100;
    }

    .dcw-eform-sample .dcw-orange-line {
        display: block;
        height: 5px;
        border-radius: 0 2rem 2rem 0;
        width: 15%;
        background-color: var(--color-background-fill-primary);
    }

    .dcw-eform-sample .dcw-tnc-text {
        cursor: pointer;
    }

    .dcw-eform-sample .field-validation-error,
    .dcw-eform-sample .field-validation-error * {
        color: #FA4032;
    }

    .dcw-eform-sample .dcw-full-label {
        width: 100%;
        margin-bottom: 0.5rem;
    }

    .dcw-eform-sample input:disabled,
    .dcw-eform-sample textarea:disabled,
    .dcw-eform-sample select:disabled {
        background-color: #D6D6D6;
        color: #A3A3A3;
    }

    .dcw-eform-sample input::placeholder,
    .dcw-eform-sample textarea::placeholder,
    .dcw-eform-sample select::placeholder {
        color: #A3A3A3;
    }

    .dcw-eform-sample select {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: none;
        width: 100%;
        cursor: pointer;
        padding-right: 40px;
    }

    .dcw-eform-sample .dcw-select-wrapper::after {
        content: "⌄";
        font-size: 42px;
        color: #555;
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translate(0%, -65%);
        pointer-events: none;
    }

    .dcw-eform-sample .dcw-form-rich-contents {
        width: 100%;
        margin: 1rem 0;
    }

        .dcw-eform-sample .dcw-form-rich-contents * {
            font-size: 14px;
            line-height: 18px;
        }

        .dcw-eform-sample .dcw-form-rich-contents a {
            color: #E84E15;
        }

@media screen and (min-width: 1025px) {
    .dcw-eform-sample .dcw-form-content-container {
        width: 60%;
        margin: 0 auto;
    }

    .dcw-eform-sample .dcw-checkbox-container {
        width: 50%;
    }

    .dcw-eform-sample .dcw-form-rich-contents {
        width: 50%;
    }
}

@media screen and (max-width: 380px) {
    .dcw-mobile-appbanner .dcw-iphone {
        height: 13rem !important;
    }

    .dcw-container {
        padding: 0 1rem;
    }
}

@media screen and (max-width: 601px) {
    .dcw-ebank-innertitle .dcw-header-desc img {
        width: 100% !important;
        height: fit-content !important;
    }

    .dcw-news-richtext .dcw-section-content img, .dcw-product-richtext .dcw-section-container img, .dcw-faq-richtext .dcw-section-container img, .dcw-profile-popup .dcw-section-container img, .dcw-faq-sidetab .dcw-section-container img, .dcw-rich-sidetab .dcw-section-container img {
        width: 100% !important;
    }

    .dcw-news-richtext .dcw-section-content strong {
        font-weight: 600; /*custom*/
    }

    .dcw-scrollbar-end-container {
        position: absolute;
        left: 1%;
    }

    .dcw-scrollbar-end-star img {
        width: 2rem;
    }

    .dcw-card-content-container-end {
        width: 100% !important;
    }

    .dcw-scrollbar-end {
        height: 43px;
    }

    .dcw-eform-sample .dcw-icon-button-container {
        align-items: center;
    }

    .dcw-eform-sample .dcw-icon-button {
        padding: 10px;
        font-size: 12px;
        line-height: 14px;
    }

    .dcw-eform-sample .dcw-eform-icon {
        margin-top: 10px;
    }

    .dcw-eform-sample .dcw-icon {
        width: 14px;
    }

    .dcw-eform-sample .dcw-eform-fixed-header .dcw-fixed-icon-button-container {
        align-items: center;
    }

    .dcw-eform-sample .dcw-eform-fixed-header .dcw-fixed-icon-button {
        padding: 10px;
        font-size: 12px;
        line-height: 14px;
    }

    .dcw-eform-sample .dcw-eform-fixed-header .dcw-fixed-icon {
        width: 14px;
    }

    .dcw-eform-sample .dcw-content-header {
        width: 100%;
    }

    .dcw-eform-sample .dcw-form-container {
        width: 100%;
    }

    .dcw-eform-sample .dcw-radio-choice-container {
        gap: 30px;
    }

    .dcw-eform-sample .dcw-next-button-container {
        display: flex;
        justify-content: center;
        flex-direction: column;
        padding-top: 1.5rem;
    }

    .dcw-eform-sample .dcw-next-button-contents {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .dcw-eform-sample .dcw-button-prev {
        width: 100%;
    }

    .dcw-eform-sample .dcw-button-next {
        width: 100%;
    }

    .dcw-eform-sample .dcw-checkbox-contents {
        width: 100%;
        gap: 12px;
    }

    .dcw-eform-sample .dcw-checkbox {
        width: 24px;
        height: 24px;
    }

    .dcw-eform-sample .dcw-checkbox-text {
        font-size: 12px;
        margin-top: 5px;
    }

    .dcw-mobile-appbanner .dcw-iphone {
        width: auto !important;
        height: 15rem;
        right: 0 !important;
    }

    .dcw-latestpromo .dcw-content-card-second-row {
        aspect-ratio: 3/2;
    }

    .dcw-faq-richtext .dcw-section-container {
        padding-top: 1rem !important;
    }

    .dcw-card-content-container-end .dcw-card-title {
        font-size: 18px;
    }

    .dcw-card-content-container-end .dcw-card-desc {
        font-size: 16px;
    }

    .dcw-lifejourneyres .dcw-card-end {
        aspect-ratio: unset;
        height: 13rem;
    }

    .dcw-container-padding-up-down {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .dcw-herobanner .hero-highlight {
        height: 60% !important;
    }
}

/** E-form Finish **/
.dcw-eform-finish {
    width: 100%;
    height: 100vh;
    background-color: #F5F5F5;
    box-sizing: border-box;
}

    .dcw-eform-finish .dcw-eform-finish-container {
        display: flex;
        flex-direction: column;
        height: 100%;
        width: 100%;
        align-items: center;
        gap: 10px;
        justify-content: center;
    }

    .dcw-eform-finish .dcw-eform-finish-icon {
        width: 300px;
        height: 200px;
    }

    .dcw-eform-finish .dcw-eform-finish-header {
        font-size: 24px;
        font-weight: 700;
        color: #1A1A1A;
        line-height: 28px;
        text-align: center;
        letter-spacing: -0.01em;
        padding-top: 22px;
    }

    .dcw-eform-finish .dcw-eform-finish-subtext {
        font-size: 16px;
        font-weight: 400;
        color: #1A1A1A;
        line-height: 20px;
        text-align: center;
        letter-spacing: -0.01em;
        padding-bottom: 22px;
    }

    .dcw-eform-finish .dcw-eform-finish-button {
        height: 60px;
        width: fit-content;
        font-size: 16px;
        font-weight: 700;
        line-height: 26px;
        letter-spacing: -0.01em;
        text-align: center;
        border: none;
        border-radius: var(--corner-radiuscontainer-card-s);
        padding: var(--spacepaddingspace-component-padding-m);
        color: white;
        background-color: var(--color-background-fill-primary);
        cursor: pointer;
    }

        .dcw-eform-finish .dcw-eform-finish-button:hover {
            filter: brightness(90%);
        }

/** Empty State **/
.dcw-empty-state {
    width: 100%;
    height: calc(100vh - 92px);
    background-color: #F5F5F5;
    box-sizing: border-box;
}

    .dcw-empty-state .dcw-empty-state-container {
        display: flex;
        flex-direction: column;
        height: 100%;
        width: 100%;
        align-items: center;
        gap: 10px;
        justify-content: center;
    }

    .dcw-empty-state .dcw-empty-state-icon {
        width: 300px;
        height: 200px;
    }

    .dcw-empty-state .dcw-empty-state-header {
        font-size: 24px;
        font-weight: 700;
        color: #1A1A1A;
        line-height: 28px;
        text-align: center;
        letter-spacing: -0.01em;
    }

    .dcw-empty-state .dcw-empty-state-subtext {
        font-size: 16px;
        font-weight: 400;
        color: #1A1A1A;
        line-height: 28px;
        text-align: center;
        letter-spacing: -0.01em;
    }

    .dcw-empty-state .dcw-back-home-button {
        height: 60px;
        width: 200px;
        font-size: 16px;
        font-weight: 700;
        line-height: 26px;
        letter-spacing: -0.01em;
        text-align: center;
        border: none;
        border-radius: var(--corner-radiuscontainer-card-s);
        padding: var(--spacepaddingspace-component-padding-m);
        color: white;
        background-color: var(--color-background-fill-primary);
        cursor: pointer;
    }

        .dcw-empty-state .dcw-back-home-button:hover {
            filter: brightness(90%);
        }

@media screen and (max-width: 601px) {
    .dcw-empty-state {
        height: calc(100vh - 188px);
    }

    .dcw-product-richtext .dcw-section {
        margin-top: 1rem !important;
    }

    .dcw-progress-container-container {
        position: absolute;
        left: 1%;
    }

    .dcw-progress-container {
        height: 200rem;
    }

    .dcw-lifejourneyres .dcw-content-container {
        width: 100%;
    }
}


/** Image Cards **/
.dcw-image-card {
    width: 100%;
}

    .dcw-image-card .dcw-image-card-inner {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        max-width: 1512px !important;
        margin: 0 auto !important;
    }

    .dcw-image-card .image-card-item {
        flex: 0 0 calc(50%);
        padding: 4px;
        border-radius: 24px;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .dcw-image-card .image-card-item > img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            object-position: center;
            aspect-ratio: 3/2;
        }

@media screen and (min-width: 400px) {
    .dcw-image-card .image-card-item {
        flex: 0 0 calc(33.333%);
    }
}

@media screen and (min-width: 1024px) {
    .dcw-image-card .image-card-item {
        flex: 0 0 calc(25%);
    }

    .dcw-eform-sample .dcw-alert-container {
        width: 50%;
    }
}

@media screen and (min-width: 1280px) {
    .dcw-image-card .dcw-image-card-inner {
        /* width: 1024px; */
        margin: auto;
    }
}


/** Quick Download **/
.dcw-quick-download {
    padding-bottom: 3.5rem;
}

    .dcw-quick-download .dcw-qd-cont {
        width: 100%;
        display: flex;
        flex-direction: column;
        border-radius: 24px;
        overflow: hidden;
        background-color: #FFFFFF;
        max-width: 1512px !important;
        margin: 0 auto !important;
        cursor: pointer;
    }

    .dcw-quick-download .dcw-qd-img {
        width: 100%;
    }

        .dcw-quick-download .dcw-qd-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }

    .dcw-quick-download .dcw-qd-content {
        width: 100%;
        padding: 2rem 1.5rem;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .dcw-quick-download .dcw-header-title {
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1.25;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dcw-quick-download .dcw-header-desc {
        font-size: 18px;
        line-height: 22px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dcw-quick-download .dcw-button {
        width: fit-content;
        background-color: #E84E15;
        color: #FFFFFF;
        padding: 24px 16px;
        border-radius: 8px;
    }

@media screen and (min-width: 1025px) {
    .dcw-quick-download .dcw-qd-cont {
        flex-direction: row;
    }

    .dcw-quick-download .dcw-qd-img {
        width: 33.33%;
    }

    .dcw-quick-download .dcw-qd-content {
        width: 66.66%;
        padding: 0.8rem 2rem;
    }

    .dcw-quick-download .dcw-header-title {
        font-size: 2rem;
        line-height: 1.25;
        -webkit-line-clamp: 1;
        line-clamp: 1;
    }

    .dcw-quick-download .dcw-header-desc {
        font-size: 10px;
        line-height: 1.4;
        -webkit-line-clamp: 3;
        /* line-clamp: 3; */
    }
}

/* @media (min-width: 1280px) and (max-width: 1439px) {
    body {
      zoom: 0.8;
    }
    .dcw-allkalkulator {
        min-height: calc(130vh + env(safe-area-inset-bottom, 0));
    }
    .dcw-allkalkulator .calculator-form .calculator-inner{
        min-height: 90vh;
    }
    .dcw-welcome-promo{
        width: 125vw;
        height: 125vh;
    }
} */

/* @media (min-width: 1280px) and (max-width: 1439px) {
    body {
      transform: scale(0.8);
      transform-origin: top left;
      width: 125%;
        position: absolute;
      top: 0;
      left: 0;
    }
} */

/* Personal Kartu Kredit */
.crd-body-content {
    padding: 0 1rem;
}

.crd-btn-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 1rem 0;
    padding: 0 1rem;
}

    .crd-btn-container .cta-btn {
        width: 100%;
        color: #FFFFFF;
        background-color: #E84E15;
        font-size: 1rem;
        font-weight: 700;
        border-radius: 8px;
        padding: 1rem;
        text-align: center;
        display: block;
    }

    .crd-btn-container .cta-btn-no-bg {
        width: 100%;
        color: #FFFFFF;
        background-color: #ffffff;
        font-size: 1rem;
        font-weight: 700;
        border-radius: 8px;
        padding: 1rem;
        text-align: center;
        display: block;
        border: 1px solid #E84E15;
        color: #E84E15;
    }

.crd-body-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    max-width: 1500px;
    margin: 0 auto;
}
/* End Personal Kartu Kredit */

/* Previlage Benefit */
.arrow-right-icon-container {
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 99999px;
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .arrow-right-icon-container img {
        width: 15px !important;
        height: 15px !important;
        color: white;
    }

.previlage-desc-arrow-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
}

.previlage-card-outline {
    outline: 5px solid #FFD9B3;
    outline-offset: -8px;
    border-radius: 20px;
    z-index: 50;
}

.active-card-outline {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    outline: 8px solid #898989;
    outline-offset: -7px;
    border-radius: 20px;
    z-index: 50;
}

.active-outline-hidden {
    display: none !important;
}
/* End Previlage Benefit */

/* richtext class */
.dcw-alter-content ul li.gold-bullet::marker {
    color: #b3860b;
}

.dcw-alter-content ul li.gold-bullet > * {
    margin-bottom: 8px;
}

.dcw-alter-content ul li.orange-bullet::marker {
    color: #E84E15;
}

.dcw-alter-content ul li.orange-bullet > * {
    margin-bottom: 8px;
}

.gold-link {
    color: #b3860b !important;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600 !important;
}

.orange-link {
    color: #E84E15 !important;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600 !important;
}

.gold-bullet strong {
    font-weight: 600;
}

.orange-bullet strong {
    font-weight: 600;
}

.gold-link img {
    width: 1rem;
    position: static !important;
}

.orange-link img {
    width: 1rem;
    position: static !important;
}

.gold-image {
    height: fit-content !important;
}
/* end richtext class */

.dcw-app-gallery-container {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.dcw-welcome-promo .dcw-welcome-container .dcw-header {
    padding-left: 2rem;
    padding-right: 2rem;
}

.quick-download-main-title {
    padding: 0 2rem 2rem 2rem;
    font-size: 24px;
    font-weight: 700;
}

.quick-download-main-title-hidden {
    display: none;
}

.main-quick-download-container {
    padding-top: 2rem;
}

.qa-toggle span {
    font-size: 12px;
}

input[type="range"]::-webkit-slider-thumb {
    box-shadow: none;
    border: 2px solid black !important;
}

input[type="range"]::-webkit-slider-runnable-track {
    box-shadow: none;
}

.dcw-quick-download .dcw-container {
    margin-bottom: 2rem;
}

.dcw-dbankpro-cards-container-ver-new a[href=""] {
    cursor: default;
}

/* Neo App Banner Mobile */
.neo-app-banner-container {
    display: none;
}

.neo-app-banner-mobile {
    display: block;
    width: 100%;
    height: 48rem;
    padding: 2rem 1rem;
    margin-top: 2rem;
    position: relative;
    border-radius: 30px;
}

.neo-app-banner-mobile-background-image {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 30px;
}

    .neo-app-banner-mobile-background-image img {
        width: 100%;
        height: 100%;
        border-radius: 20px;
    }

.neo-app-banner-mobile-contents {
    position: absolute;
    top: 0;
    width: 100%;
    height: fit-content;
}

.neo-app-banner-mobile-contents-item {
    position: relative;
    width: 100%;
    height: 22rem;
}

.neo-app-banner-mobile-bg-pattern {
    width: 100%;
    height: 100%;
}

.neo-app-banner-mobile-phone-img {
    position: absolute;
    top: -55px;
    width: 100%;
}

.neo-app-banner-mobile-contents-text {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: fit-content;
    padding: 0 1rem 2rem 1rem;
    gap: 1.5rem;
}

    .neo-app-banner-mobile-contents-text h2, .neo-app-banner-mobile-contents-text p {
        color: white;
    }

    .neo-app-banner-mobile-contents-text p {
        font-size: 14px;
    }

.neo-app-banner-mobile-contents-btn {
    width: 100%;
    height: fit-content;
    padding: 14px 0;
    display: flex;
    justify-content: center;
    border: 1px solid white;
    border-radius: 8px;
    color: white;
}

.neo-app-banner-mobile-contents-apps-container {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
}

.neo-app-banner-mobile-contents-apps-item-img img {
    width: 100%;
    height: 100%;
}

.neo-app-banner-mobile-contents-apps-item-img {
    width: 20px;
    height: fit-content;
    display: flex;
    align-items: center;
}

.neo-app-banner-mobile-contents-apps-item {
    display: flex;
    background-color: white;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 6px 0;
}

.neo-app-banner-mobile-contents-apps-item-text span:first-child {
    font-size: 6px;
}

.neo-app-banner-mobile-contents-apps-item-text span:nth-child(2) {
    font-size: 8px;
}

.neo-app-banner-mobile-contents-apps-item-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.neo-app-banner-mobile-logo {
    display: flex;
    position: absolute;
    top: -5rem;
    width: 3.5rem;
    justify-content: center;
    align-items: center;
    padding: 7px;
    background-color: white;
    border-radius: 10px;
}

    .neo-app-banner-mobile-logo img {
        width: 100%;
        height: 100%;
        border-radius: 0;
    }
/* .dcw-header-desc {
    display: flex;
    flex-direction: column;
    gap: 2rem;
} */
.dcw-ebank-innertitle .dcw-header-desc img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.dcw-ebank-innertitle {
    width: 100%;
}

    .dcw-ebank-innertitle .dcw-header-desc .photo-center {
        display: block;
        margin: 0 auto;
    }

    .dcw-ebank-innertitle .dcw-header-desc .photo-left {
        display: block;
        margin-left: 0;
        margin-right: auto;
    }

    .dcw-ebank-innertitle .dcw-header-desc .photo-right {
        display: block;
        margin-left: auto;
        margin-right: 0;
    }
/* .dcw-ebank-innertitle .photo-section {
    margin-top: 1rem;
}
.dcw-ebank-innertitle .photo-section h2 {
    margin-bottom: 1rem;
} */
.new-notice-card {
    margin-top: 2rem !important;
}

@media screen and (min-width: 380px) and (max-width: 1023px) {
    .neo-app-banner-mobile {
        padding: 2rem;
    }
}
/* End Neo App Banner Mobile */

/* Screen Adjustment */
@media (min-width: 767px) {
    .crd-btn-container {
        flex-direction: row;
        padding: 0 2rem;
    }

    .crd-btn-container-center {
        justify-content: center;
    }

    .crd-btn-container-left {
        justify-content: flex-start;
    }

    .crd-btn-container-right {
        justify-content: flex-end;
    }

    .crd-btn-container .cta-btn-no-bg, .crd-btn-container .cta-btn {
        width: fit-content;
    }

    .crd-body-content {
        padding: 0 2rem;
    }
    /* Neo App Banner */
    .neo-app-banner-container {
        display: block;
        /* max-width: 786px; */
        margin: 2rem auto 0 auto;
        padding: 0 2rem 0 2rem;
    }

    .neo-app-banner-content {
        padding-top: 2rem;
        position: relative;
        width: 100%;
        height: 350px;
    }

    .neo-app-banner-bg-img-container {
        width: 100%;
        height: 350px;
        border-radius: 20px;
        position: absolute;
        top: 0;
        z-index: 2;
    }

        .neo-app-banner-bg-img-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            border-radius: 20px;
        }

    .neo-app-banner-bg-pattern {
        position: absolute;
        top: 0;
        z-index: 5;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: flex-end;
    }

    .neo-app-banner-bg-pattern-img-container {
        width: fit-content;
        height: 360px;
    }

        .neo-app-banner-bg-pattern-img-container img {
            width: 100%;
            height: 100%;
        }

    .neo-app-banner-text-contents {
        position: absolute;
        top: 0;
        z-index: 7;
        width: 70%;
        height: 350px;
        padding: 2rem 3rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .neo-app-banner-logo-img-container {
        width: 72px;
        height: 72px;
        background-color: white;
        padding: 10px;
        border-radius: 15px;
    }

        .neo-app-banner-logo-img-container img {
            width: 100%;
            height: 100%;
        }

    .neo-app-banner-text-contents-header {
        display: flex;
        align-items: center;
        gap: 1rem;
    }

        .neo-app-banner-text-contents-header h3 {
            color: white;
            font-size: 24.41px;
        }

    .neo-app-banner-text-contents-description p {
        font-size: 10px;
        color: white;
    }

    .neo-app-banner-text-contents-download-btn {
        font-size: 10px;
        color: white;
        font-weight: 800;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 130px;
        height: 50px;
        border: 1px solid white;
        border-radius: 10px;
    }

    .neo-app-banner-text-contents-apps {
        display: flex;
        align-items: center;
        gap: 10px;
        width: 70%;
    }

    .neo-app-banner-text-contents-apps-item {
        width: 104px;
        height: 46px;
        background-color: white;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
    }

    .neo-app-banner-text-contents-apps-item-img {
        width: 1.5rem;
        height: 1.5rem;
    }

        .neo-app-banner-text-contents-apps-item-img img {
            width: 100%;
            height: 100%;
        }

    .neo-app-banner-text-contents-apps-item-text {
        display: flex;
        flex-direction: column;
    }

        .neo-app-banner-text-contents-apps-item-text span:first-child {
            font-size: 6px;
        }

        .neo-app-banner-text-contents-apps-item-text span:nth-child(2) {
            font-size: 10px;
            font-weight: 700;
        }

    .neo-app-banner-phone {
        top: 0;
        z-index: 6;
        position: absolute;
        width: 100%;
        height: 350px;
        display: flex;
        justify-content: flex-end;
        padding-right: 2rem;
    }

    .neo-app-banner-phone-img-container {
        position: absolute;
        width: 20rem;
        height: fit-content;
        top: -60px;
    }

        .neo-app-banner-phone-img-container img {
            width: 100%;
            height: 100%;
        }

    .neo-app-banner-mobile {
        display: none;
    }
    /* End Neo App Banner */
}

/* tampilan 1025 */
@media (min-width: 1025px) {
    .dcw-header-desktop .header-logo a:first-child {
        visibility: hidden;
    }

    .logo-overlay {
        width: 8rem;
        display: flex;
        height: 90px;
        background-color: white;
        position: absolute;
        top: 5px;
        left: -65px;
        border-radius: 0 0 10px 10px;
        box-shadow: rgba(0, 0, 0, 0.15) 0 1.95px 0;
        padding: 15px;
    }

        .logo-overlay img {
            width: 100% !important;
            height: 100%;
            object-fit: contain;
        }

    .news-slider-container .hero-description {
        width: 30%;
    }

    .news-slider-container .hero-title {
        width: 30%;
    }

    .dcw-news-heroslider .hero-content {
        max-width: none !important;
        width: 90% !important;
        padding-right: 0 !important;
    }

    .dcw-product-herobanner {
        height: 100%;
        aspect-ratio: 16/7;
        object-position: top;
    }

    .hero-product-big-banner .hero-product-description {
        width: 30%;
    }

    /* home slider popup */
    .dcw-lifejourneyres .dcw-card-content,
    .dcw-card-content-container-end .dcw-card-title {
        font-size: 16px;
    }

    .dcw-lifejourneyres .dcw-content .dcw-content-icon {
        padding-left: 0;
        padding-right: 0;
    }

    .dcw-lifejourneyres .toggleContainer {
        font-size: 14px;
    }

    .dcw-lifejourneyres .dcw-switch-container {
        width: 50%;
    }

    .dcw-lifejourneyres .dcw-desc,
    .dcw-card-content-container-end .dcw-card-desc {
        font-size: 14px;
    }

    .dcw-lifejourneyres .dcw-content .dcw-content-icon .dcw-icon-button {
        font-size: 12px;
        padding: 12px;
    }

    .dcw-lifejourneyres .dcw-content {
        height: 100vh;
        overflow-y: scroll;
        max-width: 768px;
        margin: 0 auto;
    }

    .dcw-lifejourneyquest .dcw-button-prev, .dcw-lifejourneyquest .dcw-button-next {
        font-size: 12px;
    }

    .dcw-lifejourneyquest .dcw-content-card {
        aspect-ratio: 1/1;
        width: 180px;
        height: 100%;
    }

    .dcw-lifejourneyquest .dcw-content-card-container {
        gap: 1rem;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .dcw-lifejourneyquest .dcw-content .dcw-content-lifejourneyquest .dcw-subtitle {
        font-size: 12px;
    }

    .dcw-lifejourneyquest .dcw-content .dcw-content-lifejourneyquest .dcw-title,
    .dcw-lifejourneyres .dcw-title,
    .dcw-lifejourneyres .dcw-card-container-title,
    .dcw-lifejourneyres .dcw-card-content-container-end .dcw-card-container-title {
        font-size: 24px;
    }

    .dcw-lifejourneyquest .dcw-content .dcw-content-icon .dcw-close-button {
        font-size: 30px;
    }

    .dcw-lifejourneyquest .dcw-content .dcw-content-icon .dcw-icon-button {
        font-size: 12px;
        padding: 12px;
    }

    .dcw-lifejourneyquest .dcw-content {
        padding-right: 0;
        padding-left: 0;
    }

        .dcw-lifejourneyquest .dcw-content.sub-content {
            max-width: 786px;
        }
    /* end home slider popup */

    .custom-news-img-container {
        height: 100%;
        aspect-ratio: 3/2;
    }
    /* Header */
    .header-tools .header-search, .header-tools .header-calculator {
        display: flex;
        align-items: center;
    }

    .header-logo img {
        /* width: 70px; */
        width: 60px;
    }

    .dcw-header-desktop .header-logo {
        padding: 0;
    }

    .header-menus a {
        font-size: 12px;
        /* @media (min-width: 1100px) {
            font-size: 14px;
        } */
    }

    .dcw-header-desktop .header-tools {
        padding: 0;
    }

    .header-tool img {
        /* width: 30px; */
        width: 20px;
    }

    .active-language img {
        width: 20px;
    }

    #header {
        /* padding: 0 2rem; */
        margin: 0 auto;
        /* max-width: 1500px; */
        max-width: 786px;
        position: relative;
    }

    .active-language {
        font-size: 12px;
    }
    /* End Header */

    /* Banner */
    .custom-hero-content-container {
        width: 45%;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .dcw-herobanner .hero-small-slider .hero-content {
        /* font-size: 1rem; */
        font-size: 12.5px;
    }

    .dcw-herobanner .hero-highlight .hero-subtitle,
    .dcw-herobanner .hero-highlight .hero-button {
        font-size: 15.63px;
    }
    /* End Banner */

    /* Product Slider */
    .dcw-productslider .dcw-header-title {
        /* font-size: 1.563rem; */
        font-size: 19.53px;
    }

    .dcw-productslider .dcw-header {
        max-width: 786px;
    }

    .dcw-productslider .dcw-card-container {
        max-width: 786px;
        margin: 0 auto;
    }
    /* End Product Slider */

    /* Latest Promo */
    .dcw-latestpromo .dcw-main-content {
        gap: 6px;
    }

    .dcw-latestpromo .dcw-round-icon {
        width: 60px;
        height: 60px;
    }

    .dcw-latestpromo .dcw-header {
        max-width: 786px;
    }

    .dcw-latestpromo .dcw-header-title {
        font-size: 19.53px;
    }

    .dcw-latestpromo .dcw-card-container {
        max-width: 786px;
    }
    /* End Latest Promo */

    /* Kurs Transaksi */
    .dcw-exchangerate .dcw-tag-img {
        width: 60px;
        height: 60px;
    }

    .dcw-exchangerate .dcw-header {
        max-width: 786px;
    }

    .dcw-exchangerate .dcw-card-container {
        max-width: 786px;
    }

    .dcw-exchangerate th, .dcw-exchangerate td {
        font-size: 10px;
    }

    .dcw-exchangerate .dcw-kurs-container span {
        font-size: 10px;
    }

    .dcw-exchangerate .dcw-card-exchange-title {
        font-size: 10px;
    }

    .dcw-exchangerate .dcw-card-desc {
        font-size: 10px;
    }

    .dcw-exchangerate .dcw-hitung-btn {
        font-size: 15.63px;
    }

    .dcw-exchangerate .dcw-currency input {
        font-size: 15.63px;
    }

    .dcw-exchangerate .dcw-card-subtitle {
        font-size: 10px;
    }
    /* End Kurs Transaksi */

    /* Berita Terbaru */
    .dcw-home-latestnews .dcw-header-title {
        font-size: 19.53px;
    }
    /* End Berita Terbaru */

    /* App Banner */
    .dcw-home-appbanner {
        /* max-width: 1500px; */
        max-width: 786px;
        margin: 0 auto;
    }

        .dcw-home-appbanner .dcw-description {
            font-size: 10px;
        }

        .dcw-home-appbanner .app-subtitle {
            font-size: 6px;
        }
    /* End App Banner */

    /* Footer */
    .dcw-footerlinks-cont {
        /* max-width: 1500px; */
        max-width: 786px;
        margin: 0 auto;
        /* padding: 0 2rem !important; */
    }

    .footer-menu a {
        font-size: 10px;
        /* font-size: 16px; */
    }

    .footer-menu-subs .footer-menu-item > a {
        font-size: 9px;
    }

    .footer-menu-box .footer-menu-cat {
        font-size: 10px;
    }

    .footer-company .company-title {
        font-size: 10px;
    }

    .footer-company .company-cont {
        padding: 0 0 0.5rem 0;
    }

    .footer-menu-subs.office .footer-menu-item > p {
        font-size: 9px;
    }

    .company-cont img {
        width: 6rem;
    }

    .footer-footnote {
        font-size: 9px;
    }
    /* End Footer */

    /* Personal Page */
    .dcw-subproduct-slider .dcw-card-container {
        max-width: 786px;
    }

    .dcw-product-promo .dcw-header {
        max-width: 786px;
    }

    .dcw-product-promo .dcw-card-container {
        max-width: 786px;
    }

    .dcw-product-promo .dcw-header-title {
        font-size: 19.53px;
    }
    /* End Personal Page */

    /* Search Page */
    .dcw-search-page .dcw-search-pagination, .dcw-search-page .dcw-search-pagination ul {
        margin: 1rem 0rem 1rem 0rem !important;
    }
    /* End Search Page */

    /* Moments In Life */
    .dcw-lifejourney-lp .dcw-content {
        padding: 0;
        max-width: 786px;
        margin: 0 auto;
    }

    .dcw-breadcrumb-container a {
        font-size: 10px;
    }

    .dcw-lifejourney-lp .dcw-content .dcw-content-lifejourneyquest .dcw-title {
        font-size: 19.53px;
    }

    .dcw-lifejourney-lp .dcw-content .dcw-content-lifejourneyquest .dcw-subtitle {
        font-size: 10px;
    }

    .dcw-lifejourney-lp .dcw-content .dcw-content-lifejourneyquest .dcw-header {
        margin-top: 1rem;
    }

    .dcw-lifejourney-lp .dcw-title-text {
        font-size: 15.63px;
    }

    .dcw-lifejourney-lp .dcw-desc-text {
        font-size: 12px;
    }
    /* End Moments In Life */

    /* Personal Simpanan */
    .dcw-breadcrumb-container.dcw-container {
        padding-left: 0;
        padding-right: 0;
        padding: 0 !important;
    }

    .half-banner .hero-product-content {
        align-items: center !important;
    }

    .hero-product-big-banner .hero-product-content {
        width: 90%;
        align-items: flex-start;
    }

    .dcw-subproduct-filter .dcw-arrow-right {
        font-size: 15.63px;
    }

    .dcw-product-promo .dcw-round-icon {
        width: 60px;
        height: 60px;
    }
    /* End Personal Simpanan */

    /* Danamon Save */
    .dcw-fiturproduct .dcw-title-tag {
        font-size: 2rem;
    }

    .dcw-quick-download .dcw-container {
        max-width: 786px;
        margin: 0 auto 2rem auto;
    }

    .dcw-fiturproduct {
        max-width: 786px;
        margin: 0 auto;
    }

        .dcw-fiturproduct .dcw-header-title {
            font-size: 19.53px;
        }

        .dcw-fiturproduct .dcw-card-container {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .dcw-fiturproduct .dcw-card-product-content-container {
            font-size: 10px;
        }

    .dcw-product-richtext .dcw-section-content-container h3, .dcw-faq-sidetab .dcw-section-content-container h3, .dcw-rich-sidetab .dcw-section-content-container h3 {
        font-size: 19.53px;
    }

    .dcw-product-richtext .dcw-section-content-container p, .dcw-faq-sidetab .dcw-section-content-container p, .dcw-rich-sidetab .dcw-section-content-container p {
        font-size: 10px;
    }

    .dcw-product-richtext .dcw-section-content-container table td, .dcw-product-richtext .dcw-section-content-container table b, .dcw-product-richtext .dcw-section-content-container table th, .dcw-faq-sidetab .dcw-section-content-container table td, .dcw-faq-sidetab .dcw-section-content-container table b, .dcw-faq-sidetab .dcw-section-content-container table th, .dcw-rich-sidetab .dcw-section-content-container table td, .dcw-rich-sidetab .dcw-section-content-container table b, .dcw-rich-sidetab .dcw-section-content-container table th {
        font-size: 10px;
    }
    /* End Danamon Save */

    /* Reksa Dana Pasar Uang */
    .dcw-fiturproduct-alt .dcw-header-title {
        font-size: 19.53px;
    }
    /* End Reksa Dana Pasar Uang */

    /* Syariah */
    .toggle-item-left, .toggle-item-right {
        font-size: 15.63px;
    }
    /* End Syariah */

    /* Privilege */
    .dcw-feature-dbankpro .dcw-dbank-headline {
        max-width: 786px;
    }
    /* End Privilege */

    /* Home Berita */
    .dcw-home-latestnews .dcw-header {
        max-width: 786px;
    }

    .dcw-home-latestnews .dcw-filter-container {
        max-width: 786px
    }

    .dcw-home-latestnews .dcw-card-container {
        max-width: 786px;
    }
    /* End Home Berita */

    /* Previlege Benefit */
    .dcw-feature-dbankpro .dcw-dbankpro-cards-container {
        gap: 1rem;
    }
    /* End Previlege Benefit */

    /* Banner Danamon Privilege */
    .dcw-video-slider .hero-big-banner {
        /* max-width: 786px; */
        margin: 0 auto;
        width: 90%;
    }
    /* End Banner Danamon Privilege */

    /* Cards Images Privilage */
    .dcw-cards-images .dcw-cardsimages-main {
        max-width: 786px;
    }

    .dcw-cards-images .dcw-cardsimages-title {
        font-size: 19.53px;
        line-height: 1.4;
    }

    .dcw-cards-images .dcw-cardsimages-desc {
        /* font-size: 15.63px; */
        font-size: 10px;
    }

    .dcw-cards-images .cardsimages-cards-title {
        font-size: 12.5px;
        line-height: 1.4;
    }

    .dcw-cards-images .cardsimages-cards-desc {
        -webkit-line-clamp: 3;
        font-size: 10px;
        line-height: 1.4;
    }

    .dcw-cards-images .cardsimages-cards-more {
        font-size: 10px;
        line-height: 1.4;
    }
    /* End Cards Images Privilage */

    /* Wealth Growth Preservation */
    .dcw-colorable-cards .dcw-main-content {
        max-width: 786px;
    }
    /* End Wealth Growth Preservation */

    /* News */
    .dcw-ebank-innertitle .dcw-header, .dcw-news-filters, .dcw-news-heroslider .hero-content {
        max-width: 786px;
        margin: 0 auto;
    }

        .dcw-news-filters .dcw-newsfilter-wrapper {
            display: flex;
            flex-wrap: wrap;
            gap: 1rem;
            row-gap: 1.8rem;
            justify-content: space-between;
        }

    .news-slider-container .hero-title {
        font-size: 30.52px;
    }

    .news-slider-container .hero-description, .news-slider-container .hero-button {
        font-size: 15.63px;
    }

    .dcw-news-filters .dcw-content-card-second-row-child {
        height: fit-content;
    }

    .dcw-news-filters .dcw-card-background {
        aspect-ratio: 3/2;
    }

    .dcw-news-filters .dcw-card-subtitle {
        font-size: 10px;
    }

    .dcw-news-filters .dcw-time-desc {
        font-size: 8px;
    }

    .dcw-news-filters .dcw-card-title {
        font-size: 12.5px;
        line-height: 1.4;
    }

    .dcw-mobile-appbanner .dcw-title-logo {
        align-items: center;
    }

    .dcw-mobile-appbanner .dcw-description {
        display: none;
    }

    .dcw-mobile-appbanner .dcw-description-lg {
        display: block;
        font-size: 10px;
    }

    .dcw-mobile-appbanner .dcw-download-sekarang {
        font-size: 10px;
    }
    /* End News */

    /* Merchant QR */
    .hero-product-big-banner .hero-product-content {
        /* max-width: 786px; */
        margin: 0 auto;
    }

    .dcw-ebanking-table-richtext {
        max-width: 786px;
        margin: 0 auto;
    }

        .dcw-ebanking-table-richtext th, .dcw-ebanking-table-richtext td, .dcw-ebanking-table-richtext p {
            font-size: 10px;
        }

    .dcw-image-card {
        max-width: 786px;
        margin: 0 auto;
    }

    .hero-product-big-banner .hero-product-title {
        width: 30%;
        font-size: 30.52px;
    }

    .hero-product-big-banner .hero-product-description, .hero-product-big-banner .hero-product-button {
        font-size: 15.63px;
    }

    .dcw-alter-content .dcw-alter-text-title {
        font-size: 19.53px;
    }

    .dcw-alter-content .dcw-alter-text-content p, .dcw-alter-content .dcw-alter-text-content a {
        font-size: 10px;
    }

    .dcw-faq-sidetab h2 {
        font-size: 19.53px;
    }

    .dcw-faq-sidetab .dcw-faq-item span {
        font-size: 15.63px;
    }
    /* End Merchant QR */

    /* Personal Simpanan */
    .hero-product-big-banner .hero-product-subtitle {
        font-size: 15.63px;
    }

    .hero-product-big-banner .hero-product-title {
        font-size: 30.52px;
    }

    .dcw-product-herobanner.half-banner .hero-product-title {
        font-size: 19.53px;
    }

    .dcw-subproduct-filter .dcw-header {
        max-width: 786px;
        margin: 0 auto;
    }

    .dcw-subproduct-filter .dcw-filter-container {
        max-width: 786px;
        margin: 0 auto;
    }

    .dcw-subproduct-filter .dcw-card-container {
        max-width: 786px;
    }
    /* End Personal Simpanan */

    /* Personal Investasi */
    .dcw-quick-download .dcw-header-tag {
        font-size: 10px;
    }

    .dcw-quick-download .dcw-header-title {
        font-size: 19.53px;
    }

    .dcw-quick-download .dcw-button {
        font-size: 10px;
        padding: 15px 16px;
    }

    .dcw-tentang-subitem .dcw-card-container {
        max-width: 786px;
    }

    .dcw-fiturproduct-alt .dcw-card-container {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .dcw-fiturproduct-alt .dcw-card-product-content-container {
        width: 100%;
        font-size: 10px;
    }

    .dcw-fiturproduct-alt .dcw-card-header-icon {
        width: 80%;
    }
    /* End Personal Investasi */

    /* Business */
    .dcw-laptop-appbanner .dcw-description-lg {
        font-size: 10px;
    }

    .dcw-laptop-appbanner .dcw-download-sekarang {
        font-size: 10px;
    }
    /* End Business */

    /* Syariah */
    .dcw-subproduct-slidersyariah .dcw-card-container {
        max-width: 786px;
        margin: 0 auto;
    }
    /* End Syariah */

    /* Promo Page */
    .dcw-promo-filter {
        max-width: 786px;
        margin: 0 auto;
    }

        .dcw-promo-filter .dcw-header-title {
            font-size: 19.53px;
        }
    /* End Promo Page */

    /* Promo Detail */
    .dcw-product-herobanner.center-banner {
        width: 100%;
        height: 100%;
        aspect-ratio: 4/1;
        /* height: calc(85vh - 92px); */
    }

    .dcw-promodetail {
        max-width: 786px;
        margin: 0 auto;
    }

    .dcw-promodetail-date {
        font-size: 12px;
    }

    .promodetail-tags-item {
        font-size: 10px;
    }
    /* End Promo Detail */

    /* News Detail */
    .dcw-news-richtext .dcw-share-title, .dcw-news-richtext .dcw-section-date {
        font-size: 12px !important;
    }

    .dcw-news-richtext .tags-item {
        font-size: 10px;
    }

    .dcw-news-richtext .dcw-section-content p, .dcw-news-richtext .dcw-section-content b, .dcw-news-richtext a.cta-btn, .dcw-news-richtext .dcw-section-content table td, .dcw-news-richtext .dcw-table-cont th {
        font-size: 10px;
    }

    /*custom bold*/
    .dcw-news-richtext .dcw-section-content strong {
        font-weight: 600; /*custom*/
    }
    /*end custom bold*/
    /* End News Detail */

    /* Ebanking Page */
    .dcw-ebanking-subcategory .dcw-card-background {
        aspect-ratio: 3/2;
    }

    .dcw-ebanking-subcategory .dcw-card-description {
        font-size: 10px;
    }
    /* End Ebanking Page */

    /* DbankPro */
    .dcw-ebanking-cards .dcw-ebanking-main {
        max-width: 786px;
        margin: 0 auto;
        justify-content: space-between;
    }

    .dcw-ebanking-cards .dcw-reason-container span, .dcw-ebanking-cards .dcw-reason-item h2 {
        font-size: 19.53px;
    }

    .dcw-ebanking-cards .dcw-reason-item p {
        font-size: 10px;
    }
    /* End DbankPro */

    /* Flazz Page */
    .dcw-ebanking-description-slider .dcw-ebanking-description-slider-main {
        max-width: 786px;
    }

    .dcw-ebanking-sub.dcw-ebanking-sub-1 {
        position: relative;
        z-index: 20;
    }

    .dcw-ebanking-table-richtext h2 {
        font-size: 16px;
    }
    /* End Flazz Page */

    /* Dcash Connect */
    .dcw-screen-limiter {
        max-width: 786px;
        margin: 0 auto;
    }

    .dcw-ebanking-cards .dcw-notice-container .notice-title, .new-notice-card .dcw-notice-container .notice-title {
        font-size: 12px;
    }

    .dcw-ebanking-cards .dcw-notice-container .notice-desc, .new-notice-card .dcw-notice-container .notice-desc {
        font-size: 10px;
    }
    /* End Dcash Connect */

    /* Digital Onboarding */
    .dcw-full-richtext {
        max-width: 786px;
        margin: 0 auto
    }

        .dcw-full-richtext p {
            font-size: 10px;
        }
    /* End Digital Onboarding */

    /* Struktur Manajemen */
    .dcw-profile-popup .dcw-section-content-container h3, .dcw-faq-sidetab .dcw-section-content-container h3, .dcw-rich-sidetab .dcw-section-content-container h3 {
        font-size: 19.53px;
    }

    .dcw-profile-popup .profile-card-img {
        height: unset;
        aspect-ratio: 3/2;
    }

    .dcw-profile-popup .profile-card {
        height: 100%;
    }

    .dcw-profile-popup .profile-card-summary .profile-summary-name {
        font-size: 16px;
    }

    .dcw-profile-popup .profile-card-summary .profile-summary-title {
        font-size: 14px;
    }

    .dcw-profile-popup .profile-card-summary {
        gap: 0;
    }

    .dcw-profile-popup .profile-card {
        border-radius: 12px;
    }
    /* End Struktur Manajemen */

    /* Penghargaan */
    .dcw-rich-sidetab {
        max-width: 786px;
        margin: 0 auto;
    }

        .dcw-rich-sidetab .dcw-section-container h2 {
            font-size: 19.53px;
        }

        .dcw-rich-sidetab .dcw-section-container {
            width: 75%;
        }

        .dcw-rich-sidetab .dcw-rich-content table th, .dcw-rich-sidetab .dcw-rich-content table td, .dcw-rich-sidetab .dcw-rich-content ol li::marker {
            font-size: 10px;
        }
    /* End Penghargaan */

    /* Aksi */
    .dcw-faq-richtext {
        max-width: 786px;
        margin: 0 auto;
    }

        .dcw-faq-richtext .dcw-section-content-container h3, .dcw-faq-sidetab .dcw-section-content-container h3 {
            font-size: 19.53px;
        }

        .dcw-faq-richtext .dcw-section-content-container p, .dcw-faq-sidetab .dcw-section-content-container p, .dcw-rich-sidetab .dcw-section-content-container p {
            font-size: 10px;
        }

        .dcw-faq-richtext .dcw-faq-item span {
            font-size: 15.63px;
        }
        /* End Aksi */

        /* Dividen */
        .dcw-faq-richtext .dcw-section-content-container table.table-alt th, .dcw-faq-richtext .dcw-section-content-container table.table-alt td, .dcw-faq-richtext .dcw-section-content-container ol li::marker {
            font-size: 10px;
        }
        /* End Dividen */

        /* Obligasi */
        .dcw-faq-richtext ul li {
            font-size: 10px;
        }
        /* End Obligasi */

        /* Lembaga Profesi Penunjang */
        .dcw-faq-richtext .dcw-cardsgrid .dcw-cardsgrid-item, .dcw-faq-sidetab .dcw-cardsgrid .dcw-cardsgrid-item {
            padding: 1rem;
            justify-content: flex-start;
        }
    /* End Lembaga Profesi Penunjang */

    /* ATM */
    .dcw-search-list {
        max-width: 786px;
        margin: 0 auto;
    }

        .dcw-search-list .dcw-search-input input {
            font-size: 10px;
        }

    .dcw-search-pagination li {
        font-size: 10px;
    }
    /* End ATM */

    /* Cabang */
    .dcw-search-list .dcw-search-type .search-type-item {
        font-size: 10px;
    }

    .dcw-accordion-list {
        max-width: 786px;
        margin: 0 auto;
    }

        .dcw-accordion-list h3 {
            font-size: 19.53px;
        }

        .dcw-accordion-list .accordion-item-title {
            font-size: 15.63px;
        }

        .dcw-accordion-list .accordion-item-content table td, .dcw-accordion-list .accordion-item-content table th {
            font-size: 10px;
        }
    /* End Cabang */

    /* Dasar Kredit */
    .dcw-full-richtext table th, .dcw-full-richtext table td {
        font-size: 10px;
    }

    .dcw-full-richtext h3 {
        font-size: 15.63px;
    }

    .dcw-full-richtext p, .dcw-full-richtext li, .dcw-full-richtext a {
        font-size: 10px;
    }
    /* End Dasar Kredit */

    /* Produk */
    .dcw-dynamic-content .dcw-filter-container,
    .dcw-sukubunga-table .dcw-filter-header,
    .dcw-sukubunga-table .dcw-table-sukubungamain,
    .dcw-sukubunga-table .dcw-extratext-container {
        max-width: 786px;
    }

    .dcw-sukubunga-table .dcw-header-filter {
        width: 50%;
        line-height: 1.4;
        font-size: 19.53px;
    }

    .dcw-sukubunga-table .dcw-currency-sukubunga .dcw-space-item {
        font-size: 15.63px;
    }

    .dcw-sukubunga-table table th, .dcw-sukubunga-table table td, .dcw-sukubunga-table .dcw-extratext-contents {
        font-size: 10px;
    }
    /* End Produk */

    /* Informasi Biaya */
    .dcw-fullrich-card .dcw-fullrich-card-container {
        max-width: 786px;
    }

        .dcw-fullrich-card .dcw-fullrich-card-container .dcw-card-title,
        .dcw-fullrich-card .dcw-fullrich-card-container li,
        .dcw-fullrich-card .dcw-fullrich-card-container p {
            font-size: 10px;
        }
    /* End Informasi Biaya */

    /* e-form */
    .dcw-eform-filters .dcw-filter-container,
    .dcw-eform-filters .dcw-card-container .dcw-section {
        max-width: 786px;
    }

    .dcw-eform-filters .eform-title,
    .dcw-eform-filters .eform-label,
    .dcw-eform-filters .load-more-btn {
        font-size: 15.63px;
    }

    .dcw-eform-filters .eform-title {
        padding-right: 20px;
        font-size: 13.63px !important;
    }

    .dcw-eform-filters .load-more-btn {
        padding: 0.5rem 2rem;
        font-size: 13.63px !important;
    }

    .dcw-eform-filters .eform-label {
        font-size: 12px;
    }
    /* End e-form */

    /* Eform Sample-1 */
    .dcw-eform-sample .dcw-content-header,
    .dcw-eform-sample .dcw-form-container,
    .dcw-eform-sample .dcw-checkbox-container,
    .dcw-eform-sample .dcw-alert-container,
    .dcw-eform-sample .dcw-form-rich-contents,
    .dcw-eform-sample .dcw-next-button-contents {
        width: 100%;
    }

    .dcw-eform-sample form {
        width: 100%;
        max-width: 786px;
        margin: 0 auto;
    }

    .dcw-eform-sample .dcw-next-button-contents {
        justify-content: center;
    }

    .dcw-eform-sample .dcw-break-word,
    .dcw-eform-sample h2.dcw-content-header-title,
    .dcw-eform-sample .dcw-content-header {
        font-size: 15.63px;
    }

    .dcw-eform-sample .dcw-content-header-desc,
    .dcw-eform-sample .dcw-form-input-content,
    .dcw-eform-sample .dcw-radio-choice,
    .dcw-checkbox-container label {
        font-size: 10px;
    }
    /* .dcw-eform-sample .dcw-alert-container .dcw-alert-text, .dcw-eform-sample .dcw-input-withplaceholder:focus + .dcw-label-withplaceholder, .dcw-eform-sample .dcw-input-withplaceholder:not(:placeholder-shown) + .dcw-label-withplaceholder {
        font-size: 12px;
    } */
    /* End Eform Sample-1 */

    /* Search */
    .dcw-search-page .dcw-search-input,
    .dcw-search-page .dcw-search-type,
    .dcw-search-page .dcw-search-count,
    .dcw-search-page .dcw-search-container {
        max-width: 786px;
        margin: 0 auto;
    }

    .dcw-search-page .dcw-search-type {
        padding: 0;
    }

        .dcw-search-page .dcw-search-type .search-type-item {
            font-size: 10px;
            height: fit-content;
        }

    .dcw-search-page .dcw-search-result .search-card-category,
    .dcw-search-page .dcw-search-result .search-card-desc {
        font-size: 10px;
    }

    .dcw-search-page .dcw-search-result .search-card-title {
        font-size: 15.63px;
    }

    .dcw-search-page .dcw-search-result .search-card-link {
        font-size: 12px;
    }
    /* End Search */

    /* Personal Investasi */
    .quick-download-main-title {
        padding: 0 0 2rem 0;
        font-size: 19.53px;
        max-width: 786px;
        margin: 0 auto;
    }
    /* End Personal Investasi */

    /* Privilege */
    .dcw-colorable-cards .dcw-card-title {
        font-size: 15.63px;
    }

    .dcw-colorable-cards .dcw-card-description, .dcw-colorable-cards .dcw-hyperlink-text {
        font-size: 10px;
    }

    .dcw-pointcard-slider .dcw-head-title {
        max-width: 786px;
        font-size: 19.53px;
    }

    .dcw-pointcard-slider .dcw-main-container {
        max-width: 786px;
        margin: 0 auto;
    }

    .dcw-pointcard-slider .points-title {
        font-size: 15.63px;
    }

    .dcw-pointcard-slider .point-num {
        width: 20px;
        height: 20px;
        font-size: 10px;
    }

    .dcw-pointcard-slider .points-content p,
    .dcw-pointcard-slider .points-content li,
    .dcw-pointcard-slider.privilege-theme .main-content-button > a {
        font-size: 10px;
    }

    .dcw-pointcard-slider .main-content-button > a {
        padding: 1rem;
    }
    /* End Privilege */

    /* Fin Adjustment */
    .dcw-herobanner {
        min-height: unset;
        height: 100%;
        aspect-ratio: 16/7;
    }

    .dcw-home-appbanner .dcw-content-header {
        gap: 10px;
    }

    .dcw-home-appbanner .dcw-appbanner-content {
        gap: 17px;
    }
    /* End Fin Adjustment */

    /* Neo App Banner */
    .neo-app-banner-container {
        max-width: 786px;
        padding: 0;
    }
    /* End Neo App Banner */

    .search-image-section {
        display: block !important;
    }

    /* .dcw-product-herobanner.half-banner {
        height: 300px;
        aspect-ratio: unset;
    } */

    .dcw-faq-richtext .dcw-cardsgrid img, .dcw-faq-sidetab .dcw-cardsgrid img {
        margin: 0 0 1rem 0;
    }

    .dcw-contact-cards .dcw-contact-card {
        min-width: unset;
    }

    .dcw-contact-cards .dcw-card-title {
        font-size: 16px;
    }

    .dcw-contact-cards .dcw-card-description {
        font-size: 10px;
    }

    .dcw-product-richtext .dcw-section-container {
        width: 75%;
    }

    .dcw-faq-sidetab .dcw-section-container {
        width: 75%;
    }

    .dcw-pdf-popup .dcw-popup-content {
        padding: 0 2rem;
    }

    .dcw-video-slider .dcw-video-popup .dcw-popup-content {
        padding: 0 2rem;
    }
}

/* tampilan 1280 */
@media (min-width: 1280px) {
    .dcw-lifejourneyres .dcw-content {
        max-width: 940px;
    }

    .dcw-lifejourneyquest .dcw-content-card {
        width: 200px;
    }

    .dcw-lifejourneyquest .dcw-content.sub-content {
        max-width: 940px;
    }

    .header-menus a {
        font-size: 12px;
    }

    .header-logo img {
        width: 60px;
    }

    .header-tool img {
        width: 30px;
    }

    .dcw-header-desktop .header-tools {
        gap: 1rem;
    }

    #header {
        max-width: 940px;
    }

    .dcw-herobanner .hero-highlight .hero-content {
        /* max-width: 940px; */
    }

    .dcw-productslider .dcw-header {
        max-width: 940px;
    }

    .dcw-productslider .dcw-card-container {
        max-width: 940px;
    }

    .dcw-herobanner .hero-highlight .hero-subtitle,
    .dcw-herobanner .hero-highlight .hero-button {
        font-size: 18.75px;
    }

    .dcw-herobanner .hero-highlight .hero-title {
        font-size: 36.62px;
    }

    .dcw-herobanner .hero-small-slider .hero-slider-title {
        font-size: 18.75px;
    }

    .dcw-herobanner .hero-small-slider .hero-content {
        font-size: 15px;
    }

    .dcw-productslider .dcw-header-title {
        font-size: 24px;
    }

    .dcw-productslider .dcw-arrow-right {
        font-size: 18.75px;
    }
    /* .dcw-productslider .dcw-card-title{
        font-size: 18.75px;
    } */

    /* Transaksi kurs */
    .dcw-exchangerate .dcw-header {
        max-width: 940px;
    }

    .dcw-exchangerate .dcw-card-container {
        max-width: 940px;
    }

    .dcw-exchangerate .dcw-header-title {
        font-size: 24px;
    }

    .dcw-exchangerate .dcw-card-title {
        font-size: 18.75px;
    }

    .dcw-exchangerate th, .dcw-exchangerate td {
        font-size: 12px;
    }

    .dcw-exchangerate .dcw-kurs-container span {
        font-size: 10px;
    }

    .dcw-exchangerate .dcw-card-exchange-title {
        font-size: 12px;
    }

    .dcw-exchangerate .dcw-card-desc {
        font-size: 12px;
    }

    .dcw-exchangerate .dcw-hitung-btn {
        font-size: 18.75px;
    }

    .dcw-exchangerate .dcw-currency input {
        font-size: 18.75px;
    }

    .dcw-exchangerate .dcw-card-subtitle {
        font-size: 12px;
    }
    /* End Transaksi kurs */

    /* Latest Promo */
    .dcw-latestpromo .dcw-card-title {
        font-size: 18.75px;
    }

    .dcw-latestpromo .dcw-card-subtitle {
        font-size: 12px;
    }

    .dcw-latestpromo .dcw-time-desc {
        font-size: 12px;
    }

    .dcw-latestpromo .dcw-main-content {
        gap: 10px;
    }

    .dcw-latestpromo .dcw-header {
        max-width: 940px;
    }

    .dcw-latestpromo .dcw-card-container {
        max-width: 940px;
    }

    .dcw-latestpromo .dcw-header-title {
        font-size: 24px;
    }

    .dcw-latestpromo .dcw-arrow-right {
        font-size: 18.75px;
    }
    /* End Latest Promo */

    /* Home Berita */
    .dcw-home-latestnews .dcw-header {
        max-width: 940px;
    }

    .dcw-home-latestnews .dcw-filter-container {
        max-width: 940px;
    }

    .dcw-home-latestnews .dcw-card-container {
        max-width: 940px;
    }

    .dcw-home-latestnews .dcw-arrow-right {
        font-size: 18.75px;
    }

    .dcw-home-latestnews .dcw-header-title {
        font-size: 24px;
    }

    .dcw-home-latestnews .dcw-filter-tag {
        font-size: 12px;
        height: 60px;
    }

    .dcw-home-latestnews .dcw-card-subtitle {
        font-size: 12px;
    }

    .dcw-home-latestnews .dcw-card-title {
        height: 50px;
        font-size: 15px;
    }

    .dcw-home-latestnews .dcw-time-desc {
        font-size: 9.6px;
    }
    /* End Home Berita */

    /* Search Page */
    .dcw-search-page .dcw-search-result .search-result-card {
        aspect-ratio: unset;
    }
    /* End Search Page */

    /* Moments In Life  */
    .dcw-breadcrumb-container a {
        font-size: 12px;
    }

    .dcw-lifejourney-lp .dcw-content {
        padding: 0;
        max-width: 940px;
        margin: 0 auto;
    }

        .dcw-lifejourney-lp .dcw-content .dcw-content-lifejourneyquest .dcw-title {
            font-size: 24px;
        }

        .dcw-lifejourney-lp .dcw-content .dcw-content-lifejourneyquest .dcw-subtitle {
            font-size: 12px;
        }

    .dcw-lifejourney-lp .dcw-title-text {
        font-size: 18.75px;
    }

    .dcw-lifejourney-lp .dcw-desc-text {
        font-size: 12px;
    }
    /* End Moments In Life  */

    /* Personal Simpanan */
    .dcw-product-promo .dcw-card-title {
        font-size: 18.75px;
    }

    .dcw-product-promo .dcw-card-subtitle {
        font-size: 12px;
    }

    .dcw-product-promo .dcw-time-desc {
        font-size: 12px;
    }
    /* End Personal Simpanan */

    /* Danamon Save */
    .hero-product-big-banner .hero-product-content {
        align-items: flex-start;
    }

    .dcw-fiturproduct .dcw-title-tag {
        font-size: 2.5rem;
    }

    .dcw-fiturproduct {
        max-width: 940px;
        margin: 0 auto;
    }

        .dcw-fiturproduct .dcw-header-title {
            font-size: 24px;
        }

        .dcw-fiturproduct .dcw-card-product-content-container {
            font-size: 12px;
        }

        .dcw-fiturproduct .dcw-card-fiturproduct {
            aspect-ratio: 4/2;
        }

    .dcw-product-richtext {
        max-width: 940px;
    }

        .dcw-product-richtext .dcw-nav-tag {
            font-size: 18.75px;
        }

        .dcw-product-richtext .dcw-section-content-container h3, .dcw-faq-sidetab .dcw-section-content-container h3, .dcw-rich-sidetab .dcw-section-content-container h3 {
            font-size: 24px;
        }

        .dcw-product-richtext .dcw-section-content-container p, .dcw-faq-sidetab .dcw-section-content-container p, .dcw-rich-sidetab .dcw-section-content-container p {
            font-size: 12px;
        }

        .dcw-product-richtext .dcw-section-content-container table td, .dcw-product-richtext .dcw-section-content-container table b, .dcw-product-richtext .dcw-section-content-container table th, .dcw-faq-sidetab .dcw-section-content-container table td, .dcw-faq-sidetab .dcw-section-content-container table b, .dcw-faq-sidetab .dcw-section-content-container table th, .dcw-rich-sidetab .dcw-section-content-container table td, .dcw-rich-sidetab .dcw-section-content-container table b, .dcw-rich-sidetab .dcw-section-content-container table th {
            font-size: 12px;
        }
    /* End Danamon Save */

    /* Business */
    .dcw-laptop-appbanner .dcw-iphone {
        width: 500px;
    }
    /* End Business */

    /* Privilege */
    .dcw-feature-dbankpro .dcw-dbank-headline,
    .dcw-pointcard-slider .dcw-main-container {
        max-width: 940px;
    }
    /* End Privilege */

    /* AppBanner */
    .dcw-home-appbanner {
        max-width: 940px;
    }

        .dcw-home-appbanner .dcw-title {
            font-size: 30px;
        }

        .dcw-home-appbanner .dcw-description {
            font-size: 12px;
        }

        .dcw-home-appbanner .dcw-download-sekarang {
            font-size: 12px;
        }
    /* End AppBanner */

    /* Footer */
    .dcw-footerlinks-cont {
        max-width: 940px;
    }

    .footer-menu a {
        font-size: 12px;
    }

    .footer-menu-subs .footer-menu-item > a {
        font-size: 10px;
    }

    .footer-menu-box .footer-menu-cat {
        font-size: 12px;
    }

    .footer-company .company-title {
        font-size: 12px;
    }

    .footer-footnote {
        font-size: 10px;
    }

    .footer-menu-subs.office .footer-menu-item > p {
        font-size: 10px;
    }
    /* End Footer */

    /* Previlege Benefit */
    .dcw-feature-dbankpro .dcw-overlay-headline {
        font-size: 15px;
    }

    .dcw-feature-dbankpro .dcw-img-overlay {
        padding: 2rem;
    }

    .dcw-feature-dbankpro .dcw-dbankpro-cards-container {
        gap: 2rem;
    }

    .dcw-feature-dbankpro .dcw-dbankpro-cards-container {
        max-width: 940px;
    }

    .dcw-feature-dbankpro .dcw-overlay-description {
        font-size: 12px;
    }
    /* End Previlege Benefit */

    /* Banner Danamon Privilege */
    .dcw-video-slider .hero-big-banner {
        /* max-width: 940px; */
    }

        .dcw-video-slider .hero-big-banner .hero-title {
            font-size: 36.62px;
        }

        .dcw-video-slider .hero-big-banner .hero-description {
            font-size: 18.75px;
        }

    .dcw-video-slider .hero-small-slider .swiper-slide-active .hero-video-content {
        font-size: 22px;
    }

    .dcw-video-slider .hero-big-banner .hero-subtitle, .dcw-video-slider .hero-big-banner .hero-button {
        font-size: 18.75px;
    }

    .dcw-video-slider .hero-small-slider .hero-video-content {
        font-size: 22px;
    }
    /* End Banner Danamon Privilege */

    /* Cards Images Privilage */
    .dcw-cards-images .dcw-cardsimages-main {
        max-width: 940px;
    }

    .dcw-cards-images .dcw-cardsimages-title {
        font-size: 24px;
        line-height: 1.4;
    }

    .dcw-cards-images .dcw-cardsimages-desc {
        /* font-size: 18.75px; */
        font-size: 12px;
    }

    .dcw-cards-images .cardsimages-cards-title {
        font-size: 15px;
    }

    .dcw-cards-images .cardsimages-cards-desc {
        font-size: 12px;
    }

    .dcw-cards-images .cardsimages-cards-more {
        font-size: 12px;
    }
    /* End Cards Images Privilage */

    /* Wealth Growth Preservation */
    .dcw-colorable-cards .dcw-main-content {
        max-width: 940px;
    }
    /* End Wealth Growth Preservation */

    /* News */
    .dcw-ebank-innertitle .dcw-header, .dcw-news-filters, .dcw-news-heroslider .hero-content, .dcw-mobile-appbanner {
        max-width: 940px;
    }

    .news-slider-container .hero-title {
        font-size: 36.62px;
    }

    .news-slider-container .hero-description, .news-slider-container .hero-button {
        font-size: 18.75px;
    }

    .dcw-ebank-innertitle .dcw-header-title {
        font-size: 24px;
    }

    .dcw-ebank-innertitle .dcw-header-desc {
        font-size: 12px;
        line-height: 1.4;
    }

    .dcw-news-filters .dcw-filter-tag {
        padding: 16px 32px;
        font-size: 12px;
        line-height: 1.4;
    }

    .dcw-news-filters .dcw-card-subtitle {
        font-size: 12px;
    }

    .dcw-news-filters .dcw-time-desc {
        font-size: 9.6px;
    }

    .dcw-news-filters .dcw-card-title {
        font-size: 15px;
        line-height: 1.4;
    }

    .dcw-mobile-appbanner .dcw-title {
        font-size: 30px;
    }

    .dcw-mobile-appbanner .dcw-description-lg {
        font-size: 12px;
    }

    .dcw-mobile-appbanner .dcw-download-sekarang {
        font-size: 12px;
    }
    /* End News */

    /* Merchant QR */
    .dcw-alter-content .dcw-alter-row {
        max-width: 940px;
    }

    .dcw-ebanking-table-richtext {
        max-width: 940px;
    }

        .dcw-ebanking-table-richtext th, .dcw-ebanking-table-richtext td, .dcw-ebanking-table-richtext p {
            font-size: 12px;
        }

    .dcw-faq-sidetab {
        max-width: 940px;
    }

    .dcw-image-card {
        max-width: 940px;
    }

    .hero-product-big-banner .hero-product-title {
        font-size: 36.62px;
    }

    .hero-product-big-banner .hero-product-description, .hero-product-big-banner .hero-product-button {
        font-size: 18.75px;
    }

    .dcw-alter-content .dcw-alter-text-title {
        font-size: 24px;
    }

    .dcw-alter-content .dcw-alter-text-content p, .dcw-alter-content .dcw-alter-text-content a {
        font-size: 12px;
    }

    .dcw-faq-sidetab .dcw-nav-tag {
        font-size: 18.75px;
    }
    /* .dcw-faq-sidetab h2 {
        font-size: 24px;
    } */
    .dcw-faq-sidetab .dcw-faq-item span {
        font-size: 18.75px;
    }
    /* End Merchant QR */

    /* Personal Page */
    .dcw-subproduct-slider .dcw-card-container {
        max-width: 940px;
    }

    .dcw-subproduct-slider .dcw-card-title {
        font-size: 18.75px;
    }

    .dcw-product-promo .dcw-header {
        max-width: 940px;
    }

    .dcw-product-promo .dcw-card-container {
        max-width: 940px;
    }

    .dcw-product-promo .dcw-header-title {
        font-size: 24px;
    }

    .dcw-product-promo .dcw-arrow-right {
        font-size: 18.75px;
    }
    /* End Personal Page */

    /* Personal Simpanan */
    .hero-product-big-banner .hero-product-subtitle {
        font-size: 18.75px;
    }

    .hero-product-big-banner .hero-product-title {
        font-size: 36.62px;
    }

    .dcw-subproduct-filter .dcw-header {
        max-width: 940px;
        margin: 0 auto;
    }

    .dcw-subproduct-filter .dcw-filter-container {
        max-width: 940px;
        margin: 0 auto;
    }

    .dcw-subproduct-filter .dcw-card-container {
        max-width: 940px;
    }

    .dcw-subproduct-filter .dcw-header-title {
        font-size: 24px;
    }

    .dcw-subproduct-filter .dcw-arrow-right {
        font-size: 18.75px;
    }

    .dcw-subproduct-filter .dcw-filter-tag {
        font-size: 12px;
    }

    .dcw-subproduct-filter .dcw-card-title {
        font-size: 18.75px;
    }

    .dcw-subproduct-filter .dcw-card-subtitle {
        font-size: 12px;
        line-height: 1.4;
    }
    /* End Personal Simpanan */

    /* Personal Investasi */
    .dcw-quick-download .dcw-container {
        max-width: 940px;
    }

    .dcw-quick-download .dcw-header-tag {
        font-size: 12px;
    }

    .dcw-quick-download .dcw-header-title {
        font-size: 24px;
    }

    .dcw-quick-download .dcw-header-desc {
        font-size: 12px;
    }

    .dcw-quick-download .dcw-button {
        font-size: 12px;
    }

    .dcw-tentang-subitem .dcw-card-container {
        max-width: 940px;
    }

    .dcw-tentang-subitem .dcw-card-title {
        font-size: 18.75px;
    }
    /* End Personal Investasi */

    /* Reksadana Pasar Uang */
    .dcw-fiturproduct-alt .dcw-header-title {
        font-size: 24px;
    }

    .dcw-fiturproduct-alt {
        max-width: 940px;
    }

        .dcw-fiturproduct-alt .dcw-card-product-content-container {
            width: 100%;
            font-size: 12px;
        }
    /* End Reksadana Pasar Uang */

    /* Business */
    .dcw-laptop-appbanner {
        max-width: 940px;
    }

        .dcw-laptop-appbanner .dcw-title {
            font-size: 30px;
        }

        .dcw-laptop-appbanner .dcw-description-lg {
            font-size: 12px;
        }

        .dcw-laptop-appbanner .dcw-download-sekarang {
            font-size: 12px;
        }

        .dcw-laptop-appbanner .dcw-download-sekarang {
            min-width: 200px;
        }
    /* End Business */

    /* Syariah */
    .dcw-subproduct-slidersyariah .dcw-card-container {
        max-width: 940px;
        margin: 0 auto;
    }

    .toggle-item-left, .toggle-item-right {
        font-size: 18.75px;
    }

    .dcw-subproduct-slidersyariah .dcw-card-title {
        font-size: 18.75px;
    }
    /* End Syariah */

    /* Bandingkan */
    .dcw-comparefilter {
        max-width: 940px;
    }

        .dcw-comparefilter .dcw-header-title {
            font-size: 24px;
        }

        .dcw-comparefilter .dcw-header-subtitle {
            font-size: 12px;
        }

        .dcw-comparefilter .dcw-inner-title {
            font-size: 24px;
        }
    /* End Bandingkan */

    /* Optimal */
    .dcw-feature-dbankpro-link .dcw-dbankpro-cards-container {
        max-width: 940px;
        margin: 0 auto;
    }

    .dcw-feature-dbankpro-link .dcw-overlay-headline {
        font-size: 18.75px;
    }
    /* End Optimal */

    /* Promo Page */
    .dcw-promohero-slider .dcw-card-subtitle {
        font-size: 12px;
    }

    .dcw-promohero-slider .dcw-card-title {
        font-size: 18.75px;
    }

    .dcw-promohero-slider .dcw-time-desc {
        font-size: 12px;
    }

    .dcw-promo-filter {
        max-width: 940px;
    }

        .dcw-promo-filter .dcw-header-title {
            font-size: 24px;
        }

        .dcw-promo-filter .dcw-filter-tag {
            font-size: 12px;
        }

        .dcw-promo-filter .dcw-card-subtitle, .dcw-promo-filter .dcw-card-time {
            font-size: 12px;
            line-height: 1.4;
        }

        .dcw-promo-filter .dcw-card-title {
            font-size: 18.75;
        }
    /* End Promo Page */

    /* Promo Detail */
    .dcw-promodetail {
        max-width: 940px;
        margin: 0 auto;
    }

    .dcw-promodetail-title {
        font-size: 24px;
        line-height: 1.4;
    }

    .dcw-promodetail-date {
        font-size: 14px;
    }

    .promodetail-tags-item {
        font-size: 12px;
    }
    /* End Promo Detail */

    /* News Detail */
    .dcw-news-richtext .dcw-share-title, .dcw-news-richtext .dcw-section-date {
        font-size: 14px !important;
    }

    .dcw-news-richtext .tags-item {
        font-size: 12px;
    }

    .dcw-news-richtext .dcw-section-title, .dcw-news-richtext .dcw-section-content > h2 {
        font-size: 24px;
    }

    .dcw-news-richtext .dcw-section-content p, .dcw-news-richtext .dcw-section-content b, .dcw-news-richtext a.cta-btn, .dcw-news-richtext .dcw-section-content table td, .dcw-news-richtext .dcw-table-cont th {
        font-size: 12px;
    }

    .dcw-news-richtext {
        max-width: 940px;
    }

        .dcw-news-richtext .dcw-share-container.sticky {
            left: 50%;
        }

        .dcw-news-richtext .dcw-share-container {
            width: 90px;
        }
    /* End News Detail */

    /* Ebanking Page */
    .dcw-ebanking-subcategory {
        max-width: 940px;
    }

        .dcw-ebanking-subcategory .dcw-filter-tag {
            font-size: 12px;
        }

        .dcw-ebanking-subcategory .dcw-card-title {
            font-size: 15px;
        }

        .dcw-ebanking-subcategory .dcw-card-description {
            font-size: 12px;
        }
    /* Ebanking Page */

    /* DbankPro */
    .dcw-ebanking-cards .dcw-ebanking-main {
        max-width: 940px;
        margin: 0 auto;
    }

    .dcw-ebanking-cards .dcw-ebanking-sub h1 {
        font-size: 36.62px;
        line-height: 1.2;
    }

    .dcw-ebanking-cards .dcw-reason-container span, .dcw-ebanking-cards .dcw-reason-item h2 {
        font-size: 24px;
    }

    .dcw-ebanking-cards .dcw-reason-item p {
        font-size: 12px;
    }

    .dcw-ebanking-cards .dcw-ebanking-download-btn {
        font-size: 12px;
    }
    /* End DbankPro */

    /* Flazz Page */
    .dcw-ebanking-description-slider .dcw-ebanking-description-slider-main {
        max-width: 940px;
    }

    .dcw-ebanking-cards .dcw-ebanking-description-content {
        font-size: 12px;
    }

    .dcw-ebanking-description-slider .dcw-navigation-container {
        bottom: 25%;
    }

    .dcw-ebanking-table-richtext h2 {
        font-size: 18px;
    }
    /* End Flazz Page */

    /* Dcash Connect */
    .dcw-screen-limiter {
        max-width: 940px;
        margin: 0 auto;
    }

    .dcw-ebanking-cards .dcw-notice-container .notice-title, .new-notice-card .dcw-notice-container .notice-title {
        font-size: 14px;
    }

    .dcw-ebanking-cards .dcw-notice-container .notice-desc, .new-notice-card .dcw-notice-container .notice-desc {
        font-size: 12px;
    }
    /* End Dcash Connect */

    /* Digital Onboarding */
    .dcw-full-richtext {
        max-width: 940px;
        margin: 0 auto
    }

        .dcw-full-richtext p {
            font-size: 12px;
        }
    /* End Digital Onboarding */

    /* Struktur Manajemen */
    .dcw-profile-popup {
        max-width: 940px;
    }
        /* End Struktur Manajemen */

        /* Struktur Manajemen */
        .dcw-profile-popup .dcw-nav-tag {
            font-size: 18.75px;
        }

        .dcw-profile-popup .dcw-section-content-container h3, .dcw-faq-sidetab .dcw-section-content-container h3, .dcw-rich-sidetab .dcw-section-content-container h3 {
            font-size: 24px;
        }

        .dcw-profile-popup .profile-card-summary .profile-summary-name {
            font-size: 16px;
        }

        .dcw-profile-popup .profile-card-summary .profile-summary-title {
            font-size: 14px;
        }
    /* End Struktur Manajemen */

    /* Penghargaan */
    .dcw-rich-sidetab {
        max-width: 940px;
        margin: 0 auto;
    }

        .dcw-rich-sidetab .dcw-nav-tag {
            font-size: 18.75px;
        }

        .dcw-rich-sidetab .dcw-section-container h2 {
            font-size: 24px;
        }

        .dcw-rich-sidetab .dcw-rich-content table th, .dcw-rich-sidetab .dcw-rich-content table td, .dcw-rich-sidetab .dcw-rich-content ol li::marker {
            font-size: 12px;
        }
    /* End Penghargaan */

    /* Aksi */
    .dcw-faq-richtext {
        max-width: 940px;
        margin: 0 auto;
    }

        .dcw-faq-richtext .dcw-nav-tag {
            font-size: 18.75px;
        }
        /* .dcw-faq-richtext .dcw-section-content-container h3, .dcw-faq-sidetab .dcw-section-content-container h3 {
        font-size: 24px;
    } */
        .dcw-faq-richtext .dcw-section-content-container p, .dcw-faq-sidetab .dcw-section-content-container p, .dcw-rich-sidetab .dcw-section-content-container p {
            font-size: 12px;
        }

        .dcw-faq-richtext .dcw-faq-item span {
            font-size: 18.75px;
        }
        /* End Aksi */

        /* Dividen */
        .dcw-faq-richtext .dcw-section-content-container table.table-alt th, .dcw-faq-richtext .dcw-section-content-container table.table-alt td, .dcw-faq-richtext .dcw-section-content-container ol li::marker {
            font-size: 12px;
        }
        /* End Dividen */

        /* Obligasi */
        .dcw-faq-richtext ul li {
            font-size: 12px;
        }
    /* End Obligasi */

    /* ATM */
    .dcw-search-list {
        max-width: 940px;
        margin: 0 auto;
    }

        .dcw-search-list .dcw-search-input input {
            font-size: 12px;
        }

        .dcw-search-list .dcw-search-result .search-card-title {
            font-size: 18.75px;
            line-height: 1.4;
        }

        .dcw-search-list .dcw-search-result .search-card-desc {
            font-size: 12px;
            line-height: 1.4;
        }

        .dcw-search-list .dcw-search-result .search-card-link {
            font-size: 14px;
        }

    .dcw-search-pagination li {
        font-size: 12px;
    }
    /* End ATM */

    /* Cabang */
    .dcw-search-list .dcw-search-type .search-type-item {
        font-size: 12px;
    }

    .dcw-accordion-list {
        max-width: 940px;
    }

        .dcw-accordion-list h3 {
            font-size: 24px;
        }

        .dcw-accordion-list .accordion-item-title {
            font-size: 18.75px;
        }

        .dcw-accordion-list .accordion-item-content table td, .dcw-accordion-list .accordion-item-content table th {
            font-size: 12px;
        }
    /* End Cabang */

    /* Dasar Kredit */
    .dcw-full-richtext table th, .dcw-full-richtext table td {
        font-size: 12px;
    }

    .dcw-full-richtext h3 {
        font-size: 18.75px;
    }

    .dcw-full-richtext p, .dcw-full-richtext li, .dcw-full-richtext a {
        font-size: 12px;
    }
    /* End Dasar Kredit */

    /* Produk */
    .dcw-dynamic-content .dcw-filter-tag {
        font-size: 12px;
    }

    .dcw-dynamic-content .dcw-filter-container,
    .dcw-sukubunga-table .dcw-filter-header,
    .dcw-sukubunga-table .dcw-table-sukubungamain,
    .dcw-sukubunga-table .dcw-extratext-container {
        max-width: 940px;
    }

    .dcw-sukubunga-table .dcw-header-filter {
        font-size: 24px;
    }

    .dcw-sukubunga-table .dcw-currency-sukubunga .dcw-space-item {
        font-size: 18.75px;
    }

    .dcw-sukubunga-table table th, .dcw-sukubunga-table table td, .dcw-sukubunga-table .dcw-extratext-contents {
        font-size: 12px;
    }
    /* End Produk */

    /* Informasi Biaya */
    .dcw-fullrich-card .dcw-fullrich-card-container {
        max-width: 940px;
    }

        .dcw-fullrich-card .dcw-fullrich-card-container .dcw-card-title,
        .dcw-fullrich-card .dcw-fullrich-card-container li,
        .dcw-fullrich-card .dcw-fullrich-card-container p {
            font-size: 12px;
        }
    /* End Informasi Biaya */

    /* e-form */
    .dcw-eform-filters .dcw-filter-container,
    .dcw-eform-filters .dcw-card-container .dcw-section {
        max-width: 940px;
    }

    .dcw-eform-filters .dcw-filter-tag {
        font-size: 12px;
    }

    .dcw-eform-filters .eform-title,
    .dcw-eform-filters .eform-label,
    .dcw-eform-filters .load-more-btn {
        font-size: 18.75px;
    }

    .dcw-eform-filters .eform-title {
        padding-right: 14px;
        line-height: 1.5;
        font-size: 17.75px !important;
    }

    .dcw-eform-filters .load-more-btn {
        font-size: 17.75px !important;
    }

    .dcw-eform-filters .eform-label {
        font-size: 14px !important;
    }
    /* End e-form */

    /* Eform Sample-1 */
    .dcw-eform-sample form {
        max-width: 940px;
    }

    .dcw-eform-sample .dcw-break-word,
    .dcw-eform-sample h2.dcw-content-header-title,
    .dcw-eform-sample .dcw-content-header {
        font-size: 18.75px;
    }

    .dcw-eform-sample .dcw-content-header-desc,
    .dcw-eform-sample .dcw-form-input-content,
    .dcw-eform-sample .dcw-radio-choice,
    .dcw-checkbox-container label {
        font-size: 12px;
    }
    /* .dcw-eform-sample .dcw-alert-container .dcw-alert-text, .dcw-eform-sample .dcw-input-withplaceholder:focus + .dcw-label-withplaceholder, .dcw-eform-sample .dcw-input-withplaceholder:not(:placeholder-shown) + .dcw-label-withplaceholder {
        font-size: 14px;
    } */
    /* End Eform Sample-1 */

    /* Search */
    .dcw-search-page .dcw-search-input,
    .dcw-search-page .dcw-search-type,
    .dcw-search-page .dcw-search-count,
    .dcw-search-page .dcw-search-container {
        max-width: 940px;
        margin: 0 auto;
    }

        .dcw-search-page .dcw-search-type .search-type-item {
            font-size: 12px;
        }

    .dcw-search-page .dcw-search-result .search-card-category,
    .dcw-search-page .dcw-search-result .search-card-desc {
        font-size: 12px;
    }

    .dcw-search-page .dcw-search-result .search-card-title {
        font-size: 18.75px;
    }

    .dcw-search-page .dcw-search-result .search-card-link {
        font-size: 14px;
    }
    /* End Search */

    /* Personal Investasi */
    .quick-download-main-title {
        font-size: 24px;
        max-width: 940px;
    }
    /* End Personal Investasi */

    /* Privilage */
    .dcw-colorable-cards .dcw-title {
        font-size: 24px;
    }

    .dcw-colorable-cards .dcw-card-title {
        font-size: 18.75px;
    }

    .dcw-colorable-cards .dcw-card-description, .dcw-colorable-cards .dcw-hyperlink-text {
        font-size: 12px;
    }

    .dcw-pointcard-slider .dcw-head-title {
        max-width: 940px;
        font-size: 24px;
    }

    .dcw-pointcard-slider .main-content-title {
        font-size: 24px;
    }

    .dcw-pointcard-slider .points-title {
        font-size: 18.75px;
    }

    .dcw-pointcard-slider .point-num {
        width: 20px;
        height: 20px;
        font-size: 12px;
    }

    .dcw-pointcard-slider .points-content p,
    .dcw-pointcard-slider .points-content li,
    .dcw-pointcard-slider.privilege-theme .main-content-button > a {
        font-size: 12px;
    }
    /* End Privilage */

    /* Fin adjustment */
    .dcw-quickaccess .qa-toggle img {
        width: 45px;
        height: 45px;
    }

    .dcw-quickaccess .qa-toggle {
        /* height: 80px; */
        transform: translateX(45%);
    }

    .dcw-productslider,
    .dcw-latestpromo,
    .dcw-exchangerate,
    .dcw-home-latestnews {
        padding: 32px 0;
    }
    /* End fin adjustment */

    /* Neo App Banner */
    .neo-app-banner-container {
        max-width: 940px;
    }

    .neo-app-banner-text-contents-header h3 {
        font-size: 30px;
    }

    .neo-app-banner-text-contents-description p {
        font-size: 12px;
    }

    .neo-app-banner-text-contents-download-btn {
        font-size: 12px;
        width: fit-content;
        padding: 0 1rem;
    }
    /* End Neo App Banner */

    .dcw-contact-cards .dcw-contact-cards-container {
        max-width: 940px;
    }

    .dcw-contact-cards .dcw-card-title {
        font-size: 20px;
    }

    .dcw-contact-cards .dcw-card-description {
        font-size: 16px;
    }
}

/* tampilan 1500 */
@media (min-width: 1500px) {
    .dcw-lifejourneyres .dcw-content {
        max-width: 1100px;
    }

    .dcw-lifejourneyquest .dcw-content-card {
        width: 250px;
    }

    .dcw-lifejourneyquest .dcw-content.sub-content {
        max-width: 1100px;
    }
    /* Header */
    #header {
        max-width: 1100px;
    }

    .header-menus a {
        font-size: 16px;
    }

    .header-logo img {
        width: 65px;
    }

    .header-tool img {
        width: auto;
    }

    .active-language img {
        width: auto;
    }

    .dcw-header-desktop nav.header-menus li > a {
        padding: 0px 0.7rem;
    }

    .dcw-header-desktop .header-languages {
        padding: 0.3rem 0.5rem;
    }
    /* End Header */

    /* Banner */
    /* .dcw-herobanner .hero-highlight .hero-subtitle, .dcw-herobanner .hero-highlight .hero-button {
        font-size: 1.25rem;
    }
    .dcw-herobanner .hero-small-slider .hero-slider-title {
        font-size: 1.25rem;
    }
    .dcw-herobanner .hero-highlight .hero-title {
        font-size: 3.052rem;
    } */
    .dcw-herobanner .hero-highlight .hero-content {
        /* max-width: 1100px; */
    }

    .dcw-herobanner .hero-highlight .hero-subtitle,
    .dcw-herobanner .hero-highlight .hero-button {
        font-size: 25px;
    }

    .dcw-herobanner .hero-highlight .hero-title {
        font-size: 50px;
    }

    .dcw-herobanner .hero-small-slider .hero-slider-title {
        font-size: 25px;
    }

    .dcw-herobanner .hero-small-slider .hero-content {
        font-size: 16px;
    }
    /* End Banner */

    /* Product Slider */
    .dcw-productslider .dcw-header-title {
        font-size: 1.953rem;
    }
    /* .dcw-productslider .dcw-card-title{
        font-size: 32px;
    } */
    .dcw-productslider .swiper-wrapper {
        height: 420px !important;
    }

    .dcw-productslider .dcw-tag-img {
        width: 72px;
        height: 72px;
    }

    .dcw-productslider .dcw-header {
        max-width: 1100px;
    }

    .dcw-productslider .dcw-card-container {
        max-width: 1100px;
        margin: 0 auto;
    }

    .dcw-productslider .dcw-header-title {
        font-size: 32px;
    }

    .dcw-productslider .dcw-arrow-right {
        font-size: 25px;
    }
    /* .dcw-productslider .dcw-card-title{
        font-size: 25px;
    } */
    /* End Product Slider */

    /* Home Berita */
    .dcw-home-latestnews .dcw-header {
        max-width: 1100px;
    }

    .dcw-home-latestnews .dcw-filter-container {
        max-width: 1100px;
    }

    .dcw-home-latestnews .dcw-card-container {
        max-width: 1100px;
    }

    .dcw-home-latestnews .dcw-arrow-right {
        font-size: 25px;
    }

    .dcw-home-latestnews .dcw-header-title {
        font-size: 32px;
    }

    .dcw-home-latestnews .dcw-filter-tag {
        font-size: 16px;
    }

    .dcw-home-latestnews .dcw-card-subtitle {
        font-size: 16px;
    }

    .dcw-home-latestnews .dcw-card-title {
        height: 60px;
        font-size: 20px;
    }

    .dcw-home-latestnews .dcw-time-desc {
        font-size: 12.8px;
    }

    .dcw-home-latestnews .dcw-content-card {
        height: fit-content;
    }
    /* End Home Berita */

    /* Latest Promo */
    .dcw-latestpromo .dcw-card-title {
        font-size: 25px;
    }

    .dcw-latestpromo .dcw-card-subtitle {
        font-size: 16px;
    }

    .dcw-latestpromo .dcw-time-desc {
        font-size: 16px;
    }

    .dcw-latestpromo .dcw-main-content {
        gap: 12px;
    }

    .dcw-latestpromo .dcw-title-tag {
        font-size: 40px !important;
    }

    .dcw-latestpromo .dcw-header {
        max-width: 1100px;
    }

    .dcw-latestpromo .dcw-card-container {
        max-width: 1100px;
    }

    .dcw-latestpromo .dcw-header-title {
        font-size: 32px;
    }

    .dcw-latestpromo .dcw-arrow-right {
        font-size: 25px;
    }
    /* End Latest Promo */

    /* Kurs Transaksi */
    .dcw-exchangerate .dcw-header-title {
        font-size: 32px;
    }

    .dcw-exchangerate .dcw-header {
        max-width: 1100px;
    }

    .dcw-exchangerate .dcw-card-container {
        max-width: 1100px;
    }

    .dcw-exchangerate .dcw-card-title {
        font-size: 25px;
    }

    .dcw-exchangerate th, .dcw-exchangerate td {
        font-size: 16px;
    }

    .dcw-exchangerate .dcw-kurs-container span {
        font-size: 16px;
    }

    .dcw-exchangerate .dcw-card-exchange-title {
        font-size: 16px;
    }

    .dcw-exchangerate .dcw-card-desc {
        font-size: 16px;
    }

    .dcw-exchangerate .dcw-hitung-btn {
        font-size: 16px;
    }

    .dcw-exchangerate .dcw-currency input {
        font-size: 25px;
    }

    .dcw-exchangerate .dcw-card-subtitle {
        font-size: 16px;
    }
    /* End Kurs Transaksi */

    /* Latest News */
    .dcw-home-latestnews .dcw-tag-img {
        width: 72px;
        height: 72px;
    }

    .dcw-home-latestnews .dcw-arrow-right {
        font-size: 24px;
    }
    /* End Latest News */

    /* App Banner */
    .dcw-home-appbanner .dcw-title {
        font-size: 30px;
        font-weight: 700;
        line-height: 1.5;
        letter-spacing: -0.01em;
    }

    .dcw-home-appbanner {
        max-width: 1100px;
    }

        .dcw-home-appbanner .dcw-description {
            font-size: 16px;
        }

        .dcw-home-appbanner .dcw-download-sekarang {
            font-size: 16px;
        }
    /* End App Banner */

    /* Footer */
    .footer-menu a {
        font-size: 16px;
    }

    .footer-menu-subs .footer-menu-item > a {
        font-size: 14px;
    }

    .footer-menu-box .footer-menu-cat {
        font-size: 16px;
    }

    .footer-company .company-title {
        font-size: 16px;
    }

    .footer-company .company-cont {
        padding: 0 0 0.5rem 0;
    }

    .footer-menu-subs.office .footer-menu-item > p {
        font-size: 14px;
    }

    .company-cont img {
        width: 7rem;
    }

    .footer-footnote {
        font-size: 14px;
    }

    .dcw-footerlinks-cont {
        max-width: 1100px;
    }

    .footer-menu-subs .footer-menu-item > a {
        font-size: 14px;
    }
    /* End Footer */

    /* Personal Page */
    .hero-product-big-banner .hero-product-content {
        /* max-width: 1100px !important; */
        margin: 0 auto;
        /* width: unset; */
    }

    .hero-product-big-banner .hero-product-title {
        width: 30%;
        font-size: 3.5rem;
    }

    .hero-product-big-banner .hero-product-description {
        width: 30%;
    }

    .dcw-product-promo .dcw-header {
        max-width: 1100px;
    }

    .dcw-product-promo .dcw-card-container {
        max-width: 1100px;
    }

    .dcw-product-promo .dcw-header-title {
        font-size: 32px;
    }

    .dcw-product-promo .dcw-arrow-right {
        font-size: 25px;
    }
    /* End Personal Page */

    /* Moments In Life */
    .dcw-breadcrumb-container a {
        font-size: 16px;
    }

    .dcw-lifejourney-lp .dcw-content {
        padding: 0;
        max-width: 1100px;
        margin: 0 auto;
    }

        .dcw-lifejourney-lp .dcw-content .dcw-content-lifejourneyquest .dcw-title {
            font-size: 32px;
        }

        .dcw-lifejourney-lp .dcw-content .dcw-content-lifejourneyquest .dcw-subtitle {
            font-size: 16px;
        }

    .dcw-lifejourney-lp .dcw-title-text {
        font-size: 25px;
    }

    .dcw-lifejourney-lp .dcw-desc-text {
        font-size: 16px;
    }
    /* End Moments In Life */

    /* Personal Simpanan */
    .dcw-product-promo .dcw-card-title {
        font-size: 25px;
    }

    .dcw-product-promo .dcw-card-subtitle {
        font-size: 16px;
    }

    .dcw-product-promo .dcw-time-desc {
        font-size: 16px;
    }
    /* End Personal Simpanan */

    /* Business Simpanan */
    .dcw-laptop-appbanner {
        margin: 8rem auto 0 auto;
    }
    /* End Business Simpanan */

    /* Syariah */
    .toggle-item-left, .toggle-item-right {
        font-size: 25px;
    }
    /* End Syariah */

    /* Bandingkan */
    .dcw-comparefilter .dcw-header-title {
        font-size: 32px;
    }
    /* End Bandingkan */

    /* Privilege */
    .dcw-feature-dbankpro .dcw-dbank-headline, .dcw-pointcard-slider .dcw-main-container {
        max-width: 1100px;
    }

    .dcw-feature-dbankpro .dcw-overlay-headline {
        font-size: 20px;
    }

    .dcw-feature-dbankpro .dcw-dbankpro-cards-container {
        max-width: 1100px;
    }

    .dcw-feature-dbankpro .dcw-overlay-description {
        font-size: 16px;
    }

    .active-card-outline {
        outline: 10px solid #898989;
        outline-offset: -9px;
        border-radius: 20px;
    }
    /* End Privilege */

    /* Banner Danamon Privilege */
    .dcw-video-slider .hero-big-banner {
        /* max-width: 1100px; */
    }

        .dcw-video-slider .hero-big-banner .hero-title {
            font-size: 50px;
        }

        .dcw-video-slider .hero-big-banner .hero-description {
            font-size: 25px;
        }

        .dcw-video-slider .hero-big-banner .hero-title {
            font-size: 50px;
        }

        .dcw-video-slider .hero-big-banner .hero-subtitle, .dcw-video-slider .hero-big-banner .hero-button {
            font-size: 25px;
        }

    .dcw-video-slider .hero-small-slider .swiper-slide-active .hero-video-content {
        font-size: 32px;
    }

    .dcw-video-slider .hero-small-slider .hero-video-content {
        font-size: 32px;
    }
    /* End Banner Danamon Privilege */

    /* Cards Images Privilage */
    .dcw-cards-images .dcw-cardsimages-main {
        max-width: 1100px;
    }

    .dcw-cards-images .dcw-cardsimages-title {
        font-size: 32px;
        line-height: 1.4;
    }

    .dcw-cards-images .dcw-cardsimages-desc {
        /* font-size: 25px; */
        font-size: 16px;
    }

    .dcw-cards-images .cardsimages-cards-title {
        font-size: 20px;
    }

    .dcw-cards-images .cardsimages-cards-desc {
        font-size: 16px;
    }

    .dcw-cards-images .cardsimages-cards-more {
        font-size: 16px;
    }
    /* End Cards Images Privilage */

    /* Wealth Growth Preservation */
    .dcw-colorable-cards .dcw-main-content {
        max-width: 1100px;
    }
    /* End Wealth Growth Preservation */

    /* News */
    .dcw-ebank-innertitle .dcw-header, .dcw-news-filters, .dcw-news-heroslider .hero-content, .dcw-mobile-appbanner {
        max-width: 1100px;
    }

    .dcw-news-heroslider .hero-content {
        padding-right: 20%;
    }

    .news-slider-container .hero-title {
        font-size: 50px;
    }

    .news-slider-container .hero-description, .news-slider-container .hero-button {
        font-size: 25px;
    }

    .dcw-ebank-innertitle .dcw-header-title {
        font-size: 32px;
    }

    .dcw-ebank-innertitle .dcw-header-desc {
        font-size: 16px;
        line-height: 1.4;
    }

    .dcw-news-filters .dcw-filter-tag {
        height: 60px;
        padding: 16px 32px;
        font-size: 16px;
        line-height: 1.4;
    }

    .dcw-news-filters .dcw-card-subtitle {
        font-size: 16px;
    }

    .dcw-news-filters .dcw-time-desc {
        font-size: 12.8px;
    }

    .dcw-news-filters .dcw-card-title {
        font-size: 20px;
        line-height: 1.4;
    }

    .dcw-news-filters .dcw-content-card {
        gap: 8px;
    }

    .dcw-mobile-appbanner .dcw-description-lg {
        font-size: 16px;
    }

    .dcw-mobile-appbanner .dcw-download-sekarang {
        font-size: 16px;
    }
    /* End News */

    /* Merchant QR */
    .dcw-alter-content .dcw-alter-row {
        max-width: 1100px;
    }

    .dcw-ebanking-table-richtext {
        max-width: 1100px;
    }

        .dcw-ebanking-table-richtext th, .dcw-ebanking-table-richtext td, .dcw-ebanking-table-richtext p {
            font-size: 16px;
        }

    .dcw-faq-sidetab {
        max-width: 1100px;
    }

    .dcw-image-card {
        max-width: 1100px;
    }

    .hero-product-big-banner .hero-product-title {
        font-size: 50px;
    }

    .hero-product-big-banner .hero-product-description, .hero-product-big-banner .hero-product-button {
        font-size: 25px;
    }

    .dcw-alter-content .dcw-alter-text-title {
        font-size: 32px;
    }

    .dcw-alter-content .dcw-alter-text-content p, .dcw-alter-content .dcw-alter-text-content a {
        font-size: 16px;
    }
    /* .dcw-faq-sidetab .dcw-nav-tag {
        font-size: 25px;
    } */
    /* .dcw-faq-sidetab h2 {
        font-size: 32px;
    } */
    /* End Merchant QR */

    /* Personal Page */
    .dcw-subproduct-slider .dcw-card-container {
        max-width: 1100px;
    }

    .dcw-subproduct-slider .dcw-card-title {
        font-size: 25px;
    }
    /* End Personal Page */

    /* Personal Simpanan */
    .hero-product-big-banner .hero-product-subtitle {
        font-size: 25px;
    }

    .hero-product-big-banner .hero-product-title {
        font-size: 50px;
    }

    .dcw-product-herobanner.half-banner .hero-product-title {
        font-size: 32px;
    }
    /* .dcw-product-herobanner.half-banner {
        height: calc(60vh - 92px) !important;
    } */
    .dcw-subproduct-filter .dcw-header {
        max-width: 1100px;
        margin: 0 auto;
    }

    .dcw-subproduct-filter .dcw-filter-container {
        max-width: 1100px;
        margin: 0 auto;
    }

    .dcw-subproduct-filter .dcw-card-container {
        max-width: 1100px;
    }

    .dcw-subproduct-filter .dcw-header-title {
        font-size: 32px;
    }

    .dcw-subproduct-filter .dcw-arrow-right {
        font-size: 25px;
    }

    .dcw-subproduct-filter .dcw-filter-tag {
        height: 60px;
        font-size: 16px;
    }

    .dcw-subproduct-filter .dcw-card-title {
        font-size: 25px;
    }

    .dcw-subproduct-filter .dcw-card-subtitle {
        font-size: 16px;
        line-height: 1.4;
    }
    /* End Personal Simpanan */

    /* Danamon Save */
    .dcw-fiturproduct {
        max-width: 1100px;
        margin: 0 auto;
    }

        .dcw-fiturproduct .dcw-header-title {
            font-size: 32px;
        }

        .dcw-fiturproduct .dcw-card-fiturproduct {
            aspect-ratio: 4/2;
        }

        .dcw-fiturproduct .dcw-card-product-content-container {
            font-size: 16px;
        }

    .dcw-product-richtext {
        gap: 4rem;
        max-width: 1100px;
    }

        .dcw-product-richtext .dcw-section-content-container h3, .dcw-faq-sidetab .dcw-section-content-container h3, .dcw-rich-sidetab .dcw-section-content-container h3 {
            font-size: 32px;
        }

        .dcw-product-richtext .dcw-section-content-container p, .dcw-faq-sidetab .dcw-section-content-container p, .dcw-rich-sidetab .dcw-section-content-container p {
            font-size: 16px;
        }

        .dcw-product-richtext .dcw-section-content-container table td, .dcw-product-richtext .dcw-section-content-container table b, .dcw-product-richtext .dcw-section-content-container table th, .dcw-faq-sidetab .dcw-section-content-container table td, .dcw-faq-sidetab .dcw-section-content-container table b, .dcw-faq-sidetab .dcw-section-content-container table th, .dcw-rich-sidetab .dcw-section-content-container table td, .dcw-rich-sidetab .dcw-section-content-container table b, .dcw-rich-sidetab .dcw-section-content-container table th {
            font-size: 16px;
        }
    /* End Danamon Save */

    /* Personal Investasi */
    .dcw-quick-download .dcw-container {
        max-width: 1100px;
    }

    .dcw-quick-download .dcw-header-tag {
        font-size: 16px;
    }

    .dcw-quick-download .dcw-header-title {
        font-size: 32px;
    }

    .dcw-quick-download .dcw-header-desc {
        font-size: 16px;
    }

    .dcw-quick-download .dcw-button {
        font-size: 16px;
        padding: 24px 16px;
    }

    .dcw-tentang-subitem .dcw-card-container {
        max-width: 1100px;
    }

    .dcw-tentang-subitem .dcw-card-title {
        font-size: 25px;
    }
    /* End Personal Investasi */

    /* Reksadana Pasar Uang */
    .dcw-fiturproduct-alt .dcw-header-title {
        font-size: 32px;
    }

    .dcw-fiturproduct-alt {
        max-width: 1100px;
    }

        .dcw-fiturproduct-alt .dcw-card-product-content-container {
            width: 100%;
            font-size: 16px;
        }
    /* End Reksadana Pasar Uang */

    /* Business */
    .dcw-laptop-appbanner {
        max-width: 1100px;
    }

        .dcw-laptop-appbanner .dcw-description-lg {
            font-size: 16px;
        }

        .dcw-laptop-appbanner .dcw-download-sekarang {
            font-size: 16px;
        }
    /* End Business */

    /* Syariah */
    .dcw-subproduct-slidersyariah .dcw-card-container {
        max-width: 1100px;
        margin: 0 auto;
    }

    .dcw-subproduct-slidersyariah .dcw-card-title {
        font-size: 25px;
    }
    /* End Syariah */

    /* Bandingkan */
    .dcw-comparefilter {
        max-width: 1100px;
    }

        .dcw-comparefilter .dcw-header-subtitle {
            font-size: 16px;
        }

        .dcw-comparefilter .dcw-inner-title {
            font-size: 32px;
        }
    /* End Bandingkan */

    /* Optimal */
    .dcw-feature-dbankpro-link .dcw-dbankpro-cards-container {
        max-width: 1100px;
        margin: 0 auto;
    }

    .dcw-feature-dbankpro-link .dcw-overlay-headline {
        font-size: 25px;
    }
    /* End Optimal */

    /* Promo Page */
    .dcw-promohero-slider .dcw-card-subtitle {
        font-size: 16px;
    }

    .dcw-promohero-slider .dcw-card-title {
        font-size: 25px;
    }

    .dcw-promohero-slider .dcw-time-desc {
        font-size: 16px;
    }

    .dcw-promo-filter {
        max-width: 1100px;
    }

        .dcw-promo-filter .dcw-header-title {
            font-size: 32px;
        }

        .dcw-promo-filter .dcw-filter-tag {
            font-size: 16px;
            height: 60px;
        }

        .dcw-promo-filter .dcw-card-subtitle, .dcw-promo-filter .dcw-card-time {
            font-size: 16px;
            line-height: 1.4;
        }

        .dcw-promo-filter .dcw-card-title {
            font-size: 25px;
        }

    .dcw-promodetail {
        max-width: 1100px;
        margin: 0 auto;
    }

    .dcw-promodetail-title {
        font-size: 32px;
        line-height: 1.4;
    }

    .dcw-promodetail-date {
        font-size: 16px;
    }

    .promodetail-tags-item {
        font-size: 14px;
    }
    /* End Promo Page */

    /* News Detail */
    .dcw-news-richtext .dcw-share-title, .dcw-news-richtext .dcw-section-date {
        font-size: 16px !important;
    }

    .dcw-news-richtext .tags-item {
        font-size: 14px;
    }

    .dcw-news-richtext .dcw-section-title, .dcw-news-richtext .dcw-section-content > h2 {
        font-size: 32px;
    }

    .dcw-news-richtext .dcw-section-content p, .dcw-news-richtext .dcw-section-content b, .dcw-news-richtext a.cta-btn, .dcw-news-richtext .dcw-section-content table td, .dcw-news-richtext .dcw-table-cont th {
        font-size: 16px;
    }

    .dcw-news-richtext {
        max-width: 1100px;
    }

        .dcw-news-richtext .dcw-section-container {
            width: 900px;
        }

        .dcw-news-richtext .dcw-share-container {
            width: 90px !important;
        }

            .dcw-news-richtext .dcw-share-container.sticky {
                left: 45%;
            }

            .dcw-news-richtext .dcw-share-container.bottom {
                left: 43%;
            }
    /* End News Detail */

    /* Ebanking Page */
    .dcw-ebanking-subcategory {
        max-width: 1100px;
    }

        .dcw-ebanking-subcategory .dcw-filter-tag {
            font-size: 16px;
            height: 60px;
        }

        .dcw-ebanking-subcategory .dcw-card-title {
            font-size: 20px;
        }

        .dcw-ebanking-subcategory .dcw-card-description {
            font-size: 16px;
        }
    /* Ebanking Page */

    /* DbankPro */
    .dcw-ebanking-cards .dcw-ebanking-main {
        max-width: 1100px;
        margin: 0 auto;
    }

    .dcw-ebanking-cards .dcw-reason-container span {
        font-size: 32px;
    }

    .dcw-ebanking-cards .dcw-reason-item p {
        font-size: 16px;
    }

    .dcw-ebanking-cards .dcw-ebanking-download-btn {
        font-size: 16px;
    }
    /* End DbankPro */

    /* Flazz Page */
    .dcw-ebanking-description-slider .dcw-ebanking-description-slider-main {
        max-width: 1100px;
    }

    .dcw-ebanking-cards .dcw-ebanking-description-content {
        font-size: 16px;
    }

    .dcw-ebanking-table-richtext h2 {
        font-size: 20px;
    }
    /* End Flazz Page */

    /* Dcash Connect */
    .dcw-screen-limiter {
        max-width: 1100px;
        margin: 0 auto;
    }

    .dcw-ebanking-cards .dcw-notice-container .notice-title, .new-notice-card .dcw-notice-container .notice-title {
        font-size: 16px;
    }

    .dcw-ebanking-cards .dcw-notice-container .notice-desc, .new-notice-card .dcw-notice-container .notice-desc {
        font-size: 14px;
    }
    /* End Dcash Connect */

    /* Digital Onboarding */
    .dcw-full-richtext {
        max-width: 1100px;
        margin: 0 auto
    }

        .dcw-full-richtext p {
            font-size: 16px;
        }
    /* End Digital Onboarding */

    /* Struktur Manajemen */
    .dcw-profile-popup {
        max-width: 1100px;
    }

        .dcw-profile-popup .dcw-section-content-container h3, .dcw-faq-sidetab .dcw-section-content-container h3, .dcw-rich-sidetab .dcw-section-content-container h3 {
            font-size: 32px;
        }

        .dcw-profile-popup .profile-card-summary .profile-summary-name {
            font-size: 16px;
        }

        .dcw-profile-popup .profile-card-summary .profile-summary-title {
            font-size: 14px;
        }

        .dcw-profile-popup .profile-card {
            border-radius: 20px;
        }
    /* End Struktur Manajemen */

    /* Penghargaan */
    .dcw-rich-sidetab {
        max-width: 1100px;
        margin: 0 auto;
    }

        .dcw-rich-sidetab .dcw-section-container h2 {
            font-size: 32px;
        }

        .dcw-rich-sidetab .dcw-rich-content table th, .dcw-rich-sidetab .dcw-rich-content table td, .dcw-rich-sidetab .dcw-rich-content ol li::marker {
            font-size: 16px;
        }
    /* End Penghargaan */

    /* Aksi */
    .dcw-faq-richtext {
        max-width: 1100px;
        margin: 0 auto;
    }
        /* .dcw-faq-richtext .dcw-section-content-container h3 {
        font-size: 32px;
    } */
        .dcw-faq-richtext .dcw-section-content-container p, .dcw-faq-sidetab .dcw-section-content-container p, .dcw-rich-sidetab .dcw-section-content-container p {
            font-size: 16px;
        }
        /* End Aksi */

        /* Dividen */
        .dcw-faq-richtext .dcw-section-content-container table.table-alt th, .dcw-faq-richtext .dcw-section-content-container table.table-alt td, .dcw-faq-richtext .dcw-section-content-container ol li::marker {
            font-size: 16px;
        }
        /* End Dividen */

        /* Obligasi */
        .dcw-faq-richtext ul li {
            font-size: 16px;
        }
    /* End Obligasi */

    /* ATM */
    .dcw-search-list {
        max-width: 1100px;
        margin: 0 auto;
    }

        .dcw-search-list .dcw-search-input input {
            font-size: 16px;
        }

        .dcw-search-list .dcw-search-result .search-card-title {
            font-size: 25px;
            line-height: 1.4;
        }

        .dcw-search-list .dcw-search-result .search-card-desc {
            font-size: 16px;
            line-height: 1.4;
        }

        .dcw-search-list .dcw-search-result .search-card-link {
            font-size: 18px;
        }

    .dcw-search-pagination li {
        font-size: 16px;
    }

    .dcw-search-list .dcw-search-pagination .search-page-prev,
    .dcw-search-list .dcw-search-pagination .search-page-next {
        width: 60px;
        height: 60px;
    }

        .dcw-search-list .dcw-search-pagination .search-page-prev img,
        .dcw-search-list .dcw-search-pagination .search-page-next img {
            width: 36px;
            height: 36px;
        }

    .dcw-search-list .dcw-search-pagination ul li {
        width: 60px;
        height: 60px;
    }
    /* End ATM */

    /* Cabang */
    .dcw-search-list .dcw-search-type .search-type-item {
        font-size: 16px;
    }

    .dcw-accordion-list {
        max-width: 1100px;
    }

        .dcw-accordion-list h3 {
            font-size: 32px;
        }

        .dcw-accordion-list .accordion-item-title {
            font-size: 18.75px;
        }

        .dcw-accordion-list .accordion-item-content table td, .dcw-accordion-list .accordion-item-content table th {
            font-size: 16px;
        }
    /* End Cabang */

    /* Dasar Kredit */
    .dcw-full-richtext table th, .dcw-full-richtext table td {
        font-size: 16px;
    }

    .dcw-full-richtext h3 {
        font-size: 25px;
    }

    .dcw-full-richtext p, .dcw-full-richtext li, .dcw-full-richtext a {
        font-size: 16px;
    }
    /* End Dasar Kredit */

    /* Produk */
    .dcw-dynamic-content .dcw-filter-tag {
        font-size: 16px;
    }

    .dcw-dynamic-content .dcw-filter-tag {
        height: 60px;
    }

    .dcw-dynamic-content .dcw-filter-container,
    .dcw-sukubunga-table .dcw-filter-header,
    .dcw-sukubunga-table .dcw-table-sukubungamain,
    .dcw-sukubunga-table .dcw-extratext-container {
        max-width: 1100px;
    }

    .dcw-sukubunga-table .dcw-header-filter {
        font-size: 32px;
    }

    .dcw-sukubunga-table .dcw-currency-sukubunga .dcw-space-item {
        font-size: 25px;
    }

    .dcw-sukubunga-table table th, .dcw-sukubunga-table table td, .dcw-sukubunga-table .dcw-extratext-contents {
        font-size: 16px;
    }
    /* End Produk */

    /* Informasi Biaya */
    .dcw-fullrich-card .dcw-fullrich-card-container {
        max-width: 1100px;
    }

        .dcw-fullrich-card .dcw-fullrich-card-container .dcw-card-title,
        .dcw-fullrich-card .dcw-fullrich-card-container li,
        .dcw-fullrich-card .dcw-fullrich-card-container p {
            font-size: 16px;
        }
    /* End Informasi Biaya */

    /* e-form */
    .dcw-eform-filters .dcw-filter-container,
    .dcw-eform-filters .dcw-card-container .dcw-section {
        max-width: 1100px;
    }

    .dcw-eform-filters .dcw-filter-tag {
        font-size: 16px;
    }

    .dcw-eform-filters .dcw-filter-tag {
        height: 60px;
    }

    .dcw-eform-filters .eform-title,
    .dcw-eform-filters .eform-label,
    .dcw-eform-filters .load-more-btn {
        font-size: 25px;
    }

    .dcw-eform-filters .eform-label {
        font-size: 14px !important;
    }

    .dcw-eform-filters .eform-item {
        gap: 1rem;
    }
    /* End e-form */

    /* Eform Sample-1 */
    .dcw-eform-sample form {
        max-width: 1100px;
    }

    .dcw-eform-sample .dcw-break-word,
    .dcw-eform-sample h2.dcw-content-header-title,
    .dcw-eform-sample .dcw-content-header {
        font-size: 25px;
    }

    .dcw-eform-sample .dcw-content-header-desc,
    .dcw-eform-sample .dcw-form-input-content,
    .dcw-eform-sample .dcw-radio-choice,
    .dcw-checkbox-container label {
        font-size: 16px;
    }
    /* .dcw-eform-sample .dcw-alert-container .dcw-alert-text, .dcw-eform-sample .dcw-input-withplaceholder:focus + .dcw-label-withplaceholder, .dcw-eform-sample .dcw-input-withplaceholder:not(:placeholder-shown) + .dcw-label-withplaceholder {
        font-size: 18px;
    } */
    /* End Eform Sample-1 */

    /* Search */
    .dcw-search-page .dcw-search-input,
    .dcw-search-page .dcw-search-type,
    .dcw-search-page .dcw-search-count,
    .dcw-search-page .dcw-search-container {
        max-width: 1100px;
        margin: 0 auto;
    }

        .dcw-search-page .dcw-search-type .search-type-item {
            font-size: 16px;
            height: 42px;
        }

    .dcw-search-page .dcw-search-result .search-card-category,
    .dcw-search-page .dcw-search-result .search-card-desc {
        font-size: 16px;
    }

    .dcw-search-page .dcw-search-result .search-card-title {
        font-size: 25px;
    }

    .dcw-search-page .dcw-search-result .search-card-link {
        font-size: 18px;
    }

    .dcw-search-page .dcw-search-pagination .search-page-prev,
    .dcw-search-page .dcw-search-pagination .search-page-next {
        width: 60px;
        height: 60px;
    }

        .dcw-search-page .dcw-search-pagination .search-page-prev img,
        .dcw-search-page .dcw-search-pagination .search-page-next img {
            width: 36px;
            height: 36px;
        }

    .dcw-search-page .dcw-search-pagination ul li {
        width: 60px;
        height: 60px;
        gap: 1rem;
    }
    /* End Search */

    /* Personal Investasi */
    .quick-download-main-title {
        font-size: 32px;
        max-width: 1100px;
    }
    /* End Personal Investasi */

    /* Privilage */
    .dcw-colorable-cards .dcw-title {
        font-size: 32px;
    }

    .dcw-colorable-cards .dcw-card-title {
        font-size: 25px;
    }

    .dcw-colorable-cards .dcw-card-description, .dcw-colorable-cards .dcw-hyperlink-text {
        font-size: 16px;
    }

    .dcw-pointcard-slider .dcw-head-title {
        max-width: 1100px;
        font-size: 32px;
    }

    .dcw-pointcard-slider .main-content-title {
        font-size: 32px;
    }

    .dcw-pointcard-slider .points-title {
        font-size: 25px;
    }

    .dcw-pointcard-slider .point-num {
        width: 30px;
        height: 30px;
        font-size: 16px;
    }

    .dcw-pointcard-slider .points-content p,
    .dcw-pointcard-slider .points-content li,
    .dcw-pointcard-slider.privilege-theme .main-content-button > a {
        font-size: 16px;
    }

    .dcw-pointcard-slider .main-content-button > a {
        padding: 1.5rem;
    }
    /* End Privilage */

    /* Fin Adjustment */
    .dcw-quickaccess .qa-toggle {
        transform: translateX(40%)
    }
    /* End Fin Adjustment */

    /* Neo App Banner */
    .neo-app-banner-container {
        max-width: 1100px;
    }

    .neo-app-banner-text-contents-description p {
        font-size: 16px;
    }

    .neo-app-banner-text-contents-download-btn {
        font-size: 16px;
        width: fit-content;
    }
    /* End Neo App Banner */

    .dcw-promohero-slider .dcw-card-container .swiper {
        padding: 4rem 0;
    }

    .dcw-contact-cards .dcw-contact-cards-container {
        max-width: 1100px;
    }
}
/* tampilan end */
/* End Screen Adjustment */

.reg-mark {
    font-size: 0.6em; /* kecil */
    vertical-align: super; /* standar naik */
    color: white;
}

.dcw-lifejourneyquest .dcw-content.sub-content:not(.show) {
    display: none;
}

.dcw-profile-popup .profile-summary {
    text-align: center !important;
    align-items: center !important;
}

/* OVERRIDE */

@media (min-width: 1025px) {
    .dcw-ebank-innertitle .dcw-header-desc,
    .dcw-ebanking-subcategory .dcw-card-title,
    .dcw-ebanking-subcategory .dcw-card-description,
    .dcw-faq-richtext span,
    .dcw-faq-richtext p,
    .dcw-faq-richtext li,
    .dcw-faq-richtext li p,
    .dcw-faq-richtext li span,
    .dcw-faq-richtext strong,
    .dcw-faq-richtext .dcw-section-content-container p,
    .dcw-faq-sidetab .dcw-section-content-container p,
    .dcw-rich-sidetab .dcw-section-content-container p,
    .dcw-faq-sidetab .dcw-nav-tag,
    .dcw-faq-richtext th,
    .dcw-faq-richtext td,
    .dcw-product-richtext .dcw-section-content-container table td,
    .dcw-product-richtext .dcw-section-content-container table b,
    .dcw-product-richtext .dcw-section-content-container table th,
    .dcw-faq-sidetab .dcw-section-content-container table td,
    .dcw-faq-sidetab .dcw-section-content-container table b,
    .dcw-faq-sidetab .dcw-section-content-container table th,
    .dcw-rich-sidetab .dcw-section-content-container table td,
    .dcw-rich-sidetab .dcw-section-content-container table b,
    .dcw-rich-sidetab .dcw-section-content-container table th,
    .dcw-rich-sidetab .dcw-nav-tag,
    .dcw-faq-richtext .dcw-section-content-container span,
    .dcw-faq-sidetab .dcw-section-content-container span,
    .dcw-rich-sidetab .dcw-section-content-container span,
    .dcw-richtext-content span,
    .dcw-rich-sidetab .dcw-section-content-container ol li,
    .dcw-faq-richtext .dcw-section-content-container ol li,
    .dcw-faq-richtext .dcw-section-content-container ol li::marker,
    .dcw-rich-sidetab .dcw-section-content-container ol li::marker,
    .dcw-rich-sidetab .dcw-section-content-container ul li,
    .dcw-faq-richtext .dcw-section-content-container ul li,
    .dcw-faq-richtext .dcw-section-content-container ul li::marker,
    .dcw-rich-sidetab .dcw-section-content-container ul li::marker,
    .dcw-faq-richtext .dcw-section-content-container table th,
    .dcw-faq-richtext .dcw-section-content-container table td,
    .dcw-rich-sidetab .dcw-section-content-container table th,
    .dcw-rich-sidetab .dcw-section-content-container table td,
    .dcw-faq-richtext .dcw-section-content-container a,
    .dcw-rich-sidetab .dcw-section-content-container a,
    .dcw-faq-richtext .dcw-section-content-container strong,
    .dcw-rich-sidetab .dcw-section-content-container strong,
    .dcw-news-richtext .dcw-section-content p,
    .dcw-news-richtext .dcw-section-content ol li,
    .dcw-news-richtext .dcw-section-content ol li::marker,
    .dcw-news-richtext .dcw-section-content ul li,
    .dcw-news-richtext .dcw-section-content ul li::marker,
    .dcw-news-richtext .dcw-section-content table th,
    .dcw-news-richtext .dcw-section-content table td,
    .dcw-news-richtext .dcw-section-content a,
    .dcw-news-richtext .dcw-section-content strong,
    .dcw-product-richtext .dcw-nav-tag,
    .dcw-product-richtext .dcw-section-content-container p,
    .dcw-faq-sidetab .dcw-section-content-container p,
    .dcw-rich-sidetab .dcw-section-content-container p,
    .dcw-profile-popup .dcw-nav-tag,
    .dcw-profile-popup li,
    .dcw-profile-popup li a,
    .dcw-profile-popup li p,
    .dcw-profile-popup li span,
    .dcw-breadcrumb-container a,
    .dcw-full-richtext p,
    .dcw-full-richtext li,
    .dcw-full-richtext a,
    .dcw-fullrich-card .dcw-fullrich-card-container .dcw-card-title,
    .dcw-fullrich-card .dcw-fullrich-card-container li,
    .dcw-fullrich-card .dcw-fullrich-card-container p,
    .dcw-full-richtext table th,
    .dcw-full-richtext table td,
    .dcw-news-richtext .dcw-section-content p,
    .dcw-news-richtext .dcw-section-content b,
    .dcw-news-richtext a.cta-btn,
    .dcw-news-richtext
    .dcw-section-content table td,
    .dcw-news-richtext .dcw-table-cont th,
    .dcw-fiturproduct-alt .dcw-card-product-content-container,
    .dcw-ebanking-subcategory .dcw-filter-tag,
    .dcw-profile-popup .dcw-section-content-container p,
    .dcw-faq-sidetab .dcw-section-content-container p,
    .dcw-rich-sidetab .dcw-section-content-container p,
    .dcw-profile-popup .profile-card-summary .profile-summary-name,
    .dcw-profile-popup .profile-card-summary .profile-summary-title,
    .dcw-faq-richtext .dcw-nav-tag,
    .dcw-fiturproduct-alt .dcw-card-product-content-container,
    .dcw-ebanking-table-richtext th,
    .dcw-ebanking-table-richtext td,
    .dcw-ebanking-table-richtext p,
    .dcw-alter-text-content,
    .accordion-item-content,
    .dcw-ebanking-table-richtext td a {
        font-size: 14px !important;
    }

    .dcw-profile-popup .dcw-section-content-container h4,
    .dcw-faq-sidetab .dcw-section-content-container h4,
    .dcw-rich-sidetab .dcw-section-content-container h4,
    .dcw-product-richtext .dcw-section-content-container h4 {
        font-size: 16px !important;
    }
}

/* New Home Banner */
@media (max-width: 1024px) {
    .dcw-new-hero-banner {
        width: 100%;
        height: calc(100vh - 92px);
        position: relative;
        /* overflow: hidden; */
    }

    .big-banner-item-dcw-new-hero-banner {
        width: 100%;
        height: calc(100vh - 92px);
    }

        .big-banner-item-dcw-new-hero-banner img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .contents-dcw-new-hero-banner {
        width: 100%;
        /* height: 100%; */
        position: absolute;
        top: 50%;
        left: 0;
        z-index: 100;
        padding: 1rem;
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }

    .dcw-new-hero-banner-leftside {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
        width: 100%;
        position: relative;
        height: fit-content;
    }

    .text-dcw-new-hero-banner-leftside h1 {
        font-size: 34px;
        color: white;
        font-weight: 700;
        text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
    }

    .text-dcw-new-hero-banner-leftside p {
        color: white;
        font-size: 14px;
        text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
    }

    .new-moment-card {
        width: fit-content;
        height: 100%;
        /* aspect-ratio: 5/3; */
        border-radius: 16px;
        background-color: rgba(26, 26, 26, 0.3);
        padding: 1rem;
        display: flex;
        flex-direction: row;
        /* justify-content: space-between; */
        user-select: none;
        gap: 0.5rem;
        align-items: center;
    }

    .title-new-moment-card {
        color: white;
        font-size: 16px;
    }

    .dcw-new-hero-banner-swiper .swiper-slide-active .new-moment-card {
        background-color: rgba(232, 78, 21, 1);
        border: 1px solid rgba(255, 152, 114, 1);
    }

    .dcw-new-hero-banner-swiper .swiper-slide {
        width: fit-content;
    }

    .button-container-dcw-new-hero-banner-swiper {
        display: none;
    }

    .dcw-new-hero-banner-swiper {
        height: 5rem;
    }

    .kurs-and-slider-container {
        width: 100%;
        height: fit-content;
        background-color: rgba(26, 26, 26, 0.3);
        /* position: absolute; */
        bottom: 0;
        right: 0;
        z-index: 100;
        border-radius: 16px;
        padding: 1rem;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .dcw-new-hero-banner-rightside {
        display: flex;
        width: 100%;
        overflow-x: hidden;
        position: relative;
        height: 100%;
    }

    .rightside-kurs {
        width: 100%;
        /* aspect-ratio: 65/17; */
        background-color: white;
        border-radius: 16px;
        padding: 0.8rem;
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        justify-content: space-between;
    }

    .rightside-kurs-img-container {
        width: 30px;
        height: 30px;
    }

        .rightside-kurs-img-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .rightside-kurs-text {
        display: flex;
        flex-direction: column;
    }

    .rightside-kurs-text-header {
        font-size: 16px;
        font-weight: 700;
    }

    .rightside-kurs-text-date {
        font-size: 10px;
    }

    .rightside-kurs-anchor {
        font-size: 12px;
        font-weight: 700;
        color: rgba(232, 78, 21, 1);
    }

    .rightside-kurs-top-left {
        gap: 0.5rem;
        display: flex;
        align-items: center;
    }

    .rightside-kurs-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .rightside-kurs-bottom-swiper {
        width: 100%;
        overflow-x: hidden;
        padding: 5px;
    }

    .rightside-kurs-item {
        width: 100%;
        height: 100%;
        border-radius: 10px;
        /* aspect-ratio: 16/9; */
        background-color: white;
        border: 1px solid rgba(224, 224, 224, 1);
        box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 2px;
        padding: 5px;
    }

    .rightside-kurs-item-img-container {
        width: 20px;
        height: 20px;
    }

        .rightside-kurs-item-img-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .rightside-kurs-item-currency {
        font-size: 12px;
    }

    .rightside-kurs-item-value {
        font-size: 8px;
    }

    .rightside-kurs-item-currency-container {
        width: 60%;
        display: flex;
        flex-direction: column;
    }

    .rightside-slider-swiper {
        overflow-x: hidden;
    }

    .rightside-slider-item {
        width: 100%;
        aspect-ratio: 3/2;
        border-radius: 16px;
        display: block;
    }

        .rightside-slider-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 16px;
        }

    .rightside-slider-pagination {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0.5rem;
        width: fit-content !important;
        margin: 0 auto;
        background-color: rgba(255, 255, 255, 0.2);
        padding: 5px;
        border-radius: 999px;
    }

        .rightside-slider-pagination .swiper-pagination-bullet {
            background-color: transparent;
            border: 1px solid white;
            opacity: 1;
        }

            .rightside-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
                width: 20px !important;
                background-color: white !important;
                border-radius: 30px !important;
            }

    .new-moment-card-img-container {
        display: flex;
        align-items: center;
    }

    body.locked {
        touch-action: none;
        overscroll-behavior: contain;
    }

    html, body {
        overscroll-behavior: none;
    }

    .text-dcw-new-hero-banner-leftside {
        position: absolute;
        bottom: 6rem;
    }
}

@media (min-width: 1025px) {
    .dcw-new-hero-banner-swiper .swiper-slide {
        width: unset;
    }

    .dcw-new-hero-banner {        
        width: 100%;
        height: 100%;
        aspect-ratio: 16/7;
        position: relative;
    }

    .big-banner-dcw-new-hero-banner-swiper {
        width: 100%;
        height: 100%;
        overflow-x: hidden;
    }

    .big-banner-item-dcw-new-hero-banner {
        width: 100%;
        height: 100%;
        aspect-ratio: 16/7;
    }

        .big-banner-item-dcw-new-hero-banner img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .contents-dcw-new-hero-banner {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100;
        padding: 1rem 3rem;
        align-items: flex-end;
        display: flex;
        justify-content: space-between;
    }

    .text-dcw-new-hero-banner-leftside {
        width: 65%;
        position: static;
    }

        .text-dcw-new-hero-banner-leftside h1 {
            font-size: 36.62px;
            color: white;
            font-weight: 700;
            text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
            transition-property: all;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;
        }

        .text-dcw-new-hero-banner-leftside p {
            color: white;
            font-size: 16px;
            text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
            transition-property: all;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;
        }

    .dcw-new-hero-banner-rightside {
        display: flex;
        width: 35%;
        overflow-x: hidden;
        position: relative;
        height: 100%;
    }

    .dcw-new-hero-banner-leftside {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
        width: 45%;
        overflow-x: hidden;
    }

    .dcw-new-hero-banner-swiper {
        width: 100%;
    }

    .new-moment-card {
        width: 100%;
        height: 100%;
        aspect-ratio: 5/3;
        border-radius: 16px;
        background-color: rgba(26, 26, 26, 0.3);
        padding: 1rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        user-select: none;
        cursor: pointer;
    }

    .new-moment-card-img-container {
        width: 36px;
        height: 36px;
    }

        .new-moment-card-img-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .title-new-moment-card {
        color: white;
        font-size: 14px;
    }

    .button-prev-dcw-new-hero-banner-swiper, .button-next-dcw-new-hero-banner-swiper {
        width: 40px;
        height: 40px;
        background-color: white;
        border-radius: 999px;
        font-weight: 700;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
    }

        .button-next-dcw-new-hero-banner-swiper::after {
            content: 'next';
            font-family: swiper-icons;
            text-transform: none !important;
            letter-spacing: 0;
            font-variant: initial;
            line-height: 1;
            color: #E84E15;
        }

        .button-prev-dcw-new-hero-banner-swiper::after {
            content: 'prev';
            font-family: swiper-icons;
            text-transform: none !important;
            letter-spacing: 0;
            font-variant: initial;
            line-height: 1;
            color: #E84E15;
        }

    .button-container-dcw-new-hero-banner-swiper {
        display: flex;
        align-items: center;
        gap: 1.5rem;
        margin-top: 1.5rem;
    }

        .button-container-dcw-new-hero-banner-swiper .swiper-button-disabled {
            opacity: 0.5;
        }

    .dcw-new-hero-banner-swiper .swiper-slide-active .new-moment-card {
        background-color: rgba(232, 78, 21, 1);
        border: 1px solid rgba(255, 152, 114, 1);
    }

    .kurs-and-slider-container {
        width: 100%;
        height: fit-content;
        background-color: rgba(26, 26, 26, 0.3);
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 100;
        border-radius: 16px;
        padding: 2rem;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .rightside-kurs {
        width: 100%;
        /* aspect-ratio: 65/17; */
        background-color: white;
        border-radius: 16px;
        padding: 0.8rem;
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        justify-content: space-between;
    }

    .rightside-kurs-img-container {
        width: 30px;
        height: 30px;
    }

        .rightside-kurs-img-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .rightside-kurs-text {
        display: flex;
        flex-direction: column;
    }

    .rightside-kurs-text-header {
        font-size: 18px;
        font-weight: 700;
    }

    .rightside-kurs-text-date {
        font-size: 12px;
    }

    .rightside-kurs-anchor {
        font-size: 14px;
        font-weight: 700;
        color: rgba(232, 78, 21, 1);
    }

    .rightside-kurs-top-left {
        gap: 0.5rem;
        display: flex;
        align-items: center;
    }

    .rightside-kurs-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .rightside-kurs-bottom-swiper {
        width: 100%;
        overflow-x: hidden;
        padding: 5px;
    }

    .rightside-kurs-item {
        width: 100%;
        height: 100%;
        border-radius: 10px;
        /* aspect-ratio: 16/9; */
        background-color: white;
        border: 1px solid rgba(224, 224, 224, 1);
        box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 2px;
        padding: 5px;
    }

    .rightside-kurs-item-img-container {
        width: 20px;
        height: 20px;
    }

        .rightside-kurs-item-img-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .rightside-kurs-item-currency {
        font-size: 12px;
    }

    .rightside-kurs-item-value {
        font-size: 8px;
    }

    .rightside-kurs-item-currency-container {
        width: 60%;
        display: flex;
        flex-direction: column;
    }

    .rightside-slider-swiper {
        overflow-x: hidden;
    }

    .rightside-slider-item {
        width: 100%;
        aspect-ratio: 3/2;
        border-radius: 16px;
        display: block;
    }

        .rightside-slider-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 16px;
        }

    .rightside-slider-pagination {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0.5rem;
        width: fit-content !important;
        margin: 0 auto;
        background-color: rgba(255, 255, 255, 0.2);
        padding: 5px;
        border-radius: 999px;
    }

        .rightside-slider-pagination .swiper-pagination-bullet {
            background-color: transparent;
            border: 1px solid white;
            opacity: 1;
        }

            .rightside-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
                width: 20px !important;
                background-color: white !important;
                border-radius: 30px !important;
            }
}

@media (min-width: 1025px) and (max-width: 1279px) {
    .text-dcw-new-hero-banner-leftside {
        width: 90%;
    }

    .new-moment-card {
        padding: 1rem;
    }

    .new-moment-card-img-container {
        width: 20px;
        height: 20px;
    }

    .title-new-moment-card {
        font-size: 10px;
    }

    .text-dcw-new-hero-banner-leftside h1 {
        font-size: 30px;
    }

    .text-dcw-new-hero-banner-leftside p {
        font-size: 12px;
    }

    .rightside-kurs-text-header {
        font-size: 14px;
    }

    .rightside-kurs-text-date {
        font-size: 10px;
    }

    .rightside-kurs-anchor {
        font-size: 10px;
    }
}
/* End New Home Banner */