.faqs {
    background-color: var(--beige);
}

.faqs-headline {
    grid-column: 3 / span 10;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.8333333333333em;
    margin-bottom: 0;
}

.faqs-headline::before {
    content: "";
    font-size: max(2.5rem, 2.9296875vw);
    height: 1em;
    width: 1em;
    color: var(--white);
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url("../../img/questionmark-icon.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

.faqs-description {
    grid-column: 5 / span 6;
    text-align: center;
    margin-top: var(--s-sm);
}

.faqs-list {
    grid-column: 4 / span 8;
    margin-top: var(--s-md);
}

.faqs-btn {
    grid-column: 2 / span 12;
    justify-self: center;
    margin-top: var(--s-md);
}

@media (max-width: 1199.98px) {
    .faqs-headline,
.faqs-description,
.faqs-list {
        grid-column: 2 / span 12;
    }
}