.Faq {
    background: var(--white-color);
    display: grid;
    grid-template-columns: 1fr;
    gap: 1em;
    border-radius: .25em;
    box-shadow: var(--box-shadow);
    @media only screen and (max-width: 500px) {
        border-radius: 0 0 .5em .5em;
    }
    & > .row1 {
        display: flex;
        align-items: center;
        gap: 1em;
        & > img {
            width: 10em;
            aspect-ratio: 1/1;
        }
        & > h1 {
            margin-right: 0;
            font-size: 2em;
            letter-spacing: .1em;
            border-bottom: .1em solid var(--dark-color);
        }
    }
    & > details {
        width: 100% !important;
        padding: 1em;
        display: flex;
        flex-direction: column;
        border-radius: .5em;
        box-shadow: var(--box-shadow);
        & > summary {
            max-width: 100%;
            cursor: pointer;
            margin: 0;
            display: grid;
            grid-template-columns: auto 1fr;
            gap: 1em;
            & > svg {
                width: 2em;
                aspect-ratio: 1/1;
                fill: var(--one-color);
            }
            & > span {
                width: 100%;
                color: var(--one-color);
                line-height: 2em;
                font-weight: bold;
                letter-spacing: .1em;
            }
        }
        & > article {
            width: 100%;
            padding: 1em;
            user-select: none;
        }
    }
}