/* staggered — generated by scripts/split-css.mjs from style.css. Do not edit by hand. */
.staggered-grid-component {
    padding-top: 106px;
}

.staggered-grid-component:last-of-type {
        padding-bottom: 100px;
    }

.staggered-grid {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 27px;
    row-gap: 48px;
}

.staggered-grid img {
        width: 100%;
    }

@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .staggered-grid {
        grid-template-columns: repeat(3, minmax(207px, 207px));
    }
}

@media only screen and (min-width: 1024px) {
  .staggered-grid {
        grid-template-columns: repeat(4, minmax(207px, 207px));
    }
}

.staggered-grid > div {
    display: flex;
    align-items: flex-start;
}

.staggered-grid > div:nth-child(odd) {
        flex-direction: column;
    }

.staggered-grid > div:nth-child(odd) h6 {
            margin-top: 0;
            margin-bottom: 19px;
        }

.staggered-grid > div:nth-child(even) {
        justify-content: flex-end;
        flex-direction: column-reverse;
    }

.staggered-grid > div:nth-child(even) h6 {
            margin-top: 20px;
        }