.wm-webinar{display:flex;gap:20px}.wm-left{flex:2}.wm-right{flex:1;max-width:360px}.wm-featured-wrap img{width:100%;height:auto}.wm-video-wrap iframe{width:100%;height:400px}.wm-reg-form input,.wm-reg-form textarea{width:100%;margin-bottom:8px;padding:8px}.wm-reg-form button,.wm-join-wrap button,.wm-question-btn{padding:10px 14px;cursor:pointer}.wm-msg{margin-top:8px;font-weight:600}.wm-starting{padding:20px;background:#fff3cd;border:1px solid #ffeeba;text-align:center;font-weight:700}


.wm-questions-wrap .wm-q-item {
	border-bottom: 1px solid #eee;
	padding: 6px 0;
	font-size: 14px;
    font-weight: normal;
}
.wm-questions-wrap .wm-q-item strong{
	color: #3f51b5;
}


/* Countdown Layout */
.wm-countdown-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
    display: flex;
    gap: 2px;
}

.wm-countdown-item { }

.wm-countdown-box {
    background: #ebf2ff;
    color: #111e4f;
    padding: 6px 7px;
    border-radius: 8px;
    text-align: center;
    min-width: 72px;
    /* font-family: Arial, sans-serif; */
}

.wm-countdown-box .digit {
    display: block;
    font-size: 32px;
    font-weight: bold;
    line-height: 1;
}

.wm-countdown-box .label {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    opacity: 0.8;
}

/* Flip Animation */
.digit.flip {
    animation: wmFlip 0.3s ease-out;
}

/* Smooth drop animation */
.digit.flip {
    animation: wmDrop 0.45s ease-in-out;
}

@keyframes wmDrop {
    0% {
        transform: translateY(-40%) scale(1.1);
        opacity: 0;
    }
    50% {
        transform: translateY(10%) scale(1.05);
        opacity: 0.8;
    }
    100% {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

.digit {
    transition: all 0.2s ease-out;
    display: inline-block;
}


/* Expert Header */
.wm-expert-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 10px 0 15px;
}

.wm-expert-header img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

/* Question List */
.wm-q-item {
    display: flex;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

.wm-q-avatar img {
    width: 40px;
    height: 40px;
    border-radius: 50%!important;
}

.wm-q-user {
    font-weight: bold;
    margin-bottom: 3px;
}

.wm-q-text {
    line-height: 1.4;
}


.wm-ask-title {
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.wm-expert-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

/* When LIVE */
.wm-live-title {
    background: #e51d2c;
    color: #fff !important;
    padding: 3px 8px;
    font-weight: bold;
    border-radius: 4px;
    display: inline-block;
    font-size: 10px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

/* Optional: highlight entire container when webinar is LIVE */
.wm-live-mode {
    border: 2px solid #e60023;
    padding: 10px;
    border-radius: 10px;
}