﻿:root {
    --cf-faq-div-margin: 24px;
    --cf-faq-question-margin: 8px;
    --cf-faq-link-margin: 48px;
    --cf-faq-link-icon-margin: 4px;
}

.cf-grid .cf-grid-10-col-span h1,
.cf-grid .cf-grid-10-col-span h4 {
    color: var(--cf-color-dark-blue);
}

.cf-grid .cf-grid-10-col-span .cf-back-to-home {
    display: flex;
    margin-top: var(--cf-back-navigation-margin);
}

.cf-grid .cf-grid-10-col-span .cf-question {
    grid-column: span 10;
    margin-top: var(--cf-faq-div-margin);
}

    .cf-grid .cf-grid-10-col-span .cf-question h4 {
        margin-bottom: var(--cf-faq-question-margin);
    }

    .cf-grid .cf-grid-10-col-span .cf-question p.cf-p2 {
        color: var(--cf-color-black);
    }

.cf-grid .cf-grid-10-col-span .cf-faq-help-contact div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.cf-grid .cf-grid-10-col-span .cf-faq-help-contact a {
    margin-top: var(--cf-faq-link-margin);
}

.cf-grid .cf-grid-10-col-span .cf-faq-help-contact i {
    margin-left: var(--cf-faq-link-icon-margin);
}

@media screen and (max-width: 1024px) {

    :root {
        --cf-faq-link-margin: 24px;
    }
}