.grid-container{grid-template-columns:repeat(12,1fr);gap:1.5rem;width:100%;max-width:1440px;margin:0 auto;padding:0 1.5rem;display:grid}@media (max-width:1024px){.grid-container{gap:1rem;padding:0 1rem}}@media (max-width:768px){.grid-container{grid-template-columns:repeat(4,1fr);gap:.5rem;padding:0 .5rem}}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.col-span-6{grid-column:span 6/span 6}.col-span-7{grid-column:span 7/span 7}.col-span-8{grid-column:span 8/span 8}.col-span-9{grid-column:span 9/span 9}.col-span-10{grid-column:span 10/span 10}.col-span-11{grid-column:span 11/span 11}.col-span-12{grid-column:span 12/span 12}