.cardselement .cards{--cardBaseSize: 550px;display:grid;grid-auto-flow:dense;gap:2rem;grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--cardBaseSize)), 1fr));container-type:inline-size}.cardselement .cards .card{display:flex;gap:1.5rem}.cardselement .cards .card>div{padding:0}.cardselement .cards .card-body{display:flex;gap:1rem}@media screen and (min-width:768px){.cardselement .cards .card-body{gap:2rem}}.cardselement .cards.WithIcon{--cardBaseSize: 300px}.cardselement .cards.WithIcon .card{background-color:var(--clr-primary);padding:2.5rem}@media screen and (min-width:768px){.cardselement .cards.WithIcon .card{gap:2rem}}.cardselement .cards.WithIcon .card img{max-width:55px}.cardselement .cards.WithIcon .card-body{flex-direction:column}.cardselement .cards.WithImage .card-body{align-items:center}@media screen and (min-width:992px){.cardselement .cards.WithImage .card-body{gap:4rem}}