﻿.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;
    padding-right: 10px;
}

.wffmhidden, .hidden {
    display: none !important;
}

.dcw-eform-sample .dcw-select-wrapper::after {
    content: "";
    background-image: url("../assets/icon/chevron-down.svg");
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.dcw-feature-dbankpro .dcw-overlay-description ul,
.dcw-feature-dbankpro .dcw-overlay-description ol {
    display: block !important;
}

.dcw-hide {
    display: none !important;
}

/* -- */
@media screen and (min-width: 380px) and (max-width: 1023px) {
    .dcw-container .dcw-accordion-list.dcw-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #content > div.dcw-dynamic-content > div.dcw-container,
    .dcw-dynamic-content .dcw-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .dcw-accordion-list .accordion-item-head > .accordion-item-title {
        font-weight: 600;
    }
}

@media screen and (min-width: 1024px) {
    .dcw-tentang-subitem {
        padding: 32px 0;
    }

    .dcw-faq-richtext .dcw-nav-tag,
    .dcw-faq-sidetab .dcw-nav-tag {
        padding: 0.5rem;
        line-height: 1.5;
    }
}

@media (min-width: 1025px) {
    .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: 14px;
    }

    .dcw-faq-richtext .dcw-section-content-container span,
    .dcw-faq-sidetab .dcw-section-content-container span,
    .dcw-rich-sidetab .dcw-section-content-container span {
        font-size: 14px;
    }
}

@media screen and (min-width: 1280px) {
    .dcw-faq-richtext .dcw-nav-tag,
    .dcw-faq-sidetab .dcw-nav-tag {
        font-size: 0.94rem;
    }

    #content .dcw-eform-finish-container.dcw-container {
        width: 940px;
        margin: 0 auto
    }

    .dcw-sukubunga-table .dcw-header-filter {
        font-size: 20px;
    }

    .dcw-sukubunga-table .dcw-currency-sukubunga .dcw-space-item,
    .dcw-sukubunga-table .dropdown-selector-alt span {
        font-size: 0.9rem;
    }

    .dcw-sukubunga-table .dropdown-selector-alt img {
        width: 20px;
        height: auto;
    }
}

.dcw-news-richtext .nav-holder {
    width: 90px;
}

@media (min-width: 1500px) {
    .dcw-news-richtext .dcw-share-container.sticky {
        left: 47.2%;
    }

        .dcw-news-richtext .dcw-share-container.sticky.bottom {
            left: 45.4%;
        }
}

@media (min-width: 2560px) {
    .dcw-news-richtext .dcw-share-container.sticky {
        left: 48%;
    }

        .dcw-news-richtext .dcw-share-container.sticky.bottom {
            left: 45.4%;
        }
}

.dcw-sukubunga-table .change-currency ul {
    overflow-y: auto;
}

    .dcw-sukubunga-table .change-currency ul li {
        width: auto;
    }

.dcw-dynamic-content .dcw-filter-container {
    padding-top: 1rem;
    gap: 32px;
}

.dcw-accordion-list .accordion-item-head > .accordion-item-title {
    width: 100%;
}

.dcw-quick-download {
    padding-top: 2rem;
}

.dcw-faq-richtext .dcw-nav-container {
    gap: 8px;
}

.dcw-contact-cards .dcw-card-description a {
    word-wrap: break-word
}

.dcw-faq-richtext .dcw-section-content-container table th,
.dcw-faq-richtext .dcw-section-content-container table.table-alt th,
.dcw-faq-sidetab .dcw-section-content-container table th,
.dcw-faq-sidetab .dcw-section-content-container table.table-alt th {
    border: 1px solid #fff;
    font-weight: 700;
}

    .dcw-faq-richtext .dcw-section-content-container table th * {
        color: #fff;
    }

.dcw-faq-richtext .dcw-section-content-container table td {
    border: 1px solid #fff;
}

.dcw-faq-sidetab .dcw-section-content-container table.table-alt td {
    border: 1px solid #fff;
}

.dcw-accordion-list .accordion-item-content table th {
    border: 1px solid #fff;
    font-weight: 700;
}

    .dcw-accordion-list .accordion-item-content table th * {
        color: #fff;
    }

.dcw-accordion-list .accordion-item-content table td {
    border: 1px solid #fff;
}

.dcw-image-card .image-card-item {
    padding: 8px;
}

    .dcw-image-card .image-card-item img {
        border: 1px solid #E0E0E0;
        border-radius: 24px;
        padding: 1rem 0;
    }

@media (max-width: 768px) {
    .dcw-image-card .image-card-item img {
        border-radius: 1rem;
    }
}

.dcw-dynamic-content {
    padding: 0 2rem;
}


@media screen and (min-width: 1025px) {
    .dcw-pointcard-slider .slider-backdrop {
        transform: translate(33%, calc(-55% - 1rem));
    }
}

.dcw-lifejourneyres .dcw-bg-card {
    object-fit: cover;
}

.dcw-content-card-container .dcw-content-card img.dcw-label-background {
    object-fit: cover;
    object-position: center;
}

.dcw-pointcard-slider .desktop-slider .swiper-wrapper,
.dcw-pointcard-slider .mobile-slider .swiper-wrapper {
    align-items: center;
}

.dcw-pointcard-slider .desktop-slider .swiper-slide {
    display: flex;
    justify-content: center;
    width: calc((100% / 1.5) - 16px) !important;
}

.dcw-pointcard-slider .mobile-slider .swiper-slide {
    display: flex;
    justify-content: center;
}

.dcw-pointcard-slider .desktop-slider .swiper-slide img.img-portrait {
    aspect-ratio: 2/3;
    max-height: 350px;
    width: auto;
    object-fit: contain;
}

.dcw-pointcard-slider .mobile-slider .swiper-slide img.img-portrait {
    aspect-ratio: 2/3;
    max-height: 300px;
    width: auto;
    object-fit: contain;
}

.dcw-product-promo .dcw-content-card,
.dcw-promo-filter .dcw-content-card {
    background-image: linear-gradient(0deg,rgba(0, 0, 0, 0.75) 0%, rgba(122, 122, 122, 0.5) 30%, rgba(255, 255, 255, 0) 45%);
}

.dcw-pointcard-slider .main-content-title {
    line-height: 1.5;
}

.dcw-alter-content .dcw-alter-row-img img {
    height: auto;
    display: block;
}

    .dcw-alter-content .dcw-alter-row-img img.img-portrait{
        width: 50%;
        height: auto;
        display: block;
        margin: 0 auto;
    }


.dcw-image-card.image-flags .image-card-item img {
    padding:0;
    background: #fff;
}