section#cards{background-color:var(--shadow-purple)}section#cards.light{background-color:var(--neutral-9)}section#cards h2{text-align:center;text-transform:uppercase}section#cards:.dark h2{color:#fff}section#cards .description>:last-child{margin-bottom:0}section#cards .cards{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:-30px;margin-right:-30px}section#cards .card{align-items:flex-start;background:#fff;border-radius:4px;display:flex;flex:0 0 calc(33.33333% - 30px);flex-direction:column;margin:0 30px 30px 0;max-width:calc(33.33333% - 30px);opacity:1;padding:40px 32px 32px;transition:opacity .25s ease-out .15s}section#cards .card.hide{opacity:0;position:absolute;visibility:hidden}section#cards.light .card{box-shadow:0 0 5px rgba(0,0,0,.22)}section#cards .card .icon{margin:0 0 10px;width:auto}section#cards .card h3{font-family:Sofia Pro,sans-serif!important;font-weight:700}section#cards .card p{margin-bottom:25px}section#cards .card .media{border-radius:4px;margin-top:auto;overflow:hidden;padding-bottom:56%;position:relative;width:100%}section#cards .card .media>*{height:100%;left:0;position:absolute;top:0;width:100%}section#cards .card .media .plyr{border-radius:0}section#cards .card .media .youtube{border-radius:4px}section#cards .card .media+a{margin-top:25px}section#cards .card a{font-size:12px;margin-top:auto;padding-right:25px;position:relative}section#cards .card a,section#cards .card a:active,section#cards .card a:focus,section#cards .card a:visited{color:var(--neutral-1)}section#cards .card a:hover{color:var(--neon-purple)}section#cards .card a img,section#cards .card a svg{position:absolute;right:0;top:3px}section#cards .card a svg path{fill:var(--neutral-1);transition:all .1s ease-out}section#cards .card a:hover svg path{fill:var(--neon-purple)}section#cards .cards .show-more .btn{margin:15px 30px 15px 0;min-width:250px}@media (max-width:1024px){section#cards .card{flex:0 0 calc(50% - 30px);max-width:calc(50% - 30px)}section#cards .card:last-child{flex:0 0 calc(100% - 30px);max-width:calc(100% - 30px)}}@media (max-width:800px){section#cards .cards{align-items:center;flex-direction:column}section#cards .card,section#cards .card:last-child{flex:auto;max-width:500px}}