.support-page {
    .faq {
        padding: 4rem 0;

        .section-inner-container {
            max-width: 1088px;
        }

        img,
        h2 {
            margin: 0 auto;
        }

        h1 {
            margin: 4rem auto 1.5rem auto;
        }

        h2,
        h1 {
            text-align: center;
        }

        .faqs-container li {
            padding              : 4rem 0;
            grid-template-columns: 32% 68%;
        }

        .faqs-container p {
            max-width: 58ch;
        }

        .faqs-container .details p:not(:last-of-type) {
            margin-bottom: 1rem;
        }

        .faqs-container h3 {
            padding-right: 2rem;
        }

        .faqs-container li:not(:last-of-type) {
            border-bottom: 1px solid var(--clr-primary-600);
        }
    }
}

@media screen and (max-width: 768px) {
    .support-page {
        .faq {
            padding: 0 3rem 4rem 3rem;

            .section-inner-container {
                width: 100%;
            }

            .faqs-container li {
                grid-template-columns: 100%;
            }

            .faqs-container h3 {
                padding-right: 0;
                margin-bottom: 1rem;
            }
        }
    }

}