.events{background-color:#18181b;width:100%;padding:96px 0}.events .content{box-sizing:border-box;flex-direction:column;width:100%;max-width:1400px;margin:0 auto;padding:0 16px;display:flex}.events .content .heading-container{flex-direction:column;margin-bottom:64px;display:flex}.events .content .heading-container .badge{color:#f43f5e;background-color:#f43f5e33;border-radius:9999px;width:fit-content;margin-bottom:16px;padding:4px 12px;font-size:14px;font-weight:500;line-height:20px}.events .content .heading-container h2{color:#fff;margin:0;font-size:48px;font-weight:700;line-height:48px}@media screen and (max-width:768px){.events .content .heading-container h2{font-size:30px;line-height:36px}}.events .content .heading-container h2 span{color:#f43f5e}.events .content .cards-container{flex-direction:column;gap:32px;width:100%;display:flex}.events .content .cards-container .card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#27272a80;border:1px solid #3f3f4680;border-radius:12px;flex-direction:row;align-items:stretch;width:100%;min-height:200px;transition:all .3s;display:flex}@media screen and (max-width:768px){.events .content .cards-container .card{flex-direction:column}}.events .content .cards-container .card:hover{border-color:#f43f5e4d}.events .content .cards-container .card:hover .right-container .info-container h3{color:#f43f5e}.events .content .cards-container .card:hover .image-container img{transform:scale(1.1)}.events .content .cards-container .card .image-container{border-top-left-radius:12px;border-bottom-left-radius:12px;flex-shrink:0;width:33.3333%;position:relative;overflow:hidden}@media screen and (max-width:768px){.events .content .cards-container .card .image-container{aspect-ratio:1;border-top-right-radius:12px;border-bottom-left-radius:0;width:100%}}.events .content .cards-container .card .image-container img{-o-object-fit:cover;object-fit:cover;border-top-left-radius:12px;border-bottom-left-radius:12px;width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0}@media screen and (max-width:768px){.events .content .cards-container .card .image-container img{border-top-right-radius:12px;border-bottom-left-radius:0}}.events .content .cards-container .card .image-container .gradient{background-image:linear-gradient(270deg,#000000b3,#0000);border-top-left-radius:12px;border-bottom-left-radius:12px;width:100%;height:100%;position:absolute;top:0;left:0}@media screen and (max-width:768px){.events .content .cards-container .card .image-container .gradient{background-image:linear-gradient(90deg,#000000b3,#0000);border-top-right-radius:12px;border-bottom-left-radius:0}}.events .content .cards-container .card .right-container{box-sizing:border-box;flex:1;align-items:center;gap:24px;width:66.6667%;padding:24px;display:flex}@media screen and (max-width:768px){.events .content .cards-container .card .right-container{flex-direction:column;align-items:flex-start;width:100%}}.events .content .cards-container .card .right-container .info-container{flex-direction:column;flex-grow:1;gap:8px;display:flex}.events .content .cards-container .card .right-container .info-container h3{color:#fff;margin:0;font-size:20px;font-weight:700;line-height:28px;transition:all .3s}.events .content .cards-container .card .right-container .info-container .location{color:#9ca3af;margin:0;font-size:16px;font-weight:400;line-height:24px}.events .content .cards-container .card .right-container .info-container .description{color:#d1d5db;margin:4px 0 0;font-size:16px;font-weight:400;line-height:24px}.events .content .cards-container .card .right-container .interaction-container{flex-direction:column;flex-shrink:1;gap:16px;width:fit-content;display:flex}.events .content .cards-container .card .right-container .interaction-container .timer-container{flex-direction:row;gap:8px;display:flex}.events .content .cards-container .card .right-container .interaction-container .timer-container .unit-container{flex-direction:column;gap:4px;display:flex}.events .content .cards-container .card .right-container .interaction-container .timer-container .unit-container .unit-box{background-color:#000;border-radius:4px;justify-content:center;align-items:center;padding:4px 8px;display:flex}.events .content .cards-container .card .right-container .interaction-container .timer-container .unit-container .unit-box p{color:#f43f5e;text-align:center;min-width:24px;margin:0;font-size:16px;font-weight:700;line-height:24px}.events .content .cards-container .card .right-container .interaction-container .timer-container .unit-container span{color:#6b7280;text-align:center;font-size:12px;font-weight:400;line-height:16px}.events .content .cards-container .card .right-container .interaction-container a{text-align:center;color:#18181b;box-sizing:border-box;background-color:#f43f5e;border-radius:6px;justify-content:center;align-items:center;width:100%;height:40px;padding:8px 16px;font-size:14px;font-weight:500;line-height:20px;text-decoration:none;transition:all .15s;display:flex}.events .content .cards-container .card .right-container .interaction-container a:hover{background-color:#e11d48}