#contact .content .points .point {
    --contact-qtd-columns: 3;

    width: calc((100% - (1.5rem * (var(--contact-qtd-columns) - 1))) / var(--contact-qtd-columns));
    padding: 1.5rem;
    border: 1px solid rgba(0, 0, 0, .3);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;

    .top {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: .8rem;

        svg {
            width: 48px;
            height: 48px;
            fill: var(--primary);
        }

        .h3 {
            font-size: 17px;
            font-weight: 500;
            text-align: center;
        }
    }

    .bottom {
        flex-direction: column;
        gap: .8rem;

        &, .source {display: flex;}

        &, .paragraphs, .source {
            align-items: center;
            justify-content: center;
        }

        .paragraphs p {
            font-size: 14px;
            color: var(--clr-dark-paragraph);
            text-align: center;
        }

        .source span {
            font-size: 13px;
            color: var(--clr-dark-paragraph);
            text-align: center;
        }
    }
}

#faq .content .items .item {
    display: flex;
    flex-direction: column;
    gap: .9rem;
    width: 100%;

    .title h2 {
        font-size: 22px;
        font-weight: 600;
    }

    .blocks {
        display: flex;
        flex-direction: column;
        gap: .8rem;

        .block {
            display: flex;
            flex-direction: column;
            gap: 1.2rem;
            padding: 1rem 1.2rem;
            border: 1px solid rgba(0, 0, 0, .3);
            border-radius: 8px;
            cursor: pointer;

            &.active {
                .question svg {transform: rotateZ(180deg);}
                .answer {display: flex;}
            }

            .question {
                display: flex;
                justify-content: space-between;
                gap: 1.5rem;

                svg {transition: all .2s;}
            }

            .answer {
                display: none;
                flex-direction: column;
                gap: .9rem;

                p {
                    font-size: 15px;
                    color: var(--clr-dark-paragraph);
                }
            }
        }
    }
}

@media (max-width: 1024px) {
    #faq .content .items .item {
        .title h2 {
            text-align: center;
            font-size: 18px;
        }

        .blocks .block {
            .question {font-size: 15px;}
            .answer p {font-size: 14px;}
        }
    }
    
    #contact .content .points .point {--contact-qtd-columns: 2;}
}

@media (max-width: 600px) {
    #contact .content .points .point {--contact-qtd-columns: 1;}

    #cta .content .bottom {
        &, .buttons {width: 100%;}

        .buttons {
            flex-direction: column;
            gap: .5rem;
        }
    }
}