.services {
    gap: 2rem;

    .service {
        background-color: var(--wp--preset--color--accent);
        border-radius: 20px;
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 1rem;
        height: 100%;
        color: var(--wp--preset--color--base);

        h2, h3, h4, p {
            padding: 0 2rem 2rem;

            &:first-child {
                padding-top: 2rem;
            }
        }

        img {
            width: 180px;
        }
    }

    @media (max-width: 1350px) and (min-width: 768px) {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
    }

    &.contact-services {
        p {
            padding: 0 2rem !important;
        }

        .wp-block-button {
            padding: 2rem;
        }
    }
}