.cards{-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;row-gap:2.5rem;margin-top:3.125rem}.cards .cards__card{cursor:pointer;position:relative;background-color:#f5f5f5;border-radius:1rem;color:#27284c;padding:0.75rem 0.75rem 0 0.75rem;text-decoration:none;width:calc(25% - 0.9375rem);overflow:hidden}@media(max-width: 79.98rem){.cards .cards__card{width:calc(33.3333333333% - 0.83333rem)}}@media(max-width: 61.98rem){.cards .cards__card{width:calc(50% - 0.625rem)}}@media(max-width: 35.98rem){.cards .cards__card{width:100%}}.cards .cards__card .flex-watcher{width:calc(100% - 0);position:relative;z-index:2}.cards .cards__card .flex-watcher:after{content:"";position:absolute;top:calc(100% - 0.625rem);left:0;right:0;height:25rem;width:100%;background-color:#f5f5f5;z-index:1}@media(max-width: 35.98rem){.cards .cards__card .flex-watcher:after{display:none}}.cards .cards__card h5{max-width:calc(100% - 4rem);height:auto}.cards .cards__card .cards__cardimage img{width:100%;border-radius:0.25rem 0.25rem 0 0}.cards .cards__card .cards__cardcontent{background:#f5f5f5;position:absolute;bottom:0.9375rem;left:0.75rem;-webkit-transition:all .3s ease;transition:all .3s ease;width:calc(100% - 1.5rem);font-family:"work-sans",sans-serif;font-size:1rem;font-weight:400;line-height:1.375rem}@media(max-width: 35.98rem){.cards .cards__card .cards__cardcontent{position:relative;bottom:auto}}.cards .cards__card .cards__cardcontent>div{position:relative;padding-top:0.625rem}.cards .cards__card .cards__cardcontent>div>div{text-transform:capitalize;margin-bottom:0.625rem}.cards .cards__card .cards__cardcontent>div>div svg{margin-right:0.3125rem;width:1.125rem;min-width:1.125rem;height:auto}.cards .cards__card .cards__cardcontent .cards__arrow{opacity:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease;width:1.625rem;height:1.625rem}@media(max-width: 35.98rem){.cards .cards__card .cards__cardcontent .cards__arrow{opacity:1}}.cards .cards__card .cards__cardcontent .cards__arrow svg{width:1.625rem;height:1.625rem}.cards .cards__card:hover .cards__cardcontent{bottom:var(--card-height)}.cards .cards__card:hover .cards__cardcontent>div{z-index:2}.cards .cards__card:hover .cards__cardcontent .cards__arrow{opacity:1}@media(max-width: 61.98rem){.cards{margin-top:2.5rem}}@media(max-width: 35.98rem){.cards{row-gap:1.25rem}}.cards__pagination{border-top:0.125rem solid #31b7bc}
/*# sourceMappingURL=style.rem.css.map */