/*=========================================
SAMVET DESIGN SYSTEM
GRID
=========================================*/

.row{
display:grid;
gap:30px;
}

/* Columns */

.grid-1{
grid-template-columns:1fr;
}

.grid-2{
grid-template-columns:repeat(2,1fr);
}

.grid-3{
grid-template-columns:repeat(3,1fr);
}

.grid-4{
grid-template-columns:repeat(4,1fr);
}

.grid-5{
grid-template-columns:repeat(5,1fr);
}

.grid-6{
grid-template-columns:repeat(6,1fr);
}

/* Auto Grid */

.grid-auto{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:30px;
}

/* Gap */

.gap-10{gap:10px;}
.gap-20{gap:20px;}
.gap-30{gap:30px;}
.gap-40{gap:40px;}
.gap-60{gap:60px;}

/* Alignment */

.align-start{align-items:start;}
.align-center{align-items:center;}
.align-end{align-items:end;}

.justify-start{justify-content:start;}
.justify-center{justify-content:center;}
.justify-end{justify-content:end;}
.justify-between{justify-content:space-between;}