.hero-section.black h2 {
    background: transparent linear-gradient(251deg, #333333 0%, #000000 100%) 0% 0% no-repeat padding-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hero-section.black .list-benefit .item .icon {
    background: #252525;
}

.hero-section.black .invite-only {
    font-size: 14px;
    line-height: 1em;
    color: #666666;
}

.product-category.black .category-list .item.active .icon, .product-category.black .category-list .item:hover .icon {
    background-color: #252525;
    color: #ffffff;
    border: 1px solid #ffffff;
}

    .product-category.black .category-list .item.active .icon svg path, .product-category.black .category-list .item:hover .icon svg path {
        fill: #ffffff;
    }

.central-group-section.black {
    background-color: #252525;
}

.product-feature-benefit-container-bg.black {
    background: transparent linear-gradient(251deg, #333333 0%, #000000 100%) 0% 0% no-repeat padding-box;
}

    .product-feature-benefit-container-bg.black + .product-feature-benefit-container-bg.black .product-feature.black {
        padding: 60px 0 20px 0;
    }

@media (min-width: 992px) {
    .product-feature-benefit-container-bg.black + .product-feature-benefit-container-bg.black .product-feature.black {
        padding: 130px 0 10px 0;
    }
}

.product-feature.black {
    padding: 60px 0 60px 0;
    background: transparent;
}

@media (min-width: 992px) {
    .product-feature.black {
        padding: 160px 0 160px 0;
    }
}

.product-feature.black h2 {
    color: #ffffff;
    line-height: 1em;
    margin-bottom: 32px;
    font-weight: normal;
    font-size: 36px;
}

@media (min-width: 992px) {
    .product-feature.black h2 {
        font-size: 52px;
    }
}

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

.card-benefit-term-and-condition-container.black .accordion-header button {
    background-color: #000000;
}

.card-benefit.black {
    padding-top: 20px;
    background: transparent;
}

.card-option-display-section.black br {
    display: none;
}

@media (min-width: 992px) {
    .card-option-display-section.black br {
        display: block;
    }
}

.card-option-display-section.black .top-container {
    background: transparent linear-gradient(251deg, #333333 0%, #000000 100%) 0% 0% no-repeat padding-box;
}