/*==================================================
=                 GRID HOME PAGE
==================================================*/
.latest-grid{
    display:grid;
    grid-template-columns:
        repeat(auto-fit,minmax(280px,1fr));
    gap:var(--space-xl);
}

/*==================================================
=                Social Grid Contact PAGE
==================================================*/
.social-grid{
    margin-top: var(--space-md);
    display:grid;
    grid-template-columns:
        repeat(2,1fr);
    gap:var(--space-md);
}

/*=========================================
VALUES GRID ABOUT PAGE
=========================================*/
.values-grid{
    display:grid;
    grid-template-columns:
        repeat(
            auto-fit,
            minmax(260px,1fr)
        );
    gap:var(--space-xl);
    margin-top:var(--space-3xl);
}

/*======================================================
PROMOTION PAGE GRIDS
======================================================*/
.promotion-grid{
    width:min(1400px,92%);
    margin:var(--space-upperxl) auto;
    justify-items:center;
    display:grid;
    grid-template-columns:
        repeat(3,1fr);
    gap:var(--space-xl);
}

.benefit-grid{
    display:grid;
    grid-template-columns:
        repeat(4,1fr);
    gap:var(--space-xl);
    margin-top:var(--space-3xl);
}