.upcoming-webinar-wrapper{margin-bottom:var(--spacing-24x)}.webinar__heading{align-items:center;display:flex;gap:var(--spacing-8x);justify-content:space-between;margin-bottom:var(--spacing-10x);@media (max-width:820px){align-items:flex-start;flex-direction:column}}.upcoming-webinar-wrapper .no-upcoming-msg{background:var(--yellow-200);border-radius:var(--radius-lg);padding:var(--spacing-4x) var(--spacing-6x)}.upcoming-webinar-wrapper .webinars-cards{display:grid;gap:var(--spacing-8x);grid-template-columns:repeat(auto-fill,minmax(302px,1fr))}.past-webinar-wrapper .webinar-card-wrapper{--width:33.33%;--offset:21.33333px;margin-bottom:var(--spacing-8x);width:calc(var(--width) - var(--offset));&:nth-last-child(-n+3){margin-bottom:0}@media (max-width:1024px){--width:50%}@media (max-width:640px){width:100%}}.webinar-card{border:1px solid transparent;border-radius:var(--radius-lg);box-shadow:var(--box-shadow-md);display:flex;flex-direction:column;gap:var(--spacing-5x);height:100%;padding:var(--spacing-6x) var(--spacing-6x) var(--spacing-8x);transition:var(--transition);&:hover{border-color:var(--blue-base);box-shadow:var(--box-shadow-lg);transform:translateY(-4px)}}.webinar-card__image{border-radius:var(--radius-lg);height:261px;object-fit:cover;width:100%;@media (max-width:640px){height:227px}}.webinar-card__body{display:flex;flex:1;flex-direction:column;gap:var(--spacing-6x);justify-content:space-between}.webinar-card__title{margin-bottom:var(--spacing-3x)}.webinar-card__description{color:var(--text-light);font-size:var(--text-sm)}.webinar-card__footer{align-items:center;display:flex;gap:var(--spacing-8x);justify-content:space-between}.webinar-card__date-time{color:var(--text-light);font-size:var(--text-sm);font-weight:500;letter-spacing:-.45px;text-wrap:nowrap}.webinar__filter-wrapper{padding:0;& .input:has(.webinar__filter){position:relative;&:after{content:var(--select-icon);inset:50% 16px auto auto;line-height:1;pointer-events:none;position:absolute;transform:translateY(-50%);transition:all .3s ease-in-out;z-index:1}}@media (max-width:820px){width:100%}}