.headline-accordion-cards .headline {
    grid-area: 1/3/1/span 10;
}

.headline-accordion-cards .accordion {
    grid-area: 2/3/span 2/span 4;
}

.headline-accordion-cards .btns-left {
    grid-area: 4/3/4/span 4;
}

.headline-accordion-cards .cards-container {
    grid-area: 2/8/2/span 5;
    grid-template-columns: repeat(3, 1fr);
}

.headline-accordion-cards .cards-container .card {
    padding: var(--m-md) 16px var(--m-sm);
}

.headline-accordion-cards .cards-container .card .card-icon,
.headline-accordion-cards .cards-container .card .card-icon img {
    aspect-ratio: 100/60;
    width: var(--m-md);
}

.headline-accordion-cards .cards-container .card .card-text {
    margin-top: 1em;
}

.headline-accordion-cards .cards-container .card .card-text a {
	color: var(--red);
    text-decoration: none;
}

.headline-accordion-cards .quote {
    grid-area: 3/8/3/span 5;
}

.headline-accordion-cards .btns-right {
    grid-area: 4/8/4/span 5;
}

@media (max-width: 1199.98px) {
    .headline-accordion-cards .accordion {
        grid-area: 2/2/span 2/span 5;
    }

    .headline-accordion-cards .btns-left {
        grid-area: 4/2/4/span 5;
    }

    .headline-accordion-cards .cards-container {
        grid-area: 2/8/2/span 6;
    }

    .headline-accordion-cards .quote {
        grid-area: 3/8/3/span 6;
    }

    .headline-accordion-cards .btns-right {
        grid-area: 4/8/4/span 6;
    }
}

@media (max-width: 991.98px) {
    .headline-accordion-cards .accordion {
        grid-area: 2/4/2/span 8;
    }

    .headline-accordion-cards .btns-left {
        grid-area: 3/4/3/span 8;
    }

    .headline-accordion-cards .cards-container {
        grid-area: 4/3/4/span 10;
        margin-top: var(--m-xl);
    }

    .headline-accordion-cards .quote {
        grid-area: 5/4/5/span 8;
    }

    .headline-accordion-cards .btns-right {
        grid-area: 6/4/6/span 8;
    }
}

@media (max-width: 767.98px) {
    .headline-accordion-cards .accordion {
        grid-area: 2/3/2/span 10;
    }

    .headline-accordion-cards .btns-left {
        grid-area: 3/3/3/span 10;
    }

    .headline-accordion-cards .cards-container {
        grid-area: 4/2/4/span 12;
        grid-template-columns: 1fr;
        max-width: 250px;
        justify-self: center;
    }

    .headline-accordion-cards .quote {
        grid-area: 5/3/5/span 10;
    }

    .headline-accordion-cards .btns-right {
        grid-area: 6/3/6/span 10;
    }
}

@media (max-width: 575.98px) {
    .headline-accordion-cards .accordion {
        grid-area: 2/2/2/span 12;
    }

    .headline-accordion-cards .btns-left {
        grid-area: 3/2/3/span 12;
    }

    .headline-accordion-cards .quote {
        grid-area: 5/2/5/span 12;
        text-wrap: balance;
    }

    .headline-accordion-cards .btns-right {
        grid-area: 6/2/6/span 12;
    }
}