.hero-section.luxe h2 {
    background: transparent linear-gradient(249deg,#252525 0%,#6E7680 100%) 0% 0% no-repeat padding-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.hero-section.luxe .list-benefit .item .icon {
    background: #373C41
}

.product-category.luxe .category-list .item.active .icon, .product-category.luxe .category-list .item:hover .icon {
    background-color: #373c41;
    color: #fff;
    border: 1px solid #ffffff
}

    .product-category.luxe .category-list .item.active .icon svg path, .product-category.luxe .category-list .item:hover .icon svg path {
        fill: #fff
    }

.central-group-section.luxe {
    background-color: #373c41
}

.product-feature.luxe {
    background: transparent linear-gradient(249deg,#252525 0%,#6E7680 100%) 0% 0% no-repeat padding-box
}

    .product-feature.luxe .item {
        background-color: #252525
    }

.card-benefit-term-and-condition-container.luxe .accordion-header button {
    background-color: #545a61
}

.card-benefit.luxe, .card-option-display-section.luxe .top-container, .card-register-section.luxe {
    background: transparent linear-gradient(249deg,#252525 0%,#6E7680 100%) 0% 0% no-repeat padding-box
}

    .card-register-section.luxe .content .detail .more-button {
        background-color: #2f2f2f
    }

        .card-register-section.luxe .content .detail .more-button:hover {
            background-color: #171717
        }