.gradient-cards{display:flex;flex-direction:row;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:15px}.gradient-cards>a{flex:1 1 calc(33% - 15px);display:block;text-decoration:none}.gradient-cards .card{padding:200px 30px 30px;position:relative;height:100%;display:flex;flex-direction:column;background-size:cover}.gradient-cards .content-container{padding-bottom:20px;position:relative;z-index:10;margin-top:auto}.gradient-cards .content-container *{color:white;font-size:30px}.gradient-cards .content-container h3{margin:0}.gradient-cards .content-container:after{content:'';position:absolute;left:0;bottom:0;width:110px;height:2px;background-color:#ed3400;transition:background-color .3s ease}.gradient-cards>a:hover .content-container:after{background-color:white}.gradient-cards .card:before{content:'';position:absolute;transition:background .3s ease;top:0;left:0;width:100%;opacity:1;height:100%;transition:opacity .3s ease;background:#111821;background:-moz-linear-gradient(0,rgba(17,24,33,1) 0%,rgba(17,24,33,0.8141631652661064) 30%,rgba(255,255,255,0) 75%);background:-webkit-linear-gradient(0,rgba(17,24,33,1) 0%,rgba(17,24,33,0.8141631652661064) 30%,rgba(255,255,255,0) 75%);background:linear-gradient(0,rgba(17,24,33,1) 0%,rgba(17,24,33,0.8141631652661064) 30%,rgba(255,255,255,0) 75%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#111821",endColorstr="#ffffff",GradientType=1)}.gradient-cards .card:after{content:'';position:absolute;opacity:0;transition:opacity .3s ease;top:0;left:0;width:100%;height:100%;background:#ed3400;background:-moz-linear-gradient(0,rgba(237,52,0,1) 0%,rgba(237,52,0,1) 30%,rgba(255,255,255,0) 75%);background:-webkit-linear-gradient(0,rgba(237,52,0,1) 0%,rgba(237,52,0,1) 30%,rgba(255,255,255,0) 75%);background:linear-gradient(0,rgba(237,52,0,1) 0%,rgba(237,52,0,1) 30%,rgba(255,255,255,0) 75%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ed3400",endColorstr="#ffffff",GradientType=1)}.gradient-cards>a:hover .card:after{opacity:1}.gradient-cards>a:hover .card:before{opacity:0}@media(max-width:850px){.gradient-cards>a{flex:1 1 calc(50% - 15px)}}@media(max-width:550px){.gradient-cards>a{flex:1 1 100%}}