.webinar-details{grid-area:details;padding-left:clamp(2rem,10%,8rem);padding-right:clamp(2rem,10%,8rem);.items{display:grid;gap:2.4rem;grid-template-columns:1fr;@media (min-width:640px){grid-template-columns:repeat(2,1fr)}@media (min-width:1024px){grid-template-columns:1fr}>div{align-items:center;display:flex;font-size:1.6rem;gap:1.6rem;.duration{font-size:1.4rem}}}.overline{color:var(--indigo);font-size:2rem;letter-spacing:.25em;margin-bottom:1em}.label{flex:1}.icon{align-items:center;background-color:var(--white);border-radius:6px;display:flex;height:4.8rem;justify-content:center;width:4.8rem;svg path{fill:var(--indigo)}}.date .icon svg{height:20px;width:21px}.time .icon svg{height:28px;width:25px}.cost .icon svg{height:24px;width:24px}.host .icon svg{height:7px;width:32px}}