.sv-container{

width:100%;

max-width:var(--container);

margin:auto;

padding:0 20px;

}

.sv-grid{

display:grid;

gap:24px;

}

.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-auto{

grid-template-columns:
repeat(auto-fit,minmax(280px,1fr));

}

.sv-flex{

display:flex;

}

.sv-between{

justify-content:space-between;

}

.sv-center{

justify-content:center;

align-items:center;

}

.sv-wrap{

flex-wrap:wrap;

}

.gap-10{

gap:10px;

}

.gap-20{

gap:20px;

}

.gap-30{

gap:30px;

}