.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: #666
}

.product-category.black .category-list .item.active .icon, .product-category.black .category-list .item:hover .icon {
    background-color: #252525;
    color: #fff;
    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: #fff
    }

.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
    }

@media (min-width: 992px) {
    .product-feature-benefit-container-bg.black + .product-feature-benefit-container-bg.black .product-feature.black {
        padding: 130px 0 10px
    }
}

.product-feature.black {
    padding: 60px 0;
    background: transparent
}
/*
@media (min-width: 992px) {
    .product-feature.black {
        padding: 160px 0 0
    }
}*/

.product-feature.black h2 {
    color: #fff;
    line-height: 1em;
    margin-bottom: 32px;
    font-weight: 400;
    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: #000
}

.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
}
