.cards ul{display:flex;flex-wrap:wrap;gap:var(--gap);list-style-type:none;padding-left:0}.cards ul .card{background-color:var(--background-color);border-radius:20px;display:flex;flex-direction:column;margin-top:0;position:relative;width:calc(100%/var(--per-row) - var(--gap))}@media not screen and (min-width:768px){.cards ul .card{width:100%}}.cards ul .card__inner{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:30px}.cards ul .card__inner .title{font-size:20px}.cards ul .card__inner .title a:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.cards ul .card__inner .description{font-size:16px}.cards ul .card__link{align-items:center;color:var(--text-color);display:flex;font-size:18px;font-weight:700;justify-content:space-between}.cards ul .card__link .arrow{align-items:center;border:3px solid var(--arrow-color);border-radius:100px;display:flex;flex-shrink:0;height:45px;justify-content:center;width:45px}.cards ul .card__link .arrow svg path{fill:var(--arrow-color)}.cards ul .card__link--right{display:flex;justify-content:flex-end}.cards ul .card--image .card__image{border:1px solid #fff;border-top-left-radius:20px;border-top-right-radius:20px;flex-shrink:0;height:165px}.cards ul .card--image .card__image img{border-top-left-radius:20px;border-top-right-radius:20px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.cards ul .card--image .card__image--auto{align-items:center;background-color:#000;display:flex;justify-content:center}.cards ul .card--image .card__image--auto img{height:auto;-o-object-fit:none;object-fit:none;width:auto}.cards ul .card--image .card__inner .title{font-size:20px;font-weight:700}.cards ul .card--image .card__inner .description{font-size:16px}.cards ul .card--image .card__link{font-size:18px}.cards ul .card--image .card__link .arrow{border:none;border-radius:0;height:auto;width:auto}.cards ul .card--image .card__link .arrow svg path{fill:#fff}@media not screen and (min-width:768px){.cards ul .card--image .card__link{margin-top:20px}}.cards ul .card--icon .card__image{padding:30px 30px 0}.cards ul .card--icon .card__link{font-size:18px;margin-top:20px}