.card__item{padding:1rem;border-radius:.5rem;display:flex;flex-direction:column;gap:.62rem}.card__img{aspect-ratio:3/4;width:100%;object-fit:cover;border-radius:.5rem;max-height:18rem}.card__tag{position:absolute;top:0;left:0;background-color:#010741;padding:.5rem 1rem;color:#fff;border-top-left-radius:.5rem;font-family:"Proeduca",Helvetica,sans-serif;font-size:1.125rem;font-style:normal;line-height:1.25rem;font-weight:600}.card__head{display:flex;flex-direction:column;gap:.5rem}.card__icon{color:#0098cd;font-size:2rem}.card__icon-small{color:#0098cd;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 .5rem}.card__bottom{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);padding:1rem;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;color:#fff;font-family:"Proeduca",Helvetica,sans-serif;font-size:1rem;font-style:normal;line-height:1.5rem;font-weight:500}@media screen and (min-width: 768px){.card__item{padding:1.5rem;max-width:296px}.card__icon{font-size:3rem}.card__icon-small{margin:0 1rem}}.card--light .card__item{background-color:#fff}.card--light .card__title{font-family:"Proeduca",Helvetica,sans-serif;font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;font-weight:600;color:#010741}@media screen and (min-width: 768px){.card--light .card__title{font-size:1.25rem;line-height:1.75rem}}.card--light .card__description{font-family:"Proeduca",Helvetica,sans-serif;font-size:.75rem;font-style:normal;line-height:normal;font-weight:400}.card--grid-4{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem}@media screen and (min-width: 768px){.card--light .card__item,.card--light .card__head{align-items:center;text-align:center}.card--light .card__icon{font-size:3rem}.card--light .card__description{font-family:"Proeduca",Helvetica,sans-serif;font-size:1.125rem;font-style:normal;line-height:1.25rem;font-weight:400}.card--grid-4{grid-template-columns:repeat(4, 1fr);gap:1.5rem}}