.product-hero-container.the-black {
    background-repeat: no-repeat;
    background-size: auto 100%
}



.product-hero-container {
    background-color: #000
}

.hero-section.the-black {
    padding-bottom: 80px;
    color: #fff
}

    .hero-section.the-black h2 {
        background: transparent;
        color: #fff
    }

    .hero-section.the-black .list-benefit .item {
        color: #fff;
        border-top: 1px solid #666666
    }

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

    .hero-section.the-black .ps {
        color: #fff
    }

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

.product-category.the-black {
    background-color: #252525
}

@media (min-width: 992px) {
    .product-category.the-black {
        padding-top: 50px
    }
}

.product-category.the-black h2 {
    color: #fff
}

.product-category.the-black .category-list .item .icon {
    background-color: #fff
}

.product-category.the-black .category-list .item .text {
    margin-top: 4px;
    color: #fff
}

.product-category.the-black .category-list .item.active .icon, .product-category.the-black .category-list .item:hover .icon {
    background-color: #000;
    color: #fff;
    border: 1px solid #000000
}

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

.central-group-section.the-black {
    background-color: #000
}

    .central-group-section.the-black .white-bg {
        background-color: #252525
    }

.product-feature-benefit-container-bg-1.the-black {
    position: relative;
    background: #121212
}

    .product-feature-benefit-container-bg-1.the-black .pearl {
        position: absolute
    }

    .product-feature-benefit-container-bg-1.the-black .pearl-01 {
        opacity: .5;
        right: 20%;
        top: 5%
    }

    .product-feature-benefit-container-bg-1.the-black .pearl-02 {
        opacity: .5;
        left: 15%;
        top: 30%;
        scale: .8
    }

    .product-feature-benefit-container-bg-1.the-black .pearl-03 {
        scale: .6;
        opacity: .5;
        right: 16%;
        top: 50%
    }

    .product-feature-benefit-container-bg-1.the-black .pearl-04 {
        scale: .8;
        opacity: .5;
        left: 10%;
        top: 72%
    }

    .product-feature-benefit-container-bg-1.the-black .pearl-05 {
        left: 30%;
        top: 90%
    }

.product-feature-benefit-container-bg-2.the-black {
    background: #000000
}

/*.product-feature.the-black {
    background: transparent;
    padding: 120px 0 0;
}*/

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

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

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

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

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

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

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

.card-option-display-section.the-black .top-container {
    background: #000000
}