.component__cards{padding:2rem 0}@media screen and (min-width:992px){.component__cards{padding:4rem 0}}.cards__title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center}@media screen and (min-width:992px){.cards__title{margin-bottom:3rem}}.cards__items{display:grid;grid-template-columns:1fr;grid-gap:2rem}@media screen and (min-width:768px){.cards__items{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:992px){.cards__items{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1200px){.cards__items{grid-template-columns:repeat(4,1fr)}}