:root {
    --color-black: #232323;
    --color-white: #f7f7f7;
    --color-light-grey: #ebebeb;
    --color-grey: #b7b7b7;

    --color-green: #dbe71b;
    --color-orange: #ff7f11;
    --color-red: #dc291e;

    --color-dark-green: #828b08;
}

.accordion-box .block {
    background: var(--color-black);
    /* border-bottom-color: var(--color-white) !important; */
}

.accordion-box.style-two .block .acc-btn.active {
    color: var(--color-white);
    border-bottom: none !important;
}

.accordion-box.style-two .block .acc-btn {
    color: var(--color-white);
    padding-right: 0;
    border: none !important;
}

.accordion-box.style-two .block .acc-content .content,
.accordion-box.style-two .block .acc-btn {
    padding: 0;
}

.accordion-box.style-two .block {
    border: 2px solid var(--color-white);
    padding: 60px 30px;
    border-bottom-width: 2px;
    border-top-width: 0;
}

/* .accordion-box.style-two .block:last-child {
    border-bottom-width: 1px;
} */

.accordion-box.style-two .block:first-child {
    border-top-width: 2px;
}

.dark-bg-custom #featured .text {
    color: var(--color-green);
    opacity: 1;
}

.accordion-box.style-two .block::after {
    content: "";
    position: absolute;
    top: -17px;
    left: -66px;
    width: 200px;
    height: 102px;
    background: var(--color-black);
    border-bottom: 2px solid var(--color-white);
    border-radius: 50% 50% 0 0;
    transform: rotate(-45deg);
}

.accordion-box.style-two .block::before {
    content: "";
    position: absolute;
    left: 0;
    top: 69px;
    background: url("./assets/t-green.svg");
    height: 20px;
    width: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1000;
}

.active-block,
.active-block::after {
    border-color: var(--color-green) !important;
}

.bi-dash-lg,
.active-block .bi-plus-lg {
    display: none;
}

.bi-plus-lg,
.active-block .bi-dash-lg {
    display: block;
}

/* .accordion-box.style-two .block {
    padding-left: 90px;
}
 */

@media (max-width: 992px) {
    .accordion-box.style-two .block::after {
        content: none;
    }

    .accordion-box.style-two .block::before {
        left: 30px;
    }
}