:is(.event-detail-hero, .gated-banner, .generic-hero, .hero-section:not(#homepage_hero), .homepage-banner, .listing-page-hero, .resources-hero-zone)::after {
background-image: url('data:image/svg+xml,');
width: 75%;
max-width: 567px;
height: auto;
aspect-ratio: 568 / 541;
position: absolute;
right: -4px;
top: -18px;
left: auto;
transform: none !important;
z-index: 0;
background-repeat: no-repeat;
background-size: 100%;
background-size: contain;
@media (max-width: 991px) {
display: none;
}
}
:is(.gated-form, .gated-banner, .event-detail-hero) p.form-field.consent-stmt {
opacity: 0.7
}
.event-detail-hero {
--color-text-gray: #77797E;
--grey: var(--color-text-gray);
& .meet-experts {
margin: 0 0 42px 0;
padding: 0;
& :is(h2, h3, p) {
text-align: left;
color: #fff;
max-width: none;
}
& p:empty { display: none }
& h2 {
color: #fff;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 125%;
margin-bottom: 17px;
}
& h3 {
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 125%; /* 22.5px */
margin-bottom: 6px;
}
& p {
opacity: 0.8;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 125%; /* 17.5px */
margin: 0;
}
& .experts {
flex-direction: row;
justify-content: start;
flex-wrap: wrap;
gap: 16px 32px;
& .expert {
position: relative;
padding-left: 64px;
max-width: calc(50% - 16px);
@media (max-width: 991px) {
max-width: 100%;
}
}
}
& img {
position: absolute;
left: 0;
top: 0;
max-width: 48px;
border-radius: 200px;
border: 1px solid #FFF;
margin-right: 16px;
}
}
& ul {
margin: 0;
padding: 0;
list-style-type: none;
margin-bottom: 20px;
}
& li {
color: #fff;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 150%;
position: relative;
padding-left: 30px;
&::before {
content: '';
top: 7px;
width: 24px;
height: 24px;
mask-image: url('../images/webistry/iconamoon_chec.svg');
background-color: #8DFFF5;
mask-position: 50%;
mask-repeat: no-repeat;
display: inline-block;
vertical-align: middle;
position: absolute;
left: 0;
}
}
& .align-items-center { gap: 30px 80px !important }
& #ratings .img {
background-image: url(../images/webistry/g2-orange.svg?v=1);
}
& .gated-form {
padding-top: 32px;
@media (max-width: 991px) {
padding: 24px;
}
}
& #countdown {
margin: 0 auto;
padding-bottom: 24px;
}
@media (min-width: 500px) {
#countdown div {
min-width: 82px;
font-size: 32px;
}
}
& .cell-md-6 + .cell-md-6 {
max-width: 526px;
}
@media (max-width: 991px) {
& .align-items-center { flex-direction: column }
& .cell-md-6 + .cell-md-6,
& .cell-md-6 { flex: 1; width: 100%; max-width: 100% }
}
& h1 {
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 48px */
letter-spacing: -0.2px;
margin-bottom: 42px;
}
& .edh-content .edh-cat {
color: rgba(255, 255, 255, 0.80);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 19.2px */
letter-spacing: -0.16px;
margin-bottom: 17px;
}
& .edh-tag-wrap,
&::before { display: none !important }
& .edh-wrap {
background: linear-gradient(104deg, #142B3D 19.43%, #2C5B7A 78.74%, #215273 91.28%, #1F425B 112.6%);
padding: 56px var(--sideGap);
}
& form[data-gtm-form-interact-id] {
background-color: transparent !important;
}
& .edh-more-info {
border-bottom: 1px solid #E5E5E9;
padding: 0 0 24px 0;
margin: 0 0 12px 0;
}
& :is(.edh-more-info, .details-of-webinar) {
box-shadow: none;
& p {
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 150%;
color: var(--color-text-gray);
}
}
& .edh-more-info strong {
color: #344054;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 125%; /* 25px */
}
& .edh-more-info {
p { margin-bottom: 16px }
& div {
font-size: 0;
}
& span {
color: var(--color-text-gray);
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 19.2px */
letter-spacing: -0.16px;
}
}
& .container.d-flex {
display: flex;
gap: 12px;
justify-content: start;
}
}
.event-detail-hero :is(.edh-date, .edh-time, .edh-duration, .edh-price) {
padding: 0;
margin: 0;
&::before {
content: '';
width: 20px;
height: 20px;
margin-right: 6px;
display: inline-block;
vertical-align: bottom;
}
}
@media(min-width: 991px) {
.event-detail-hero .edh-time {
width: calc(100% - 150px);
text-align: left;
}
}
.event-detail-hero .edh-date::before {
position: relative;
background-image: url('data:image/svg+xml,')
}
.event-detail-hero .edh-time::before {
position: relative;
background-image: url('data:image/svg+xml,')
}
.event-detail-hero .edh-duration::before {
position: relative;
background-image: url('data:image/svg+xml,');
transform: translateY(4px);
}
.event-detail-hero .edh-price { display: none }
.event-detail-hero .edh-duration + .edh-price { display: block }
.event-detail-hero .edh-price::before {
position: relative;
background-image: url('data:image/svg+xml,')
}
.gated-form {
max-width: 48.13rem;
margin: auto;
}