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

.product-hero-container.the-black .bread-crumb-section {
    margin-top: 0;
    padding-top: 32px;
}

.product-hero-container.the-black .bread-crumb-section a {
    color: #ffffff;
}

.product-hero-container.the-black .breadcrumb-item + .breadcrumb-item::before {
    color: #ffffff;
    font-weight: 400;
    content: '>';
    font: menu;
    font-size: small;
}

.product-hero-container.the-black .breadcrumb-item.active::before {
    color: #ffffff;
    font-weight: 400;
    content: '>';
    font: menu;
    font-size: small;
}

.product-hero-container.the-black .breadcrumb-item.active {
    color: #ffffff;
    font-weight: 700
}

.product-hero-container {
    background-color: #000000;
}

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

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

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

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

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

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

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

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

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

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

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

.product-category.the-black .category-list .item.active .icon, .product-category.the-black .category-list .item:hover .icon {
    background-color: #000000;
    color: #ffffff;
    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: #ffffff;
    }

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

    .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: 0.5;
        right: 20%;
        top: 5%;
    }

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

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

    .product-feature-benefit-container-bg-1.the-black .pearl-04 {
        scale: 0.8;
        opacity: 0.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;
}

    .product-feature.the-black h2 {
        color: #ffffff;
        line-height: 1em;
        margin-bottom: 32px;
        font-weight: normal;
        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: #000000;
}

.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;
}