.webinar-host{align-items:center;background:#fff;border-radius:4px;box-shadow:0 0 4px 0 rgba(0,0,0,.25);display:flex;flex-direction:column;padding:0 24px 24px;position:relative}.webinar-host-image{left:50%;margin:0 auto;position:absolute;top:-10%;transform:translate(-50%)}.webinar-host-image img{border-radius:100px;width:80px}.webinar-host-name{color:#333;font-size:1.25rem;font-weight:700;line-height:180%;padding-top:40px}.webinar-host-description{color:#333;font-size:1.25rem;line-height:2.25rem;text-align:center}.host-nav{align-items:center;display:flex;justify-content:center;padding-top:1rem}.host-nav li{cursor:pointer}.host-nav li+li{margin:0}.host-nav li:before{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Ccircle cx='6' cy='6' r='6' fill='%236B6B6B'/%3E%3C/svg%3E")}.host-nav li.active_host:before{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23006080'/%3E%3C/svg%3E")}@media (min-width:992px){.webinar-host-image{padding:0 40px 40px;top:-20%}}