/* Mobile Version */
.section-container {
    padding: 3rem 16px;
}

.big {
    font-size: 15px;
}

.intro {
    margin: 8px 0 32px 0;
    text-wrap: balance;
}

.btns-container {
    display: flex;
    gap: 16px;
    align-items: center;
    flex-wrap: wrap;
}

.cards-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.card {
    padding: 16px;
    border-radius: var(--medium-radius);
    box-shadow: var(--medium-shadow);
    background: white;
    border: var(--border);
}


    /* Pad Version */
    @media screen and (min-width: 768px) {
        .section-container {
            padding: 4rem 40px;
        }

        .big {
            font-size: 16px;
        }

        .intro {
            margin: 16px 0 35px 0;
        }
    }


        /* Desktop Version */
        @media screen and (min-width: 992px) {
            .section-container {
                padding: 5rem 56px;
            }

            .big {
                font-size: 19px;
            }

            .intro {
                margin: 20px 0 40px 0;
            }
        }