/* Header */
.page-header {
    padding-top: 11rem;
    padding-bottom: 3rem;
}

.header-btn {
    background-color: var(--secondary-base);
    transition: all 150ms ease;
}

.header-btn:hover {
    background-color: var(--secondary-dark);
}

/* Order */
.order-img {
    width: 100%;
    height: 23vw;
    object-fit: contain;
}

/* Question */
#question {
    padding-top: 48px;
    padding-bottom: 3rem;
}

.question-card-header {
    background-color: var(--white);
}

.question-hr {
    border-color: var(--primary-lightest);
    margin-top: 0;
    margin-bottom: 48px;
}

.question-hr:last-child {
    margin-bottom: 0;
}

.accordion .collapsed .question-label {
    color: var(--black);
    transition: all 150ms ease;
}

.accordion .question-label {
    color: var(--primary-dark);
}

.pre-wrap {
    white-space: pre-wrap;
}


@media only screen and (max-width: 767.98px) {

    .page-header {
        padding-top: 15rem;
        padding-bottom: 2rem;
    }

    .order-img {
        height: 80vw;
    }

}

@media only screen and (min-width: 767.98px) and (max-width: 998px) {
    .page-header {
        padding-top: 7rem;
        padding-bottom: 2rem;
    }

    .order-img {
        height: 40vw;
    }
}