.dot-matrix-container{background:radial-gradient(#430ddd,#22067f,#0d0445);padding:60px 0 40px;position:relative}.dot-matrix-wrapper{position:relative}.dot-matrix{background-color:transparent;background-image:radial-gradient(#fff 5%,transparent 20%);background-size:30px 30px;bottom:100px;padding:100px 0;position:absolute;top:100px;width:100%}.dot-matrix-box{padding:60px 0;position:relative}.item-dates-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:3rem;justify-content:center}.event-date-box{align-self:stretch;border-radius:10px;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09);padding:15px;transition:scale .3s;width:300px}.event-date-box:hover{animation:animate .2s linear 1;scale:1.05}.event-date-box.expired-event{filter:grayscale(1);transition:scale .3s}.event-date-box.expired-even:hover{animation:none;filter:grayscale(1);scale:1.05}.event-date-box-content{padding-top:10px}.event-date-box-title{font-size:80%;font-weight:600}.expired-event .event-date-box-title{text-decoration:line-through}.event-date-box-description{padding-right:1.5rem;position:relative}.expired-event .masterclass-time{text-decoration:line-through}.event-date-box-btn-div{border-radius:50%;bottom:0;box-shadow:0 3px 8px rgba(0,0,0,.24);display:flex;padding:.1rem .4rem .2rem;position:absolute;right:0;transition:scale .3s}.event-date-box-btn-div:hover{scale:1.1}.event-date-box-btn-div.expired-event{display:none}@keyframes animate{0%{transform:rotate(5deg)}25%{transform:rotate(0deg)}50%{transform:rotate(-5deg)}75%{transform:rotate(0deg)}to{transform:rotate(5deg)}}