@keyframes hero{to{opacity:1;translate:0 0}}.hero-section{overflow:hidden;position:relative}.hero-section:after{animation:hero .5s cubic-bezier(0,0,.2,1) forwards;background:#fff0 url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 40"><defs><style> @keyframes w {50% { transform: translateX(-120px); }} %23w { animation: w 20s ease-in-out infinite; transform: translateX(120px); } </style></defs><path fill="%237de056" d="M0 0h1920v40H0z"/><path id="w" fill="%230c2e4e" d="M2280.4 5h-505.8l-10.2 35.1h516V5zM134.7 5h-584.4v35.1H145L134.7 5zM1207.5 5H703l-10.3 35.1h525.2L1207.5 5z"/></svg>') no-repeat center top / cover;content:"";opacity:0;position:absolute;bottom:0;translate:0 37px;height:37px;width:100%;z-index:1}#upcoming{background:#d9d9d980;padding:80px 0 108px;z-index:1}#upcoming>div{display:flex;flex-wrap:wrap;margin:0 auto;width:min(100%, 1488px)}#upcoming>div>div{border-radius:10px;background:var(--white);box-shadow:0 6px 10px 0 #00000026;margin:0 26px 26px;overflow:hidden;position:relative;padding:54px 54px 126px;width:calc(100% / 3 - 52px)}#upcoming>div>div>div:last-of-type{background:var(--blue);color:var(--white);font-size:22px;font-weight:600;line-height:36px;padding:18px 54px;position:absolute;bottom:0;left:0;width:100%}#upcoming h2{margin-bottom:54px}#upcoming h3{font-size:30px;line-height:36px;margin-bottom:9px;padding-top:0}#upcoming time{font-size:22px;font-weight:600;line-height:36px}#upcoming time+div{font-size:22px;line-height:36px;margin-bottom:27px}@media (max-width:1200px){#upcoming>div:first-child{padding:0 26px}#upcoming>div{flex-direction:column}#upcoming>div>div{margin-bottom:27px;padding:27px 18px 90px;width:calc(100% - 52px)}#upcoming>div>div>div:last-of-type{padding:18px}}