@import 'variables';

// Showcase Section

.itre-showcase {

    &__sections {
        display: grid;
        gap: 1.5rem;

        @media (min-width: 48rem) {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    &__section {
        text-align: center;
        margin-bottom: 2rem;

        @media (min-width: 60rem) {
            margin-bottom: 0;
        }
    }

    figure {

        margin-bottom: 1.25rem;
        img {
            width: 65%;
            margin: auto;
        }
    }

    h3 {
        position: relative;
        padding-bottom: 0.5rem;
        margin-bottom: 1rem;

        &:before {
            content: "";
            position: absolute;
            top: 100%;
            height: 0.25rem;
            width: 5rem;
            background-color: var(--accent);
            left: 0;
            right: 0;
            margin: auto;
        }
    }
}