section.u5m-cards{margin:var(--section-margin-none);padding:var(--section-padding-small);position:relative;.inner.has-background{border-radius:20px 20px 0 0;margin-inline:auto;max-width:1340px;padding:60px 0 0;position:relative;width:100%;&:before{border-radius:inherit;box-shadow:0 5px 14px rgba(0,0,0,.14);content:"";inset:0 0 200px;pointer-events:none;position:absolute;z-index:-1}.wrapper{margin-inline:auto;max-width:85%}}.section-inner.center .intro-content{margin-bottom:25px}.wrapper{display:flex;flex-wrap:wrap;justify-content:center;margin-inline:auto;max-width:1360rem;width:100%;@media (max-width:1440px){padding-inline:20rem}@media (max-width:580px){display:block}.card{background:linear-gradient(170.68deg,#fff 67.19%,#0039ff 288.76%);border-radius:10px;box-shadow:0 5.25001px 16.5px rgba(143,134,196,.07);cursor:default;flex-grow:0;margin:20rem 39rem;max-width:354px;overflow:hidden;position:relative;transition:box-shadow .25s ease-out,opacity 1.5s ease,transform 1.5s ease;width:100%;@media (max-width:580px){flex-basis:100%;margin-bottom:20px;margin-left:0;margin-right:0;margin-top:20px}&.has-link{cursor:pointer;&:hover .content .url span{background-color:rgba(0,0,0,.9);transition:all .2s ease}}.card-link{inset:0;position:absolute;z-index:10}.image{height:220rem;object-fit:cover;position:relative;width:100%;img{height:100%;object-fit:cover;width:100%}.card-video-popup{background:none;border:0;cursor:pointer;left:50%;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.slide-lottie{height:100%;position:absolute;width:100%;@media (max-width:768px){position:relative}}}.content{padding:32rem;.type{margin-bottom:10px}.title,.type{display:block}.title{color:#10173c;font-family:Nunito Sans,sans-serif;font-size:22rem;font-weight:700;line-height:1.1;margin:0 0 10rem}.teaser{display:block;margin-bottom:10rem;p{margin:0}}.url{display:block;span{background-color:rgba(0,0,0,.6);border-radius:20rem;color:#fff;cursor:pointer;display:inline-block;font-size:14rem;font-weight:700;line-height:1.8;margin:20px auto 0 0;padding:0 10rem;text-transform:uppercase;transition:background-color .2s;&:hover{background-color:rgba(0,0,0,.9);text-decoration:none}}}}}&.two .card{flex:0 0 calc(50% - 30rem);&:nth-child(1n){margin-left:0;margin-right:15px}&:nth-child(2n){margin-left:15px;margin-right:0}}&.three .card{flex:0 0 calc(33.333% - 30rem);margin:20rem 15rem;&:nth-child(3n+1){margin-left:0;margin-right:15px}&:nth-child(3n+3){margin-left:15px;margin-right:0}@media (max-width:1024px){flex:0 0 calc(50% - 30rem);margin-bottom:20rem;margin-left:15rem;margin-right:15rem;margin-top:20rem;&:nth-child(3n+1){margin-left:15rem}&:nth-child(3n+3){margin-right:15rem}}@media (max-width:768px){flex:0 0 100%;margin-left:0;margin-right:0;&:nth-child(3n+1),&:nth-child(3n+3){margin-left:0;margin-right:0}}@media (max-width:580px){margin-left:auto;margin-right:auto;&:nth-child(3n+1),&:nth-child(3n+3){margin-left:auto;margin-right:auto}}}&.four .card{flex-basis:calc(25% - 30rem);margin:20rem 15rem;@media (max-width:1024px){flex-basis:calc(50% - 30rem)}@media (max-width:580px){flex-basis:100%;margin-bottom:20px;margin-left:0;margin-right:0;margin-top:20px}}&.cards-type-2{padding-bottom:50px;@media (max-width:768px){padding-bottom:0}.card{background:#fff;box-shadow:none;height:calc(100% - 333px);overflow:visible;.image{border-radius:20px;box-shadow:0 5px 14px rgba(0,0,0,.14);height:333px;overflow:hidden;transition:all .2s ease}&:hover{box-shadow:none;filter:none;.image{height:363px;transition:all .2s ease}.content .url span{background-color:rgba(0,0,0,.9);transition:all .2s ease}}}}}}