.live-sessions-page{background-color:#f9f9f9;padding:3rem 6rem}.live-sessions-page span{-webkit-text-fill-color:transparent;color:#0000;background-image:linear-gradient(90deg,#0076fd,#bb5cf6,#fa01ef);-webkit-background-clip:text;background-clip:text}.live-sessions-page .title{text-transform:uppercase;font-size:.9rem;font-weight:700}.live-sessions-page h1{margin-bottom:.5rem;font-size:3rem;font-weight:800}.live-sessions-page .des{color:#333;font-size:1.2rem}.live-sessions-container{flex-wrap:wrap;gap:20px;margin-top:2rem;display:flex}.live-session-card{background-color:#fff;border:1px solid #eee;border-radius:20px;flex-direction:column;gap:.7rem;width:calc(33.333% - 20px);padding:1.5rem;display:flex;box-shadow:0 2px 4px #0000001a}.live-sessions-container .live-session-card .date{align-items:center;margin-left:2rem;font-size:.9rem;font-weight:700;display:flex}.card-image-wrapper{border-radius:10px;margin-bottom:.5rem;overflow:hidden}.card-image-wrapper img{object-fit:cover;width:100%;height:180px}.live-sessions-container .live-session-card h2{font-size:1rem;font-weight:700}.live-sessions-container .live-session-card .main{flex-direction:column-reverse;align-items:flex-start;gap:.5rem;display:flex}.live-sessions-container .live-session-card .main .slots{gap:.3rem;display:flex}.live-sessions-container .live-session-card .main .slots .slot-pill{cursor:pointer;text-decoration:underline}.live-sessions-container .live-session-card .main .time,.live-sessions-container .live-session-card .main .speaker{align-items:center;gap:.5rem;display:flex}.live-sessions-container .live-session-card .btn{text-align:center;color:#fff;background-image:linear-gradient(90deg,#0076fd,#bb5cf6,#fa01ef);border-radius:30px;justify-content:center;align-items:center;width:200px;padding:.5rem;font-size:.95rem;font-weight:500;transition:all .3s ease-in;display:flex}.live-sessions-container .live-session-card .btn:hover{transform:scale(1.02);box-shadow:0 10px 25px #0000001f}@media (max-width:1180px){.live-sessions-page{padding:2.5rem 1.8rem}}@media screen and (max-width:1024px){.live-sessions-page{padding:2.5rem 1.5rem}.live-session-card{width:calc(50% - 10px)}}@media screen and (max-width:768px){.live-sessions-page h1{font-size:2.5rem}.live-sessions-page .des{font-size:1.1rem}.live-session-card{width:100%}}@media screen and (max-width:480px){.live-sessions-page{padding:2rem 1rem}.live-sessions-page h1{font-size:1.5rem}.live-sessions-page .des{font-size:1rem}.live-sessions-container{gap:15px}.live-session-card{padding:1.2rem}.live-sessions-container .live-session-card .main{align-items:flex-start}}