.hero.b2b .display-content-after-end>div{opacity:0;transition:opacity .6s ease-in-out}
.hero.b2b .display-content-after-end>video{transition:opacity .6s ease-in-out}
.hero.b2b .display-content-after-end.video-ended>div{opacity:1}
.hero.b2b .display-content-after-end.video-ended>video{opacity:0}
.hero.b2b.lited-up{margin-top:-72px}
.hero.b2b.lited-up>div{padding-top:72px}
.hero.b2b.lited-up>div>*:first-child{margin-top:-72px}
.hero.b2b.shade-1>div:before{background:rgba(0,0,0,0.24);position:absolute;inset:0;z-index:1;width:100%;content:""}
.hero.b2b>div{overflow:hidden;position:relative;z-index:2}
.hero.b2b>div::before{position:absolute;inset:0;content:""}
.hero.b2b>div>div{min-height:465px;display:flex;justify-content:center;flex-direction:column;align-items:flex-start;padding-top:160px;padding-bottom:160px}
.hero.b2b>div>div>div{max-width:800px}
.hero.b2b video{position:absolute;width:100%;height:100%;object-fit:cover;z-index:1;inset:0}
.hero.b2b .btn{width:auto;font-family:TitlingGothicFB-NormalMedium;font-size:14px;font-weight:500;letter-spacing:.03em;padding:16px 30px;height:42px}
.hero.b2b .btn-wrapper{margin-top:32px}
.hero.b2b .hero-date-location{display:flex;gap:8px;margin-top:32px}
.hero.b2b .hero-date-location .hero-location-icon{padding:0 0 0 8px}
.hero.b2b .hero-date-location .hero-date-text,.hero.b2b .hero-date-location .hero-location-text{line-height:30px}
.hero.b2b ul{list-style:none;padding:0;margin:0;line-height:0;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.hero.b2b ul li{display:inline-block;border-radius:5px;padding:2px 5px;font-family:Archivo-SemiBold;font-size:10px;line-height:10px;letter-spacing:.03em;margin-bottom:0 !important;border:1px solid #001423;color:#001423}
.hero.b2b ul li[data-tag*="post"]{border:1px solid #9f77e0;color:#9f77e0}
.hero.b2b ul li[data-tag*="business"]{border:1px solid #5dc99f;color:#5dc99f}
.hero.b2b ul li[data-tag*="event"]{border:1px solid #ffb950;color:#ffb950}
@media(min-width:992px){.hero.b2b>div>div{min-height:465px}
.hero.b2b.higher>div>div{min-height:688px}
.hero.b2b.lited-up{margin-top:-88px}
.hero.b2b.lited-up>div{padding-top:88px}
.hero.b2b.lited-up>div>*:first-child{margin-top:-88px}
}
@media(max-width:991.98px){.hero.b2b>div.width-full{margin:0}
}