/* =================================================================== WEBINAR MORE section css =================================================================== */
.webinar-more {
    padding-block: var(--sectionGap);
    background: var(--surface-1);

    & .webinar-more__head {
        display: flex; align-items: flex-end; justify-content: space-between;
        gap: var(--sp30);
        margin-bottom: var(--sp50);

        & .section-title-wrap { margin-bottom: 0; }
    }

    & .webinar-more__grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: var(--g30);
    }
}

/* =================================================================== RESPONSIVE =================================================================== */
@media (max-width: 991.98px) {
    .webinar-more {
        & .webinar-more__grid { grid-template-columns: 1fr 1fr; }
    }
}

@media (max-width: 767.98px) {
    .webinar-more {
        & .webinar-more__head { flex-direction: column; align-items: flex-start; }
    }
}

@media (max-width: 575.98px) {
    .webinar-more {
        & .webinar-more__grid { grid-template-columns: 1fr; }
    }
}