:root{--colorPrimary: rgb(2 52 68);--colorSecondary: #8fea06;--colorTertiary: #884dff;--colorError: #ff0000;--colorSuccess: #89e103;--colorWhite: #ffffff;--colorBlack: #000000;--colorGrey: #e8e8f3;--colorGreyLight: #f7f7fa;--colorPrimaryLight: #f1f1f9;--colorText: var(--colorPrimary);--underlineColor: var(var(--colorSecondary));--lineHeight: 1.675;--shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);--containerWidth: 1240px}.cards{display:flex;flex-direction:column;gap:10px;padding-inline:5px}.cards__item{display:flex}.cards__media{flex:0 0 100%;aspect-ratio:2/1}.cards__content{position:relative;flex:0 0 100%;margin-left:-100%;color:var(--colorWhite);display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.2);transition:background .3s}.cards__title{text-align:center;font-size:7.5vw;margin:0;transition:color .3s}.cards__cta{position:absolute;right:0;bottom:0}.cards--cols-4 .cards__title{font-size:20px}@media(min-width: 480px){.cards__title{font-size:35px}}@media(min-width: 750px){.cards{display:grid;grid-template-columns:1fr 1fr}.cards__item{min-width:0}.cards__media{aspect-ratio:1/1}}@media(min-width: 990px){.cards{grid-template-columns:repeat(3, 1fr)}.cards--cols-4{grid-template-columns:repeat(4, 1fr)}.cards--cols-4 .cards__title{font-size:26px}}@media(hover: hover){.cards__title{position:relative}.cards__title::after{content:"";position:absolute;top:100%;left:0;width:100%;height:13px;-webkit-clip-path:polygon(0 0, 0 0, 0 100%, 0 100%);clip-path:polygon(0 0, 0 0, 0 100%, 0 100%);background:url(/img/bg/line-blue.svg) no-repeat top left;background:url(/img/bg/line-blue.svg) no-repeat top left;background-size:contain;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s}.cards--cols-4 .cards__title::after{content:normal}.cards__item:hover{text-decoration:none}.cards__item:hover .cards__content{background-color:var(--colorSecondary)}.cards__item:hover .cards__title{color:var(--colorPrimary)}.cards__item:hover .cards__title::after{-webkit-clip-path:polygon(0 0, 0 100%, 100% 100%, 100% 0);clip-path:polygon(0 0, 0 100%, 100% 100%, 100% 0)}}
