.cards{-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;row-gap:40px;margin-top:50px}.cards .cards__card{cursor:pointer;position:relative;background-color:#f5f5f5;border-radius:16px;color:#27284c;padding:12px 12px 0px 12px;text-decoration:none;width:calc(25% - 15px);overflow:hidden}@media(max-width: 79.98rem){.cards .cards__card{width:calc(33.3333333333% - 13.3333333333px)}}@media(max-width: 61.98rem){.cards .cards__card{width:calc(50% - 10px)}}@media(max-width: 35.98rem){.cards .cards__card{width:100%}}.cards .cards__card .flex-watcher{width:calc(100% - 0px);position:relative;z-index:2}.cards .cards__card .flex-watcher:after{content:"";position:absolute;top:calc(100% - 10px);left:0;right:0;height:400px;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% - 64px);height:auto}.cards .cards__card .cards__cardimage img{width:100%;border-radius:4px 4px 0 0}.cards .cards__card .cards__cardcontent{background:#f5f5f5;position:absolute;bottom:15px;left:12px;-webkit-transition:all .3s ease;transition:all .3s ease;width:calc(100% - 24px);font-family:"work-sans",sans-serif;font-size:16px;font-weight:400;line-height:22px}@media(max-width: 35.98rem){.cards .cards__card .cards__cardcontent{position:relative;bottom:auto}}.cards .cards__card .cards__cardcontent>div{position:relative;padding-top:10px}.cards .cards__card .cards__cardcontent>div>div{text-transform:capitalize;margin-bottom:10px}.cards .cards__card .cards__cardcontent>div>div svg{margin-right:5px;width:18px;min-width:18px;height:auto}.cards .cards__card .cards__cardcontent .cards__arrow{opacity:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease;width:26px;height:26px}@media(max-width: 35.98rem){.cards .cards__card .cards__cardcontent .cards__arrow{opacity:1}}.cards .cards__card .cards__cardcontent .cards__arrow svg{width:26px;height:26px}.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:40px}}@media(max-width: 35.98rem){.cards{row-gap:20px}}.cards__pagination{border-top:2px solid #31b7bc}
/*# sourceMappingURL=style.px.css.map */