@-webkit-keyframes scrollInfinite{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
to{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes scrollInfinite{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
to{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeOut{from{opacity:1}
to{opacity:0}
}
@keyframes fadeIn{0{opacity:0}
100%{opacity:1}
}
.m-187-event-banner{--bg-image:url("../../../clientlibs/clientlib-base/resources/img/background/event-banner/event_banner_dsk.svg");padding-top:20px !important}
.m-187-event-banner .mob{display:none}
.m-187-event-banner .event-card{width:100%;min-height:315px;padding:17px 37px;border-radius:20px;box-sizing:border-box;border:3px solid #e2f3f5;color:#0f2033;font-family:"Noto Sans",sans-serif;position:relative}
.m-187-event-banner .event-card .logo{width:80px;height:31.66px}
.m-187-event-banner .event-card .logo img{width:100%;height:100%;object-fit:contain}
.m-187-event-banner .event-card .event-text{display:flex;flex-direction:column;gap:10px;width:593px;height:100%;position:relative;z-index:1}
.m-187-event-banner .event-card .event-title{color:#0f2033;font-family:"AvenirNext-DemiBold",sans-serif;font-size:28px;line-height:36px}
.m-187-event-banner .event-card .event-description{font-size:16px;line-height:26px}
.m-187-event-banner .event-card .progress{width:100%;height:6px;min-height:6px;border-radius:6px;background-color:#00747a}
.m-187-event-banner .event-card .event-info{gap:10px}
.m-187-event-banner .event-card .event-info .date,.m-187-event-banner .event-card .event-info .location{position:relative;display:inline;font-size:14px;line-height:22px;min-height:24px;width:270px;padding-left:34px}
.m-187-event-banner .event-card .event-info .date:before,.m-187-event-banner .event-card .event-info .location:before{position:absolute;display:block;left:0;top:0;content:"";width:24px;height:24px;background-repeat:no-repeat;background-size:contain;background-position:center;margin-right:10px}
.m-187-event-banner .event-card .event-info .location strong{padding-right:2px}
.m-187-event-banner .event-card .event-info .date::before{background-image:url("../../../clientlibs/clientlib-base/resources/img/icons2/calendar-blue.svg")}
.m-187-event-banner .event-card .event-info .location::before{background-image:url("../../../clientlibs/clientlib-base/resources/img/icons2/clinic-blue.svg")}
.m-187-event-banner .event-card .cta-wrapper{gap:20px;margin-top:10px;align-items:center}
.m-187-event-banner .event-card .cta-wrapper,.m-187-event-banner .event-card .event-info{display:flex;flex-wrap:wrap}
.m-187-event-banner .event-card .product-image{background-image:var(--bg-image);background-repeat:no-repeat;background-position:right;background-size:720px 720px;position:absolute;top:0;right:0;bottom:0;width:720px;display:flex;justify-content:center;align-items:center}
.m-187-event-banner .event-card .product-image img{width:256px;height:156px;object-fit:contain}
.m-187-event-banner .share-modal-open{padding:20px 0}
@media only screen and (max-width:939px){.m-187-event-banner{--bg-image:url("../../../clientlibs/clientlib-base/resources/img/background/event-banner/event_banner_tablet.svg")}
.m-187-event-banner .event-card{padding:17px;display:flex;height:fit-content;background-position:top right;background-image:var(--bg-image);background-repeat:no-repeat}
.m-187-event-banner .event-card .event-text{height:auto;justify-content:flex-end;width:100%}
.m-187-event-banner .event-card .event-title{margin-top:100px}
.m-187-event-banner .event-card .event-info .date,.m-187-event-banner .event-card .event-info .location{width:100%}
.m-187-event-banner .event-card .event-title,.m-187-event-banner .event-card .event-description,.m-187-event-banner .event-card .event-info,.m-187-event-banner .event-card .progress{width:384px}
.m-187-event-banner .event-card .cta-wrapper{width:100%;gap:20px}
.m-187-event-banner .event-card .cta-wrapper .cta{width:100%}
.m-187-event-banner .event-card .product-image{background-image:none;top:136px;bottom:unset;right:72px;width:168px;height:107px;margin:0}
.m-187-event-banner .event-card .product-image img{width:100%;height:100%}
}
@media only screen and (max-width:709px){.m-187-event-banner{--bg-image:url("../../../clientlibs/clientlib-base/resources/img/background/event-banner/event_banner_mob.svg")}
.m-187-event-banner .mob{display:flex}
.m-187-event-banner .desk{display:none}
.m-187-event-banner .event-card{background-position:top right}
.m-187-event-banner .event-card .event-title{width:189px;font-size:22px;line-height:30px}
.m-187-event-banner .event-card .event-description,.m-187-event-banner .event-card .event-info,.m-187-event-banner .event-card .progress{width:100%}
.m-187-event-banner .event-card .product-image{top:26px;right:13px}
}