#learnMore .custom-gap {
    gap: 1rem !important;
}

#learnMore .custom-gap .custom-gap-col {
    flex: 0 0 calc((100% / var(--slots)) - 1rem) !important;
    max-width: calc((100% / var(--slots)) - 1rem) !important;
}

#learnMore .bloco {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-block-bg);
    height: 21rem;
}

#learnMore .bloco a p {
    color: var(--color-primary);
    font-size: var(--font-size-large);
}

@media only screen and (max-width: 767px) {
    #learnMore .custom-gap .custom-gap-col {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}