.accordion-box {
    background-color: var(--color-white);
    display: flex;
    margin: 12px 0;
}

.accordion-box .text {
    padding: 16px 32px 16px 16px;
}

.accordion-box .title {
    color: var(--color-primary);
    transition: 0.3s;
}

.accordion-box p {
    margin-bottom: 0;
}

.accordion-box .accordion-button {
    width: 10%;
}

.accordion-box .text {
    width: 90%;
}

.accordion-box .accordion-button button {
    background-color: var(--color-primary);
    height: 100%;
    width: 100%;
    padding: 0;
    border-radius: 0;
    transition: 0.3s;
}

.wrapper.wrapper-active button,
.wrapper:hover button {
    background-color: var(--color-orange);
}

.wrapper.wrapper-active .title,
.wrapper:hover .title {
    color: var(--color-orange);
}

.accordion-content {
    margin: 12px 0 12px 16px;
}

.accordion-content h6 {
    margin: 24px 0 16px 0;
}

.accordion-content p:last-child {
    margin-bottom: 0;
}

.fade-height-enter-active,
.fade-height-leave-active {
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}

.fade-height-enter-from,
.fade-height-leave-to {
    opacity: 0;
    max-height: 0px;
}

@media screen and (min-width: 1200px) {
    .accordion-text {
        position: absolute;
        left: 50%;
        top: 0;
    }

    .accordion-content h6 {
        color: var(--color-black);
        font-size: 32px;
        font-weight: 800;
    }
}